Настроить Bootstrap open nav anchor background color

Question

Я использую Bootstrap Customizer для создания файла конфигурации, который я могу распространять для клиентов, из которых они могут основывать свои сайты (используя мои собственные стили).

Все работает нормально, за исключением одной вещи. Чтобы обеспечить дополнительные уровни навигации (что-то Bootstrap не делает из коробки), я использую Smartmenus, который применяет класс 'open' к навигационному элементу li, который в настоящее время открыт (т. Е. Когда элемент списка зависает).

В ун-уменьшенная Bootstrap CSS, который выводится на настройщика следующие правила:

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus { 
    background-color: #eeeeee; 
    border-color: #337ab7; 
} 

Так все, что я хочу сделать, это изменить #eeeeee к чему-то еще, но я не могу увидеть, где в инструмент настройки Я могу установить это значение. Он должен быть установлен с помощью метода «lighten» или «darken» Less, поскольку там ничего нет с прямым значением #eeeeee, но я не могу определить, откуда он.

Я знаю, что я мог бы легко добавить переопределение с помощью некоторого пользовательского CSS для этого, но мне бы очень хотелось сделать это в инструменте конфигурации, чтобы передать файл конфигурации клиентам без необходимости добавлять пользовательские биты CSS и оговорки для них.

Может ли кто-нибудь увидеть, где в инструменте конфигурации я могу повлиять на это значение?

Большое спасибо.

Answer 1

При загрузке исходного кода Bootstrap вы увидите, что приведенный выше код CSS был определен в less/navs.less

// Открытые выпадающие .Open> а { &, &: парить, &: focus { background-color: @ nav-link-hover-bg; border-color: @ link-color; }}

less/variables.less определяет @nav-link-hover-bg следующим образом:

@nav-link-hover-bg:       @gray-lighter; 

и:

//## Gray and brand colors for use across Bootstrap. 

@gray-base:    #000; 
@gray-darker:   lighten(@gray-base, 13.5%); // #222 
@gray-dark:    lighten(@gray-base, 20%); // #333 
@gray:     lighten(@gray-base, 33.5%); // #555 
@gray-light:    lighten(@gray-base, 46.7%); // #777 
@gray-lighter:   lighten(@gray-base, 93.5%); // #eee