/**********************************************/ /* steppenwolf theme; gtk3 part */ /* by nilix April 2019 */ /**********************************************/ /* based on... */ /**********************************************/ /* OneStepBack theme; gtk3 part */ /* jpsb: July 2015 - May 2018 */ /**********************************************/ /**********************************************/ /* Color definitions */ /**********************************************/ @define-color white_color #444444; @define-color lighter_color #555555; @define-color base_color #222222; @define-color darker_color #101010; @define-color black_color #e9e9e9; @define-color scale_color #1f9b92; @define-color grey50 #797979; @define-color trueblack #000000; @define-color truewhite #ffffff; /**********************************************/ /* Derived colors */ /**********************************************/ @define-color headerbar_bg_color @black_color; @define-color button_selected_bg_color @darker_color; @define-color text_selected_bg_color @scale_color; @define-color text_selected_fg_color @black_color; @define-color menuitem_selected_bg_color @grey50; @define-color menuitem_selected_fg_color @trueblack; @define-color listitem_selected_bg_color @grey50; @define-color listitem_selected_fg_color @trueblack; /**********************************************/ /* Button border colors */ /**********************************************/ @define-color inset_lighter_color shade(@base_color,0.9); @define-color outset_lighter_color shade(@base_color,1.3); @define-color inset_darker_color shade(@base_color,0.5); /**********************************************/ /* Color names curiously hardcoded in some gnome applications */ /**********************************************/ @define-color theme_base_color @lighter_color; @define-color theme_text_color @black_color; @define-color theme_bg_color @base_color; @define-color theme_fg_color @black_color; @define-color theme_selected_bg_color @listitem_selected_bg_color; /* list select */ @define-color theme_selected_fg_color @listitem_selected_fg_color; @define-color theme_tooltip_bg_color @black_color; @define-color theme_tooltip_fg_color @grey50; /**********************************************/ /* headerbar */ /**********************************************/ headerbar { background-color: @headerbar_bg_color; /* fond de barre */ color: @grey50; /* séparations verticales dans la barre */ border: 1px solid @grey50; } .titlebar .title { color: @truewhite; font-weight: bold; } .titlebar .title:backdrop { color: @base_color; } .pathbar { /* dconf-editor */ color: @truewhite; font-weight: bold; } /***********************************************/ /* general */ /**********************************************/ * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-has-secondary-backward-stepper: false; -GtkScrollbar-has-secondary-forward-stepper: false; -GtkScrolledWindow-scrollbar-spacing: 0; outline-color: @black_color; outline-style: solid; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 0px; /* -GtkWidget-window-dragging: true;*/ /* behrz */ /* seems to break things in gnumeric: Ingo S. */ } .background { background-color: @base_color; color: @black_color; } tooltip { border-radius: 0px; } tooltip * { background-color: @trueblack; color: @grey50; border: none; border-radius: 0px; } tooltip decoration{ background-color: @trueblack; } tooltip.background { background-color: @trueblack; color: @grey50; } .app-notification { background-color: @trueblack; color: @grey50; } .osd { background-color: @trueblack; color: @grey50 } printdialog .dialog-action-box { background-color: @base_color; } printdialog paper{ border: 1px solid rgba(0,0,0,0.5); background: @white_color; padding: 0px; } /**********************************************/ /* button */ /**********************************************/ button { margin: 3px; background-color: @base_color; color: @black_color; padding: 3px; border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } window.thunar #location-toolbar .path-bar button { border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; margin: 0px; } .view button { margin: 0px; } button:active, button:checked { background-color: @button_selected_bg_color; border-left: 1px solid shade(@button_selected_bg_color, 0.9); border-top: 1px solid shade(@button_selected_bg_color, 0.9); border-right: 1.3px solid shade(@button_selected_bg_color, 1.5); border-bottom: 1.3px solid shade(@button_selected_bg_color, 0.9); } button:disabled { color: @darker_color; } headerbar button{ background-color: transparent; color: #797979; border: none; } hearderbar button:selected, headerbar button:checked, headerbar button:checked:hover { color: #ffffff; background-color: transparent; border: none; } headerbar button:active:hover { /* bouton de headerbar cliqué */ background-color: #797979; color: #000000; border: none; } headerbar button:backdrop { } headerbar .close.titlebutton { color: #ff00ff; background-color: transparent; } headerbar .close.titlebutton:active:hover { color: #ffffff; background-color: transparent; } headerbar button:disabled:backdrop { color: @darker_color; } /**********************************************/ /* menu */ /**********************************************/ menubar { /* border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-bottom: 1.3px solid @trueblack; border-right: 1.3px solid @trueblack; */ padding: 1px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } menu { border: none; background-color: @trueblack; color: @grey50; } menuitem { padding-left:5px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px; } menu:active, menu:hover{ background-color: @menuitem_selected_bg_color; color: @trueblack; } menuitem:active, menuitem:hover { background-color: @menuitem_selected_bg_color; color: @menuitem_selected_fg_color; } combobox menu { border: none; } /**********************************************/ /* toolbar */ /**********************************************/ toolbar { padding: 1px; /* border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; */ } toolbar button { border: 1px solid @base_color; } toolbar button:hover { border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } toolbar button:checked, toolbar button:active { background-color: @button_selected_bg_color; border-left: 1.3px solid @black_color; border-top: 1.3px solid @black_color; border-right: 1px solid @inset_lighter_color; border-bottom: 1px solid @inset_lighter_color; } toolbar button:active:hover { background-color: @base_color; } toolbar button:checked:hover { background-color: @base_color; } /**********************************************/ /* scale */ /**********************************************/ scale trough { margin: 1px; background-color: @darker_color; border-left: 1px solid @inset_darker_color; border-top: 1px solid @inset_darker_color; border-right: 1px solid @base_color; border-bottom: 1px solid @base_color; } scale.horizontal trough { padding-left: 15px; padding-right: 15px; } scale.vertical trough { padding-top: 15px; padding-bottom: 15px; } scale.horizontal slider { min-width: 29px; min-height: 12px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/scrollbar_thumb.png"); background-color: @base_color; border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } scale.vertical slider { min-width: 12px; min-height: 29px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/scrollbar_thumb.png"); background-color: @base_color; border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } scale indicator { min-width: 1px; min-height: 5px; background: @black_color; } /**********************************************/ /* progressbar */ /**********************************************/ progressbar { color: @black_color; background-color: @base_color; } progressbar.vertical trough { min-width: 20px; background-color: @darker_color; color: @black_color; border-left: 1px solid @inset_darker_color; border-top: 1px solid @inset_darker_color; border-right: 1px solid @base_color; border-bottom: 1px solid @base_color; } progressbar.horizontal trough { min-height: 18px; background-color: @darker_color; color: @black_color; border-left: 1px solid @inset_darker_color; border-top: 1px solid @inset_darker_color; border-right: 1px solid @base_color; border-bottom: 1px solid @base_color; } progressbar.vertical progress { min-width: 16px; background-color: @scale_color; border-left: 1px solid shade(@scale_color,1.3); border-top: 1px solid shade(@scale_color,1.3); border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } progressbar.horizontal progress { min-height: 14px; background-color: @scale_color; border-left: 1px solid shade(@scale_color,1.3); border-top: 1px solid shade(@scale_color,1.3); border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } progressbar.vertical text { margin-right: 25px; } /* progressbars are different in GtkTreeView (monitor) */ treeview.view.progressbar { min-height: 14px; background-color: @scale_color; border-left: 1px solid shade(@scale_color,1.3); border-top: 1px solid shade(@scale_color,1.3); border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } treeview.view.trough, treeview.view.trough:selected { min-height: 18px; background-color: @darker_color; color: @white_color; border-left: 1px solid @inset_darker_color; border-top: 1px solid @inset_darker_color; border-right: 1px solid @base_color; border-bottom: 1px solid @base_color; } /**********************************************/ /* scrollbar */ /**********************************************/ scrollbar trough { background-color: @darker_color; color:@base_color; min-width: 14px; min-height: 14px; border-left: 1px solid @inset_darker_color; border-right: 1.3px solid @base_color; border-top: 1px solid @inset_darker_color; border-bottom: 1.3px solid @base_color; } scrollbar slider, scrollbar slider:hover { background-color: @base_color; min-width: 12px; min-height: 12px; border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; background-repeat: no-repeat; background-position: center center; background-image: url("../img/scrollbar_thumb.png"); } scrollbar.vertical slider { min-height: 30px; } scrollbar.horizontal slider { min-width: 30px; } scrollbar button { /* width: 0px; height: 0px; */ padding: 0px; margin: 0px; border: none; } /**********************************************/ /* entry, treeview, textview, iconwiew, grid */ /**********************************************/ entry { background-color: @lighter_color; color: @black_color; padding: 2px; border-left: 1.3px solid @black_color; border-top: 1.3px solid @black_color; border-right: 1px solid @inset_lighter_color; border-bottom: 1px solid @inset_lighter_color; } entry:disabled { background-color: @darker_color; color: @black_color; } label:disabled { color: @lighter_color; } menu label:disabled { color: #3e3e3e; } treeview { background-color: @white_color; } selection, textview selection { background-color: @text_selected_bg_color; color: @text_selected_fg_color; } textview { background-color: @white_color; color: @black_color; } iconview { background-color: @white_color; color: @black_color; } notebook*iconview { background-color: @lighter_color; } iconview *:selected, iconview *:active { background-color: @text_selected_bg_color; color: @text_selected_fg_color; } grid *:selected, grid *:active { background-color: @text_selected_bg_color; color: @text_selected_fg_color; } /**********************************************/ /* frame, notebook, tab */ /**********************************************/ notebook { background-color: @base_color; color: @black_color; padding: 0px; border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } notebook frame { background-color: @base_color; border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } notebook tab { background-color: @darker_color; border: 1px solid @outset_darker_color; border-bottom: 1px solid @outset_lighter_color; border-left: none; border-top: 1px solid @darker_color; padding: 3px; margin: 0px; } notebook tab:checked, notebook tab:active { background-color: @base_color; border-left: 1px solid @outset_lighter_color; border-top: 1px solid @base_color; border-bottom: 1px solid @base_color; border-right: 1px solid @outset_darker_color; } frame { background-color: @base_color; border-left: 1.3px solid @black_color; border-top: 1px solid @black_color; border-right: 1px solid @outset_lighter_color; border-bottom: 1px solid @outset_lighter_color; padding: 5px; } /**********************************************/ /* list, row */ /**********************************************/ list { border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; padding: 7px; background-color: @white_color; } row { background-color: @white_color; padding: 5px; border: none; } row:selected { background-color: @scale_color; color: @listitem_selected_fg_color; } list row:active { background-color: @scale_color; } treeview *:selected { background-color: @scale_color; color: @listitem_selected_fg_color; } /**********************************************/ /* separator */ /**********************************************/ separator.vertical { margin: 0px; padding: 0px; border-left: 1px solid @darker_color; border-right: 1px solid @lighter_color; } separator.horizontal { margin: 0px; padding: 0px; border-top: 1px solid @darker_color; border-bottom: 1px solid @lighter_color; } toolbar separator { margin: 5px; margin-top: 7px; margin-bottom: 7px; border-left: 1px solid @inset_darker_color; border-right: 1px solid @lighter_color; } menu separator { margin: 0px; padding: 0px; border-top: 1px solid @inset_darker_color; border-bottom: 1px solid @inset_lighter_color; } paned.vertical separator { border: none; padding: 0px; background-image: url("../img/separator_horizontal.png"); background-position: center center; background-repeat: no-repeat; } paned.horizontal separator { border: none; padding: 0px; background-image: url("../img/separator_vertical.png"); background-position: center center; background-repeat: no-repeat; } /* separator in nautilus side panel */ paned list separator.horizontal { min-height:1px; background-image: none; border: none; border-top: 1px solid @base_color; } /**********************************************/ /* check, radio */ /**********************************************/ checkbutton, radiobutton { color: @black_color; background-color: @base_color; } /*notebook checkbutton, notebook radiobutton { background-color: @lighter_color; }*/ checkbutton:disabled, radiobutton:disabled { color: @lighter_color; } check { padding: 0px; border: none; margin: 5px; min-width: 13px; min-height: 13px; -gtk-icon-source: url("../img/check-unchecked.png"); } check:checked { -gtk-icon-source: url("../img/check-checked.png"); } radio { padding: 0px; border: none; margin: 5px; min-width: 13px; min-height: 13px; -gtk-icon-source: url("../img/radio-unchecked.png"); } radio:checked { min-width: 13px; min-height: 13px; -gtk-icon-source: url("../img/radio-checked.png"); } check:disabled { min-width: 11px; min-height: 11px; -gtk-icon-source: url("../img/check-disabled-unchecked.png"); } radio:disabled { min-width: 11px; min-height: 11px; -gtk-icon-source: url("../img/radio-disabled-unchecked.png"); } check:disabled:checked { -gtk-icon-source: url("../img/check-disabled-checked.png"); min-width: 11px; min-height: 11px; } radio:disabled:checked { -gtk-icon-source: url("../img/radio-disabled-checked.png"); min-width: 11px; min-height: 11px; } /* check and radio in menu */ menuitem check:disabled { min-width: 11px; min-height: 11px; -gtk-icon-source: url("../img/menuitem-transparent.png"); } menuitem check, menuitem checkbutton { background-color: transparent; color:@black_color; -gtk-icon-source: url("../img/menuitem-transparent.png"); min-width: 8px; min-height: 7px; } menuitem radio, menuitem radiobutton { background-color: transparent; -gtk-icon-source: url("../img/menuitem-transparent.png"); min-width: 5px; min-height: 5px; } menuitem check:checked { -gtk-icon-source: url("../img/menuitem-check-checked.png"); min-width: 8px; min-height: 7px; } menuitem check:disabled:checked { -gtk-icon-source: url("../img/menuitem-check-checked-disabled.png"); min-width: 8px; min-height: 7px; } menuitem radio:checked { min-width: 5px; min-height: 5px; -gtk-icon-source: url("../img/menuitem-radio-checked.png"); } menuitem radio:disabled:checked { min-width: 5px; min-height: 5px; -gtk-icon-source: url("../img/menuitem-radio-checked-disabled.png"); } /* handbrake/defaults audio; tweaktools/bureau*/ list row checkbutton, list row radiobutton { background-color: transparent; color: @black_color; } /* handbrake/defaults audio; tweaktools/bureau */ list row checkbutton label:disabled, list row radiobutton label:disabled, list row check:disabled, list row radio:disabled { background-color: transparent; color: @darker_color; min-width: 11px; min-height: 11px; -gtk-icon-source: url("../img/transparent.png"); } /**********************************************/ /* popover */ /**********************************************/ popover { border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } popover modelbutton { padding: 0px; padding-top: 2px; padding-bottom: 2px; } popover modelbutton:hover, popover modelbutton:active { background-color: @menuitem_selected_bg_color; color: @menuitem_selected_fg_color; } /**********************************************/ /* switch */ /**********************************************/ switch { font-weight: bold; background-color: @base_color; color: @black_color; border-left: 1.3px solid @trueblack; border-top: 1.3px solid @trueblack; border-right: 1.3px solid @lighter_color; border-bottom: 1.3px solid @lighter_color; } switch:checked { background-color: @scale_color; } switch slider { background-color: @base_color; padding: 1px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/scrollbar_thumb.png"); border-left: 1px solid @outset_lighter_color; border-top: 1px solid @outset_lighter_color; border-right: 1.3px solid @trueblack; border-bottom: 1.3px solid @trueblack; } switch:disabled { background-color: @darker_color; color: @base_color; } switch:disabled slider { background-color: @darker_color; border-left: 1px solid @base_color; border-top: 1px solid @base_color; } /**********************************************/ /* arrow */ /**********************************************/ combobox arrow { min-height: 19px; min-width: 19px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/combobox-arrow-down.png"); } combobox arrow:disabled { background-image: url("../img/combobox-arrow-down-disabled.png"); } arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } arrow.top:disabled, arrow.bottom:disabled { -gtk-icon-source: -gtk-icontheme(""); } menuitem arrow { min-height: 15px; min-width: 8px; margin-left: 15px; /* brasero */ -gtk-icon-source: url("../img/menuitem-arrow-right.png"); } menuitem arrow:disabled { -gtk-icon-source: url("../img/menuitem-arrow-right-disabled.png"); } expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: @black_color; } expander arrow:checked { -gtk-icon-transform: unset; } popover arrow.right { min-height: 15px; min-width: 8px; -gtk-icon-source: url("../img/menuitem-arrow-right.png"); } popover arrow.left { min-height: 15px; min-width: 8px; -gtk-icon-source: url("../img/menuitem-arrow-left.png"); } /**********************************************/ /* calendar */ /**********************************************/ calendar { background-color: @lighter_color; color: @black_color; } calendar:selected { background-color: @listitem_selected_bg_color; color: @listitem_selected_fg_color; } calendar:indeterminate { color: @inset_lighter_color; } /**********************************************/ /* tweaks */ /**********************************************/ /* selection in evince */ /* .view:selected { background-color: @text_selected_bg_color; color: @text_selected_fg_color; } */ /* icon color selected and unfocused in nautilus */ /* .view:active { background-color: yellow; color: blue } */ .view { background-color: @white_color; } .view:indeterminate, .view.* { background-color: @base_color; } filechooser #pathbarbox { background-color: @base_color; } .rubberband { border: 1px solid @scale_color; background-color: rgba(23,119,115, 0.3); } .view:selected:focus { background-color: @scale_color; } /* avoid borders on the desktop when managed by nautilus */ nautilus-desktop-window * { border: none; } /* flotting-bar in nautilus */ .floating-bar { background-color: @darker_color; color: @white_color; } /* icons in sidebar in nautilus */ .sidebar-icon { padding-right: 2px; } /* selections in firefox use fix color names ! */ /* fix background selected item unfocused in hugin: to test for consistency */ #MozillaGtkWidget *:selected:focus { background-color: @text_selected_bg_color; color: @text_selected_fg_color; } /* thunderbird: item selected in list */ .view:selected { background-color: @text_selected_bg_color; color: @listitem_selected_fg_color; } /* background and selection in icon view in caja (mrnhmath) */ .caja-notebook .view { background-color: @base_color; } .caja-notebook .view:selected, .caja-notebook .view:selected:focus { background-color: @darker_color; } .caja-notebook .rubberband { background-color: transparent; } /* background of nautilus icon window */ /*.nautilus-window, .nautilus-window notebook { background-color: @lighter_color; }*/ /* zebra strips do not work with recent versions */ /*view row:nth-child(even) { background-color: green; } treeview row:nth-child(even) { background-color: green; } GtkTreeView row:even { background-color: red; } GtkTreeView row:odd { background-color: green; } */ /* GTK_DEBUG=interactive myexcutable */ /**********************************************/ /* The End */ /**********************************************/