GTK-3 темы

[artifactor]

den1ss, видимо, я не один с новыми кнопками "свернуть, развернуть, закрыть"
идея с бабочками неплохая.

[alan_derua]

Всё таки в большинстве своём линуксоиды - отвратительные дизайнеры, не в обиду будет сказано.

[artifactor]

alexanto, это вы про революционно новые идеи или про сочетание цветов в темах?

[alan_derua]

Про цвета

[artifactor]

alexanto, я согласен, что кое-где цвета не совсем совпадают, но фломастеры везде разные.
эту тему не видели? я постарался, чтобы везде текст можно было прочитать.
правда, это не полностью gtk3-тема. поэтому не стал сюда писать - всё равно большую часть приложений я вижу в gtk2 и если у кого-то будет баг с темой я скорее всего его не увижу.

[alan_derua]

Конечно фломастеры разные. Сам я использую Numix, даже купил одну темку в магазине бубунты, чтобы поддержать проект (У них ещё есть бесплатный репозиторий со всеми темами). Я ничего сделать для бубунты не могу - поэтому помог деньгами.

[camac]

Это моя тёмная тема, правда ещё очень сырая. Проверял только на паре прог 

Как продвигается тема? Мне очень понравилась.

[Nonhuman]

Наконец дошли руки переделать свою тему. Точнее сделать все заново.
Сделал светлую и темную темы.
Чтобы у светлой темы включить темную строку меню нужно в файле gtk.css закомментировать 105 строку и раскомментировать 106-ю.




Whitebox
Darkbox

P.S. Гуру CSS попрошу без кровопролития 

[Zloi_87]

темная тема:



а жаль, понравилось...

[Nonhuman]

Скорее всего это из-за отсутствия файла "index.theme" в моей теме

Попробуй скопировать папку gtk-3.0 из моей темы в папку с той gtk2 темой, которой сейчас пользуешься.
То есть чтобы рядом были папки gtk-3.0 и gtk-2.0

[butteff]

Я сделал тему по этому мануалу, выглядит все это вот так:

[BARTOLOMEY]

Electra,

блок * background *
В файле gtk-widgets.css
Сейчас она выглядит так:
color:  #878c98;
Код: [Выделить]
/**************
 * background *
 **************/
.background {
 color:  #878c98;
   background-image: url("bg1.png");
    border-style: none;
    border-width: 0;
    border-radius: 0;
}
Замени её на
Код: [Выделить]
color:  #000000;
Это черный, или подбери свой цвет.

просто подберите цвет под себя.
то есть за место color:  #000000; добавьте например это color:  #сссссс;
Пользователь решил продолжить мысль 22 Июня 2013, 16:58:19:п.с могу ошибаться

ну да

[den1ss]

alexanto, это вы про революционно новые идеи или про сочетание цветов в темах?

на вкус и цвет все карандаши разные...

[S.D. aka Xvost]

Поставил Theme Configuration. Хорошая программа, но есть вопрос.



Где хранятся параметры собственных цветов?

*** *** ***

В каталоге /home/<...>/.config/gtk-3.0/ появился файлик gtk.css

Вопросы:
Как изменить цвет разделителей меню?
Как изменить цвет кнопок управления окном?

Содержимое моего gtk.css

(Нажмите, чтобы показать/скрыть)

/* Custom styles */

/* select-off
@define-color selected_bg_color #f07746;
@define-color selected_fg_color #ffffff;
@define-color theme_selected_bg_color @selected_bg_color;
@define-color theme_selected_fg_color @selected_fg_color;
select-off */

/* panel-on */
@define-color panel_bg_color #000080;
@define-color panel_fg_color #ffff00;

PanelWidget,
PanelApplet,
PanelToplevel,
PanelSeparator,
PanelApplet > GtkMenuBar.menubar,
PanelApplet > GtkMenuBar.menubar.menuitem,
PanelMenuBar.menubar,
PanelMenuBar.menubar.menuitem,
PanelAppletFrame,
UnityPanelWidget,
.gnome-panel-menu-bar,
.unity-panel {
   background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,0.));
   color: @panel_fg_color;
}

.unity-panel.menuitem,
.unity-panel .menuitem {
   color: @panel_fg_color;
}

.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover {
   border-color: shade(@panel_bg_color, 0.7);
   border-image: none;
   background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color, 0.97)),to(shade(@panel_bg_color, 0.82)));
   color: @panel_fg_color;
}

PanelApplet .button {
   border-color: transparent;
   border-image: none;
   background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,0.));
   color: @panel_fg_color;
   box-shadow: none;
   text-shadow: none;
   -unico-inner-stroke-width: 0;
}

