Oracle APEX theme CSS верхний левый гамбургер

Question

Меня попросили задать тему моего приложения APEX 19.2, и дизайнер вернулся с довольно простым вопросом. Верхний левый гамбургер будет белого и фиолетового цвета, как показано ниже:

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

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

CSS Я сейчас пытаюсь

t-Button--icon {
  color: #393093!important;
  background: #ffffff!important;
  border-color: #393093!important;

}

t-Button--header {
  color: #393093!important;
  background: #ffffff!important;
  border-color: #393093!important;
}
t-Button--headerTree  {
  color: #393093!important;
  background: #ffffff!important;
  border-color: #393093!important;
}

t-Header-controls {
  color: #393093!important;
  background: #ffffff!important;
  border-color: #393093!important;
}
is-active {
  color: #393093!important;
  background: #ffffff!important;
  border-color: #393093!important;
}

NavigationBar {
  color: #393093!important;
  background: #ffffff!important;
  border-color: #393093!important;
}

Даже при всем этом моя кнопка активна и зависает по-прежнему так:

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

Answer 1

Вам следует использовать селектор CSS :hover, который используется для выбора элементов при наведении на них курсора.

При условии, что в меню гамбургера есть класс с именем burguer

.burguer:hover {
color: #393093;
background: #ffffff;
border-color: #393093;
}