Изменить внешний вид индикатора
Я нашел тему, которая мне действительно нравится (Flatstudio для всех, кто интересуется), но есть только одна незначительная вещь, которая работает не так, как ожидалось:
если вы посмотрите на скриншот в меню сообщений индикатора, то он выглядит действительно великолепно (значки взяты из темы значков Numix), но «точка наблюдения», указывающая, что онлайн-статус имеет тот же цвет, что и цвет фона меню, и поэтому невидим ...
Я не хочу менять цвет меню, но цвет маркированного пункта возможен, потому что другие темы имеют разные цвета. Я уже установил gnome-color-chooser, но я не могу найти возможность изменить этот конкретный цвет.
Я сам хочу изменить строку в соответствующем файле .css, но теперь мне нужно узнать, как называется соответствующая переменная.
Кто-нибудь может помочь?
Редактировать: Я обнаружил, что по той же причине не видны также галочки в индикаторе батареи, индикаторе bluetooth и т. Д. Можно ли изменить расстояние между значками меню и текстом?
1 ответ
У вас есть манипуляции с файлами CSS темы.
Найдите «пули» в файлах CSS, измените их и посмотрите результат. Попробуйте изменить @theme_selected_fg_color на белый или любой другой цвет и посмотрите разницу.
Файлы, которые необходимо изменить:
Flatstudio / gtk-3.0 / menu.css Flatstudio / gtk-3.0 / menu_frame.css
Внутри menu.css:
Измените это:
.menuitem:hover,
.menu .menuitem:hover {
/* contextual menu item-selected */
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 1.0)),
to (shade (@theme_selected_bg_color, 1.0)));
color: @theme_selected_fg_color;
text-shadow: 0px 1px @theme_selected_shadow_color;
-unico-bullet-color: @theme_selected_fg_color;
}
на это
.menuitem:hover,
.menu .menuitem:hover {
/* contextual menu item-selected */
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 1.0)),
to (shade (@theme_selected_bg_color, 1.0)));
color: #ffffff;
text-shadow: 0px 1px @theme_selected_shadow_color;
-unico-bullet-color: #ffffff;
}
и измените это:
.menuitem.check:active:hover,
.menuitem.radio:active:hover {
border-width: 0px;
border-style: none;
background-image: none;
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
-unico-bullet-color: @theme_selected_fg_color;
}
на это
.menuitem.check:active:hover,
.menuitem.radio:active:hover {
border-width: 0px;
border-style: none;
background-image: none;
background-color: @theme_selected_bg_color;
color: #ffffff;
-unico-bullet-color: #ffffff;
}
Сейчас перейдите в другой файл, menu_frame.css:
Измените это:
.menuitem:hover,
.menu .menuitem:hover {
/* contextual menu item-selected */
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 1.0)),
to (shade (@theme_selected_bg_color, 1.0)));
color: @theme_selected_fg_color;
text-shadow: 0px 1px @theme_selected_shadow_color;
-unico-bullet-color: @theme_selected_fg_color;
}
на это
.menuitem:hover,
.menu .menuitem:hover {
/* contextual menu item-selected */
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 1.0)),
to (shade (@theme_selected_bg_color, 1.0)));
color: #ffffff;
text-shadow: 0px 1px @theme_selected_shadow_color;
-unico-bullet-color: #ffffff;
}
И измените это:
.toolbar .menuitem:hover,
Genericmenuitem .menuitem:hover,
DbusmenuGtkMenu .menuitem:hover,
.primary-toolbar .menuitem:hover,
.menubar.menuitem:hover,
.menubar .menuitem:hover {
/* dark menu item-selected */
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 1.0)),
to (shade (@theme_selected_bg_color, 1.0)));
color:@theme_selected_fg_color;
text-shadow: 0px 1px @theme_selected_shadow_color;
-unico-bullet-color: @theme_selected_fg_color;
border-image: none;
}
к этому
.toolbar .menuitem:hover,
Genericmenuitem .menuitem:hover,
DbusmenuGtkMenu .menuitem:hover,
.primary-toolbar .menuitem:hover,
.menubar.menuitem:hover,
.menubar .menuitem:hover {
/* dark menu item-selected */
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 1.0)),
to (shade (@theme_selected_bg_color, 1.0)));
color:#ffffff;
text-shadow: 0px 1px @theme_selected_shadow_color;
-unico-bullet-color: #ffffff;
border-image: none;
}
Наконец, измените это:
.menuitem.check:active,
.menuitem.radio:active {
border-width: 0px;
border-style: none;
background-image: none;
background-color: @menu_bg_color;
/* contextual menu check */
color: @theme_selected_fg_color;
-unico-bullet-color: @theme_selected_fg_color;
}
на это:
.menuitem.check:active,
.menuitem.radio:active {
border-width: 0px;
border-style: none;
background-image: none;
background-color: @menu_bg_color;
/* contextual menu check */
color: #ffffff;
-unico-bullet-color: #ffffff;
}
Я проверил это, и вот результаты:
До
После