PanelApplet .button:active {
   border-color: shade(@panel_bg_color,0.;
   border-image: none;
   background-image: -gtk-gradient(linear,left top,left bottom,from(shade(shade(@panel_bg_color,1.02),0.9)),to(shade(shade(@panel_bg_color,1.02),0.95)));
   color: @panel_fg_color;
   box-shadow: none;
   text-shadow: none;
   -unico-inner-stroke-width: 0;
}

PanelApplet .button:prelight {
   border-color: transparent;
   border-image: none;
   background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,1.0)));
   color: @panel_fg_color;
   box-shadow: none;
   text-shadow: none;
   -unico-inner-stroke-width: 0;
}

PanelApplet .button:active:prelight {
   border-color: shade(@panel_bg_color,0.;
   border-image: none;
   background-image: -gtk-gradient(linear,left top,left bottom,from(shade(shade(@panel_bg_color,1.02),1.0)),to(shade(shade(@panel_bg_color,1.02),1.05)));
   color: @panel_fg_color;
   box-shadow: none;
   text-shadow: none;
   -unico-inner-stroke-width: 0;
}

WnckPager,
WnckTasklist {
   background-color: @panel_bg_color;
}

/* panel-on */

/* menu-on */
@define-color menu_bg_color #000080;
@define-color menu_fg_color #ffff00;

GtkTreeMenu.menu,
GtkMenuToolButton.menu,
GtkComboBox .menu {
   background-color: @menu_bg_color;
}

.primary-toolbar .button .menu,
.toolbar .menu,
.toolbar .primary-toolbar .menu,
.menu {
   border-style: none;
   background-image: none;
   background-color: @menu_bg_color;
   color: @menu_fg_color;
   box-shadow: none;
   text-shadow: none;
   -unico-inner-stroke-width: 0;
}

.menu.button:hover,
.menu.button:active,
.menu.button:active:insensitive,
.menu.button:insensitive,
.menu.button {
   background-color: @menu_bg_color;
   background-image: none;
}

GtkTreeMenu .menuitem * {
   color: @menu_fg_color;
}

.menuitem,
.menu .menuitem {
   background-color: transparent;
}

.menu .menuitem:active,
.menu .menuitem:hover {
   background-color: @theme_selected_bg_color;
}

.menuitem.check,
.menuitem.radio,
.menuitem.check:hover,
.menuitem.radio:hover,
.menuitem.check:active,
.menuitem.radio:active {
   background-color: transparent;
}

.menu .menuitem:insensitive,
.menu .menuitem *:insensitive {
   color: mix(@menu_fg_color,@menu_bg_color,0.5);
}

.menuitem.arrow {
   color: alpha(@menu_fg_color, 0.6);
}

.menuitem .entry {
   border-color: shade(@menu_bg_color,0.7);
   border-image: none;
   background-color: @menu_bg_color;
   background-image: none;
   color: @menu_fg_color;
}

.menuitem .accelerator {
   color: alpha(@menu_fg_color,0.6);
}

.menuitem .accelerator:insensitive {
   color: alpha(mix(@menu_fg_color,@menu_bg_color,0.5),0.6);
   text-shadow: none;
}

.menuitem.separator {
   background-color: transparent;
   color: shade(@menu_bg_color, 0.9);
}

.menuitem GtkCalendar,
.menuitem GtkCalendar.button,
.menuitem GtkCalendar.header,
.menuitem GtkCalendar.view {
   border-color: shade(@menu_bg_color,0.;
   border-image: none;
   background-color: @menu_bg_color;
   background-image: none;
   color: @menu_fg_color;
}

.menuitem GtkCalendar:inconsistent {
   color: mix(@menu_fg_color,@menu_bg_color,0.5);
}

/* menu-on */

[Nonhuman]

Никогда не пользовался Theme Configuration
Но судя по содержанию gtk.css именно там он и хранит свои настройки.
Непосредственно цвет задан в строках, которые начинаются с @define-color

Как изменить цвет разделителей меню?

Если я правильно понял то можно попробовать добавить в конец gtk.css

Код: [Выделить]

@define-color base_n_br #ff0000;
.menu .separator,
.menu .separator:insensitive {
 color: @base_n_br;
}
только цвет поменять.

Как изменить цвет кнопок управления окном?

Зависит от того кто заправляет декорациями окон metacity, emerald, unity или что-то другое. Вот в ту сторону и копать.
Похоже у вас это unity, правда я уже почти не пользуюсь ubuntu и не в курсе последних тенденций, могу ошибаться.
Может, кто компетентный подскажет точнее.