From cd9c4ec7f81ab0d07e356e7b1684ba5fe51dafac Mon Sep 17 00:00:00 2001 From: Adriano Moura Date: Tue, 29 Nov 2016 20:30:51 -0200 Subject: [PATCH] Last part of the rewrite, the theme is finally usable in gtk 3.22 --- .../Chicago95/gtk-3.0/gtk-widgets-assets.css | 333 +------- Theme/Chicago95/gtk-3.0/gtk-widgets.css | 719 +++--------------- Theme/Chicago95/gtk-3.0/gtk.css | 8 +- 3 files changed, 145 insertions(+), 915 deletions(-) diff --git a/Theme/Chicago95/gtk-3.0/gtk-widgets-assets.css b/Theme/Chicago95/gtk-3.0/gtk-widgets-assets.css index e304df9..c219caf 100644 --- a/Theme/Chicago95/gtk-3.0/gtk-widgets-assets.css +++ b/Theme/Chicago95/gtk-3.0/gtk-widgets-assets.css @@ -1,321 +1,46 @@ -/******************* - * check and radio * - *******************/ -/* draw regular check and radio items using our assets */ -.check, -.check row:selected, -.check row:selected:focus { - background-image: url("assets/checkbox-unchecked.png"); -} - -.check:insensitive, -.check row:selected:insensitive, -.check row:selected:focus:insensitive { - background-image: url("assets/checkbox-unchecked-insensitive.png"); -} - -.check:hover, -.check row:selected:hover, -.check row:selected:focus:hover { - background-image: url("assets/checkbox-unchecked-over.png"); -} - -.check:active, -.check row:selected:active, -.check row:selected:focus:active { - background-image: url("assets/checkbox-checked.png"); -} - -.check:active:hover, -.check row:selected:active:hover, -.check row:selected:focus:active:hover { - background-image: url("assets/checkbox-checked-over.png"); -} - -.check:active:insensitive, -.check row:selected:active:insensitive, -.check row:selected:focus:active:insensitive { - background-image: url("assets/checkbox-checked-insensitive.png"); -} - -.check:inconsistent, -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { - background-image: url("assets/checkbox-mixed.png"); -} - -.check:inconsistent:insensitive, -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { - background-image: url("assets/checkbox-mixed-insensitive.png"); -} - - -.radio, -.view.cell.radio { - background-image: url("assets/radio-unselected.png"); -} - -.radio:insensitive { - background-image: url("assets/radio-unselected-insensitive.png"); -} - -.radio:hover { - background-image: url("assets/radio-unselected-over.png"); -} - -.radio:active { - background-image: url("assets/radio-selected.png"); -} - -.radio:active:hover { - background-image: url("assets/radio-selected-over.png"); -} - -.radio:active:insensitive { - background-image: url("assets/radio-selected-insensitive.png"); -} - -.radio:inconsistent { - background-image: url("assets/radio-mixed.png"); -} - -.radio:inconsistent:insensitive { - background-image: url("assets/radio-mixed-insensitive.png"); -} - -/******************************** - * Touch text selection handles * - ******************************** -.cursor-handle.bottom { - background-image: url("assets/slider-horiz.png"); -} - -.cursor-handle.top { - background-image: url("assets/slider-horiz.png"); -}*/ - /****************** * window actions * ******************/ -.titlebar .titlebutton.minimize { - color: transparent; - border-image: none; - box-shadow: none; +.titlebutton.minimize { background-position: center; background-repeat: no-repeat; - background-image: url("buttons/minimize-focused-normal.png"); + background-image: url("buttons/icon-minimise.png"); } -.titlebar .titlebutton.minimize:backdrop { - background-image: url("buttons/minimize-unfocused-normal.png"); - color: transparent; +.titlebutton.minimize:backdrop { +} +.titlebutton.minimize:checked { } -/*.titlebar .titlebutton.minimize:hover,*/ -.titlebar .titlebutton.minimize:active/*, -.titlebar .titlebutton.minimize:checked*/ { - color: transparent; - border-image: none; - box-shadow: none; +.titlebutton.maximize { background-position: center; background-repeat: no-repeat; - background-image: url("buttons/minimize-focused-pressed.png"); + background-image: url("buttons/icon-maximise.png"); } -.titlebar .titlebutton.maximize { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/maximize-focused-normal.png"); +.titlebutton.maximize:backdrop { } - -.titlebar .titlebutton.maximize:backdrop { - background-image: url("buttons/maximize-unfocused-normal.png"); - color: transparent; -} - - -/*.titlebar .titlebutton.maximize:hover,*/ -.titlebar .titlebutton.maximize:active/*, -.titlebar .titlebutton.maximize:checked*/ { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/maximize-focused-pressed.png"); +.titlebutton.maximize:checked { } .maximized .titlebutton.maximize { - background-image: url("buttons/restore-focused-normal.png"); + background-image: url("buttons/icon-restore.png"); } .maximized .titlebutton.maximize:active { - background-image: url("buttons/restore-focused-pressed.png"); } -.titlebar .titlebutton.close { - color: transparent; - border-image: none; - box-shadow: none; +.titlebutton.close { background-position: center; background-repeat: no-repeat; - background-image: url("buttons/close-focused-normal.png"); + background-image: url("buttons/icon-close.png"); } -.titlebar .titlebutton.close:backdrop { - background-image: url("buttons/close-unfocused-normal.png"); - color: transparent; +.titlebutton.close:backdrop { } - - -/*.titlebar .titlebutton.close:hover,*/ -.titlebar .titlebutton.close:active/*, -.titlebar .titlebutton.close:checked*/ { - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("buttons/close-focused-pressed.png"); +.titlebutton.close:checked { } - - -/********************************* - * check and radio (gnome 3.18+) * - *********************************/ -.check, -.check row:selected, -.check row:selected:focus { - -gtk-icon-source: url("assets/checkbox-unchecked.png"); -} - -.check:insensitive, -.check row:selected:insensitive, -.check row:selected:focus:insensitive { - -gtk-icon-source: url("assets/checkbox-unchecked-insensitive.png"); -} - -.check:active, .check:checked, -.check row:selected:active, .check row:selected:checked, -.check row:selected:focus:active, .check row:selected:focus:checked { - -gtk-icon-source: url("assets/checkbox-checked.png"); -} - -.check:active:insensitive, .check:checked:insensitive, -.check row:selected:active:insensitive, .check row:selected:checked:insensitive, -.check row:selected:focus:active:insensitive, .check row:selected:focus:checked:insensitive { - -gtk-icon-source: url("assets/checkbox-checked-insensitive.png"); -} - - -.check:inconsistent, -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { - -gtk-icon-source: url("assets/checkbox-mixed.png"); -} - -.check:inconsistent:insensitive, -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { - -gtk-icon-source: url("assets/checkbox-mixed-insensitive.png"); -} - -.radio, -.radio row:selected, -.radio row:selected:focus { - -gtk-icon-source: url("assets/radio-unselected.png"); -} - -.radio:insensitive, -.radio row:selected:insensitive, -.radio row:selected:focus:insensitive { - -gtk-icon-source: url("assets/radio-unselected-insensitive.png"); -} - -.radio:active, .radio:checked, -.radio row:selected:active, .radio row:selected:checked, -.radio row:selected:focus:active, .radio row:selected:focus:checked { - -gtk-icon-source: url("assets/radio-selected.png"); -} - -.radio:active:insensitive, .radio:checked:insensitive, -.radio row:selected:active:insensitive, .radio row:selected:checked:insensitive, -.radio row:selected:focus:active:insensitive, .radio row:selected:focus:checked:insensitive { - -gtk-icon-source: url("assets/radio-selected-insensitive.png"); -} - -.radio:inconsistent, -.radio row:selected:inconsistent, -.radio row:selected:focus:inconsistent { - -gtk-icon-source: url("assets/radio-mixed.png"); -} - -.radio:inconsistent:insensitive, -.radio row:selected:inconsistent:insensitive, -.radio row:selected:focus:inconsistent:insensitive { - -gtk-icon-source: url("assets/radio-mixed-insensitive.png"); -} - -/************************** - * menuitem check & radio * - **************************/ - -.menuitem.check { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-unchecked.png")); - color: @theme_fg_color; - icon-shadow: none; -} -.menuitem.check:active, .menuitem.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked.png")); -} -.menuitem.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png")); -} - -.menuitem.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-selected.png")); -} -.menuitem.check:hover:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-selected.png")); -} -.menuitem.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive.png")); -} - -/* Radio */ -.menuitem.radio { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-unchecked.png")); - color: @theme_fg_color; - icon-shadow: none; -} -.menuitem.radio:active, .menuitem.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked.png")); -} -.menuitem.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png")); -} - -.menuitem.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-selected.png")); -} - -.menuitem.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-selected.png")); -} - -.menuitem.radio:insensitive:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive.png")); -} -.menuitem.radio:insensitive:checked { - -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive.png")); -} - - /* Scroolbar Arrows */ .scrollbar.button.vertical.top { -gtk-icon-source: url("assets/arrow-up.png"); @@ -334,21 +59,21 @@ -gtk-icon-source: url("assets/arrow-right.png"); } -.scrollbar.button.vertical.top:insensitive { +.scrollbar.button.vertical.top:disabled { -gtk-icon-source: url("assets/arrow-up-insens.png"); } -.scrollbar.button.vertical.bottom:insensitive { +.scrollbar.button.vertical.bottom:disabled { -gtk-icon-source: url("assets/arrow-down-insens.png"); } -.scrollbar.button.horizontal.left:insensitive { +.scrollbar.button.horizontal.left:disabled { -gtk-icon-source: url("assets/arrow-left-insens.png"); } -.scrollbar.button.horizontal.right:insensitive { +.scrollbar.button.horizontal.right:disabled { -gtk-icon-source: url("assets/arrow-right-insens.png"); } /* @@ -397,8 +122,8 @@ background-image: url("assets/slider-above.png"); } -.scale.scale-has-marks-above.slider.horizontal:insensitive, -.scale.scale-has-marks-above.slider.horizontal:insensitive:hover { +.scale.scale-has-marks-above.slider.horizontal:disabled, +.scale.scale-has-marks-above.slider.horizontal:disabled:hover { border: 0; box-shadow: 0 0 0; background-color: transparent; @@ -415,8 +140,8 @@ background-image: url("assets/slider-left.png"); } -.scale.scale-has-marks-above.slider.vertical:insensitive, -.scale.scale-has-marks-above.slider.vertical:insensitive:hover { +.scale.scale-has-marks-above.slider.vertical:disabled, +.scale.scale-has-marks-above.slider.vertical:disabled:hover { border: 0; box-shadow: 0 0 0; background-color: transparent; @@ -433,8 +158,8 @@ background-image: url("assets/slider-below.png"); } -.scale.scale-has-marks-below.slider.horizontal:insensitive, -.scale.scale-has-marks-below.slider.horizontal:insensitive:hover { +.scale.scale-has-marks-below.slider.horizontal:disabled, +.scale.scale-has-marks-below.slider.horizontal:disabled:hover { border: 0; box-shadow: 0 0 0; background-color: transparent; @@ -451,8 +176,8 @@ background-image: url("assets/slider-right.png"); } -.scale.scale-has-marks-below.slider.vertical:insensitive, -.scale.scale-has-marks-below.slider.vertical:insensitive:hover { +.scale.scale-has-marks-below.slider.vertical:disabled, +.scale.scale-has-marks-below.slider.vertical:disabled:hover { border: 0; box-shadow: 0 0 0; background-color: transparent; @@ -473,13 +198,13 @@ -gtk-icon-source: url("assets/arrow-left-hover.png"); } -.menu .menuitem .arrow:dir(ltr):insensitive { +.menu .menuitem .arrow:dir(ltr):disabled { -gtk-icon-source: url("assets/arrow-right-insense.png"); } -.menu .menuitem .arrow:dir(rtl):insensitive { +.menu .menuitem .arrow:dir(rtl):disabled { -gtk-icon-source: url("assets/arrow-left-insense.png"); } .combobox .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} \ No newline at end of file +} diff --git a/Theme/Chicago95/gtk-3.0/gtk-widgets.css b/Theme/Chicago95/gtk-3.0/gtk-widgets.css index 23de377..6f108ec 100644 --- a/Theme/Chicago95/gtk-3.0/gtk-widgets.css +++ b/Theme/Chicago95/gtk-3.0/gtk-widgets.css @@ -50,12 +50,6 @@ selection { color: @theme_selected_fg_color; } -flowbox rubberband, treeview.view rubberband, .content-view rubberband, -.rubberband, rubberband { - border: 1px dotted white; - background-color: transparent; -} - *:disabled, *:disabled:disabled { color: #808080; @@ -65,7 +59,7 @@ flowbox rubberband, treeview.view rubberband, .content-view rubberband, *:focus { outline: 1px dotted black; - -gtk-outline-radius: 0; + -gtk-outline-radius: 0px; outline-offset: -3px; } @@ -123,6 +117,18 @@ frame, .frame { padding: 0px; } +/* frame always comes with a border element which is the one that should be decorated, but so far i found + * that decorating only the frame with sunken 2px is better */ + +frame > label { + margin-left: 6px; +} + +border.flat { + border-style: none; + box-shadow: none; +} + arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 12px; @@ -146,6 +152,7 @@ arrow.left { color: alpha(currentColor, 0.7); } + /***************** * Basic Effects * *****************/ @@ -162,11 +169,11 @@ scrollbar button:active { } /* Sunken 1px */ +toolbar button:selected, toolbar button:active, levelbar trough, progressbar trough, menubar > menuitem:hover, -menu > separator, -box > separator { +separator { border-style: solid; border-width: 1px; border-color: shade(white,0.5) shade(white,0.9) shade(white,0.9) shade(white,0.5); @@ -196,6 +203,8 @@ check, radio { } /* Raised 1px */ +toolbar button, +toolbar button:hover:not(:active), menubar, toolbar, stepper { @@ -209,7 +218,6 @@ stepper { /* Raised 2px */ colorswatch, decoration, -popover, combobox > window, calendar.header, button, .button, @@ -229,7 +237,7 @@ notebook.frame { button:selected, button:active, button:checked, slider:disabled, trough, -paned separator { +paned > separator { background-color: white; background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, black); background-size: 2px 2px; @@ -258,6 +266,7 @@ switch slider, scrollbar button, scrollbar slider, combobox button, +toolbar button, spinbutton button, header button { margin: 0px; @@ -270,9 +279,12 @@ scrollbar button:checked, scrollbar button:active, scrollbar slider:checked, scrollbar slider:active { - padding: 2px; + padding: 2px; /*3px 1px 1px 3px;*/ } + +toolbar button:active, +toolbar button:checked, switch slider:active, switch slider:checked, combobox button:checked, @@ -370,6 +382,7 @@ iconview { -GdMainIconView-icon-size: 48; } + /********************* * list cell and row * *********************/ @@ -408,13 +421,23 @@ list > separator { *************/ separator { - border: 0px; min-width: 0px; min-height: 0px; } +*.horizontal separator { + margin-top: 4px; + margin-bottom: 4px; +} + +*.vertical separator { + margin-left: 4px; + margin-right: 4px; +} + /* MUST KEEP min-width and min-height above zero, or else a default value of 4px is used! */ -paned separator { +paned > separator { + border: 0px; min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -430,7 +453,7 @@ paned.horizontal > separator { padding-right: 1px; } -toolbar separator { +toolbar > separator { margin: 0px 2px 0px 2px; } @@ -494,6 +517,16 @@ combobox > box > button { min-height: 16px; } +combobox button { + margin-top: 2px; + margin-bottom: 2px; +} + +combobox entry{ + margin-right: -24px; +} + + /************* * scrollbar * *************/ @@ -758,15 +791,15 @@ menuitem > label { margin-right: 2px; } -menuitem .entry { +menuitem entry { border-color: shade(@bg_color, 0.6); background-color: @menu_bg_color; background-image: none; color: @menu_fg_color; } -menuitem .entry:active, -menuitem .entry:focus { +menuitem entry:active, +menuitem entry:focus { border-color: shade(@selected_bg_color, 0.6); } @@ -913,6 +946,7 @@ levelbar.vertical trough, progressbar.vertical trough, progressbar.vertical progress { min-width: 14px; + min-height: 40px; /* vertical progressbar is squished in awf... */ } levelbar block, @@ -1048,650 +1082,110 @@ colorswatch:selected { * header-bar * **************/ -.header-bar { - padding: 6px; - border-width: 1px; - border-style: solid; - border-color: transparent; - background-color: @bg_color; - background-image: none; - color: @titlebar_fg_color; -} - -.header-bar .button.text-button { - padding: 2px; -} - -.header-bar .button.image-button { - padding: 2px; -} - -.header-bar .title { +headerbar .title { font-weight: bold; padding: 0 12px; } -.header-bar .subtitle { +headerbar .subtitle { font-size: smaller; padding: 0 12px; } -/* -.header-bar GtkComboBox, -.header-bar .button { - color: red; -} - - -.header-bar .button:active:hover, -.header-bar .button:active { - outline-width 1px; - outline-offset 1px; - - padding: 4px; - padding-top: 6px; - padding-left: 6px; - border-top: 1px solid black; - border-left: 1px solid black; - border-right: 1px solid white; - border-bottom: 1px solid white; - border-radius: 0; - box-shadow: inset 1px 1px 0px 0px #808080; - background-color: #c0c0c0; - background-image: none; -} - - -.header-bar .button:focus, -.header-bar .button:hover:focus, -.header-bar .button:active:focus, -.header-bar .button:active:hover:focus { - border-color: shade(@titlebar_bg_color, 0.7); -} - -.header-bar .button:disabled { - border-color: shade(@titlebar_bg_color, 0.85); - background-color: shade(@titlebar_bg_color, 0.9); - background-image: none; -} - -.header-bar .button:active *:disabled { - border-color: shade(@titlebar_bg_color, 0.75); - background-color: shade(@titlebar_bg_color, 0.80); - background-image: none; -} - -.header-bar .entry { - border-width: 1px; - border-color: shade(@bg_color, 0.6); -} - -.header-bar .entry:active, -.header-bar .entry:focus { - border-width: 1px; - border-color: shade(@selected_bg_color, 0.6); -} */ - /*********** * toolbar * ***********/ -toolbar, .toolbar { +toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; border-left: 0px; border-right: 0px; - padding: 1px; - } -.toolbar .button { - padding: 3px; - +toolbar button { + margin-left: 2px; + margin-right: 2px; + border-color: transparent; /* invisible button */ } -.toolbar .button.text-button { - /* padding: 2px 4px;*/ -} - -.toolbar .button.image-button { - /*padding: 4px 3px 3px 4px; */ -} - -/* -.toolbar:disabled { - background-color: shade(@toolbar_bg_color, 0.9); - color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.5); -} -*/ -/* menubar toolbars */ -.toolbar.menubar { - -GtkToolbar-button-relief: normal; -} /******************* - * primary-toolbar * + * tooltip popover * *******************/ -.primary-toolbar, -.primary-toolbar .toolbar, -.primary-toolbar.toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: @toolbar_bg_color; - background-image: none; - color: @toolbar_fg_color; -} - -.primary-toolbar GtkComboBox, -.primary-toolbar .button { - padding: 1px; - background-color: transparent; - background-image: none; - color: @toolbar_fg_color; -} - -.primary-toolbar .raised .button, -.primary-toolbar .raised.button, -.toolbar GtkComboBox, -.toolbar .button { - background-image: none; -} - - - -.primary-toolbar .button:active, -.toolbar .button:active { - /* background-image: none; */ -} - -.primary-toolbar .button:checked { - background-image: none; -} - -.primary-toolbar .button:active:hover, -.toolbar .button:active:hover { - /* background-color: none; */ -} - -.primary-toolbar .button:focus, -.primary-toolbar .button:hover:focus, -.primary-toolbar .button:active:focus, -.primary-toolbar .button:active:hover:focus, -.toolbar .button:focus, -.toolbar .button:hover:focus, -.toolbar .button:active:focus, -.toolbar .button:active:hover:focus { - border-color: transparent; -} - -.primary-toolbar .button:disabled, -.toolbar .button:disabled { - background-image: none; -} - -.primary-toolbar .button:active *:disabled, -.toolbar .button:active *:disabled { - border-color: transparent; - background-image: none; -} - -.primary-toolbar .entry, -.toolbar .entry { - border-width: 1px; - border-color: #c0c0c0; -} - -.primary-toolbar .entry:active, -.primary-toolbar .entry:focus, -.toolbar .entry:active, -.toolbar .entry:focus { - border-width: 1px; - border-color: #c0c0c0; -} - -/* inline-toolbar -.inline-toolbar.toolbar { - -GtkToolbar-button-relief: normal; - - padding: 1px; - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; -} - -.inline-toolbar.toolbar:last-child { - border-width: 1px; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; -} - -.inline-toolbar.toolbar .button { - padding: 1px; - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - background-color: shade(@theme_bg_color, 1.08); - background-image: none; - color: @theme_fg_color; -} - -.inline-toolbar.toolbar .button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.inline-toolbar.toolbar .button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -.inline-toolbar.toolbar .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.inline-toolbar.toolbar .button:focus, -.inline-toolbar.toolbar .button:hover:focus, -.inline-toolbar.toolbar .button:active:focus, -.inline-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.inline-toolbar.toolbar .button:disabled, -.inline-toolbar.toolbar GtkToolButton .button:disabled { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -.inline-toolbar.toolbar .button:active *:disabled -.inline-toolbar.toolbar GtkToolButton .button:active *:disabled { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} -*/ -/****************** - * linked buttons * - *****************/ -/* set up shadows for visual separation */ - -/* Deleted this whole section. Linked buttons weren't a thing in '95 */ - -/*********** - * tooltip * - ***********/ -.tooltip - { - border-width: 3px; - border-style: solid; - border-color: #000; - border-radius: 0px; - background-color: @theme_tooltip_bg_color; - background-image: none; +tooltip decoration { + border: 0px; box-shadow: none; + padding: 0px; + margin: 0px; +} + +popover { + padding: 6px; +} + +.floating-bar, +popover, +popover.background, +tooltip.background, +tooltip { + padding: 0px; + margin: 0px; + border: 1px solid black; + background-color: @theme_tooltip_bg_color; + color: @theme_tooltip_fg_color; +} + +tooltip * { + background-color: @theme_tooltip_bg_color; color: @theme_tooltip_fg_color; } -.tooltip * { - background-color: @theme_tooltip_bg_color; +/************************ + * overshoot undershoot * + ************************/ + +/* get rid of these frekin overshoots, this isen't a phone! */ +overshoot, undershoot { + background-color: transparent; } -/************** - * action-bar * - **************/ -.action-bar { - padding: 4px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -.action-bar .button.text-button { - padding: 4px; -} - -.action-bar .button.image-button { - padding: 1px; -} - -.action-bar .title { - font-weight: bold; - padding: 0 12px; -} - -.action-bar .subtitle { - font-size: smaller; - padding: 0 12px; -} - -/*************** - * search bars * - ***************/ -.search-bar { - /*background-color: ;*/ -} - -.search-bar .button.close-button { - padding: 4px; -} - -/******************** - * various choosers * - ********************/ -GtkFontButton .separator, -GtkFileChooserButton .separator { - /* always disable separators */ - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; -} - -/* -GtkFontButton GtkLabel:last-child { - color: alpha(currentColor, 0.7); -} - -GtkFileChooserButton GtkImage:last-child { - color: alpha(currentColor, 0.7); -} -*/ - -/********************* - * app notifications * - *********************/ -.app-notification { - border-style: solid; - border-color: #c0c0c0 #000 #000 #c0c0c0; - border-width: 1px; - border-radius: 0; - padding: 8px; - background-color: @bg_color; - background-image: none; - color: @theme_text_color; - box-shadow: inset 1px 1px #FFF, inset -1px -1px #808080; -} - /******* * osd * *******/ + .background.osd { color: @osd_fg; background-color: @osd_bg; } -GtkOverlay.osd { +overlay.osd { background-color: transparent; } .osd.frame { background-clip: border-box; background-origin: border-box; - } -/* -.osd.button, -.osd .button { +/******************** + * app notification * + ********************/ + +.app-notification { + background-color: @base_color; } -.osd.button:hover, -.osd.button:hover, -.osd .button:hover { - border-color: shade(@osd_bg, 0.7); - background-color: shade(@osd_bg, 1.10); - background-image: none; -} - -.osd.button:active, -.osd .button:active, -.osd GtkMenuButton.button:active { - -} - -.osd.button:active:hover, -.osd .button:active:hover, -.osd GtkMenuButton.button:active:hover { - -} - -.osd.button:disabled, -.osd .button:disabled { - border-color: shade(@osd_bg, 0.85); - background-color: shade(@osd_bg, 0.9); - background-image: none; -} - -.osd.button:active *:disabled, -.osd .button:active *:disabled { - background-color: shade(@osd_bg, 0.80); - background-image: none; -} - -.osd.toolbar { - -GtkToolbar-button-relief: normal; - - padding: 4px; - border-width: 1px; - border-style: solid; - border-radius: 0px; - border-color: shade(@osd_bg, 0.8); - background-color: @osd_bg; - background-image: none; - color: @osd_fg; -} - -.osd.toolbar .button { - padding: 4px; - border-width: 1px; - border-style: solid; - border-color: shade(@osd_bg, 0.8); - border-radius: 0px; - background-color: shade(@osd_bg, 1.08); - background-image: none; - color: @osd_fg; -} - -.osd.toolbar .button:hover { - border-color: shade(@osd_bg, 0.7); - background-color: shade(@osd_bg, 1.10); - background-image: none; -} - -.osd.toolbar .button:active { - border-color: shade(@osd_bg, 0.8); - background-color: shade(@osd_bg, 0.95); - background-image: none; -} - -.osd.toolbar .button:active:hover { - border-color: shade(@osd_bg, 0.7); -} - -.osd.toolbar .button:focus, -.osd.toolbar .button:hover:focus, -.osd.toolbar .button:active:focus, -.osd.toolbar .button:active:hover:focus { - border-color: shade(@osd_bg, 0.7); -} - -.osd.toolbar .button:disabled { - border-color: shade(@osd_bg, 0.85); - background-color: shade(@osd_bg, 0.9); - background-image: none; -} - -.osd.toolbar .button:active *:disabled { - border-color: shade(@osd_bg, 0.75); - background-color: shade(@osd_bg, 0.80); - background-image: none; -} - -.osd.toolbar .button:first-child { - border-radius: 0px 0 0 0px; - border-width: 1px 0 1px 1px; - box-shadow: inset -1px 0 shade(@osd_bg, 0.9); -} - -.osd.toolbar .button:last-child { - box-shadow: none; - border-radius: 0 0px 0px 0; - border-width: 1px 1px 1px 0; -} - -.osd.toolbar .button:only-child, -.osd.toolbar GtkToolButton .button, -.osd.toolbar GtkToolButton:only-child .button, -.osd.toolbar GtkToolButton:last-child .button, -.osd.toolbar GtkToolButton:first-child .button { - border-width: 1px; - border-radius: 0px; - border-style: solid; -} - -.osd.toolbar .separator { - color: shade(@osd_bg, 0.9); -} - - used by gnome-settings-daemon's media-keys OSD */ -.osd.trough { - background-color: shade(@osd_bg, 0.8); -} -/* - -.osd.progressbar { - background-color: @osd_fg; -} - -.osd .scale.slider { - background-color: shade(@osd_bg, 1.08); - background-image: none; - we will draw the border using box shadow for now - box-shadow: inset 1px 0 shade(@osd_bg, 0.8), - inset 0 1px shade(@osd_bg, 0.8), - inset -1px 0 shade(@osd_bg, 0.8), - inset 0 -1px shade(@osd_bg, 0.8); -} - -.osd .scale.slider:hover { - box-shadow: inset 1px 0 shade(@osd_bg, 0.7), - inset 0 1px shade(@osd_bg, 0.7), - inset -1px 0 shade(@osd_bg, 0.7), - inset 0 -1px shade(@osd_bg, 0.7); -} - -.osd .scale.slider:disabled { - background-color: shade(@osd_bg, 0.9); - background-image: none; - box-shadow: inset 1px 0 shade(@osd_bg, 0.85), - inset 0 1px shade(@osd_bg, 0.85), - inset -1px 0 shade(@osd_bg, 0.85), - inset 0 -1px shade(@osd_bg, 0.85); -} - -.osd .scale.trough { - border-color: shade(@osd_bg, 0.8); - background-color: shade(@osd_bg, 1.08); - background-image: none; -} - -.osd .scale.trough.highlight { - border-color: @theme_selected_bg_color; - background-color: @theme_selected_bg_color; - background-image: none; -} - -.osd .scale.trough:disabled, -.osd .scale.trough.highlight:disabled { - border-color: shade(@osd_bg, 0.85); - background-color: shade(@osd_bg, 0.9); - background-image: none; -} - -.osd GtkProgressBar, -GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 2px; - -GtkProgressBar-min-horizontal-bar-height: 2px; - - padding: 0; -} - -.osd GtkProgressBar.trough, -GtkProgressBar.osd.trough { - padding: 0; - border-style: none; - border-radius: 0; - background-image: none; - background-color: transparent; -} - -.osd GtkProgressBar.progressbar, -GtkProgressBar.osd.progressbar { - border-style: none; - border-radius: 0; - background-color: @progressbar_color; - background-image: none; -} - -.osd .view, -.osd.view { - background-color: @osd_base; -} - -.osd .scrollbar.trough { - background-color: @osd_bg; -} - -.osd .scrollbar.slider { - border-width: 1px; - border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21); - border-radius: 0; - background-color: mix(@osd_base, @osd_fg, 0.21); -} - -.osd .scrollbar.slider:hover { - border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31); - background-color: mix(@osd_base, @osd_fg, 0.31); -} - -.osd .scrollbar.slider:active { - border-color: shade(@theme_bg_color, 0.9); - background-color: @theme_bg_color; -} - -.osd GtkIconView.cell:selected, -.osd GtkIconView.cell:selected:focus { - background-color: transparent; - border-style: solid; - border-radius: 0px; - border-width: 3px; - border-color: @osd_fg; - outline-color: transparent; -} -*/ -/* used by Documents */ -.osd .page-thumbnail { - border-style: solid; - border-width: 1px; - border-color: shade(@osd_bg, 0.9); - /* when there's no pixbuf yet */ - background-color: @osd_bg; -} /****************************** * destructive action buttons * ******************************/ + .destructive-action.button { border-radius: 0px; background-color: @error_color; @@ -1843,3 +1337,12 @@ window.csd tooltip { border: 0 none black; box-shadow: none; } + +/* declaration of .view was causing problems with white background rubberband in nautilus, putting this here for now */ +flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband, rubberband { + border: 1px solid black; + background-color: transparent; + /* box-shadow: inset 1px 1px 0px 0px black, + inset -1px -1px 0px 0px black; */ +} diff --git a/Theme/Chicago95/gtk-3.0/gtk.css b/Theme/Chicago95/gtk-3.0/gtk.css index 5cb936c..8fa1a0e 100644 --- a/Theme/Chicago95/gtk-3.0/gtk.css +++ b/Theme/Chicago95/gtk-3.0/gtk.css @@ -13,6 +13,8 @@ @define-color text_color #000000; @define-color selected_bg_color #000080; @define-color selected_fg_color #ffffff; +@define-color selected_inactive_bg_color #808080; +@define-color selected_inactive_fg_color #000000; @define-color tooltip_bg_color #ffffBf; @define-color tooltip_fg_color #000000; @@ -98,8 +100,8 @@ /* @import url("apps/gnome-applications.css"); @import url("apps/granite-widgets.css"); -@import url("apps/unity.css"); */ +@import url("apps/unity.css"); @import url("apps/xfce.css"); -/* @import url("apps/nemo.css"); */ +@import url("apps/nemo.css"); @import url("apps/synaptic.css"); -@import url("apps/lightdm-gtk-greeter.css"); +@import url("apps/lightdm-gtk-greeter.css"); */