steppenwolf-dark/gtk-3.0/gtk.css

1103 lines
24 KiB
CSS
Executable file

/**********************************************/
/* steppenwolf theme; gtk3 part */
/* by nilix <nilix@nilfm.cc> April 2019 */
/**********************************************/
/* based on... */
/**********************************************/
/* OneStepBack theme; gtk3 part */
/* jpsb: July 2015 - May 2018 */
/**********************************************/
/**********************************************/
/* Color definitions */
/**********************************************/
@define-color white_color #000000;
@define-color lighter_color #555555;
@define-color base_color #222222;
@define-color darker_color #101010;
@define-color black_color #c8c8c8;
@define-color scale_color #1f9b92;
@define-color grey50 #797979;
@define-color trueblack #000000;
@define-color truewhite #ffffff;
/**********************************************/
/* Derived colors */
/**********************************************/
@define-color headerbar_bg_color @trueblack;
@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 */
}
.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: @truewhite;
padding: 0px;
}
/**********************************************/
/* button */
/**********************************************/
button {
margin: 3px;
background-color: @trueblack;
color: @black_color;
border-radius: 4px;
padding: 3px;
border: 1px solid #5b5754;
}
window.thunar #location-toolbar .path-bar button {
border-radius: 4px;
padding: 0px;
border: 1px solid #5b5754;
margin: 0px;
}
.view button {
margin: 0px;
}
button:hover {
background-color:transparent;
background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(20,20,20,1));
border: 1px solid #5b5754;
}
button:active, button:checked, button:selected, button:active:hover, button:checked:hover, button:selected:hover {
border: 1px solid #20ab95;
}
button:disabled {
background-color: #140f0b;
color: @darker_color;
border: 1px solid #403d38;
}
headerbar button{
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, toolbar button:disabled {
background-color: transparent;
border: 1px solid transparent;
padding: 3px;
margin: 3px;
}
toolbar button:active, toolbar button:checked {
border: 1px solid #20ab95;
}
/**********************************************/
/* scale */
/**********************************************/
scale trough {
min-width: 6px;
min-height: 6px;
background-color: @darker_color;
}
scale.horizontal trough {
padding-left: 15px;
padding-right: 15px;
}
scale.horizontal slider {
min-width: 30px;
min-height: 6px;
background-color: @scale_color;
}
scale.vertical trough {
padding-top: 15px;
padding-bottom: 15px;
}
scale.vertical slider {
min-width: 6px;
min-height: 30px;
background-color: @scale_color;
}
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: 6px;
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: 6px;
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: 6px;
background-color: @scale_color;
border: none;
}
progressbar.horizontal progress {
min-height: 6px;
background-color: @scale_color;
border: none;
}
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: @base_color;
color: @scale_color;
min-width: 6px;
min-height: 6px;
}
scrollbar slider, scrollbar slider:hover {
background-color: @scale_color;
min-width: 6px;
min-height: 6px;
}
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: @white_color;
color: @black_color;
padding: 2px;
border-left: 1.3px solid @trueblack;
border-top: 1.3px solid @trueblack;
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-right: 1px solid @trueblack;
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 @trueblack;
}
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;
}
frame
{
border: none;
background-color: transparent;
padding: 0px;
}
/**********************************************/
/* 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 */
/**********************************************/
.panel {
background-color: transparent;
color: white;
font-weight: normal;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
-gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.panel-shadow {
background-image: none;
background-color: transparent; }
.panel .menu {
box-shadow: none; }
.panel .menu .menuitem {
font-weight: normal;
text-shadow: none;
-gtk-icon-shadow: none; }
.panel .menu .window-frame.menu.csd{
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.panel .menu .window-frame.popup.csd {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.panel .menubar > .menuitem {
padding: 3px 6px; }
.panel .menubar > .menuitem:hover {
background-color: transparent; }
.panel .window-frame.menu.csd{
box-shadow: none; }
.panel .window-frame.popup.csd {
box-shadow: none; }
.panel-app-button > GtkWidget > GtkWidget:first-child {
padding: 0 2px 0 4px; }
.panel .menu .spinner{
opacity: 1; }
.menu .spinner {
opacity: 1; }
/* 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 */
/**********************************************/