В общем, решил обойтись без скриптов, напрямую в стилях указать каждому пункту свой цвет, ибо у меня задается один раз и более не меняется.
Для тех, кто юзает чистый bootstrap, в своем шаблоне, подключаемом после(!) bootstrap'а:
.navbar-inner {padding: 0 4px 0 5px;}
/* menu items */
.navbar .nav > li {color: #555555;text-decoration: none;margin: 4px 4px 4px 0;}
/* lime */ .navbar .nav > li.item-109 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(200,240,170));border: 1px solid rgb(180,240,100);border-radius: 4px;padding: 5px 15px;}
/* aqua */ .navbar .nav > li.item-102 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(180,240,240));border: 1px solid rgb(100,240,240);border-radius: 4px;padding: 5px 15px;}
/* lilac */ .navbar .nav > li.item-103 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(240,150,240));border: 1px solid rgb(240,130,240);border-radius: 4px;padding: 5px 15px;}
/* limon */ .navbar .nav > li.item-108 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(240,240,130));border: 1px solid rgb(240,240,0); border-radius: 4px;padding: 5px 15px;}
/* green */ .navbar .nav > li.item-106 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(130,240,130));border: 1px solid rgb(70,240,70); border-radius: 4px;padding: 5px 15px;}
/* violet */ .navbar .nav > li.item-105 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(180,180,240));border: 1px solid rgb(150,150,240);border-radius: 4px;padding: 5px 15px;}
/* orange */ .navbar .nav > li.item-104 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(240,170,0));border: 1px solid rgb(240,150,0); border-radius: 4px;padding: 5px 15px;}
/* red */ .navbar .nav > li.item-107 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(240,100,100));border: 1px solid rgb(240,70,70); border-radius: 4px;padding: 5px 15px;}
/* brown */ .navbar .nav > li.item-101 > a {background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(240,80,0));border: 1px solid rgb(240,80,0); border-radius: 4px;padding: 5px 15px;}
.navbar .nav > .active > a, .navbar .nav > .active > a:active, .navbar .nav > .active > a:hover {color: rgb(51, 51, 51);-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);}
номера итемов свои подставьте только.
вам в помощь.
29.12.2021, 23:15:38