diff options
author | raveit65 <[email protected]> | 2016-03-12 18:34:03 +0100 |
---|---|---|
committer | raveit65 <[email protected]> | 2016-03-12 18:34:30 +0100 |
commit | bac109accc1a511d7e291eb2ff269ca38b589eef (patch) | |
tree | 97d13d1d7c3a6295c4b857ba8bdc00344fd1386e | |
parent | 29739899f9d4148e39f9f26bab6e8f4b03d0690c (diff) | |
download | mate-themes-bac109accc1a511d7e291eb2ff269ca38b589eef.tar.bz2 mate-themes-bac109accc1a511d7e291eb2ff269ca38b589eef.tar.xz |
GTK+-3.20 high contrast inverse: first raw port to 3.20
I'm tired to follow gtk+ nonsence, so i simply copied their code
and fixed some wrong settings. Should they do their work!
- gtk-widget.css
- gtk.css
- mate-application.css
6 files changed, 3310 insertions, 3159 deletions
diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/Makefile.am b/desktop-themes/ContrastHighInverse/gtk-3.0/Makefile.am index 9c08213f..eb474785 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/Makefile.am +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/Makefile.am @@ -3,7 +3,7 @@ THEME_NAME=ContrastHighInverse themedir = $(datadir)/themes/$(THEME_NAME)/gtk-3.0 theme_DATA = \ - resize-grip.svg \ + panel-grid.svg \ gtk.css \ gtk-widgets.css \ mate-applications.css \ diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css index 092d5e7d..38674e13 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css @@ -1,2809 +1,3042 @@ * { - -GtkRange-stepper-size: 2; - -GtkScale-slider-length: 28; - -GtkRange-slider-width: 28; - -GtkTreeView-expander-size: 12; /* arrow size in list/tree views */ - -GtkWidget-cursor-color: @theme_cursor_color; - -GtkWidget-cursor-aspect-ratio: 0.08; - -GtkWidget-focus-padding: 1; - /* disable focusline on active notebook tabs if focused*/ - -GtkWidget-focus-line-width: 0; - -GtkWidget-focus-line-pattern: "\002\002"; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkComboBox-arrow-scaling: 0.9; - -GtkButton-default-border: 0; - -GtkWindow-resize-grip-width: 15; - -GtkWindow-resize-grip-height: 15; - -GtkStatusbar-shadow-type: none; - background-clip: padding-box; - outline-width: 0px; /* disable ugly focus-line */ - -gtk-icon-style: regular; /* disable symbolic icons */ + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #cc0000; + -gtk-icon-style: symbolic; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(255, 255, 255, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-icon-style: regular; /* disable symbolic icons */ } +/*************** + * Base States * + ***************/ .background { - color: @theme_fg_color; - background-color: @theme_base_color; -} - -/* FIXME: why do we still need this? */ -GtkClutterOffscreen { - background-color: @theme_base_color; -} - -*:insensitive { - background-color: @theme_button_insensitive_bg; - border-color: @theme_button_insensitive_active_bg; - color: @theme_insensitive_color; -} - -*:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} + color: #fff; + background-color: #000; } + +.background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + color: white; + background-color: #000; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } .gtkstyle-fallback { - background-color: @theme_base_color; - color: @theme_fg_color; -} - -.gtkstyle-fallback:prelight { - background-color: @theme_fg_color; - color: @theme_selected_fg_color; -} - -.gtkstyle-fallback:active { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.gtkstyle-fallback:insensitive { - background-color: @theme_insensitive_bg; - color: @theme_insensitive_color; -} - -.gtkstyle-fallback:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/******** - * Misc * - ********/ -GtkCheckButton:selected, -GtkCheckButton:selected:focus { - background-color: @theme_internal_bg; - color: @theme_fg_color; -} - -.image { - color: @theme_selected_bg_color; -} + background-color: #000; + color: #fff; } + .gtkstyle-fallback:hover { + background-color: #1a1a1a; + color: #fff; } + .gtkstyle-fallback:active { + background-color: black; + color: #fff; } + .gtkstyle-fallback:disabled { + background-color: #060606; + color: #7f7f7f; } + .gtkstyle-fallback:selected { + background-color: #aaa; + color: #fff; } + +.view, textview text, iconview { + color: #fff; + background-color: #111; } + .view:backdrop, textview text:backdrop, iconview:backdrop { + color: #fff; + background-color: #111; } + +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband { + border: 1px solid #aaa; + background-color: rgba(170, 170, 170, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label:disabled, label:backdrop:disabled { + color: #7f7f7f; } -.image:hover { - color: @theme_fg_color; -} +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background-image: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } -GtkLabel, -GtkLabel:insensitive, -GtkImage, -GtkImage:insensitive { +/**************** + * Text Entries * + ****************/ +entry, spinbutton { + padding: 7px 4px; + border-radius: 3px; + border-width: 1px; + transition: all 200ms ease-out; + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #7f7f7f; + box-shadow: inset 0 2px 2px -2px #080808; } + entry.flat, entry.flat:focus, spinbutton.flat, spinbutton.flat:focus { + padding: 2px; background-color: transparent; -} - -.tooltip, -.tooltip.background { - background-color: @theme_bg_color; - color: @theme_fg_color; - border-color: @theme_fg_color; border-style: solid; - border-width: 1px; -} - -.view.rubberband, -.rubberband { - border-color: @theme_fg_color; - border-style: solid; - border-width: 1px; - - background-color: alpha(@theme_internal_bg, 0.35); -} - -.grip { - background-color: transparent; - background-image: url("resize-grip.svg"); -} - -.separator { - color: @theme_insensitive_border; -} - -.floating-bar { - background-color: @theme_insensitive_bg; - border-width: 1px; - border-radius: 3px; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #7f7f7f; + box-shadow: inset 0 2px 2px -2px #080808; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-color: transparent; border-style: solid; -} - -.floating-bar.top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -.floating-bar.right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.floating-bar.bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.floating-bar.left { - border-left-width: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.floating-bar .button { + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #aaa; + box-shadow: inset 0 2px 2px -2px #080808, inset 0 0 2px 1px #2f2f2f; } + entry:disabled, spinbutton:disabled { background-color: transparent; - border-style: none; -} - -GtkColorButton.button { - padding: 1px 16px; -} - -GtkColorSwatch { - border-width: 1px; border-style: solid; - border-color: @theme_fg_color; -} - -/****************** - * Colored states * - ******************/ -.info { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.warning { - background-color: @warning_bg_color; - color: @warning_fg_color; -} - -.question { - background-color: @question_bg_color; - color: @question_fg_color; -} - -.error { - background-color: @error_bg_color; - color: @error_fg_color; -} - -/************************ - * overshoot/undershoot * - ************************/ - -/* displays at end of mouse scrolling */ -.overshoot { - background-color: alpha (@theme_active_color, 0.35); -} - -/* result is disable undershoot */ -.undershoot.top { + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + border-color: #7f7f7f; + background-image: linear-gradient(to bottom, #060606); + box-shadow: none; } + entry:backdrop, spinbutton:backdrop { background-color: transparent; - background-image: linear-gradient(to left, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 10px 0px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; -} - -.undershoot.bottom { + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #fff; + background-image: linear-gradient(to bottom, #111); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + entry:backdrop:disabled, spinbutton:backdrop:disabled { background-color: transparent; - background-image: linear-gradient(to left, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 10px 0px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; -} - -.undershoot.left { + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + background-image: linear-gradient(to bottom, #000); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + entry selection, entry selection:backdrop, spinbutton selection, spinbutton selection:backdrop { + background-color: #aaa; + color: #fff; } + entry progress, spinbutton progress { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #aaa; + border-style: solid; + background-image: none; background-color: transparent; - background-image: linear-gradient(to top, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 0px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; -} - -.undershoot.right { + box-shadow: none; } + entry progress:backdrop, spinbutton progress:backdrop { + background-color: transparent; } + .linked entry:first-child, .linked spinbutton:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .linked entry:first-child:dir(rtl), .linked spinbutton:first-child:dir(rtl) { + border-right-style: none; } + .linked entry:last-child, .linked spinbutton:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + .linked entry:last-child:dir(rtl), .linked spinbutton:last-child:dir(rtl) { + border-left-style: solid; } + .linked.vertical entry, .linked.vertical spinbutton { background-color: transparent; - background-image: linear-gradient(to top, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 0px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; -} - -/************* - * Level bar * - *************/ -GtkLevelBar { - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 3; -} - -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; -} - -.level-bar.trough { - padding: 2px; -} - -.level-bar.fill-block { - padding: 2px; - - border-width: 1px; border-style: solid; - - background-color: @theme_highlight_color; -} - -.level-bar.fill-block.level-high { - background-color: @success_color; - border-color: darker(@success_color); -} - -.level-bar.fill-block.level-low { - background-color: @warning_bg_color; - border-color: darker(@warning_bg_color); -} - -.level-bar.fill-block.empty-fill-block { - background-color: transparent; - border-color: @theme_border_color; -} - -.level-bar.indicator-discrete.fill-block.horizontal { - margin: 0 1px; -} - -.level-bar.indicator-discrete.fill-block.vertical { - margin: 1px 0; -} - -/********************* - * Spinner Animation * - *********************/ -/* This is could be CPU-intensive */ - -@keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } -} - -.spinner { - background-image: none; - background-color: blue; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -.spinner:active { - opacity: 1; - animation: spin 1s linear infinite; } -.spinner:active:insensitive { - opacity: 0.5; -} - -.button .spinner:active { - color: @theme_fg_color; -} + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #7f7f7f; + box-shadow: inset 0 2px 2px -2px #080808; + background-image: linear-gradient(to bottom, #111); + border-bottom-color: #323232; + box-shadow: none; } + .linked.vertical entry:focus, .linked.vertical spinbutton:focus { + border-color: #aaa; + box-shadow: inset 0 0 0 1px rgba(170, 170, 170, 0.15), 0 -1px 0 0 #aaa; } + .linked.vertical entry:disabled, .linked.vertical spinbutton:disabled { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + border-color: #7f7f7f; + background-image: linear-gradient(to bottom, #060606); + box-shadow: none; + border-bottom-color: #323232; } + .linked.vertical entry:disabled:backdrop, .linked.vertical spinbutton:disabled:backdrop { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + background-image: linear-gradient(to bottom, #000); + box-shadow: 0 1px rgba(255, 255, 255, 0); + border-bottom-color: #2e2e2e; } + .linked.vertical entry:backdrop, .linked.vertical spinbutton:backdrop { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #fff; + background-image: linear-gradient(to bottom, #111); + box-shadow: 0 1px rgba(255, 255, 255, 0); + border-bottom-color: #2e2e2e; } + .linked.vertical entry:first-child, .linked.vertical spinbutton:first-child { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #7f7f7f; + box-shadow: inset 0 2px 2px -2px #080808; + border-bottom-color: #323232; } + .linked.vertical entry:first-child:focus, .linked.vertical spinbutton:first-child:focus { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #aaa; + box-shadow: inset 0 2px 2px -2px #080808, inset 0 0 2px 1px #2f2f2f; } + .linked.vertical entry:first-child:disabled, .linked.vertical spinbutton:first-child:disabled { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + border-color: #7f7f7f; + background-image: linear-gradient(to bottom, #060606); + box-shadow: none; + border-bottom-color: #2e2e2e; } + .linked.vertical entry:first-child:disabled:backdrop, .linked.vertical spinbutton:first-child:disabled:backdrop { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + background-image: linear-gradient(to bottom, #000); + box-shadow: 0 1px rgba(255, 255, 255, 0); + border-bottom-color: #2e2e2e; + border-top-style: solid; } + .linked.vertical entry:first-child:backdrop, .linked.vertical spinbutton:first-child:backdrop { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #fff; + background-image: linear-gradient(to bottom, #111); + box-shadow: 0 1px rgba(255, 255, 255, 0); + border-bottom-color: #2e2e2e; } + .linked.vertical entry:last-child, .linked.vertical spinbutton:last-child { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #7f7f7f; + box-shadow: inset 0 2px 2px -2px #080808; + border-top-width: 0; + background-image: linear-gradient(to bottom, #111); + box-shadow: none; } + .linked.vertical entry:last-child:focus, .linked.vertical spinbutton:last-child:focus { + border-color: #aaa; + box-shadow: inset 0 0 0 1px rgba(170, 170, 170, 0.15), 0 -1px 0 0 #aaa; } + .linked.vertical entry:last-child:disabled, .linked.vertical spinbutton:last-child:disabled { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + border-color: #7f7f7f; + background-image: linear-gradient(to bottom, #060606); + box-shadow: none; } + .linked.vertical entry:last-child:disabled:backdrop, .linked.vertical spinbutton:last-child:disabled:backdrop { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #7f7f7f; + background-image: linear-gradient(to bottom, #000); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + .linked.vertical entry:last-child:backdrop, .linked.vertical spinbutton:last-child:backdrop { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #fff; + background-image: linear-gradient(to bottom, #111); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + entry.error, spinbutton.error { + color: #cc0000; + border-color: #cc0000; } + entry.error:focus, spinbutton.error:focus { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #cc0000; + box-shadow: inset 0 2px 2px -2px #080808, inset 0 0 2px 1px #360d0d; } + entry.error:selected, entry.error:selected:focus, spinbutton.error:selected, spinbutton.error:selected:focus { + background-color: #cc0000; } + entry.warning, spinbutton.warning { + color: #f57900; + border-color: #f57900; } + entry.warning:focus, spinbutton.warning:focus { + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #f57900; + box-shadow: inset 0 2px 2px -2px #080808, inset 0 0 2px 1px #3e250d; } + entry.warning:selected, entry.warning:selected:focus, spinbutton.warning:selected, spinbutton.warning:selected:focus { + background-color: #f57900; } /*********** * Buttons * ***********/ -.button { +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#aaa), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#aaa), to(transparent)); } } + +button, +button.default, +button.text-button.default, +button.text-button.default:focus, +button:focus, +button:focus:hover, +button.default:focus { + color: #fff; +} + +button:hover:active, +button:focus:hover:active, +button.default:hover:active, +button.default:focus:hover:active { + color: #000; +} + +button { + border-radius: 3px; + transition: all 200ms ease-out; + padding: 4px 6px; + border-width: 2px; + border-style: solid; + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; } + button:hover, button.flat:hover, button.sidebar-button:hover { border-width: 2px; border-style: solid; - border-color: @theme_button_fg; - border-radius: 3px; - background-color: @theme_button_bg; - padding: 1px 4px; - color: @theme_button_fg; -} - -.button.image-button { - padding: 5px; -} - -.button.default { - text-shadow: none; - color: @theme_fg_color; - border-color: @theme_highlight_border; -} - -/* ie. mate-control-center */ -.button.flat { - padding: 0px; - border-color: transparent; - background-color: transparent; + color: #fff; + background-color: #000; + border-color: #7f7f7f; background-image: none; - color: @theme_fg_color; - box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0); - text-shadow: none; - icon-shadow: none; - border-image: none; -} - -.button.flat.hover { - border-radius: 3px; -} - -.button:active, -.button:checked { - background-color: @theme_button_active_bg; - color: @theme_selected_fg_color; - border-color: @theme_button_fg; -} - -.button:insensitive { - background-color: @theme_button_insensitive_bg; - border-color: @theme_button_insensitive_border; -} - -.button:insensitive:active, -.button:insensitive:checked { - background-color: @theme_button_insensitive_active_bg; - border-color: @theme_button_insensitive_active_border; -} - -.button *:insensitive { - color: @theme_button_insensitive_fg; -} - -.button:active *:insensitive { - color: @theme_button_insensitive_active_fg; -} - -.button:hover { - background-color: @theme_fg_color; - border-color: @theme_fg_color; - color: @theme_selected_fg_color; -} - -.button:hover:active, -.button:hover:checked { - background-color: @theme_fg_color; - border-color: @theme_fg_color; -} - -GtkComboBox .separator { - /* always disable separators */ - -GtkWidget-wide-separators: true; - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; -} - -GtkComboBox *:insensitive { - color: @theme_button_insensitive_fg -} - -/*********** - * Entries * - ***********/ -.entry { + -gtk-icon-effect: highlight; } + button:active, button.flat:active, button.sidebar-button:active, button:checked, button.flat:checked, button.sidebar-button:checked { border-width: 2px; border-style: solid; - border-color: @theme_button_fg; - border-radius: 3px; - background-color: @theme_entry_bg; - padding: 4px 4px 5px 4px; -} - -.entry:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* needed for webkit/GtkStyle compatibility */ -.entry:active { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.entry:focus { - border-width: 2px; - border-color: @theme_highlight_color; -} - -.entry:insensitive { - border-color: @theme_insensitive_border; - background-color: @theme_insensitive_bg; - color: @theme_insensitive_color; -} - -/************** - * Comboboxes * - **************/ -GtkComboBox *:hover { - color: @theme_insensitive_bg; -} - -GtkComboBox .separator { - color: transparent; -} - -GtkComboBox .button { - padding: 3px 4px; -} - -.combobox-entry .button, -.toolbar .combobox-entry .button { - background-color: @theme_entry_bg; - color: @theme_fg_color; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; + transition-duration: 50ms; } + button:backdrop, button.flat:backdrop, button.sidebar-button:backdrop { border-width: 2px; - border-color: @theme_button_fg; -} - -.combobox-entry .button:hover { - background-color: @theme_fg_color; -} - -.combobox-entry .button:active, -.combobox-entry .button:checked { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.combobox-entry .button:insensitive { - background-color: @theme_insensitive_bg; - color: @theme_internal_bg; - border-color: @theme_insensitive_border; -} - -.combobox-entry .entry:first-child { - border-right-width: 0px; - border-radius: 3px 0px 0px 3px; -} - -.combobox-entry .entry:last-child { - border-left-width: 0px; - border-radius: 0px 3px 3px 0px; -} - -.combobox-entry .button:first-child { - border-radius: 3px 0px 0px 3px; -} - -.combobox-entry .button:last-child { - border-radius: 0px 3px 3px 0px; -} - -/*************************** - * Trough and progressbars * - ***************************/ -.trough { - background-color: @theme_trough_bg; - color: @theme_trough_fg; - - border-width: 1px; - border-style: solid; - border-color: @theme_trough_fg; - border-radius: 3px; -} - -.trough:insensitive { - border-color: @theme_trough_insensitive_border; - background-color: @theme_trough_insensitive_bg; - color: @theme_trough_insensitive_fg; -} - -.trough:insensitive:active { - background-color: @theme_insensitive_bg; -} - -GtkProgressBar { - /* FIXME - Not working 3.14 */ - -GtkProgressBar-min-horizontal-bar-height: 20; - -GtkProgressBar-min-vertical-bar-width: 20; - border-radius: 6px; -} - -.progressbar { - background-color: @theme_highlight_color; - border-width: 1px; - border-color: @theme_highlight_border; - border-radius: 3px; border-style: solid; -} - -/*************** - * Spinbuttons * - ***************/ -.spinbutton .button { - padding: 2px 6px; - color: @theme_selected_bg_color; - - border-width: 1px; - border-radius: 0; - background-color: @theme_entry_bg; - background-clip: border-box; - - border-color: @theme_internal_border; -} - -.spinbutton .button:hover { - background-color: @theme_selected_bg_color; - color: @theme_insensitive_bg; - border-color: @theme_selected_bg_color; -} - -.spinbutton .button:insensitive { - color: @theme_insensitive_color; - background-color: @theme_insensitive_bg; - border-color: @theme_insensitive_border; -} - -.spinbutton .button:focus { - border-color: @theme_highlight_color; -} - -.spinbutton .button:first-child, -.spinbutton .button:last-child { - border-color: transparent; -} - -.spinbutton .button:first-child:focus { - border-color: @theme_highlight_color; - border-right-color: transparent; -} - -.spinbutton .button:last-child:focus { - border-color: @theme_highlight_color; - border-left-color: transparent; -} - -.spinbutton .button:first-child { - border-radius: 2px 0 0 2px; -} - -.spinbutton .button:last-child { - border-radius: 0 2px 2px 0; -} - -/*vertical */ - -.vertical.entry.spinbutton.entry { - border-image: none; - border-color: @theme_border_color; - border-radius: 0px; - border-width: 0px 2px 0px 2px; + color: #fff; + background-color: #000; + border-color: #727272; background-image: none; - padding: 4px; -} - -.vertical.entry.spinbutton .button:first-child, -.vertical.entry.spinbutton .button:hover:first-child, -.vertical.entry.spinbutton .button:focus:first-child, -.vertical.entry.spinbutton .button:active:first-child, -.vertical.entry.spinbutton .button:checked:first-child, -.vertical.entry.spinbutton .button:active:hover:first-child, -.vertical.entry.spinbutton .button:checked:hover:first-child { - border-color: @theme_border_color; - border-radius: 3px 3px 0px 0px; - border-width: 2px; -} - -.vertical.entry.spinbutton .button:last-child, -.vertical.entry.spinbutton .button:hover:last-child, -.vertical.entry.spinbutton .button:focus:last-child, -.vertical.entry.spinbutton .button:active:last-child, -.vertical.entry.spinbutton .button:checked:last-child, -.vertical.entry.spinbutton .button:active:hover:last-child, -.vertical.entry.spinbutton .button:checked:hover:last-child { - border-color: @theme_border_color; + text-shadow: none; + -gtk-icon-shadow: none; } + button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, button.sidebar-button:backdrop:active, button.flat:backdrop:checked, button.sidebar-button:backdrop:checked { + border-width: 2px; + border-style: solid; + color: black; + background-color: #727272; + border-color: #727272; + background-image: none; } + button:backdrop:disabled, button.flat:backdrop:disabled, button.sidebar-button:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + button:backdrop:disabled:active, button.flat:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + border-color: #727272; + background-image: none; + background-color: #090909; } + button:disabled { border-width: 2px; - border-radius: 0px 0px 3px 3px; -} - -.vertical.entry.spinbutton.entry:insensitive, -.vertical.entry.spinbutton .button:insensitive, -.vertical.entry.spinbutton .button:insensitive:first-child -.vertical.entry.spinbutton .button:insensitive:last-child { - border-color: @theme_insensitive_border; -} - -/********* - * Menus * - *********/ -.menu { border-style: solid; - border-color: @theme_fg_color; - border-width: 1px; - background-color: @theme_base_color; - color: @theme_fg_color; -} - -.menuitem, -.menu .menuitem { - color: @theme_fg_color; - background-color: transparent; -} - -.menuitem:insensitive, -.menu .menuitem:insensitive { - color: @theme_button_insensitive_fg; -} - -.menubar .menuitem:hover { - color: @theme_fg_color; - background-color: @theme_selected_bg_color; -} - -.menu .menuitem:hover { - color: @theme_fg_color; - background-color: @theme_selected_bg_color; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + button:disabled:active, button:disabled.flat:active, button.sidebar-button:disabled:active { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + border-color: #7f7f7f; + background-image: none; + background-color: #060606; } + .osd button { + padding: 6px; + border-width: 1px 1px 2px 1px; + border-width: 2px; border-style: solid; - border-left-width: 1px; - border-right-width: 1px; - border-left-color: @theme_fg_color; - border-right-color: @theme_fg_color; -} - -.menu .menuitem { - padding: 4px; -} - -.menubar .menuitem { - padding: 3px 5px; -} - -.menuitem.separator, -.menu .menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; -} - -/************ - * Toolbars * - ************/ -.toolbar { - padding: 4px; - border-width: 1px 0; + color: #fff; + background-image: none; + background-color: rgba(0, 0, 0, 0.8); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd button:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: rgba(77, 77, 77, 0.8); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd button:active, .osd button:checked { + border-width: 2px; + border-style: solid; + color: rgba(0, 0, 0, 0.8); + background-color: #fff; + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd button:disabled { + border-width: 2px; + border-style: solid; + border-color: rgba(255, 255, 255, 0.2); + color: #7f7f7f; } + .osd button:backdrop { + border-width: 2px; + border-style: solid; } + button.suggested-action { + border-width: 2px; border-style: solid; - border-color: @theme_border_color; - - background-color: @theme_toolbar_bg; -} - -.vertical.toolbar { - border-width: 0 1px 0 0; -} - -.toolbar .button { - background-color: transparent; - padding: 1px; -} - -.toolbar .button.text-button { - padding: 2px 16px; -} - -.toolbar .button.image-button { - padding: 5px; -} - -.toolbar .button:insensitive { - background-color: @theme_base_color; -} - -.primary-toolbar .button:insensitive { - background-color: transparent; - color: @theme_insensitive_color ; -} - -.raised .button, -.raised.button { - background-color: @theme_button_bg; -} - -.raised .button:insensitive, -.raised.button:insensitive { - border-color: @theme_button_insensitive_border; - background-color: @theme_button_insensitive_bg; - color: @theme_button_insensitive_fg; -} - -.raised .button:active, -.raised.button:active, -.primary-toolbar .button:active, -.toolbar .button:active { - background-color: @theme_button_active_bg; - border-color: @theme_button_active_border; -} - -.raised .button:hover, -.raised.button:hover, -.primary-toolbar .button:hover, -.toolbar .button:hover { - background-color: @theme_fg_color; - border-color: @theme_fg_color; -} - -.raised .button:active:insensitive, -.raised.button:active:insensitive, -.primary-toolbar .button:active:insensitive, -.toolbar .button:active:insensitive { - border-color: @theme_button_insensitive_active_bg; - background-color: @theme_button_insensitive_active_bg; - - color: @theme_selected_fg_color; -} - -/******************* - * Inline toolbars * - *******************/ -.inline-toolbar { - border-width: 0 1px 1px; - -GtkToolbar-button-relief: normal; -} - -.inline-toolbar:last-child { - border-radius: 0 0 3px 3px; -} - -.inline-toolbar .button { - color: @theme_inline_toolbar_button_fg; - background-color: @theme_inline_toolbar_button_bg; - - border-radius: 0; - border-width: 1px 0; - border-color: @theme_button_linked_border; - box-shadow: inset -1px 0 @theme_inline_toolbar_button_side; -} - -.inline-toolbar .button:hover { - color: @theme_selected_fg_color; - border-color: @theme_button_linked_border; - box-shadow: none; -} - -.inline-toolbar .button:active { - color: @theme_selected_fg_color; - border-color: @theme_button_linked_border; -} - -.inline-toolbar .button:insensitive { - border-color: @theme_button_linked_border; - - background-color: @theme_button_linked_insensitive_bg; - color: @theme_button_linked_insensitive_fg; -} - -.inline-toolbar .button:insensitive:active { - border-color: @theme_button_linked_border; -} - -.inline-toolbar .button:first-child, -.inline-toolbar GtkToolButton:first-child .button { - border-radius: 3px 0 0 3px; - border-left-width: 1px; -} - -.inline-toolbar .button:last-child, -.inline-toolbar GtkToolButton:last-child .button { - border-radius: 0 3px 3px 0; - border-right-width: 1px; - box-shadow: none; -} - -.primary-toolbar.toolbar, -.primary-toolbar .toolbar, -.menubar.toolbar { - -GtkToolbar-button-relief: normal; -} - -.primary-toolbar.toolbar, -.primary-toolbar .toolbar, -.menubar { - -GtkWidget-window-dragging: true; -} - -.primary-toolbar .button { - border-color: transparent; -} - -.primary-toolbar .button.raised, -.primary-toolbar .raised .button { - border-color: @theme_button_fg; -} - -/****************** - * Linked buttons * - ******************/ - -.button, -.button.menuitem.menubar, -GtkColorButton.button, -GtkComboBox.combobox-entry .button { - padding: 4px; -} - -.button.image-button, -.primary-toolbar.toolbar .button.image-button { - padding: 4px; -} - -/* Middle button */ -.linked .entry, -.linked > GtkComboBox > .button:last-child, -.linked > GtkComboBox > .button:focus:last-child, -.linked > GtkComboBox > .button:insensitive:last-child, -.linked > GtkComboBox > .button:active:last-child, -.linked > GtkComboBox > .button:focus:active:last-child, -.linked > GtkComboBox > .button:checked:last-child, -.linked > GtkComboBox > .button:focus:checked:last-child, -.linked > GtkComboBox > .button:hover:last-child, -.linked > GtkComboBox > .button:active:hover:last-child, -.linked > GtkComboBox > .button:checked:hover:last-child, -.osd .button, -.linked .button, -.linked .button:hover, /* gtk-widget-factory middle page button */ -.linked .button:active, -.linked .button:active:hover, -.linked .button:checked, -.linked .button:checked:checked, /* gtk-widget-factory middle page button */ -.linked .button:checked:hover, -.linked .button:insensitive { - border-right-width: 0; - border-left-width: 0; - border-radius: 0; -} - -/* Leftmost button */ -.linked .entry:first-child, -.linked > GtkComboBox:first-child > .button:last-child, -.linked > GtkComboBox:first-child > .button:focus:last-child, -.linked > GtkComboBox:first-child > .button:insensitive:last-child, -.linked > GtkComboBox:first-child > .button:active:last-child, -.linked > GtkComboBox:first-child > .button:focus:active:last-child, -.linked > GtkComboBox:first-child > .button:checked:first-child:last-child, -.linked > GtkComboBox:first-child > .button:focus:checked:first-child:last-child, -.linked > GtkComboBox:first-child > .button:hover:first-child:last-child, -.linked > GtkComboBox:first-child > .button:active:hover:last-child, -.linked > GtkComboBox:first-child > .button:checked:hover:last-child, -.osd .button:first-child, -.linked .button:first-child, -.linked .button:active:first-child, -.linked .button:active:hover:first-child, -.linked .button:checked:first-child, -.linked .button:checked:hover:first-child, -.linked .button:insensitive:first-child { - border-radius: 3px; - border-right-width: 0; - border-left-width: 2px; - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} - -/* Rightmost button */ -.linked .entry:last-child, -.linked > GtkComboBox:last-child > .button, -.linked > GtkComboBox:last-child > .button:last-child, -.linked > GtkComboBox:last-child > .button:insensitive:last-child, -.linked > GtkComboBox:last-child > .button:active:last-child, -.linked > GtkComboBox:last-child > .button:focus:active:last-child, -.linked > GtkComboBox:last-child > .button:checked:last-child, -.linked > GtkComboBox:last-child > .button:focus:checked:last-child, -.linked > GtkComboBox:last-child > .button:hover:last-child, -.linked > GtkComboBox:last-child > .button:active:hover:last-child, -.linked > GtkComboBox:last-child > .button:checked:hover:last-child, -.osd .button:last-child, -.linked .button:last-child, -.linked .button:active:last-child, -.linked .button:active:hover:last-child, -.linked .button:checked:last-child, -.linked .button:checked:hover:last-child, -.linked .button:insensitive:last-child { - border-radius: 3px; - border-right-width: 2px; - border-left-width: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} - -/* Linked single button */ -.linked .entry:only-child, -.linked > GtkComboBox:only-child > .button, -.linked > GtkComboBox:only-child > .button:only-child, -.linked > GtkComboBox:only-child > .button:insensitive:only-child, -.linked > GtkComboBox:only-child > .button:hover:only-child, -.linked > GtkComboBox:only-child > .button:active:only-child, -.linked > GtkComboBox:only-child > .button:active:hover:only-child, -.linked > GtkComboBox:only-child > .button:focus:active:only-child, -.linked > GtkComboBox:only-child > .button:checked:only-child, -.linked > GtkComboBox:only-child > .button:checked:hover:only-child, -.linked > GtkComboBox:only-child > .button:focus:checked:only-child, -.osd .button:only-child, -.linked .button:only-child, -.linked .button:active:only-child, -.linked .button:active:hover:only-child, -.linked .button:checked:only-child, -.linked .button:checked:hover:only-child, -.linked .button:insensitive:only-child { - border-right-width: 1px; - border-left-width: 1px; - border-radius: 3px; -} - -/* Middle button (vertical) */ -.linked.vertical .entry, -.linked.vertical .button, -.linked.vertical .button:active, -.linked.vertical .button:active:hover, -.linked.vertical .button:checked, -.linked.vertical .button:checked:hover, -.linked.vertical .button:insensitive { - border-width: 0 2px 1px 2px; - border-radius: 0; -} - -/* Top button (vertical) */ -.linked.vertical .entry:first-child, -.linked.vertical .button:first-child, -.linked.vertical .button:active:first-child, -.linked.vertical .button:active:hover:first-child, -.linked.vertical .button:checked:first-child, -.linked.vertical .button:checked:hover:first-child, -.linked.vertical .button:insensitive:first-child { - border-width: 2px 2px 1px 2px; - border-radius: 3px 3px 0 0; -} - -/* Bottom button (vertical) */ -.linked.vertical .entry:last-child, -.linked.vertical .button:last-child, -.linked.vertical .button:active:last-child, -.linked.vertical .button:active:hover:last-child, -.linked.vertical .button:checked:last-child, -.linked.vertical .button:checked:hover:last-child, -.linked.vertical .button:insensitive:last-child { - border-width: 0px 2px 2px 2px; - border-radius: 0 0 3px 3px; -} - -/* Linked single button (vertical) */ -.linked.vertical .entry:only-child, -.linked.vertical .button:only-child, -.linked.vertical .button:active:only-child, -.linked.vertical .button:active:hover:only-child, -.linked.vertical .button:checked:only-child, -.linked.vertical .button:checked:hover:only-child, -.linked.vertical .button:insensitive:only-child { - border-width: 2px; - border-radius: 3px; -} - -/*************** - * Dialog * - ***************/ - -.prompt, -GtkMessageDialog { - -GtkDialog-content-area-border: 0; - -GtkDialog-action-area-border: 12; - -GtkDialog-button-spacing: 1; - margin: 0; - padding: 0; -} - -/* middle buttons */ -.dialog-action-area.linked .button, -.dialog-action-area.linked .button:active, -.dialog-action-area.linked .button:active:hover, -.dialog-action-area.linked .button:checked, -.dialog-action-area.linked .button:checked:hover, -.dialog-action-area.linked .button:insensitive { - border-style: solid; - border-left-style: none; - border-radius: 0; + color: white; + background-image: none; + background-color: #4a90d9; + border-color: #1c5187; } + button.suggested-action:hover { + border-width: 2px; + border-style: solid; + color: white; + background-color: #4a90d9; + border-color: #1c5187; + background-image: none; } + button.suggested-action:active, button.suggested-action:checked { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: #b56f26; + border-color: #1c5187; } + button.suggested-action:backdrop { + border-width: 2px; + border-style: solid; + color: white; + background-color: #4a90d9; + border-color: #4a90d9; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + button.suggested-action:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + button.suggested-action:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + button.destructive-action { border-width: 2px; - border-right-width: 2px; - border-left-width: 0px; - border-color: @theme_button_fg; - border-image: none; -} - -.dialog-action-area.linked .button.default, -.dialog-action-area.linked .button.default:active, -.dialog-action-area.linked .button.default:checked, -.dialog-action-area.linked .button.default:insensitive, -.dialog-action-area.linked .button:focus { - border-style: solid; - border-left-style: none; - border-radius: 0; - border-width: 0 2px 2px; - border-right-width: 2px; - border-left-width: 0px; - border-color: @theme_highlight_border; - -GtkWidget-focus-line-width: 0; -} - -/* left button */ -.dialog-action-area.linked .button:first-child, -.dialog-action-area.linked .button:active:first-child, -.dialog-action-area.linked .button:active:hover:first-child, -.dialog-action-area.linked .button:checked:first-child, -.dialog-action-area.linked .button:checked:hover:first-child, -.dialog-action-area.linked .button:insensitive:first-child { - border-style: solid; + border-style: solid; + color: white; + background-image: none; + background-color: #ef2929; + border-color: #8e0b0b; } + button.destructive-action:hover { + border-width: 2px; + border-style: solid; + color: white; + background-color: #ef2929; + border-color: #8e0b0b; + background-image: none; } + button.destructive-action:active, button.destructive-action:checked { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: #10d6d6; + border-color: #8e0b0b; } + button.destructive-action:backdrop { + border-width: 2px; + border-style: solid; + color: white; + background-color: #ef2929; + border-color: #ef2929; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + button.destructive-action:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + button.destructive-action:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + button.image-button { + padding: 8px; } + button.text-button { + padding: 6px 8px 5px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + .primary-toolbar button { + -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button { + border-width: 2px; + border-style: solid; + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; } + .inline-toolbar toolbutton > button:hover { border-width: 2px; - border-radius: 3px 0 0px 3px; - border-color: @theme_button_fg; - border-image: none; -} - -.dialog-action-area.linked .button.default:first-child, -.dialog-action-area.linked .button.default:active:first-child, -.dialog-action-area.linked .button.default:checked:first-child, -.dialog-action-area.linked .button.default:insensitive:first-child, -.dialog-action-area.linked .button:focus:first-child { - border-style: solid; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; } + .inline-toolbar toolbutton > button:active { border-width: 2px; - border-radius: 3px 0 0px 3px; - border-color: @theme_highlight_border; - -GtkWidget-focus-line-width: 0; -} - -/* right button */ -.dialog-action-area.linked .button:last-child, -.dialog-action-area.linked .button:active:last-child, -.dialog-action-area.linked .button:active:hover:last-child, -.dialog-action-area.linked .button:checked:last-child, -.dialog-action-area.linked .button:checked:hover:last-child, -.dialog-action-area.linked .button:insensitive:last-child { - border-style: solid; - border-left-style: none; + border-style: solid; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; } + .inline-toolbar toolbutton > button:disabled { border-width: 2px; - border-left-width: 0; - border-radius: 0 3px 3px 0; - border-color: @theme_button_fg; - border-image: none; -} - -.dialog-action-area.linked .button.default:last-child, -.dialog-action-area.linked .button.default:active:last-child, -.dialog-action-area.linked .button.default:checked:last-child, -.dialog-action-area.linked .button.default:insensitive:last-child, -.dialog-action-area.linked .button:focus:last-child { - border-style: solid; - border-left-style: none; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:disabled:active { border-width: 2px; - border-left-width: 0; - border-radius: 0 3px 3px 0; - border-color: @theme_highlight_border; - -GtkWidget-focus-line-width: 0; -} - -/* single button */ -.dialog-action-area.linked .button:only-child, -.dialog-action-area.linked .button:active:only-child, -.dialog-action-area.linked .button:active:hover:only-child, -.dialog-action-area.linked .button:checked:only-child, -.dialog-action-area.linked .button:checked:hover:only-child, -.dialog-action-area.linked .button:insensitive:only-child { - padding-left: 6px; - padding-right: 6px; + border-style: solid; + color: #7f7f7f; + border-color: #7f7f7f; + background-image: none; + background-color: #060606; } + .inline-toolbar toolbutton > button:backdrop { border-width: 2px; - border-radius: 3px; - border-color: @theme_button_fg; - border-image: none; -} - -.dialog-action-area.linked .button.default:only-child, -.dialog-action-area.linked .button.default:active:only-child, -.dialog-action-area.linked .button.default:checked:only-child, -.dialog-action-area.linked .button.default:insensitive:only-child, -.dialog-action-area.linked .button:focus:only-child { - padding-left: 6px; - padding-right: 6px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:backdrop:active { border-width: 2px; - border-radius: 3px; - border-color: @theme_highlight_border; - -GtkWidget-focus-line-width: 0; -} - -.dialog-action-area.linked .button.suggested-action, -.dialog-action-area.linked .button.suggested-action:active, -.dialog-action-area.linked .button.suggested-action:checked, -.dialog-action-area.linked .button.suggested-action:insensitive { - box-shadow: none; -} - -/************ - * GtkScale * - ************/ - -.scale, -.scale.scale-has-marks-above.scale-has-marks-below { - -GtkScale-slider-length: 28; - -GtkRange-slider-width: 28; - -GtkRange-trough-border: 2; -} - -.scale.fine-tune.trough, -.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { - border-radius: 4px; -} - -.scale.slider, -.scale.scale-has-marks-above.scale-has-marks-below.slider { + border-style: solid; + color: black; + background-color: #727272; + border-color: #727272; + background-image: none; } + .inline-toolbar toolbutton > button:backdrop:disabled { border-width: 2px; border-style: solid; - background-color: @theme_button_bg; - padding: 1px 4px; - color: @theme_button_fg; - border-radius: 50%; - border-color: darker(@theme_border_color); - box-shadow: inset 0 1px white, - inset 0 -2px @theme_bg_color, - inset 0 -1px mix(@theme_bg_color,@theme_border_color, 0.5); -} - -.scale.slider:hover, -.scale.scale-has-marks-above.scale-has-marks-below.slider:hover { + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + .inline-toolbar toolbutton > button:backdrop:disabled:active { border-width: 2px; border-style: solid; - background-color: @theme_selected_bg_color; - padding: 1px 4px; - color: @theme_button_fg; - border-color: darker(@theme_border_color); - border-radius: 50%; - box-shadow: inset 0 1px white, - inset 0 -2px white, - inset 0 -1px mix(@theme_bg_color,@theme_border_color, 0.5); -} - -.scale.slider:insensitive, -.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive { - border-style: solid; /* needed for double marks scales or they'll get overridden */ - border-color: @theme_button_insensitive_border; - border-radius: 50%; - background-image: linear-gradient(to bottom, @theme_insensitive_bg); - box-shadow: none; -} - -.scale.slider:active, -.scale.scale-has-marks-above.scale-has-marks-below.slider:active { - border: 1px solid darker(@theme_selected_borders_color); -} + color: #7f7f7f; + border-color: #727272; + background-image: none; + background-color: #090909; } + +toolbar.inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > button.sidebar-button { + border-radius: 0; + border-left-style: none; } +toolbar.inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button { + border-radius: 3px 0 0 3px; + border-left-style: solid; } +toolbar.inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button { + border-radius: 0 3px 3px 0; } +toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button { + border-right-style: solid; } +toolbar.inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button { + border-radius: 3px; + border-style: solid; } + +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#aaa), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fff), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +.osd button, .osd button:hover, .osd button:active, .osd button:checked, .osd button:disabled, .osd button:backdrop, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-left-style: none; } + .osd button:dir(rtl), .inline-toolbar button:dir(rtl), .linked > button:dir(rtl), .linked > combobox > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: solid; } + +.osd button:first-child, .inline-toolbar button:first-child, .linked > button:first-child, .linked > combobox:first-child > button.combo { + border-radius: 3px 0 0 3px; + border-left-style: solid; } +.osd button:last-child, .inline-toolbar button:last-child, .linked > button:last-child, .linked > combobox:last-child > button.combo { + border-radius: 0 3px 3px 0; } + .osd button:last-child:dir(rtl), .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), .linked > combobox:last-child > button.combo:dir(rtl) { + border-right-style: solid; } +.osd button:only-child, .inline-toolbar button:only-child, .linked > button:only-child, .linked > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked.vertical entry, .linked.vertical spinbutton, .linked.vertical entry:focus, .linked.vertical spinbutton:focus, .linked.vertical entry:disabled, .linked.vertical spinbutton:disabled, .linked.vertical entry:disabled:backdrop, .linked.vertical spinbutton:disabled:backdrop, .linked.vertical entry:backdrop, .linked.vertical spinbutton:backdrop, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > button.combo { + border-left-style: solid; + border-top-style: none; + border-radius: 0; } + +.linked.vertical entry:first-child, .linked.vertical spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { + border-style: solid; + border-radius: 3px 3px 0 0; } +.linked.vertical entry:last-child, .linked.vertical spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { + border-radius: 0 0 3px 3px; } +.linked.vertical entry:only-child, .linked.vertical spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +button.flat, button.sidebar-button, button.flat:backdrop, button.sidebar-button:backdrop, button.flat:disabled:backdrop, button.sidebar-button:disabled:backdrop, modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, +.menuitem.button.flat:backdrop, button:link, button:visited, button:link:hover, button:link:active, button:visited:hover, button:visited:active, button:link:backdrop, button:visited:backdrop, notebook tab button, row.activatable, +row.activatable:backdrop, +row.activatable:backdrop:active, +row.activatable:backdrop:checked, +row.activatable:backdrop:disabled, +row.activatable:backdrop:disabled:active, +row.activatable:backdrop:disabled:checked, +row.activatable:disabled:active, +row.activatable:disabled:checked, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:backdrop:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + outline-offset: -1px; } + modelbutton.flat:backdrop, + .menuitem.button.flat:backdrop { + color: #fff; } + modelbutton.flat:backdrop:hover, + .menuitem.button.flat:backdrop:hover { + color: #fff; + background-color: #aaa; } + modelbutton.flat:disabled, + .menuitem.button.flat:disabled { + color: #7f7f7f; } + +button.color { + padding: 4px; } -.scale.trough, -.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical { - border-width: 1px; +/********* + * Links * + *********/ +*:link { + color: #aaa; } + *:link:hover, *:link:active, *:link:visited { + color: #cccccc; } + *:link:backdrop, *:link:backdrop:hover { + color: #aaa; } + +button:link, button:visited { + color: #4a90d9; + font-weight: bold; + text-shadow: none; } + button:link:hover, button:link:active, button:visited:hover, button:visited:active { + color: #cccccc; + text-shadow: none; } + button:link:backdrop, button:visited:backdrop { + color: #aaa; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + /* This is to fix spinbuttons in entries, but I feel like hiding code issues + * hence it's commented atm. + * treeview.view & { + * & entry, & entry:focus { + * padding: 1px; + * border-width: 1px 0; + * border-color: $selected_bg_color; + * border-radius: 0; + * box-shadow: none; + * } + * } + */ } + spinbutton button { + background-image: none; + border-color: rgba(127, 127, 127, 0.3); + color: #f3f3f3; + border-radius: 0; } + spinbutton button:dir(ltr) { + border-style: none none none solid; } + spinbutton button:dir(rtl) { + border-style: none solid none none; } + spinbutton button:hover { + color: #fff; + background-color: rgba(0, 0, 0, 0.05); } + spinbutton button:hover:dir(ltr) { + border-style: none none none solid; } + spinbutton button:hover:dir(rtl) { + border-style: none solid none none; } + spinbutton button:disabled { + box-shadow: none; + color: rgba(127, 127, 127, 0.3); } + spinbutton button:disabled:dir(ltr) { + border-style: none none none solid; } + spinbutton button:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.1); } + spinbutton button:backdrop { + border-color: rgba(114, 114, 114, 0.3); + background-color: #000; + box-shadow: none; } + spinbutton button:backdrop:dir(ltr) { + border-style: none none none solid; } + spinbutton button:backdrop:dir(rtl) { + border-style: none solid none none; } + spinbutton button:backdrop:disabled { + box-shadow: none; + color: rgba(127, 127, 127, 0.3); } + spinbutton button:backdrop:disabled:dir(rtl) { + border-width: 0 1px 0 0; } + spinbutton button:backdrop:disabled:dir(ltr) { + border-style: none none none solid; } + spinbutton button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton.vertical button:first-child { + border-width: 2px; border-style: solid; - border-radius: 3px; - border-color: @theme_border_color; - background-color: shade(@theme_button_bg, 0.8); - box-shadow: inset 1px 1px transparentize(black, 0.9); - margin: 12px 0px 12px 0px; -} - -.scale.trough.vertical, -.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical { - border-width: 1px; + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; } + spinbutton.vertical button:first-child:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; } + spinbutton.vertical button:first-child:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; } + spinbutton.vertical button:first-child:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + spinbutton.vertical button:first-child:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + spinbutton.vertical button:last-child { + border-width: 2px; border-style: solid; - border-radius: 3px; - border-color: @theme_border_color; - background-color: shade(@theme_button_bg, 0.8); - box-shadow: inset 1px 1px transparentize(black, 0.9); - margin: 0 12px 0 12px; -} - -.scale.trough.highlight, -.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, -.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - border-color: @theme_selected_borders_color; - background-color: @theme_highlight_color; -} - -.scale.trough.highlight.vertical, -.scale.trough.vertical.highlight, -.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, -.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, -.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical.highlight, -.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical.highlight { - border-color: @theme_selected_borders_color; - background-color: @theme_highlight_color; -} - -.scale.trough:insensitive, -.scale.trough.vertical:insensitive, -.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, -.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, -.scale.trough .highlight:insensitive, -.scale.trough.vertical .highlight:insensitive, -.scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:insensitive, -.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:insensitive { - border-color: @theme_insensitive_border; - background-color: @theme_insensitive_bg; - box-shadow: none; -} - -.scale.trough:insensitive { - margin: 12px 2px 12px 2px; -} - -.scale.trough.vertical:insensitive { - margin: 2px 12px 2px 12px ; -} - -.scale.scale-has-marks-below.trough { - margin: 12px 1px 12px 1px; -} - -.scale.slider , -.scale.vertical.slider, -.scale.horizontal.slider, -.scale.vertical.slider:insensitive, -.scale.horizontal.slider:insensitive, -.scale.scale-has-marks-below.slider, -.scale.scale-has-marks-below.slider { - margin: 0px; -} - -.scale.fine-tune.slider , -.scale.fine-tune.vertical.slider, -.scale.fine-tune.horizontal.slider { - margin: 4px; -} - -/********** - * Switch * - **********/ -GtkSwitch { - font: bold; -} - -GtkSwitch.slider { - padding: 2px; - border-width: 1px; + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; } + spinbutton.vertical button:last-child:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; } + spinbutton.vertical button:last-child:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; } + spinbutton.vertical button:last-child:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + spinbutton.vertical button:last-child:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + spinbutton.vertical button:backdrop:disabled { + border-width: 2px; border-style: solid; - border-radius: 3px; - border-color: @theme_switch_slider_border; - background-color: @theme_switch_slider_bg; - background-clip: border-box; -} - -GtkSwitch.slider:insensitive { - background-color: @theme_switch_slider_insensitive_bg; - border-color: @theme_switch_slider_insensitive_border; -} - -GtkSwitch.slider:active { - border-color: @theme_switch_slider_active_bg; - background-color: @theme_button_active_bg; -} - -GtkSwitch.slider:active:insensitive { - border-color: @theme_switch_slider_active_insensitive_bg; - background-color: @theme_switch_slider_active_insensitive_bg; -} - -GtkSwitch.trough { - color: @theme_button_fg; - border-radius: 3px; -} - -GtkSwitch.trough:active { - color: @theme_switch_slider_active_bg; - background-color: @theme_highlight_color; - border-color: @theme_highlight_alt; -} + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + spinbutton.vertical.entry { + border-radius: 0; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled, spinbutton.vertical button:first-child:backdrop { + border-radius: 3px 3px 0 0; + border-bottom-width: 0; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled, spinbutton.vertical button:last-child:backdrop { + border-radius: 0 0 3px 3px; + border-top-width: 0; } -GtkSwitch.trough:active:insensitive { - background-color: alpha(@theme_highlight_color, 0.30); - border-color: alpha(@theme_highlight_alt, 0.30); - color: @theme_trough_insensitive_fg; -} +/************** + * ComboBoxes * + **************/ +combobox { + text-shadow: 0 -1px black; + -gtk-icon-shadow: 0 -1px black; } + combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + combobox:disabled { + color: #7f7f7f; + text-shadow: none; + -gtk-icon-shadow: none; } + combobox:backdrop { + color: #fff; + text-shadow: none; + -gtk-icon-shadow: none; } + combobox:backdrop:disabled { + color: #7f7f7f; } + combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + combobox .menuitem { + text-shadow: none; } + combobox > entry.combo { + border-radius: 3px 0 0 3px; } + combobox > entry.combo:dir(rtl) { + border-radius: 0 3px 3px 0; } + combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } /************ - * Notebook * + * Toolbars * ************/ -.notebook { - padding: 0; - background-clip: border-box; - border-style: solid; - border-color: @theme_border_color; - border-width: 0px; - background-color: shade (@theme_bg_color, 1.1); - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 0; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; -} - -.notebook :hover { - -gtk-image-effect: highlight; -} - -.notebook.frame.top { - border-width: 0px 1px 1px 1px; -} - -.notebook.frame.bottom { - border-width: 1px 1px 0px 1px; -} - -.notebook.frame.left { - border-width: 1px 1px 1px 0px; -} - -.notebook.frame.right { - border-width: 1px 0px 1px 1px; -} - -.notebook.header { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.76), - shade(@theme_bg_color, 0.8)); - border-width: 0px; - } - -.notebook.header.top { - border-width: 1px; - border-radius: 4px 4px 0px 0px; -} +toolbar, searchbar { + padding: 6px; + background-color: #000; } + toolbar.osd, searchbar.osd { + background-color: rgba(0, 0, 0, 0.8); + border-radius: 6px; + padding: 12px; } + toolbar.osd label, searchbar.osd label { + color: #fff; } + toolbar.inline-toolbar, searchbar.inline-toolbar { + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 4px 4px; } + toolbar.vertical, searchbar.vertical { + border-right: 1px solid #7f7f7f; } + toolbar.vertical:dir(rtl), searchbar.vertical:dir(rtl) { + border-right: none; + border-left: 1px solid #7f7f7f; } + +searchbar { + border-width: 0 0 1px; + border-color: #7f7f7f; + border-style: none none solid none; + padding: 3px; } + +toolbar.inline-toolbar, searchbar.inline-toolbar { + border-style: solid; + border-color: #7f7f7f; + background-color: #262626; + box-shadow: inset 0 2px 3px -1px #5b5b5b; } + toolbar.inline-toolbar:backdrop, searchbar.inline-toolbar:backdrop { + border-color: #727272; + background-color: #272727; + box-shadow: none; } -.notebook.header.bottom { - border-width: 1px; - border-radius: 0px 0px 4px 4px; -} +/*************** + * Header bars * + ***************/ +.titlebar, +headerbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #7f7f7f; + border-radius: 7px 7px 0 0; + background-color: transparent; + background-image: linear-gradient(to bottom, #0a0a0a, #000); + box-shadow: inset 0 -1px #262626, inset 0 1px #000; + padding: 6px; } + .titlebar:backdrop, + headerbar:backdrop { + border-color: #727272; + background-color: #000; + background-image: none; + box-shadow: none; } + .titlebar .title, + headerbar .title { + font: Bold; + padding: 0px 12px; } + .titlebar .subtitle, + headerbar .subtitle { + font-size: 80%; + padding: 0 12px; } + .titlebar > GtkBox > separator.vertical, + headerbar > GtkBox > separator.vertical, + placessidebar .view headerbar > GtkBox > separator.vertical:backdrop, + placessidebar textview text headerbar > GtkBox > separator.vertical:backdrop, + textview placessidebar text headerbar > GtkBox > separator.vertical:backdrop, + placessidebar iconview headerbar > GtkBox > separator.vertical:backdrop { + border-width: 0 1px; + border-color: #fff; + border-style: solid; } + .titlebar.selection-mode, + headerbar.selection-mode { + color: #848484; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + background-image: linear-gradient(to bottom, #b7b7b7, #afafaf); + box-shadow: inset 0 -1px #262626, inset 0 1px #555555; } + .titlebar.selection-mode button, + headerbar.selection-mode button { + border-width: 2px; + border-style: solid; + color: #fff; + background-image: none; + background-color: #aaa; + border-color: #6a6a6a; } + .titlebar.selection-mode button:hover, + headerbar.selection-mode button:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #aaa; + border-color: #6a6a6a; + background-image: none; } + .titlebar.selection-mode button:active, + headerbar.selection-mode button:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: #555555; + border-color: #6a6a6a; } + .titlebar.selection-mode button:disabled, + headerbar.selection-mode button:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar.selection-mode button:backdrop, + headerbar.selection-mode button:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #aaa; + border-color: #aaa; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + border-color: #848484; } + .titlebar.selection-mode button:backdrop:disabled, + headerbar.selection-mode button:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + .titlebar.selection-mode button.suggested-action, + headerbar.selection-mode button.suggested-action { + border-width: 2px; + border-style: solid; + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; } + .titlebar.selection-mode button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; } + .titlebar.selection-mode button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; } + .titlebar.selection-mode button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar.selection-mode button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar.selection-mode button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + .titlebar.selection-mode .selection-menu, + headerbar.selection-mode .selection-menu { + border-width: 0; + background-image: none; + box-shadow: none; } + .tiled .titlebar, .maximized .titlebar, .tiled + headerbar, .maximized + headerbar { + border-radius: 0; } -.notebook.header.left { - border-width: 1px; - border-radius: 4px 0px 0px 4px; -} +/************ + * Pathbars * + ************/ +.path-bar button { + padding: 5px 6px 6px; } + .path-bar button:first-child { + padding-left: 8px; } + .path-bar button:last-child { + padding-right: 8px; } + .path-bar button:only-child { + padding-left: 12px; + padding-right: 12px; } + .path-bar button label:last-child { + padding-left: 2px; } + .path-bar button label:first-child { + padding-right: 2px; } + .path-bar button label:only-child { + padding-right: 0; + padding-left: 0; } + .path-bar button image { + padding-top: 1px; } -.notebook.header.right { +/************** + * Tree Views * + **************/ +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #888888; + border-top-color: #000; } + treeview.view:selected { + border-radius: 0; } + treeview.view:selected, treeview.view:backdrop:selected { + border-left-color: #d4d4d4; + border-top-color: rgba(255, 255, 255, 0.1); } + treeview.view:disabled { + color: #7f7f7f; } + treeview.view:disabled:selected { + color: #cccccc; } + treeview.view:disabled:selected:backdrop { + color: #d4d4d4; } + treeview.view:disabled:backdrop { + color: #7f7f7f; } + treeview.view.separator:backdrop { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } + treeview.view:backdrop { + color: #fff; + border-left-color: #7f7f7f; + border-top: #000; } + treeview.view.dnd { + border-style: solid none; border-width: 1px; - border-radius: 0px 4px 4px 0px; -} - -.notebook GtkViewport { - background-color: @theme_base_color; - border-width: 0px; -} - -.notebook tab { - border-color: transparent; - border-width: 0px; + border-color: #d4d4d4; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #b7b7b7; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #fff; } + treeview.view.expander:selected { + color: #e5e5e5; } + treeview.view.expander:selected:hover { + color: #fff; } + treeview.view.expander:selected:backdrop { + color: #e5e5e5; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #b7b7b7; } + treeview.view.progressbar { + color: #111; + border: 1px solid #aaa; + border-radius: 4px; + background-color: #fff; } + treeview.view.progressbar:selected { + color: #aaa; } + treeview.view.progressbar:backdrop { + color: #aaa; + border-color: #aaa; + background-color: #111; } + treeview.view.trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 4px; } + treeview.view.trough:selected { + background-color: rgba(255, 255, 255, 0.3); + border-width: 1px 0; + border-style: solid; + border-color: #aaa; } + treeview.view header button { + color: #888888; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #c3c3c3; + box-shadow: none; } + treeview.view header button:active { + color: #fff; } + treeview.view header button:last-child, treeview.view header button:last-child:hover, treeview.view header button:last-child:backdrop { + border-right-style: none; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 3px 6px; + border-style: none solid solid none; + border-radius: 0; + border-width: 1px; + background-image: none; + border-color: #7f7f7f; + text-shadow: none; } + treeview.view header button:disabled { + border-color: #000; + background-image: none; } + treeview.view header button:backdrop { + border-color: #7f7f7f; + border-style: none solid solid none; + color: #7f7f7f; background-image: none; - background-color: transparent; -} - -.notebook tab GtkLabel { - color: mix (@theme_fg_color, @theme_bg_color, 0.40); - font-weight: normal; -} - -.notebook .prelight-page, -.notebook .prelight-page GtkLabel { - color: mix (@theme_fg_color, @theme_bg_color, 0.15); -} - -.notebook .active-page, -.notebook tab .active-page GtkLabel { - color: @theme_fg_color; + background-color: #111; } + treeview.view header button:backdrop:disabled { + border-color: #000; + background-image: none; } + +treeview.view.progressbar { + color: #111; + border-radius: 4px; + background-image: linear-gradient(to bottom, #aaa, #909090); } + treeview.view.progressbar:selected { + color: #aaa; + background-image: linear-gradient(to bottom, #111, black); } + treeview.view.progressbar:selected:backdrop { + color: #aaa; + background-image: none; + background-color: #111; } + treeview.view.progressbar:backdrop { + color: #111; + background-image: none; } + +/*Keep treeviews from jumping, separators drawn at 0 by default until hovered*/ +treeview.view.separator { + min-height: 2px; } -/* horizontal tabs */ - -.notebook tab.top { - padding: 6px 3px 4px 12px; -} - -.notebook tab.bottom { - padding: 4px 3px 6px 12px; -} - -.notebook tab.top:active, -.notebook tab.top:active:hover { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 4px 4px 0px 0px; - border-width: 1px 1px 0px 1px; - border-style: solid; - border-color: @borders; - box-shadow: none; -} - -.notebook tab.top:hover { - background-image: linear-gradient(to bottom, - alpha(@theme_selected_bg_color, 0.2), - alpha(@theme_selected_bg_color, 0.5)); - border-radius: 0px; - border-width: 0px 1px 0px 1px; - border-style: solid; - border-color: @borders; -} - -.notebook tab.bottom:active, -.notebook tab.bottom:active:hover { - background-image: linear-gradient(to top, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 0 0 4px 4px; - border-style: solid; - border-width: 0px 1px 1px 1px; - border-color: @borders; - box-shadow: none; -} - -.notebook tab.bottom:hover { - background-image: linear-gradient(to top, - alpha(@theme_selected_bg_color, 0.0), - alpha(@theme_selected_bg_color, 0.3)); - border-radius: 0px; - border-width: 0px 1px 0px 1px; - border-style: solid; - border-color: @borders; -} - -/* vertical tabs */ - -.notebook tab.left, -.notebook tab.right { - padding: 5px 3px 5px 12px; -} - -.notebook tab.left:active, -.notebook tab.left:active:hover { - background-image: linear-gradient(to right, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 4px 0px 0px 4px; - border-width: 1px 0px 1px 1px; - border-color: @borders; -} - -.notebook tab.left:hover { - background-image: linear-gradient(to right, - alpha(@theme_selected_bg_color, 0.0), - alpha(@theme_selected_bg_color, 0.3)); - border-width: 1px 0px 1px 0px; - border-style: solid; - border-color: @borders; -} - -.notebook tab.right:active, -.notebook tab.right:active:hover { - background-image: linear-gradient(to left, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 0px 4px 4px 0px; - border-width: 1px 1px 1px 0px; - border-color: @borders; -} - -.notebook tab.right:hover { - background-image: linear-gradient(to left, - alpha(@theme_selected_bg_color, 0.0), - alpha(@theme_selected_bg_color, 0.3)); - border-width: 1px 0px 1px 0px; - border-style: solid; - border-color: @borders; -} - -.notebook tab.reorderable-page:hover { - background-image: linear-gradient(to bottom, - alpha(@theme_selected_bg_color, 0.0), - alpha(@theme_selected_bg_color, 0.3)); - border-radius: 0; - box-shadow: inset 1px 0 alpha(@borders, 0.6), inset -1px 0 alpha(@borders, 0.6); - border-style: none; -} - -.notebook tab.reorderable-page:active { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 4px 4px 0 0; - box-shadow: none; - border-style: solid; -} +/********* + * Menus * + *********/ +menubar, +.menubar { + padding: 0px; } + menubar > menuitem, + .menubar > menuitem { + padding: 4px 8px; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + box-shadow: inset 0 -3px #aaa; + color: #aaa; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #7f7f7f; + box-shadow: none; } + +menu, +.menu { + margin: 4px; + padding: 0px; + background-color: #111; + border: 1px solid #7f7f7f; } + menu menuitem, + .menu menuitem { + text-shadow: none; + padding: 4px; + min-width: 40px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #fff; + background-color: #aaa; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: #7f7f7f; } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop { + color: #7f7f7f; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover { + color: #fff; + background-color: #111; } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 7px; } -/* close button styling */ -.notebook tab .button { - color: mix (@theme_fg_color, @theme_bg_color, 0.85); - border-image: none; - background-image: none; +/*************** + * Popovers * + ***************/ +popover { + margin: 10px; + padding: 2px; + border-color: #7f7f7f; + border-width: 1px; + border-style: solid; + border-radius: 5px; + background-color: #000; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } + popover:backdrop { + box-shadow: none; } + popover > .list, popover > .view, textview popover > text, popover > iconview, popover > toolbar, popover > searchbar { + background-color: transparent; } + popover separator, popover placessidebar .view separator, placessidebar .view popover separator, popover placessidebar textview text separator, placessidebar textview text popover separator, popover textview placessidebar text separator, textview placessidebar text popover separator, popover placessidebar iconview separator, placessidebar iconview popover separator, + popover placessidebar .view separator:backdrop, + placessidebar .view popover separator:backdrop, + popover placessidebar textview text separator:backdrop, + placessidebar textview text popover separator:backdrop, + popover textview placessidebar text separator:backdrop, + textview placessidebar text popover separator:backdrop, + popover placessidebar iconview separator:backdrop, + placessidebar iconview popover separator:backdrop { + color: #fff; background-color: transparent; - border-radius: 3px; + border: 0; } + popover button.flat, popover button.sidebar-button, + popover button.flat:hover, + popover button.sidebar-button:hover { + color: #fff; + text-shadow: none; + transition: none; } + popover.magnifier, popover.osd { + background-image: none; + background-color: rgba(0, 0, 0, 0.8); + border: 1px solid #7f7f7f; + color: #fff; } + popover.magnifier button, popover.osd button { + color: white; + text-shadow: none; + border-width: 2px; + border-style: solid; + color: #fff; + background-image: none; + background-color: rgba(0, 0, 0, 0.8); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + popover.magnifier button:hover, popover.osd button:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: rgba(77, 77, 77, 0.8); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + popover.magnifier button:active, popover.osd button:active { + border-width: 2px; + border-style: solid; + color: rgba(0, 0, 0, 0.8); + background-color: #fff; + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + popover.magnifier button:disabled, popover.osd button:disabled { + border-width: 2px; + border-style: solid; + border-color: rgba(255, 255, 255, 0.2); + color: #7f7f7f; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +notebook { + padding: 0; + background-color: #111; + transition: all 200ms ease-out; } + notebook:backdrop { + background-color: #111; } + notebook.frame { + border: 1px solid #7f7f7f; } + notebook.frame:backdrop { + border-color: #727272; } + notebook header { + background-color: #262626; } + .frame notebook header { + border: 1px solid #7f7f7f; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + .frame notebook header:backdrop { + border-color: #727272; } + notebook header.top { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #7f7f7f; } + notebook header.top:backdrop { + box-shadow: inset 0 -1px #727272; } + notebook header.bottom { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #7f7f7f; } + notebook header.bottom:backdrop { + box-shadow: inset 0 1px #727272; } + notebook header.right { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #7f7f7f; } + notebook header.right:backdrop { + box-shadow: inset 1px 0 #727272; } + notebook header.left { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #7f7f7f; } + notebook header.left:backdrop { + box-shadow: inset -1px 0 #727272; } + notebook header:backdrop { + background-color: #272727; + box-shadow: none; } + notebook header tabs arrow { + color: #7f7f7f; } + notebook header tabs arrow:hover { + color: #bfbfbf; } + notebook header tabs arrow:checked { + color: #fff; } + notebook header tabs arrow:disabled { + color: rgba(127, 127, 127, 0.3); } + notebook header tabs arrow:backdrop { + color: rgba(255, 255, 255, 0.4); } + notebook header.top tab { + padding: 8px 20px; + border-bottom-width: 3px; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; + border-left-width: 1px; + border-right-width: 1px; } + notebook header.bottom tab { + padding: 8px 20px; + border-top-width: 3px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; + border-left-width: 1px; + border-right-width: 1px; } + notebook header.left tab { + padding: 5px 20px; + border-right-width: 3px; } + notebook header.left tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook header.right tab { + padding: 5px 20px; + border-left-width: 3px; } + notebook header.right tab.reorderable-page { + border-bottom-width: 1px; + border-top-width: 1px; } + notebook tab { + border-width: 0; border-style: solid; border-color: transparent; - border-width: 1px; - padding: 1px; - icon-shadow: none; -} - -.notebook .prelight-page .button, -.notebook tab.prelight-page .button, -.notebook .active-page .button, -.notebook tab.active-page .button { - color: mix(@theme_fg_color, @theme_selected_bg_color, 0.6); - icon-shadow: 0 1px @button_text_shadow; -} - -.notebook tab .button:hover { - color: @theme_selected_fg_color; - border-color: transparent; - border-image: none; - background-image: none; background-color: transparent; -} - -.notebook tab .button:active, -.notebook tab .button:active:hover { - color: @button_active_text; - background-color: alpha(black, 0.08); - box-shadow: inset 0 1px alpha(black, 0.05); - icon-shadow: 0 1px @button_active_text_shadow; - border-color: alpha(black, 0.27) - alpha(black, 0.13) - alpha(black, 0.13) - alpha(black, 0.13); -} - -.notebook.arrow { - /* FIXME, why this doesn't work? */ - -GtkNotebook-arrow-scaling: 0.5; - color: shade(@theme_fg_color, 2.6); -} - -.notebook.arrow:hover { - color: @theme_selected_bg_color; -} - -.notebook.arrow:active { - color: @theme_fg_color; -} - -.notebook.arrow:insensitive { - color: rgba(141, 144, 145, 0.3); -} - -.notebook.arrow:backdrop { - color: rgba(84, 89, 90, 0.4); -} - -.notebook.arrow:backdrop:insensitive { - color: #c7c7c7; -} - -/******************************* - * Frames and scrolled windows * - *******************************/ -.frame { - border-width: 1px; - border-style: solid; - border-color: @theme_border_color; -} - -.frame.flat { - border-width: 1px; - border-style: none; - border-color: @theme_border_color; -} - -.frame.action-bar { - border-width: 1px; - border-style: solid; - border-color: @theme_border_color; - padding: 6px; - border-width: 1px 0 0; -} - -GtkScrolledWindow.frame { - border-width: 1px; - border-style: solid; - border-color: @theme_border_color; -} - -/* avoid double borders when a viewport is - * packed into a GtkScrolledWindow */ -GtkScrolledWindow GtkViewport.frame { - border-style: none; -} + outline-offset: 0; } + notebook tab:hover { + border-color: #7f7f7f; } + notebook tab:checked, notebook tab:backdrop:checked { + border-color: #aaa; } + notebook tab:backdrop { + background-color: transparent; + border-color: transparent; } + .top notebook tab.reorderable-page { + border-color: transparent; } + .top notebook tab.reorderable-page:hover { + border-color: rgba(127, 127, 127, 0.3); + border-bottom-color: #7f7f7f; + background-color: rgba(0, 0, 0, 0.2); } + .top notebook tab.reorderable-page:checked { + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(127, 127, 127, 0.5); + border-bottom-color: #aaa; } + .top notebook tab.reorderable-page:checked:hover { + background-color: rgba(0, 0, 0, 0.7); } + .top notebook tab.reorderable-page:checked:backdrop { + border-color: #727272; + background-color: #000; + border-bottom-color: #aaa; } + .top notebook tab.reorderable-page:backdrop { + border-color: transparent; + background-color: transparent; } + .bottom notebook tab.reorderable-page { + border-color: transparent; } + .bottom notebook tab.reorderable-page:hover { + border-color: rgba(127, 127, 127, 0.3); + border-top-color: #7f7f7f; + background-color: rgba(0, 0, 0, 0.2); } + .bottom notebook tab.reorderable-page:checked { + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(127, 127, 127, 0.5); + border-top-color: #aaa; } + .bottom notebook tab.reorderable-page:checked:hover { + background-color: rgba(0, 0, 0, 0.7); } + .bottom notebook tab.reorderable-page:checked:backdrop { + border-color: #727272; + background-color: #000; + border-top-color: #aaa; } + .bottom notebook tab.reorderable-page:backdrop { + border-color: transparent; + background-color: transparent; } + .left notebook tab.reorderable-page { + border-color: transparent; } + .left notebook tab.reorderable-page:hover { + border-color: rgba(127, 127, 127, 0.3); + border-right-color: #7f7f7f; + background-color: rgba(0, 0, 0, 0.2); } + .left notebook tab.reorderable-page:checked { + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(127, 127, 127, 0.5); + border-right-color: #aaa; } + .left notebook tab.reorderable-page:checked:hover { + background-color: rgba(0, 0, 0, 0.7); } + .left notebook tab.reorderable-page:checked:backdrop { + border-color: #727272; + background-color: #000; + border-right-color: #aaa; } + .left notebook tab.reorderable-page:backdrop { + border-color: transparent; + background-color: transparent; } + .right notebook tab.reorderable-page { + border-color: transparent; } + .right notebook tab.reorderable-page:hover { + border-color: rgba(127, 127, 127, 0.3); + border-left-color: #7f7f7f; + background-color: rgba(0, 0, 0, 0.2); } + .right notebook tab.reorderable-page:checked { + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(127, 127, 127, 0.5); + border-left-color: #aaa; } + .right notebook tab.reorderable-page:checked:hover { + background-color: rgba(0, 0, 0, 0.7); } + .right notebook tab.reorderable-page:checked:backdrop { + border-color: #727272; + background-color: #000; + border-left-color: #aaa; } + .right notebook tab.reorderable-page:backdrop { + border-color: transparent; + background-color: transparent; } + notebook tab label { + padding: 0 2px; + font-weight: bold; + color: #7f7f7f; + /* color: inherit doesn't work here */ } + notebook tab label:backdrop { + color: #7f7f7f; } + notebook tab:hover label { + color: #bfbfbf; } + notebook tab:checked label { + color: #fff; } + notebook tab:checked label:backdrop { + color: #fff; } + notebook tab button { + border: 2px solid transparent; + -gtk-icon-shadow: none; + transition: none; + color: rgba(255, 255, 255, 0.3); } + notebook tab button:hover { + color: #fff; + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; + border-width: 2px; + background-image: none; + box-shadow: none; } + notebook tab button:checked { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; + border-width: 2px; } + notebook tab button:backdrop, notebook tab button:backdrop:hover { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + border-width: 2px; } + notebook tab button > image { + padding: 2px; } /************** * Scrollbars * **************/ +scrollbar { + background-clip: padding-box; + background-image: none; + border-style: solid; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false } + scrollbar button { + border: none; } + +scrollbar slider { + min-width: 6px; + min-height: 64px; +} + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 64px; +} + + scrollbar slider { + border-radius: 20px; + border: 5px solid transparent; + background-color: #7f7f7f; } + scrollbar slider:backdrop, scrollbar slider:disabled { + background-color: #e5e5e5; } + scrollbar slider:hover { + background-color: #B0B0B0; } + scrollbar slider:hover:active { + background-color: #666666; } + scrollbar slider.fine-tune { + border-width: 8px; } + scrollbar slider.fine-tune:hover:active { + background-color: #A3A3A3; } -.scrollbar { - -GtkRange-slider-width: 17; - -GtkRange-stepper-size: 17; - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkScrollbar-min-slider-length: 64; -} - -.scrollbars-junction { - background-image: linear-gradient(to bottom, - shade (@theme_internal_bg, 1.0), - shade (@theme_internal_bg, 1.0)); - background-color: @theme_internal_bg; - border-width: 0px; - border-color: @theme_internal_bg; - border-radius: 0px; - border-image: linear-gradient(to bottom, - shade (@theme_internal_bg, 1.0), - shade (@theme_internal_bg, 1.0)); +/********** + * Switch * + **********/ +switch { + font: bold condensed 9; + outline-offset: -4px; + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #7f7f7f; + background-color: #323232; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); + /*outset not working*/ + text-shadow: 0 1px rgba(0, 0, 0, 0.1); } + switch:active { + color: black; + border-color: #aaa; + background-color: #aaa; + text-shadow: 0 0 2px white; } + switch:disabled { + color: #7f7f7f; + border-color: #7f7f7f; + background-color: #060606; + text-shadow: none; } + switch:backdrop { + color: #fff; + border-color: #727272; + background-color: #000; box-shadow: none; -} - -.scrollbar.trough, -.scrollbar.trough.vertical, -.sidebar .scrollbar.trough, -.osd .scrollbar.trough { - background-color: @theme_internal_bg; - border-width: 0; - border-color: transparent; - border-radius: 0; -} - -.scrollbar.trough.horizontal { - background-color: @theme_internal_bg; - border-width: 0; - border-color: transparent; - border-radius: 0; -} - -.scrollbar.slider, -.sidebar .scrollbar.slider, -.osd .scrollbar.slider { - background-color: @theme_slider_bg; + text-shadow: none; } + switch:backdrop:active { + color: #fff; + border-color: #727272; + background-color: #727272; + box-shadow: none; } + switch:backdrop:disabled, switch:backdrop:disabled:active { + background-color: #060606; + color: #7f7f7f; + border-color: #7f7f7f; } + switch slider { + margin: -1px; + min-width: 45px; + min-height: 27px; + border: 1px solid; + border-radius: 3px; + border-width: 2px; border-style: solid; - border-radius: 12px; - border-width: 3px; - border-color: transparent; -} - -.scrollbar.slider:hover, -.scrollbar.slider:active:hover, -.scrollbar.slider.vertical:hover, -.scrollbar.slider.vertical:active:hover, -.scrollbar.slider.horizontal:hover, -.scrollbar.slider.horizontal:active:hover, -.sidebar .scrollbar.slider:hover, -.sidebar .scrollbar.slider:hover:active, -.osd .scrollbar.slider:hover, -.osd .scrollbar.slider:active { - background-color: @theme_fg_color; - border-width: 3px; - border-color: transparent; -} - -.scrollbar.slider.fine-tune:prelight:active { + color: #fff; background-image: none; - border-style: solid; - border-image: none; - border-color: transparent; - border-width: 5px; -} - -/****************** - * Column headers * - ******************/ -column-header .button, -column-header.button { - font: bold; + background-color: #000; + border-color: #7f7f7f; + box-shadow: inset 0 1px white, inset 0 -2px rgba(0, 0, 0, 0.6), inset 0 -1px #3f3f3f; } + switch slider:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; + box-shadow: inset 0 1px white, inset 0 -2px rgba(0, 0, 0, 0.6), inset 0 -1px #3f3f3f; } + switch slider:active { + border-color: #aaa; } + switch slider:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + switch slider:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + switch slider:backdrop:active { + border-color: #727272; } + switch slider:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + +/************************* + * Check and Radio items * + *************************/ +GtkCheckButton.text-button, GtkRadioButton.text-button { + padding: 1px; + outline-offset: 0; } + +check { + color: #fff; + background-image: none; + -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); } + check:hover { + color: #fff; } + check:checked, check:active { + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } + check:checked:disabled, check:active:disabled { + color: #7f7f7f; } + check:checked:disabled:backdrop, check:active:disabled:backdrop { + color: #7f7f7f; } + check:checked:backdrop, check:active:backdrop { + color: #fff; } + check:disabled { + color: #7f7f7f; } + check:disabled:backdrop { + color: #7f7f7f; } + check:indeterminate { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } + check:backdrop { + color: #fff; } + check:backdrop:selected { + color: #fff; } + +radio { + color: #fff; + background-image: none; + -gtk-icon-source: -gtk-icontheme("radio-symbolic"); } + radio:hover { + color: #fff; } + radio:checked, radio:active { + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } + radio:checked:disabled, radio:active:disabled { + color: #7f7f7f; } + radio:checked:disabled:backdrop, radio:active:disabled:backdrop { + color: #7f7f7f; } + radio:checked:backdrop, radio:active:backdrop { + color: #fff; } + radio:disabled { + color: #7f7f7f; } + radio:disabled:backdrop { + color: #7f7f7f; } + radio:indeterminate { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } + radio:backdrop { + color: #fff; } + radio:backdrop:selected { + color: #fff; } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } +/************ + * GtkScale * + ************/ +scale, +scale.scale-has-marks-above.scale-has-marks-below, +scale.vertical.scale-has-marks-above.scale-has-marks-below { +/* -GtkScale-slider-length: 20; + -GtkRange-slider-width: 20; */ + outline-offset: -9px; + -gtk-outline-radius: 4px; } + scale.fine-tune, + scale.scale-has-marks-above.scale-has-marks-below.fine-tune, + scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune { + outline-offset: -7px; + -gtk-outline-radius: 6px; } + scale.fine-tune trough, + scale.scale-has-marks-above.scale-has-marks-below.fine-tune trough, + scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune trough { + border-radius: 4px; + margin: 8px; } + scale trough slider, + scale.scale-has-marks-above.scale-has-marks-below trough slider, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider { + border-width: 2px; + border-style: solid; + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; + border-radius: 50%; + border-color: #777777; } + scale trough slider:hover, + scale.scale-has-marks-above.scale-has-marks-below trough slider:hover, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; + border-color: #777777; + border-radius: 50%; } + scale trough slider:disabled, + scale.scale-has-marks-above.scale-has-marks-below trough slider:disabled, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:disabled { + border-style: solid; + border-radius: 50%; + background-image: none; + box-shadow: none; } + scale trough slider:backdrop, + scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop { + border-style: solid; + border-radius: 50%; + border-color: #6a6a6a; + background-image: none; + box-shadow: none; } + scale trough slider:backdrop:disabled, + scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:disabled, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + scale trough slider:active, + scale.scale-has-marks-above.scale-has-marks-below trough slider:active, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:active { + border: 1px solid #a2a2a2; } + scale trough, + scale.scale-has-marks-above.scale-has-marks-below trough, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough { + margin: 10px; border-width: 1px; - - border-top-width: 0; - border-right-width: 0; - border-radius: 0; -} - -column-header .button:hover { - background-color: @theme_fg_color; - color: @theme_selected_fg_color; - border-color: @theme_fg_color; -} - -column-header:first-child .button { - border-left-width: 0; -} - -/******************* - * Checks & Radios * - *******************/ -.check, -.radio { + border-style: solid; + border-radius: 3px; + border-color: #7f7f7f; + background-color: #323232; + box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } + scale trough.highlight, + scale.scale-has-marks-above.scale-has-marks-below trough.highlight, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough.highlight { + border-color: #aaa; + background-color: #aaa; } + scale trough.highlight:backdrop, + scale.scale-has-marks-above.scale-has-marks-below trough.highlight:backdrop, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough.highlight:backdrop { + border-color: #7f7f7f; + background-color: #7f7f7f; + box-shadow: none; } + scale trough:disabled, scale trough.hilight:disabled, + scale.scale-has-marks-above.scale-has-marks-below trough:disabled, + scale.scale-has-marks-above.scale-has-marks-below trough.hilight:disabled, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough:disabled, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough.hilight:disabled { + border-color: #7f7f7f; + background-color: #060606; } + scale trough:backdrop, + scale.scale-has-marks-above.scale-has-marks-below trough:backdrop, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop { + border-color: #727272; + background-color: #3f3f3f; + box-shadow: none; } + scale trough:backdrop:disabled, scale trough .hilight:backdrop:disabled, + scale.scale-has-marks-above.scale-has-marks-below trough:backdrop:disabled, + scale.scale-has-marks-above.scale-has-marks-below trough .hilight:backdrop:disabled, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop:disabled, + scale.vertical.scale-has-marks-above.scale-has-marks-below trough .hilight:backdrop:disabled { + border-color: #7f7f7f; + background-color: #000; } + +/***************** + * Progress bars * + *****************/ +progressbar { + padding: 0; + font-size: 83%; + color: #fff; } + progressbar:backdrop { + color: #7f7f7f; } + progressbar trough { border-width: 1px; border-style: solid; - border-color: @theme_check_radio_border; - color: @theme_selected_bg_color; - - background-color: @theme_check_radio_bg; -} - -.check:insensitive, -.radio:insensitive { - border-color: @theme_button_insensitive_border; - color: @theme_button_insensitive_fg; - background-color: @theme_button_insensitive_bg; -} - -.menuitem.check, -.menuitem.radio { + border-radius: 3px; + border-color: #7f7f7f; + background-color: #2c2c2c; + box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } + progressbar trough:backdrop { + border-color: #727272; + background-color: #272727; + box-shadow: 0 1px rgba(255, 255, 255, 0); } + progressbar.osd trough { background-color: transparent; - color: transparent; - border-color: transparent; -} - -.menuitem.radio:checked, -.menuitem.check:checked, -.menuitem.radio:active, -.menuitem.check:active, -.menuitem.radio:inconsistent, -.menuitem.check:inconsistent { - color: @theme_selected_bg_color; -} - -.menuitem.radio:checked:hover, -.menuitem.check:checked:hover, -.menuitem.radio:active:hover, -.menuitem.check:active:hover, -.menuitem.radio:inconsistent:hover, -.menuitem.check:inconsistent:hover { - color: @theme_selected_fg_color; -} - -.menuitem.radio:checked:insensitive, -.menuitem.check:checked:insensitive, -.menuitem.radio:active:insensitive, -.menuitem.check:active:insensitive, -.menuitem.radio:inconsistent:insensitive, -.menuitem.check:inconsistent:insensitive { - color: @theme_button_insensitive_fg; -} - -/********* - * Views * - *********/ -.expander row:selected:focus { - color: @theme_selected_fg_color; -} - -GtkViewport { - background-color: @theme_view_bg; -} - -.view { - background-color: @theme_view_bg; - color: @theme_fg_color; -} - -.view:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.view:selected:focus { - background-color: @theme_fg_color; - color: @theme_selected_fg_color; -} - -GtkIconView, -GtkViewport { - /* avoid resizing theme thumbnails in mate-appearance-properties */ - padding: 0px; -} - -GtkIconView.view.cell { - border-radius: 4px; -} - -/************** - * List boxes * - **************/ - -.list, -.list-row { - background-color: @base_color; - border-color: @borders_color; -} - -.list:backdrop, -.list-row:backdrop { - background-color: @backdrop_base_color; - border-color: @backdrop_borders_color; -} - -.list-row, -.grid-child { - padding: 2px; -} - -.list-row.activatable { - background-color: @base_color; - border-style: none; - border-radius: 0px; box-shadow: none; -} - -.list-row.activatable:hover, -.list-row.activatable:backdrop:hover, -.list-row.activatable:selected:hover { - background-color: @theme_fg_color; - border-color: @theme_fg_color; - color: @theme_selected_fg_color; - border-radius: 4px; -} - -.list-row.activatable:active { - box-shadow: inset 0 2px 2px -2px transparentize(black,0.8); -} - -.list-row.activatable:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - box-shadow: inset 0 2px 3px -1px transparentize(black,0.5); - border-radius: 4px; -} - -.list-row:selected { - background-color: @theme_button_bg; - color: @theme_fg_color; - border-style: solid; - border-radius: 4px; -} - -.list-row:selected:backdrop { - color: @backdrop_base_color; -} - -/******* - * OSD * - *******/ - -.background.osd { - color: @osd_fg; - background-color: @osd_bg; -} + border-width: 0; } + +progressbar.horizontal trough, progressbar.horizontal progress { + min-height: 2px; } +progressbar.vertical trough, progressbar.vertical progress { + min-width: 2px; } +progressbar progress { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #aaa; + background-color: #aaa; + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2); } + progressbar progress.vertical { + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); } + progressbar progress:backdrop { + border-color: #aaa; + background-color: #aaa; + box-shadow: none; } + progressbar progress.osd { + border-width: 0; + border-radius: 0; } -GtkOverlay.osd { +/************* + * Level Bar * + *************/ +levelbar trough { + padding: 2px; + border-radius: 3px; + background-color: transparent; + border-style: solid; + background-image: linear-gradient(to bottom, #090909, #111 90%); + border-color: #7f7f7f; + box-shadow: inset 0 2px 2px -2px #080808; } + levelbar trough:backdrop { background-color: transparent; -} - -.osd.frame { - background-clip: border-box; - background-origin: border-box; -} - -.osd.button, -.osd.button:active, -.osd.button:checked, -.osd .button, -.osd .button:active, -.osd .button:checked { - border-width: 1px; border-style: solid; - border-image: none; - border-radius: 5px; -} - -.osd .button { - border-color: shade (@theme_bg_color, 0.4); -} -.osd .button:insensitive { - border-color: alpha(@osd_button_border,0.5); -} - -.osd .button:hover, -.osd .button:active, -.osd .button:checked { - border-color: shade (@theme_selected_bg_color, 0.5); -} - -.osd.button, -.osd .button { - padding: 6px; - background-image: linear-gradient(to bottom, - @osd_button_bg_a, - @osd_button_bg_b 68%, - @osd_button_bg_c); - color: @osd_button_fg; - text-shadow: 0 -1px @osd_button_shadow; - icon-shadow: 0 -1px @osd_button_shadow; -} - -.osd.button { - padding: 8px; -} - -.osd.button, -.osd.button:active, -.osd.button:checked { - border-color: transparent; -} - -.osd.button, -.osd.button:prelight, -.osd.button:active, -.osd.button:checked { - background-color: shade(@osd_bg, 1.10); -} + background-image: linear-gradient(to bottom, #090909, #111 90%); + color: #fff; + background-image: linear-gradient(to bottom, #111); + box-shadow: 0 1px rgba(255, 255, 255, 0); } +levelbar block { + min-width: 32px; + min-height: 1px; } +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block.filled.low { + border-color: #c26000; + background-color: #f57900; } + levelbar block.filled.low:backdrop { + border-color: #f57900; } +levelbar block.filled.high { + border-width: 1px; + border-style: solid; + border-color: #909090; + background-color: #aaa; + box-shadow: 0 1px rgba(0, 0, 0, 0.1); + border-radius: 1px; } + levelbar block.filled.high:backdrop { + border-color: #aaa; + box-shadow: none; } +levelbar block.filled.full { + border-color: #5aa411; + background-color: #73d216; } + levelbar block.filled.full:backdrop { + border-color: #73d216; } +levelbar block.empty { + border-width: 1px; + border-style: solid; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); + border-radius: 1px; + box-shadow: none; } + levelbar block.empty:backdrop { + border-color: rgba(255, 255, 255, 0.15); } + +.view:selected, textview text:selected, iconview:selected, calendar:selected, .view:selected:focus, textview text:selected:focus, iconview:selected:focus, calendar:focus:selected, .view:selected:hover, textview text:selected:hover, iconview:selected:hover, calendar:hover:selected, textview text selection, +textview text selection:focus, +textview text selection:hover, flowbox flowboxchild:selected, label selection, label selection:focus, label selection:hover, label selection:backdrop, entry selection +entry selection:focus, spinbutton selection +entry selection:focus, entry selection +spinbutton selection:focus, spinbutton selection +spinbutton selection:focus, modelbutton.flat:hover, modelbutton.flat:selected, +.menuitem.button.flat:hover, +.menuitem.button.flat:selected, treeview.view:selected, row.activatable:selected, .sidebar:selected, placessidebar .view:selected, placessidebar textview text:selected, textview placessidebar text:selected, placessidebar iconview:selected, placessidebar calendar:selected { + background-color: #aaa; + color: #000; + outline-color: rgba(255, 255, 255, 0.3); } + .view:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected, calendar:backdrop:selected, textview text:backdrop:selected:focus, iconview:backdrop:selected:focus, calendar:backdrop:focus:selected, textview text:backdrop:selected:hover, iconview:backdrop:selected:hover, calendar:backdrop:hover:selected, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label selection:backdrop, entry selection + entry selection:backdrop:focus, spinbutton selection + entry selection:backdrop:focus, entry selection + spinbutton selection:backdrop:focus, spinbutton selection + spinbutton selection:backdrop:focus, modelbutton.flat:backdrop:hover, modelbutton.flat:backdrop:selected, + .menuitem.button.flat:backdrop:hover, + .menuitem.button.flat:backdrop:selected, row.activatable:backdrop:selected, .sidebar:backdrop:selected { + background-color: #7f7f7f; + color: #fff; } -.osd .button, -.osd .button:prelight, -.osd .button:active, -.osd .button:checked { +/********** + * rames * + **********/ +frame border, +.frame { + border: 1px solid #7f7f7f; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + frame border:backdrop, + .frame:backdrop { + border-color: #727272; } + +actionbar box { + padding: 6px; + border-width: 1px 0 0; + border-color: #7f7f7f; + border-style: solid none none; } + +placessidebar .frame, +scrolledwindow .frame { + border-radius: 2px; } +placessidebar viewport.frame, +scrolledwindow viewport.frame { + border-style: none; } +placessidebar overshoot.top, +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(transparent)), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + placessidebar overshoot.top:backdrop, + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#727272), to(rgba(114, 114, 114, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; background-color: transparent; -} - -.osd.button:insensitive, -.osd .button:insensitive { - background-image: none; - background-color: @osd_button_bg_insensitive; -} - -.osd.button:active:insensitive, -.osd .button:active:insensitive, -.osd.button:checked:insensitive, -.osd .button:checked:insensitive { - background-image: none; - background-color: @osd_button_bg_insensitive_active; -} - -.osd.button:hover, -.osd .button:hover { - color: @osd_button_fg_hover; -} - -.osd.button:active, -.osd.button:hover:active, -.osd .button:active, -.osd .button:hover:active, -.osd.button:checked, -.osd.button:hover:checked, -.osd .button:checked, -.osd .button:hover:checked { - color: @osd_button_fg_active; -} - -.osd.button:insensitive, -.osd.button:active *:insensitive, -.osd.button:checked *:insensitive, -.osd .button:insensitive, -.osd .button:active *:insensitive, -.osd .button:checked *:insensitive { - color: @osd_button_fg_insensitive; - text-shadow: none; - icon-shadow: none; -} - -.osd.button:hover, -.osd .button:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_hover_a, - @osd_button_bg_hover_b 68%, - @osd_button_bg_hover_c); -} - -.osd.button:active, -.osd.button:active:hover, -.osd .button:active, -.osd .button:active:hover, -.osd GtkMenuButton.menu-button:active, -.osd.button:checked, -.osd.button:checked:hover, -.osd .button:checked, -.osd .button:checked:hover, -.osd GtkMenuButton.menu-button:checked { - background-image: linear-gradient(to bottom, - @osd_button_bg_active_a, - @osd_button_bg_active_b 20%, - @osd_button_bg_active_c); -} - -.osd .linked .button:active:first-child { - border-left-width: 1px; -} - -.osd .linked .button:active:last-child { - border-right-width: 1px; -} - -.osd GtkMenuButton.menu-button:active { + border: none; + box-shadow: none; } +placessidebar overshoot.bottom, +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(black), to(transparent)), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + placessidebar overshoot.bottom:backdrop, + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#727272), to(rgba(114, 114, 114, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; background-color: transparent; - border-color: @osd_button_border; -} - -.osd GtkMenuButton.menu-button:active { - color: @osd_button_fg_active; - text-shadow: 0 -1px @osd_button_shadow; -} - - -.osd.toolbar { - color: @osd_fg; - text-shadow: 0 1px @osd_text_shadow; - padding: 12px 8px; - border-style: solid; - border-width: 1px; - border-color: shade (@theme_fg_color, 1.0); - border-radius: 2px; - background-image: linear-gradient(to bottom, - @osd_toolbar_bg_a, - @osd_toolbar_bg_b 63%, - @osd_toolbar_bg_c); + border: none; + box-shadow: none; } +placessidebar overshoot.left, +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(black), to(transparent)), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + placessidebar overshoot.left:backdrop, + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#727272), to(rgba(114, 114, 114, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; background-color: transparent; - -GtkToolbar-button-relief: normal; -} - -.osd.toolbar .flat.button.image-button { - box-shadow: none; -} - -.osd.toolbar .button, -.osd.toolbar .button:hover, -.osd.toolbar .button:active, -.osd.toolbar .button:checked, -.osd.toolbar .button:active:hover, -.osd.toolbar .button:insensitive, -.osd.toolbar .linked .button, -.osd.toolbar .linked .button:hover, -.osd.toolbar .linked .button:active, -.osd.toolbar .linked .button:checked, -.osd.toolbar .linked .button:active:hover, -.osd.toolbar .linked .button:insensitive { - border-color: shade (@theme_fg_color, 1.0); - border-style: solid; - border-image: none; - padding: 12px; - border-radius: 0px; -} - -.osd.toolbar .button:active, -.osd.toolbar .button:active:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_active_a, - @osd_button_bg_active_b 20%, - @osd_button_bg_active_c); -} - -.osd.toolbar .button:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_hover_a, - @osd_button_bg_hover_b 68%, - @osd_button_bg_hover_c); -} - -.osd.toolbar .button:first-child, -.osd.toolbar .button:hover:first-child, -.osd.toolbar .button:active:first-child, -.osd.toolbar .button:active:hover:first-child { - border-radius: 3px 0 0 3px; - border-width: 1px 0 1px 1px; - box-shadow: inset -1px 0 @osd_button_inset; -} - -.osd.toolbar .button:last-child, -.osd.toolbar .button:hover:last-child, -.osd.toolbar .button:active:last-child, -.osd.toolbar .button:active:hover:last-child { - box-shadow: none; - border-radius: 0 3px 3px 0; - border-width: 1px 1px 1px 0; -} - -.osd.toolbar .button:only-child, -.osd.toolbar .button:hover:only-child, -.osd.toolbar .button:active:only-child, -.osd.toolbar .button:active:hover: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: 3px; - border-style: solid; - box-shadow: none; -} - -.osd.toolbar .separator { - color: shade(@osd_lowlight, 0.80); -} - -/* used by gnome-settings-daemon's media-keys OSD */ -.osd.trough { - background-color: @osd_trough_bg; - border-width: 0; -} - -.osd.progressbar { - background-color: @osd_fg; -} - -.osd .scale.trough { - border-color: shade (@theme_fg_color, 1.0); - border-image: none; - /* this defines the bg color of the played segment */ - background-color: @osd_scale_trough_bg_color; -} - -.osd .scale.trough.highlight { - background-image: none; - background-color: @theme_highlight_color; -} - -.osd .scale.trough:insensitive, -.osd .scale.trough.highlight:insensitive { - background-image: none; + border: none; + box-shadow: none; } +placessidebar overshoot.right, +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(black), to(transparent)), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + placessidebar overshoot.right:backdrop, + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#727272), to(rgba(114, 114, 114, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; background-color: transparent; -} - -.osd .scale.slider { - margin: 0px; -} - -.osd .scale.fine-tune.slider { - margin: 2px; -} - -.osd .scale-popup.popover.background { - color: @osd_fg; - border-style: solid; - border-width: 1px; - border-color: shade (@theme_fg_color, 1.0); - border-radius: 2px; - background-image: linear-gradient(to bottom, - @osd_toolbar_bg_a, - @osd_toolbar_bg_b 63%, - @osd_toolbar_bg_c); + border: none; + box-shadow: none; } +/* result is disable undershoot */ +placessidebar undershoot.top, +scrolledwindow undershoot.top { background-color: transparent; - padding: 2px 0px; -} - -.osd .scale-popup.popover.background .button.flat.image-button { - background-image: linear-gradient(to bottom, - @osd_button_bg_a, - @osd_button_bg_b 68%, - @osd_button_bg_c); - border-radius: 3px; - border-width: 1px; - padding: 6px; -} - -.osd .scale-popup.popover.background .button.flat.image-button:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_hover_a, - @osd_button_bg_hover_b 78%, - @osd_button_bg_hover_c); - box-shadow: none; -} - -.osd .scale-popup.popover.background .button.flat.image-button:insensitive { - border-color: alpha (shade(@theme_bg_color, 0.4), 0.0); - background-image: none; + background-image: linear-gradient(to left, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 10px 0px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +placessidebar undershoot.bottom, +scrolledwindow undershoot.bottom { background-color: transparent; -} - -.osd GtkProgressBar, -GtkProgressBar.osd { - padding: 0; - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 3px; - -GtkProgressBar-min-horizontal-bar-height: 3px; -} - -.osd GtkProgressBar.trough, -GtkProgressBar.osd.trough { - padding: 0; - border-image: none; - border-style: none; - border-width: 0; - background-image: none; + background-image: linear-gradient(to left, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 10px 0px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +placessidebar undershoot.left, +scrolledwindow undershoot.left { background-color: transparent; - border-radius: 0; -} - -.osd GtkProgressBar.progressbar, -GtkProgressBar.osd.progressbar { - border-style: none; - background-color: @theme_selected_bg_color; - background-image: none; - border-radius: 0; -} - -.osd .view, -.osd.view { - background-color: @osd_view_bg; -} - -.osd .scrollbar.trough { - background-color: @osd_scrollbar_trough; -} - -.osd .scrollbar.slider { - background-color: @osd_scrollbar_slider; -} - -.osd .scrollbar.slider:hover { - background-color: @osd_scrollbar_slider_prelight; -} - -.osd .scrollbar.slider:active { - background-color: @osd_scrollbar_slider_active; -} - -.osd GtkIconView.cell:selected, -.osd GtkIconView.cell:selected:focus { + background-image: linear-gradient(to top, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 0px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +placessidebar undershoot.right, +scrolledwindow undershoot.right { background-color: transparent; - border-style: solid; - border-radius: 15px; - border-width: 3px; - border-color: @osd_button_fg; - outline-color: transparent; -} - -/* used by Documents */ -.osd .page-thumbnail { - border-style: solid; - border-width: 1px; - border-color: @osd_lowlight; - /* when there's no pixbuf yet */ - background-color: @osd_bg; -} - - -/************** - * Calendar * - **************/ - -GtkCalendar { - padding: 2px; -} - -GtkCalendar.view { - border-color: @theme_selected_bg_color; - border-radius: 0px; - border-style: solid; - border-width: 1px; - padding: 2px; -} - -GtkCalendar.header { - border-radius: 0; - background-color: @theme_button_bg; - border-width: 0; -} - -GtkCalendar.button, -GtkCalendar.button:insensitive { - background-image: none; - background-color: transparent; -} - -GtkCalendar.highlight { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - border-radius: 0; - padding: 0; - border-width: 0; -} - -/*************** - * Header bars * - ***************/ -.header-bar { - border-width: 0 0 1px; - border-style: solid; - border-color: @theme_border_color; - - background-color: @theme_base_color; - - padding: 6px 6px 5px 6px; -} - -.header-bar .button.text-button { - padding: 2px 16px; -} - -.header-bar .button.image-button { - padding: 5px; -} + background-image: linear-gradient(to top, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 0px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } +placessidebar junction, placessidebar scrollbar trough, scrollbar placessidebar trough, +scrolledwindow junction, +scrolledwindow scrollbar trough, +scrollbar scrolledwindow trough { + border-color: transparent; + background-color: black; } + placessidebar junction:backdrop, placessidebar scrollbar trough:backdrop, scrollbar placessidebar trough:backdrop, + scrolledwindow junction:backdrop, + scrolledwindow scrollbar trough:backdrop, + scrollbar scrolledwindow trough:backdrop { + background-color: transparent; } + +separator, placessidebar .view separator, placessidebar textview text separator, textview placessidebar text separator, placessidebar iconview separator, +placessidebar .view separator:backdrop, +placessidebar textview text separator:backdrop, +textview placessidebar text separator:backdrop, +placessidebar iconview separator:backdrop { + background: #7f7f7f; + min-width: 1px; + min-height: 1px; } -.header-bar .title { - font: Bold 11; -} +/********* + * Lists * + *********/ +list { + background-color: #111; + border-color: #7f7f7f; } + list:backdrop { + background-color: #111; + border-color: #727272; } + list row { + padding: 2px; } + +row.activatable, +row.activatable:backdrop, +row.activatable:backdrop:active, +row.activatable:backdrop:checked, +row.activatable:backdrop:disabled, +row.activatable:backdrop:disabled:active, +row.activatable:backdrop:disabled:checked, +row.activatable:disabled:active, +row.activatable:disabled:checked { + background-color: rgba(17, 17, 17, 0); + border-style: none; + border-radius: 0; + box-shadow: none; } + +row.activatable { + color: #fff; } + row.activatable:hover, placessidebar .has-open-popup { + background-color: #1c1c1c; } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:selected { + background-color: #aaa; + color: #000; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); + color: #000; + } + row.activatable:selected:hover, placessidebar .has-open-popup:selected { + background-color: #b2b2b2; } + row.activatable:selected:backdrop { + background-color: #7f7f7f; } + row.activatable:selected .button.flat { + color: #fff; } + row.activatable:selected .button.flat:hover { + color: #fff; } + row.activatable:selected .button.flat:active { + color: #fff; } +row .button.flat { + color: #fff; } + row .button.flat:active { + color: #fff; } + +row, +row.activatable { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, + row.activatable:hover, + placessidebar .has-open-popup { + transition: none; } -.header-bar .subtitle { - font: 9; -} +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-width: 0 1px 1px; + border-style: solid; + border-color: #7f7f7f; + border-radius: 0 0 6px 6px; + background-image: linear-gradient(to bottom, black 5%, black); } + .app-notification .button, + .app-notification.frame .button { + padding: 6px; } /************* - * Popovers * + * Expanders * *************/ - -.popover { - background-clip: initial; - margin: 10px; - padding: 2px; - border-color: shade(@theme_bg_color, 0.8); - border-width: 1px; - border-style: solid; - border-radius: 6px; - background-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_base_color, 1.0), - shade(@theme_base_color, 0.85)); - box-shadow: 0 1px 5px @wm_shadow; - text-shadow: none; - icon-shadow: none; -} - -.popover > .list, -.popover > .view, -.popover > .toolbar .popover.osd > .toolbar, -.popover > .inline-toolbar .popover.osd > .toolbar, -.popover > .search-bar .popover.osd > .toolbar, -.popover > .location-bar .popover.osd > .toolbar, -.popover > .toolbar .popover.osd > .inline-toolbar, -.popover > .inline-toolbar .popover.osd > .inline-toolbar, -.popover > .search-bar .popover.osd > .inline-toolbar, -.popover > .location-bar .popover.osd > .inline-toolbar, -.popover > .toolbar .popover.osd > .search-bar, -.popover > .inline-toolbar .popover.osd > .search-bar, -.popover > .search-bar .popover.osd > .search-bar, -.popover > .location-bar .popover.osd > .search-bar, -.popover > .toolbar .popover.osd > .location-bar, -.popover > .inline-toolbar .popover.osd > .location-bar, -.popover > .search-bar .popover.osd > .location-bar, -.popover > .location-bar .popover.osd > .location-bar { - border-style: none; - background-color: transparent; -} - -.popover .separator { - font-size: 80%; - font-weight: bold; - color: alpha(@theme_fg_color,0.5); - text-shadow: none; - background-color: transparent; - icon-shadow: none; - border: 0; -} - -.popover.osd { - background-image: none; - background-color: alpha(shade(#3E403D, 0.85), 0.75); - border: 1px solid black; - box-shadow: none; - color: @theme_selected_fg_color; -} -.popover.osd .toolbar { - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; -} -.popover.osd .button { - text-shadow: 0 -1px @osd_text_shadow; - icon-shadow: 0 -1px @osd_text_shadow; -} -.popover.osd .button:active, -.popover.osd .button:checked { - box-shadow: none; -} -.popover.osd .button:insensitive { - color: alpha(@theme_selected_fg_color, 0.4); -} - -.popover .list { - background-color: @theme_base_color; -} - -GtkModelButton.button { - color: @theme_fg_color; - border-radius: 3px; -} - -GtkModelButton.button:checked, -GtkModelButton.button:active, -GtkModelButton.button:insensitive, -GtkModelButton.button:active:insensitive, -GtkModelButton.button:checked:insensitive, -GtkModelButton.button, -GtkModelButton.button:focus, -GtkModelButton.button:active:focus, -GtkModelButton.button:checked:focus { - color: @theme_fg_color; - background-color: transparent; - background-image: none; - border-color: transparent; - border-image: none; - border-style: none; - box-shadow: none; - border-radius: 3px; -} - -GtkModelButton.button:checked:hover, -GtkModelButton.button:active:hover, -GtkModelButton.button:hover, -GtkModelButton.button:selected { - color: @theme_selected_fg_color; - background-image: none; - background-color: @theme_selected_bg_color; - text-shadow: none; - border-width: 0; - border-color: transparent; - border-radius: 3px; -} - -GtkPopover .separator { - font-size: 80%; - font-weight: bold; - color: alpha(@theme_fg_color,0.4); - text-shadow: none; - background-color: transparent; - icon-shadow: none; - border: 0; -} - -/******* - * CSD * - *******/ -.titlebar { - background-color: @theme_base_color; - border-radius: 7px 7px 0px 0px; -} - -/* this is the default titlebar that is added by GTK - * when client-side decorations are in use and the application - * did not set a custom titlebar. - */ -.titlebar.default-decoration { - border: none; -} - -.titlebar .title { - font: Bold 11; -} - -.titlebar .titlebutton { - color: @theme_button_fg; - background-color: transparent; - padding: 5px; - border-color: transparent; -} - -.titlebar .titlebutton:hover { - background-color: @theme_fg_color; - border-color: @theme_fg_color; - color: @theme_button_fg; -} - -.titlebar .titlebutton:active { - background-color: @theme_button_active_bg; - color: @theme_selected_fg_color; -} - - -/* workaround to avoid unwanted black frames if switching compositor on/off */ -.background .window-frame { - box-shadow: none; -} - -.background.csd .window-frame { - border-color: darker(@theme_bg_color); - border-radius: 7px 7px 0 0; - border-width: 1px; - border-style: solid; - box-shadow: 0 2px 8px 3px alpha(white, 0.7); - /* this is used for the resize cursor area */ - margin: 10px; -} - -.window-frame.tiled { - border-radius: 0; - background-color: @theme_bg_color; -} - -/* workaround to avoid unwanted black frames if switching compositor on/off */ -.window-frame:backdrop { -/* box-shadow: 0 2px 5px 1px alpha(white, 0.7);*/ - box-shadow: none; -} - -.window-frame.ssd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); -} - -.window-frame.solid-csd { - border-radius: 0; - margin: 4px; - background-color: @wm_bg_a; - border: solid 1px @wm_csd_solid_border_color; - box-shadow: none; -} - -.window-frame.csd.popup { - border-radius: 0; - box-shadow: none; -} - -.window-frame.csd.tooltip { - border-radius: 5px; - box-shadow: 0 1px 5px @wm_shadow; -} - -.window-frame.csd.message-dialog { - border-radius: 7px; - box-shadow: 0 1px 5px @wm_shadow; -} +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ - * Sidebars * - ************/ - -/* dialog open */ -.sidebar.list { - background-color: @theme_base_color; -} - -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected, -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected:hover, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - box-shadow: inset 0 2px 3px -1px transparentize(black,0.5); - border-radius: 4px; -} - -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-icon, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-icon { - padding: 6px 8px 6px 6px; -} - -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-label, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-label { - padding: 6px 0px 6px 1px; -} + * Calendar * + ***********/ +calendar { + border: 1px solid #7f7f7f; } + calendar.button { + padding: 0 4px; + color: #707070; } + calendar.button:hover { + color: #fff; } + calendar.button:backdrop, calendar.button:backdrop:hover { + color: #888888; } + calendar.view { + border-radius: 2px; } + calendar.header { + background: linear-gradient(to bottom, #050505, black); + border-bottom-color: #3f3f3f; } + calendar.header:backdrop { + background-image: linear-gradient(to bottom, #000); + border-bottom-color: #393939; } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + color: #fff; } -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-button.image-button.button, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-button.image-button.button { - background-color: transparent; +/*********** + * Dialogs * + ***********/ +messagedialog .dialog-action-area button { + padding: 8px; } + +messagedialog .titlebar { + border-style: none; + box-shadow: inset 0 1px #000; } +messagedialog.csd { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; } + messagedialog.csd .dialog-action-area button { + padding: 12px; + border-radius: 0; + border-width: 2px; + border-style: solid; + color: #fff; background-image: none; - border-image:none; - box-shadow: none; - border-width: 0px; - padding: 6px 12px 6px 0px; -} - -/************ - * GtkStack * - ************/ + background-color: #000; + border-color: #7f7f7f; } + messagedialog.csd .dialog-action-area button:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; } + messagedialog.csd .dialog-action-area button:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; } + messagedialog.csd .dialog-action-area button:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + messagedialog.csd .dialog-action-area button:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + messagedialog.csd .dialog-action-area button:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + messagedialog.csd .dialog-action-area button.suggested-action { + border-width: 2px; + border-style: solid; + color: white; + background-image: none; + background-color: #4a90d9; + border-color: #1c5187; } + messagedialog.csd .dialog-action-area button.suggested-action:hover { + border-width: 2px; + border-style: solid; + color: white; + background-color: #4a90d9; + border-color: #1c5187; + background-image: none; } + messagedialog.csd .dialog-action-area button.suggested-action:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: #b56f26; + border-color: #1c5187; } + messagedialog.csd .dialog-action-area button.suggested-action:backdrop { + border-width: 2px; + border-style: solid; + color: white; + background-color: #4a90d9; + border-color: #4a90d9; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + messagedialog.csd .dialog-action-area button.suggested-action:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + messagedialog.csd .dialog-action-area button.destructive-action { + border-width: 2px; + border-style: solid; + color: white; + background-image: none; + background-color: #ef2929; + border-color: #8e0b0b; } + messagedialog.csd .dialog-action-area button.destructive-action:hover { + border-width: 2px; + border-style: solid; + color: white; + background-color: #ef2929; + border-color: #8e0b0b; + background-image: none; } + messagedialog.csd .dialog-action-area button.destructive-action:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: #10d6d6; + border-color: #8e0b0b; } + messagedialog.csd .dialog-action-area button.destructive-action:backdrop { + border-width: 2px; + border-style: solid; + color: white; + background-color: #ef2929; + border-color: #ef2929; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + messagedialog.csd .dialog-action-area button.destructive-action:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + messagedialog.csd .dialog-action-area button.destructive-action:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled, messagedialog.csd .dialog-action-area button:backdrop, messagedialog.csd .dialog-action-area button:backdrop:disabled, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd .dialog-action-area button.suggested-action:hover, messagedialog.csd .dialog-action-area button.suggested-action:active, messagedialog.csd .dialog-action-area button.suggested-action:backdrop, messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled, messagedialog.csd .dialog-action-area button.suggested-action:disabled, messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.destructive-action:hover, messagedialog.csd .dialog-action-area button.destructive-action:active, messagedialog.csd .dialog-action-area button.destructive-action:backdrop, messagedialog.csd .dialog-action-area button.destructive-action:backdrop:disabled, messagedialog.csd .dialog-action-area button.destructive-action:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 7px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 7px; } -GtkStackSidebar.sidebar GtkViewport.frame { - border-style: solid; - border-width: 0px 1px 0px 0px; - border-color: @theme_border_color; - padding: 1px; -} +GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #7f7f7f; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: #727272; } -GtkStackSidebar.sidebar .separator.horizontal { - -GtkWidget-separator-height: 0px; -} +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; } + .sidebar:backdrop { + background-color: #000; } + .sidebar > scrolledwindow > .frame { + border-right: 1px solid #7f7f7f; } + .sidebar > scrolledwindow > .frame:dir(rtl) { + border-right: none; + border-left: 1px solid #7f7f7f; } + +placessidebar row { + padding: 0px; } + placessidebar row > revealer { + padding: 4px 14px 4px 12px; } + placessidebar row image.sidebar-icon { + opacity: 0.9; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label .sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label .sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button.image-button { + padding: 5px; } + button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { + opacity: 0.9; } +placessidebar .view, placessidebar textview text, textview placessidebar text, placessidebar iconview { + color: #fff; + background-color: transparent; } + placessidebar .view .image, placessidebar textview text .image, textview placessidebar text .image, placessidebar iconview .image { + color: #b2b2b2; } + placessidebar .view .image:selected, placessidebar textview text .image:selected, textview placessidebar text .image:selected, placessidebar iconview .image:selected { + color: #f6f6f6; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } -GtkStackSidebar.sidebar GtkViewport.frame .sidebar-item.list-row.button { - border-radius: 0px; -} +/********* + * Paned * + *********/ +paned separator, paned placessidebar .view separator, placessidebar .view paned separator, paned placessidebar textview text separator, placessidebar textview text paned separator, paned textview placessidebar text separator, textview placessidebar text paned separator, paned placessidebar iconview separator, placessidebar iconview paned separator, +paned placessidebar .view separator:backdrop, +placessidebar .view paned separator:backdrop, +paned placessidebar textview text separator:backdrop, +placessidebar textview text paned separator:backdrop, +paned textview placessidebar text separator:backdrop, +textview placessidebar text paned separator:backdrop, +paned placessidebar iconview separator:backdrop, +placessidebar iconview paned separator:backdrop { + min-width: 1px; + min-height: 1px; + background-image: linear-gradient(to bottom, #7f7f7f); } + paned separator:backdrop { + background-image: linear-gradient(to bottom, #727272); } +paned:dir(ltr).horizontal separator { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; } +paned:dir(rtl).horizontal separator { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; } +paned.vertical separator, +paned.vertical placessidebar .view separator:backdrop, +placessidebar .view paned.vertical separator:backdrop, +paned.vertical placessidebar textview text separator:backdrop, +placessidebar textview text paned.vertical separator:backdrop, +paned.vertical textview placessidebar text separator:backdrop, +textview placessidebar text paned.vertical separator:backdrop, +paned.vertical placessidebar iconview separator:backdrop, +placessidebar iconview paned.vertical separator:backdrop { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; } +paned separator:selected, +paned placessidebar .view separator:selected:backdrop, +placessidebar .view paned separator:selected:backdrop, +paned placessidebar textview text separator:selected:backdrop, +placessidebar textview text paned separator:selected:backdrop, +paned textview placessidebar text separator:selected:backdrop, +textview placessidebar text paned separator:selected:backdrop, +paned placessidebar iconview separator:selected:backdrop, +placessidebar iconview paned separator:selected:backdrop { + background-color: #aaa; } +paned separator.wide, +paned placessidebar .view separator.wide:backdrop, +placessidebar .view paned separator.wide:backdrop, +paned placessidebar textview text separator.wide:backdrop, +placessidebar textview text paned separator.wide:backdrop, +paned textview placessidebar text separator.wide:backdrop, +textview placessidebar text paned separator.wide:backdrop, +paned placessidebar iconview separator.wide:backdrop, +placessidebar iconview paned separator.wide:backdrop { + min-width: 5px; + min-height: 5px; + background-color: transparent; + border-style: none solid; + border-color: #7f7f7f; + border-width: 1px; } -GtkStackSidebar.sidebar GtkViewport.frame .sidebar-item.list-row.button:selected { - background-color: @theme_fg_color; - color: @theme_selected_fg_color; - border-style: none; -} +/************** + * GtkInfoBar * + **************/ +infobar { + border-width: 0; + border-style: none; } -/* top button */ -GtkStack .vertical.linked > GtkComboBox > GtkToggleButton.button:last-child, -GtkStack .vertical.linked > GtkComboBox > GtkToggleButton.button:hover:last-child, -GtkStack .vertical.linked > GtkComboBox > GtkToggleButton.button:focus:last-child, -GtkStack .vertical.linked > GtkComboBox > GtkToggleButton.button:active:last-child, -GtkStack .vertical.linked > GtkComboBox > GtkToggleButton.button:checked:last-child, -GtkStack .vertical.linked > GtkComboBox > GtkToggleButton.button:insensitive:last-child, -GtkStack .linked.vertical GtkToggleButton.button, -GtkStack .linked.vertical GtkToggleButton.button:hover, -GtkStack .linked.vertical GtkToggleButton.button:focus, -GtkStack .linked.vertical GtkToggleButton.button:active, -GtkStack .linked.vertical GtkToggleButton.button:checked, -GtkStack .linked.vertical GtkToggleButton.button:insensitive { - border-radius: 3px 3px 0 0; +.info, +.question, +.warning, +.error { + background-color: #aaa; + color: #fff; + text-shadow: 0 1px #909090; + border-color: #909090; } + .info button, + .question button, + .warning button, + .error button { border-width: 2px; - border-bottom-width: 0; border-style: solid; - padding: 3px 4px; -} + color: #fff; + background-image: none; + background-color: #aaa; + border-color: #6a6a6a; } + .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #aaa; + border-color: #6a6a6a; + background-image: none; } + .info button:active, + .question button:active, + .warning button:active, + .error button:active { + border-width: 2px; + border-style: solid; + background-image: none; + color: black; + background-color: #555555; + border-color: #6a6a6a; } + .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #7f7f7f; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .info button:backdrop, + .question button:backdrop, + .warning button:backdrop, + .error button:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #aaa; + border-color: #aaa; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .info button:backdrop:disabled, + .question button:backdrop:disabled, + .warning button:backdrop:disabled, + .error button:backdrop:disabled { + border-width: 2px; + border-style: solid; + color: #7f7f7f; + background-color: #060606; + border-color: #727272; + background-image: none; } + .info label:selected, + .info label:selected:focus, + .info label:selected:hover, + .question label:selected, + .question label:selected:focus, + .question label:selected:hover, + .warning label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .error label:selected, + .error label:selected:focus, + .error label:selected:hover { + background-color: #dddddd; } -/* bottom button */ -GtkStack .linked.vertical .button.text-button:last-child, -GtkStack .linked.vertical .button.text-button:hover:last-child, -GtkStack .linked.vertical .button.text-button:focus:last-child, -GtkStack .linked.vertical .button.text-button:active:last-child, -GtkStack .linked.vertical .button.text-button:checked:last-child, -GtkStack .linked.vertical .button.text-button:insensitive:last-child { - border-radius: 0 0 3px 3px; +/************ + * Tooltips * + ************/ +.tooltip { + color: white; + padding: 4px; + /* not working */ + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.8); + text-shadow: 0 1px black; } + +.tooltip * { + padding: 4px; + background-color: transparent; + color: inherit; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #000; } + :selected colorswatch { + box-shadow: none; } + :selected colorswatch overlay, :selected colorswatch overlay:hover { + border-color: #fff; } + colorswatch:selected { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #000; } + colorswatch.top { + border-top-left-radius: 6px; + border-top-right-radius: 6px; } + colorswatch.bottom { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; } + colorswatch.left, colorswatch:first-child:not(overlay):not(.top) { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; } + colorswatch.right, colorswatch:last-child:not(overlay):not(.bottom) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } + colorswatch:only-child:not(overlay) { + border-radius: 6px; } + colorswatch.top > overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + colorswatch.bottom > overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch:first-child:not(.top) > overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + colorswatch:last-child:not(.bottom) > overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch:only-child > overlay { + border-radius: 5px; } + colorswatch.activatable:hover, colorswatch.activatable:hover:selected { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.4); } + colorswatch:backdrop, colorswatch:backdrop:selectedi, colorswatch.dark:backdrop, colorswatch.dark:backdrop:selected { + background-image: none; + box-shadow: none; } + colorswatch.dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch.dark:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.dark:backdrop { + color: rgba(255, 255, 255, 0.3); } + colorswatch.light { + color: black; + outline-color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch.light:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.light:backdrop { + color: rgba(0, 0, 0, 0.3); } + colorswatch overlay, colorswatch overlay:selected { + background: none; + border: none; } + colorswatch#add-color-button { border-width: 2px; - border-top-width: 1px; - border-style: solid; - padding: 3px 4px; -} - -/* spinbuttons, middle */ -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton:hover, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton:focus, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton:active, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton:checked, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton:insensitive { - border-radius: 0px; - border-width: 1px 2px 0 2px; border-style: solid; - padding: 6px 5px; -} - -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:first-child, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:last-child, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:hover, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:first-child:hover, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:last-child:hover, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:active, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:checked, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:first-child:active, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:last-child:active, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:first-child:checked, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:last-child:checked, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:insensitive, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:first-child:insensitive, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:last-child:insensitive { - border-radius: 0px; - border-width: 0 1px 0 1px; - border-style: solid; - padding: 6px 5px; -} - -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:focus, -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:first-child:focus { - border-radius: 0px; - border-width: 1px; - border-style: solid; - padding: 6px 5px; -} - -GtkStack .linked.vertical GtkSpinButton.horizontal.entry.spinbutton .button:last-child:focus { - border-radius: 0px; - border-width: 1px 0px 1px 1px; - border-style: solid; - padding: 6px 5px; -} - -/****************** - * Dialog Windows * - ******************/ + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; } + colorswatch#add-color-button:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #7f7f7f; + background-image: none; } + colorswatch#add-color-button:backdrop { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; } + colorswatch#add-color-button overlay { + border-width: 0; + background: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 7px 7px 0 0; + border-width: 0px; + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); + /* this is used for the resize cursor area */ + margin: 10px; } + decoration:backdrop { + /* the transparent shadow here is to enforce that the shadow extents don't + * change when we go to backdrop, to prevent jumping windows + */ + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 3px 9px 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.18); } + .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + decoration.csd.popup { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + tooltip.csd decoration { + border-radius: 5px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + .solid-csd decoration { + border-radius: 3px; + margin: 10px; + background-color: #000; + border: solid 2px #fff; + box-shadow: none; } -/* ie. mate-keyboard-properties option window */ -GtkDialog GtkScrolledWindow.frame GtkViewport .vertical { - background-color: @theme_view_bg; +/* workaround to avoid unwanted black frames if switching compositor on/off */ +.background decoration, +.background decoration:backdrop { + box-shadow: none; } -GtkDialog GtkScrolledWindow.frame { - border-color: @theme_border_color; +button.titlebutton { + padding: 8px; + border-color: transparent; + background-image: none; + transition-property: border, box-shadow, color; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px transparent; } + button.titlebutton:hover { + border-width: 2px; border-style: solid; + color: #fff; + background-image: none; + background-color: #000; + border-color: #7f7f7f; } + button.titlebutton:active { border-width: 2px; - border-radius: 3px; -} - -GtkDialog GtkScrolledWindow.frame GtkViewport .vertical GtkExpander .vertical { - background-color: shade (@theme_bg_color, 1.00); - border-radius: 5px; - border-color: @theme_border_color; border-style: solid; + background-image: none; + color: black; + background-color: white; + border-color: #7f7f7f; } + button.titlebutton:backdrop { border-width: 2px; -} - -/**************** - * App-specific * - ****************/ -TerminalScreen { - background-color: @theme_base_color; - color: @theme_fg_color; -} - -.nautilus-cluebar-label { - color: @theme_selected_fg_color; - font: bold; -} - -NautilusWindow .sidebar .frame { - border-style: none; -} - -NautilusNotebook.notebook { - border-right-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -NautilusNotebook .frame { - border-width: 0; -} - -NautilusWindow .pane-separator { - border-width: 0 1px 0 0; border-style: solid; - border-color: @theme_border_color; -} - -.nautilus-desktop.nautilus-canvas-item { - color: @theme_selected_fg_color; - text-shadow: 1px 1px white; -} - -.nautilus-desktop.nautilus-canvas-item:selected { - color: @theme_selected_fg_color; -} - -.nautilus-desktop.nautilus-canvas-item:backdrop { - background-color: @theme_fg_color; -} - -.nautilus-desktop.nautilus-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:prelight, -.nautilus-desktop.nautilus-canvas-item:selected { + color: #fff; + background-color: #000; + border-color: #727272; + background-image: none; text-shadow: none; -} - -.documents-icon-bg { - background-color: @theme_internal_bg; - color: @theme_fg_color; - border-radius: 3px; -} + -gtk-icon-shadow: none; + border-color: transparent; + transition-property: border, box-shadow, color; } -.documents-collection-icon { - background-color: @theme_internal_bg; - border-radius: 6px; -} +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: #000; + background-image: none; + -gtk-icon-source: none; + box-shadow: none; + outline-style: none; + outline-color: transparent; + border: 2px solid #fff; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + border-radius: 10px 0 0 0; + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + border-radius: 0 10px 0 0; + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + border-radius: 10px 10px 0 0; } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + border-radius: 10px 0 0 0; + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + border-radius: 0 10px 0 0; + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + border-radius: 10px 10px 0 0; } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + border-radius: 10px 0 0 0; + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + border-radius: 0 10px 0 0; + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + border-radius: 10px 10px 0 0; } + +/* Decouple the font of context menus from their entry/textview */ +.context-menu { + font: initial; } + +.touch-selection { + font: initial; + color: #fff; + border: none; + background-color: black; + background-clip: padding-box; + outline-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .touch-selection:backdrop { + text-shadow: none; } + .touch-selection button { + border-width: 2px; + border-style: solid; + color: #fff; + background-image: none; + background-color: rgba(0, 0, 0, 0.8); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .touch-selection button:hover { + border-width: 2px; + border-style: solid; + color: #fff; + background-color: rgba(77, 77, 77, 0.8); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .touch-selection button:active, .touch-selection button:checked { + border-width: 2px; + border-style: solid; + color: rgba(0, 0, 0, 0.8); + background-color: #fff; + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .touch-selection button:disabled, .touch-selection button:backdrop:disabled { + border-width: 2px; + border-style: solid; + border-color: rgba(255, 255, 255, 0.2); + color: #7f7f7f; } + .touch-selection button:backdrop { + border-width: 2px; + border-style: solid; } + .touch-selection .check { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:hover { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:active { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:disabled { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:indeterminate { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:indeterminate:hover { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:indeterminate:selected { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:indeterminate:disabled { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:checked { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:checked:disabled { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:checked:hover { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:checked:active { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .check:backdrop:checked { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:hover { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:active { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:disabled { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:indeterminate { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:indeterminate:hover { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:indeterminate:selected { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:indeterminate:disabled { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:checked { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:checked:disabled { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:checked:hover { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:checked:active { + -gtk-icon-shadow: none; + color: #fff; } + .touch-selection .radio:backdrop:checked { + -gtk-icon-shadow: none; + color: #fff; } + +button.circular { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +button.circular label { + padding: 0; } + +frame.keycap { + background-color: #fefefe; + border: 1px solid #cecece; + border-radius: 5px; + box-shadow: 0px 1px 0px #fff inset, 0px -2px 0px #dedede inset; + color: #555753; + padding: 3px 8px 3px 8px; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +stackswitcher button.text-button { + min-width: 100px; } + +stackswitcher button.circular { + min-width: 0px; } -.documents-selection-mode.toolbar { - background-color: @theme_internal_bg; -} diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css index 174bab53..bd25d758 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css @@ -1,206 +1,36 @@ -@define-color theme_base_color #000000; -@define-color theme_bg_color @theme_base_color; -@define-color theme_fg_color #ffffff; -@define-color theme_selected_bg_color #666699; -@define-color theme_selected_fg_color @theme_base_color; - -@define-color theme_border_color @theme_selected_bg_color; -@define-color theme_selected_borders_color @theme_bg_color; -@define-color borders_edge @theme_base_color; - -@define-color selected_borders_color @theme_fg_color; -@define-color borders_edge #fff; - -@define-color theme_highlight_color #cb9a5b; -@define-color theme_highlight_alt #dfb578; -@define-color theme_highlight_border #edd6b5; - -@define-color theme_internal_bg #292929; -@define-color theme_internal_border shade(@theme_internal_bg, 0.90); - -@define-color theme_insensitive_color #858586; -@define-color theme_insensitive_bg #0b0b0d; -@define-color theme_insensitive_border #454249; - -@define-color theme_slider_bg #908f92; - -@define-color theme_button_bg #111113; -@define-color theme_button_fg #d1cbc9; -@define-color theme_button_active_bg @theme_slider_bg; -@define-color theme_button_active_border @theme_slider_bg; -@define-color theme_button_insensitive_bg #050506; -@define-color theme_button_insensitive_fg #393737; -@define-color theme_button_insensitive_border #3e3d3c; -@define-color theme_button_insensitive_active_bg #333233; -@define-color theme_button_insensitive_active_fg @theme_selected_fg_color; -@define-color theme_button_insensitive_active_border @theme_button_insensitive_active_bg; -@define-color theme_button_linked_border @theme_selected_bg_color; -@define-color theme_button_linked_insensitive_bg @theme_button_insensitive_bg; -@define-color theme_button_linked_insensitive_fg @theme_button_insensitive_fg; - -@define-color theme_entry_bg @theme_base_color; - -@define-color theme_notebook_bg @theme_base_color; -@define-color theme_notebook_border @theme_selected_bg_color; - -@define-color theme_scale_trough_bg @theme_selected_bg_color; -@define-color theme_scale_trough_insensitive_bg @theme_button_insensitive_active_bg; - -@define-color theme_switch_slider_bg @theme_selected_bg_color; -@define-color theme_switch_slider_border @theme_selected_bg_color; -@define-color theme_switch_slider_active_bg @theme_base_color; -@define-color theme_switch_slider_insensitive_bg @theme_trough_insensitive_fg; -@define-color theme_switch_slider_insensitive_border @theme_trough_insensitive_fg; -@define-color theme_switch_slider_active_insensitive_bg @theme_base_color; - -@define-color theme_trough_bg @theme_button_bg; -@define-color theme_trough_fg @theme_selected_bg_color; -@define-color theme_trough_insensitive_bg #050506; -@define-color theme_trough_insensitive_fg @theme_button_insensitive_active_bg; -@define-color theme_trough_insensitive_border @theme_button_insensitive_active_bg; - -@define-color theme_toolbar_bg @theme_button_bg; -@define-color theme_inline_toolbar_button_bg @theme_base_color; -@define-color theme_inline_toolbar_button_fg @theme_fg_color; -@define-color theme_inline_toolbar_button_side #222124; - -@define-color theme_check_radio_bg @theme_button_bg; -@define-color theme_check_radio_border @theme_border_color; - -@define-color theme_view_bg @theme_base_color; - -@define-color theme_cursor_color @theme_fg_color; - -/*colors for the backdrop state, derived from the main colors. */ -@define-color backdrop_base_color @base_color; -@define-color backdrop_bg_color @theme_bg_color; -@define-color backdrop_fg_color @theme_fg_color; -@define-color backdrop_insensitive_color @theme_insensitive_color; -@define-color backdrop_borders_color mix(@theme_border_color, @theme_bg_color, 0.9); - -/****** - * WM * - ******/ - -@define-color wm_border_color @theme_fg_color; -@define-color wm_border_bakcdrop_color @theme_insensitive_border; -@define-color wm_button_bg @theme_button_bg; -@define-color wm_button_fg @theme_button_fg; -@define-color wm_button_pressed_fg @theme_internal_bg; -@define-color wm_button_prelight_bg @theme_fg_color; -@define-color wm_button_pressed_bg @theme_fg_color; -@define-color wm_button_prelight_fg @theme_selected_fg_color; -@define-color wm_button_pressed_fg @theme_selected_fg_color; -@define-color wm_shadow alpha(black, 0.5); -@define-color wm_bg_a shade (@theme_bg_color, 1.1); -@define-color wm_bg_b @theme_bg_color; -@define-color wm_csd_solid_border_color shade (@theme_fg_color, 1.0); - -/******* - * osd * - *******/ - -@define-color osd_highlight #ffffff; -@define-color osd_lowlight #525252; -@define-color osd_base #212526; -@define-color osd_base_backdrop shade(@osd_base, 1.40); - -@define-color osd_fg #ededed; -@define-color osd_bg alpha(@osd_base, 0.80); -@define-color osd_bg_backdrop alpha(@osd_base_backdrop, 0.90); - -@define-color osd_text_shadow alpha(black, 0.75); - -@define-color osd_toolbar_bg_a alpha(@osd_base, 0.50); -@define-color osd_toolbar_bg_b alpha(#101010, 0.50); -@define-color osd_toolbar_bg_c alpha(shade(@osd_base, 1.02), 0.50); - -@define-color osd_button_bg_a alpha(@osd_highlight, 0.16); -@define-color osd_button_bg_b alpha(@osd_lowlight, 0.05); -@define-color osd_button_bg_c alpha(@osd_highlight, 0.12); - -@define-color osd_button_bg_insensitive alpha(@osd_bg, 0.25); -@define-color osd_button_bg_insensitive_active alpha(@osd_bg, 0.16); - -@define-color osd_button_bg_hover_a alpha(@osd_highlight, 0.28); -@define-color osd_button_bg_hover_b alpha(@osd_lowlight, 0.14); -@define-color osd_button_bg_hover_c alpha(@osd_highlight, 0.14); - -@define-color osd_button_bg_active_a alpha(black, .9); -@define-color osd_button_bg_active_b alpha(black, 0.4); -@define-color osd_button_bg_active_c alpha(black, 0); - -@define-color osd_button_bg_backdrop alpha(@osd_bg, 0.18); -@define-color osd_button_bg_backdrop_hover alpha(@osd_bg, 0.25); -@define-color osd_button_bg_backdrop_active alpha(@osd_bg, 0.35); -@define-color osd_button_bg_backdrop_insensitive alpha(@osd_bg, 0.08); - -@define-color osd_button_fg_backdrop shade(@osd_fg, 0.70); -@define-color osd_button_fg_backdrop_active shade(@osd_fg, 0.95); - -@define-color osd_button_fg shade(@osd_fg, 0.80); -@define-color osd_button_fg_hover shade(@osd_fg, 0.96); -@define-color osd_button_fg_active shade(@osd_fg, 1.10); -@define-color osd_button_fg_insensitive shade(@osd_fg, 0.70); - -@define-color osd_button_border alpha(@osd_highlight, 0.40); -@define-color osd_button_border_active alpha(@osd_highlight, 0.8); -@define-color osd_button_inset shade(@osd_fg, 0.67); -@define-color osd_button_shadow alpha(black, 0.35); - -@define-color osd_trough_bg alpha(@osd_button_fg, 0.10); -@define-color osd_scale_trough_bg_color alpha(shade(#a4c2e8, 0.35), 0.4); - -@define-color osd_view_bg alpha(@osd_bg, 0.60); -@define-color osd_view_bg_backdrop alpha(@osd_bg_backdrop, 0.60); - -@define-color osd_scrollbar_trough shade(@osd_base, 1.70); -@define-color osd_scrollbar_trough_backdrop shade(@osd_base_backdrop, 1.40); - -@define-color osd_scrollbar_slider shade(@osd_scrollbar_trough, 1.50); -@define-color osd_scrollbar_slider_prelight shade(@osd_scrollbar_trough, 1.80); -@define-color osd_scrollbar_slider_active shade(@osd_scrollbar_trough, 2.10); -@define-color osd_scrollbar_slider_backdrop shade(@osd_scrollbar_trough_backdrop, 1.50); - -/************************ - * Info, Warnings, etc. * - ************************/ - -@define-color warning_color #ff4400; -@define-color warning_bg_color @warning_color; -@define-color warning_fg_color white; - -@define-color question_color #0000ff; -@define-color question_bg_color @question_color; -@define-color question_fg_color white; - -@define-color error_color #ff0000; -@define-color error_bg_color @error_color; -@define-color error_fg_color white; - -@define-color error_color #ff0000; -@define-color success_color #00ff00; - -/***************** - * fallback mode * - *****************/ - -@define-color os_chrome_bg_color white; -@define-color os_chrome_fg_color #ccc; -@define-color os_chrome_selected_bg_color #333; -@define-color os_chrome_selected_fg_color black; - -* { - /* Pidgin */ - -GtkIMHtml-hyperlink-color: #ffff9f; - -GtkIMHtml-hyperlink-visited-color: #9fffff; - -GtkIMHtml-hyperlink-prelight-color: #bfbf7f; - - /* Evolution */ - -GtkHTML-link-color: #ffff9f; - -GtkHTML-vlink-color: #9fffff; - -GtkHTML-cite-color: #ffcfff; -} +/* GTK NAMED COLORS */ +@define-color theme_fg_color #fff; +@define-color theme_bg_color #000; +@define-color theme_base_color #111; +@define-color theme_selected_bg_color #aaa; +@define-color theme_selected_fg_color #000; +@define-color insensitive_bg_color #060606; +@define-color insensitive_fg_color #7f7f7f; +@define-color insensitive_base_color #111; +@define-color theme_unfocused_fg_color #fff; +@define-color theme_unfocused_bg_color #000; +@define-color theme_unfocused_base_color #111; +@define-color theme_unfocused_selected_bg_color #aaa; +@define-color theme_unfocused_selected_fg_color #fff; +@define-color borders #7f7f7f; +@define-color unfocused_borders #727272; +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #73d216; +@define-color wm_title shade(#fff, 1.8); +@define-color wm_unfocused_title #fff; +@define-color wm_highlight #000; +@define-color wm_borders_edge #000; +@define-color wm_bg_a shade(#000, 1.2); +@define-color wm_bg_b #000; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#000, 1.3); +@define-color wm_button_hover_color_b #000; +@define-color wm_button_active_color_a shade(#000, 0.85); +@define-color wm_button_active_color_b shade(#000, 0.89); +@define-color wm_button_active_color_c shade(#000, 0.9); +@define-color content_view_bg #111; @import url("gtk-widgets.css"); @import url("other-applications.css"); diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css b/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css index fafbdbdb..a3830cef 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css @@ -7,265 +7,223 @@ font: bold; } -CajaWindow .sidebar .frame { - border-style: none; +/* view and desktop mode */ +.caja-canvas-item { + border-radius: 3px; + color: @theme_fg_color; } -CajaNotebook.notebook { - border-right-width: 0; - border-left-width: 0; - border-bottom-width: 0; +.caja-canvas-item:active, +.caja-canvas-item:selected { + color: @theme_selected_fg_color; } -CajaNotebook .frame { - border-width: 0; +.caja-notebook .caja-canvas-item, +CajaNavigationWindow.background .view.caja-canvas-item { + color: @theme_fg_color; } -CajaWindow .pane-separator { - border-width: 0 1px 0 0; - border-style: solid; - border-color: @theme_border_color; +.caja-notebook .caja-canvas-item:active, +.caja-notebook .caja-canvas-item:selected { + color: @theme_selected_fg_color; } -.caja-canvas-item, -EelEditableLabel.entry { - border-radius: 3px; +/* desktop mode */ +/* 3.20 */ +/* desktop */ +.caja-desktop.caja-canvas-item { + color: @theme_selected_fg_color; + text-shadow: 1px 1px alpha (#000000, 0.8); } -EelEditableLabel.entry, -EelEditableLabel.entry:selected { +.caja-desktop.caja-canvas-item:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; text-shadow: none; - color: @theme_fg_color; } -CajaDesktopWindow.background .caja-canvas-item { - color: @theme_fg_color; - text-shadow: 1px 1px black; +.caja-desktop.caja-canvas-item:active, +.caja-desktop.caja-canvas-item:hover { + text-shadow: none; } -CajaDesktopWindow.background .caja-canvas-item:active, -CajaDesktopWindow.background .caja-canvas-item:selected { - color: @theme_fg_color; +/* EelEditableLabel (icon labels) */ +.caja-navigation-window .view .entry, +.caja-navigation-window .view .entry:focus, +.caja-desktop.view .entry, +.caja-desktop.view .entry:focus { + border-image: none; + border-style: solid; + border-width: 1px; + border-color: @theme_fg_color; + box-shadow: none; + border-radius: 2px; + text-shadow: none; + background-image: -gtk-gradient(linear, + left top, left bottom, + from (shade(@theme_base_color, 0.86)), + color-stop (0.15, shade(@theme_base_color, 0.96)), + color-stop (0.50, shade(@theme_base_color, 0.98)), + to (shade(@theme_base_color, 1.00))); +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .entry:selected { background-color: @theme_selected_bg_color; -} - -CajaDesktopWindow.background .caja-canvas-item:backdrop { - background-color: @theme_fg_color; -} - -CajaDesktopWindow.background .caja-canvas-item:active, -CajaDesktopWindow.background .caja-canvas-item:prelight, -CajaDesktopWindow.background .caja-canvas-item:selected { - text-shadow: none; + color: @theme_selected_fg_color; } /************** * Mate-Panel * **************/ -/* the panel bar itself */ +/* first make all transparent */ .mate-panel-menu-bar, -MatePanelApplet > GtkMenuBar.menubar, -PanelToplevel, -PanelWidget, -PanelFrame, -PanelAppletFrame, -MatePanelAppletFrameDBus, -MatePanelAppletContainer, -MatePanelApplet { - color: @theme_fg_color; - background-color: @theme_base_color; +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar menuitem, +#PanelApplet button, +PanelToplevel.background { + background-color: transparent; background-image: none; -} - -/* workaround to avoid unwanted black frames if switching compositor on/off */ -.mate-panel-menu-bar .window-frame.csd.popup { + border-color: transparent; box-shadow: none; } -MatePanelApplet { - border-width: 0; -} - -PanelSeparator { - border-width: 0; +/* let's started */ +/* the panel bar itself */ +.mate-panel-menu-bar, +PanelToplevel.background { background-image: none; + background-color: @theme_base_color; + padding: 0; color: @theme_fg_color; text-shadow: none; } -/* applets on the panel */ - -.mate-panel-menu-bar .menuitem, -MatePanelApplet > GtkMenuBar.menubar .menuitem { - color: @theme_fg_color; -} - -/* set normal menubar menuitem */ -PanelMenuBar.menubar .menu .menuitem { - padding: 6px; -} - -.mate-panel-menu-bar .menuitem:hover, -MatePanelApplet > GtkMenuBar.menubar .menuitem:hover { - color: @theme_fg_color; - background-color: @theme_selected_bg_color; -} - -.mate-panel-menu-bar .menuitem *:hover, -MatePanelApplet > GtkMenuBar.menubar .menuitem *:hover { - text-shadow: none; -} - -/* dropdown menus from applets */ -.mate-panel-menu-bar .menu, -MatePanelApplet > GtkMenuBar.menubar .menu { - font: regular; -} - -.mate-panel-menu-bar .menu *:hover, -MatePanelApplet > GtkMenuBar.menubar .menu *:hover { - text-shadow: none; -} - -.mate-panel-menu-bar .menu .menuitem, -MatePanelApplet > GtkMenuBar.menubar .menu .menuitem { - color: @theme_fg_color; -} - -.mate-panel-menu-bar .menu .menuitem:hover, -MatePanelApplet > GtkMenuBar.menubar .menu .menuitem:hover { - color: @theme_fg_color; - background-color: @theme_selected_bg_color; +/* workaround to avoid unwanted black frames if switching compositor on/off */ +.mate-panel-menu-bar .csd.popup decoration { + box-shadow: none; } -/* application buttons */ -MatePanelApplet .button, -MatePanelApplet .button.flat { - padding: 3px; - border-image: none; +#PanelApplet { border-width: 0; - border-radius: 0; - background-image: none; - background-color: @theme_bg_color; - color: @theme_fg_color; - text-shadow: none; } -MatePanelApplet .button:hover, -MatePanelApplet .button.flat:hover { - padding: 3px; - border-image: none; +PanelSeparator { border-width: 0; - border-radius: 0; background-image: none; - background-color: @theme_fg_color; - color: @theme_bg_color; + color: @theme_fg_color; text-shadow: none; } -MatePanelApplet .button:active:hover, -MatePanelApplet .button:active, -MatePanelApplet .button.flat:active:hover, -MatePanelApplet .button.flat:active, -MatePanelApplet .button:checked:hover, -MatePanelApplet .button:checked, -MatePanelApplet .button.flat:checked:hover, -MatePanelApplet .button.flat:checked { - padding: 3px; - border-image: none; - background-image: none; - background-color: @theme_selected_bg_color; - border-width: 0; - border-radius: 0; - color: @theme_fg_color; +/* the grid left from wnckpager and wncktasklist */ +MatePanelAppletFrameDBus { + background-image: -gtk-scaled(url("panel-grid.svg")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; } -MatePanelApplet *:checked, -MatePanelApplet *:hover:checked, -MatePanelApplet *:active, -MatePanelApplet *:hover:active { - padding: 3px; - color: @theme_fg_color; - text-shadow: none; +/* dictionary applet */ +#PanelApplet entry { + border-width: 1px; + margin: 3px 0px; } -/*Wncklist */ -WnckTasklist .button, -WnckTasklist .button.flat { - padding: 3px; +/* most applets */ +#PanelApplet button, +#PanelApplet button.flat, +#PanelApplet button.toggle +#PanelApplet button.flat.toggle { + padding: 4px; border-radius: 0px; border-width: 0px; border-style: solid; text-shadow: none; color: @theme_fg_color; background-image: none; - background-color: @theme_bg_color; + background-color: @theme_base_color; } -WnckTasklist .button:active:hover, -WnckTasklist .button:active, -WnckTasklist .button.flat:active:hover, -WnckTasklist .button.flat:active, -WnckTasklist .button:checked:hover, -WnckTasklist .button:checked, -WnckTasklist .button.flat:checked:hover, -WnckTasklist .button.flat:checked { - padding: 3px; +#PanelApplet button:hover:active, +#PanelApplet button:checked, +#PanelApplet button:checked:hover, +#PanelApplet button.flat:hover:active, +#PanelApplet button.flat:checked, +#PanelApplet button.flat:checked:hover, +#PanelApplet button.toggle:hover:active, +#PanelApplet button.toggle:checked, +#PanelApplet button.toggle:checked:hover, +#PanelApplet button.flat.toggle:hover:active, +#PanelApplet button.flat.toggle:checked, +#PanelApplet button.flat.toggle:checked:hover{ border-image: none; - color: @theme_fg_color; background-image: none; background-color: @theme_selected_bg_color; border-width: 0; border-radius: 0; + color: #000; + text-shadow: none; } -WnckTasklist .button:hover, -WnckTasklist .button.flat:hover { - padding: 3px; +#PanelApplet button:hover, +#PanelApplet button.flat:hover, +#PanelApplet button.toggle:hover, +#PanelApplet button.flat.toggle:hover { border-image: none; - color: @theme_bg_color; background-image: none; background-color: @theme_fg_color; + border-color: @theme_fg_color; + color: #000; border-width: 0; border-radius: 0; } -/* set WnckSelector selected menuitem */ -.mate-panel-window-menu-menu-bar .menu .menuitem:hover, -MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover { - background-color: @theme_selected_bg_color; +#clock-applet-button.flat.toggle > box.horizontal > label { + font: normal; +} + +/* drivebutton */ +#PanelApplet > grid > button, +#PanelApplet > grid > button:hover { + padding: 4px; +} + +#PanelApplet.wnck-pager { background-image: none; - border-radius: 0px; + border-color: transparent; + background-color: shade(@theme_base_color, 0.9); text-shadow: none; - color: @theme_fg_color; } -WnckPager { - background-color: lighter(@theme_selected_bg_color); +/* selected WnckPager */ +#PanelApplet.wnck-pager widget:selected { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 0.46), + shade (@theme_bg_color, 0.3)); + background-color: transparent; + color: @theme_selected_fg_color; } -/* prelight of WnckPager */ -WnckPager:hover { +/* hover of WnckPager */ +#PanelApplet.wnck-pager widget:hover { background-image: linear-gradient(to bottom, - shade (@theme_selected_bg_color, 2.86), - shade (@theme_selected_bg_color, 1.0)); - background-color: @theme_base_color; - color: @theme_fg_active_color; + shade (@theme_bg_color, 0.5), + shade (@theme_bg_color, 0.66)); } -ClockBox, -.mate-panel-menu-bar, -MatePanelApplet > GtkMenuBar.menubar { - font: bold; +/* Classic icon style */ +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; } + /* no background for icon-padding area */ GtkTrayIcon.background { background-color: transparent; } -NaTrayApplet { +na-tray-applet { -NaTrayApplet-icon-padding: 4; -NaTrayApplet-icon-size: 16; } @@ -296,70 +254,58 @@ NaTrayApplet { } /**************** + * Mate-Terminal * + ****************/ + +.mate-terminal vte { + -TerminalWindow-background-darkness: 0.95; + background-color: shade (@theme_base_color, 0.95); + color: @theme_fg_color; +} + +/**************** * Pluma * ****************/ -/* pluma line numbers */ -PlumaView { - background-color: shade (@theme_slider_bg, 0.16); +.pluma-window textview { + background-color: shade (@theme_bg_color, 0.89); color: @theme_fg_color; } -PlumaWindow GtkStatusbar .frame, -CajaWindow GtkStatusbar .frame { +.pluma-window statusbar.horizontal frame, +.caja-window statusbar.horizontal frame { border-radius: 3px; } /* Pluma status bar */ -PlumaWindow .button.flat { - border-radius: 5px; - padding: 2px 5px; -} - -PlumaWindow .button.flat:hover { - border-radius: 5px; +.pluma-window statusbar.horizontal frame button.flat.toggle { + border-radius: 3px; padding: 2px 5px; } -/*********************** - * Mate-Control-Center * - ***********************/ - -ShellWindow .button.flat { - border-image: none; -} - -/* button hover of applications */ -ShellWindow GtkScrolledWindow .button.flat:hover { - background-color: @theme_fg_color; - border-color: @theme_fg_color; - color: @theme_selected_fg_color; - border-radius: 12px; -} - /******* * Eom * *******/ -EomThumbNav .button.flat:first-child { +.eom-window .vertical .vertical .vertical .horizontal button.flat:first-child { border-radius: 4px 0px 0px 4px; border-width: 2px 0px 2px 2px; } -EomThumbNav .button.flat:last-child { +.eom-window .vertical .vertical .vertical .horizontal button.flat:last-child { border-radius: 0px 4px 4px 0px; border-width: 2px 2px 2px 0px; } -EomThumbNav .button.flat { +.eom-window .vertical .vertical .vertical .horizontal button.flat { border-color: @theme_border_color; } -EomThumbNav .button.flat:insensitive { +.eom-window .vertical .vertical .vertical .horizontal button.flat:disabled { border-color: @theme_insensitive_border; } -EomThumbNav .frame { +.eom-window .vertical .vertical .vertical .horizontal scrolledwindow.frame { border-width: 2px; } diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/other-applications.css b/desktop-themes/ContrastHighInverse/gtk-3.0/other-applications.css index 83a9683e..4ef6a353 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/other-applications.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/other-applications.css @@ -8,71 +8,40 @@ padding: 0px 4px; } -/**************** - * Dconf-editor * - ****************/ - -DConfWindow .menubar { - border-style: solid; - border-width: 0px 0px 1px 0px; -} - -DConfWindow GtkPaned.horizontal { - -GtkPaned-handle-size: 8px; - border-style: solid; - border-width: 0px 1px 0 1px; -} - -DConfKeyView.view .spinbutton .button { - border-image: none; - border-style: solid; - border-width: 0px 0px 0px 3px; - border-color: @theme_selected_bg_color; - border-radius: 0px; - box-shadow: none; -} - -DConfKeyView.view .spinbutton .button:last-child { - border-radius: 0 2px 2px 0; - border-style: solid; - border-width: 0px 0px 0px 3px; - border-color: @theme_selected_bg_color; -} - /******** * Nemo * ********/ /* workaround for broken first/last-child logic with linked buttons in pathbar with gtk+-3.18 */ -NemoPathBar:dir(ltr).raised.linked .button.text-button, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover:active, -NemoPathBar:dir(ltr).raised.linked .button.text-button:active, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover:active, -NemoPathBar:dir(ltr).raised.linked .button.text-button:first-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover:first-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover:active:first-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:active:first-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:first-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover:first-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover:active:first-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:last-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover:last-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover:active:last-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:active:last-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:last-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover:last-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover:active:last-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:only-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover:only-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:hover:active:only-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:active:only-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:only-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover:only-child, -NemoPathBar:dir(ltr).raised.linked .button.text-button:checked:hover:active:only-child { +NemoPathBar:dir(ltr).raised.linked button.text-button, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover:active, +NemoPathBar:dir(ltr).raised.linked button.text-button:active, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover:active, +NemoPathBar:dir(ltr).raised.linked button.text-button:first-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover:first-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover:active:first-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:active:first-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:first-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover:first-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover:active:first-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:last-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover:last-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover:active:last-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:active:last-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:last-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover:last-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover:active:last-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:only-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover:only-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:hover:active:only-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:active:only-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:only-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover:only-child, +NemoPathBar:dir(ltr).raised.linked button.text-button:checked:hover:active:only-child { border-right-width: 2px; border-left-width: 2px; border-radius: 4px; diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/panel-grid.svg b/desktop-themes/ContrastHighInverse/gtk-3.0/panel-grid.svg new file mode 100644 index 00000000..c057ca53 --- /dev/null +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/panel-grid.svg @@ -0,0 +1,173 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + sodipodi:docname="view-more-symbolic.svg" + height="22" + id="svg7384" + inkscape:version="0.91 r13725" + version="1.1" + width="12"> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + inkscape:bbox-nodes="false" + inkscape:bbox-paths="true" + bordercolor="#666666" + borderopacity="1" + inkscape:current-layer="layer12" + inkscape:cx="37.386562" + inkscape:cy="10" + gridtolerance="10" + inkscape:guide-bbox="true" + guidetolerance="10" + id="namedview88" + inkscape:object-nodes="false" + inkscape:object-paths="false" + objecttolerance="10" + pagecolor="#3a3b39" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + showborder="true" + showgrid="false" + showguides="true" + inkscape:snap-bbox="true" + inkscape:snap-bbox-midpoints="false" + inkscape:snap-global="true" + inkscape:snap-grids="true" + inkscape:snap-nodes="true" + inkscape:snap-others="false" + inkscape:snap-to-guides="true" + inkscape:window-height="444" + inkscape:window-maximized="0" + inkscape:window-width="534" + inkscape:window-x="788" + inkscape:window-y="500" + inkscape:zoom="2.8284271"> + <inkscape:grid + empspacing="2" + enabled="true" + id="grid4866" + originx="119.9998px" + originy="650px" + snapvisiblegridlinesonly="true" + spacingx="1px" + spacingy="1px" + type="xygrid" + visible="true" /> + <inkscape:grid + color="#000000" + empcolor="#000000" + empopacity="0" + empspacing="4" + enabled="true" + id="grid5968" + opacity="0.1254902" + originx="119.9998px" + originy="650px" + snapvisiblegridlinesonly="true" + spacingx="0.5px" + spacingy="0.5px" + type="xygrid" + visible="true" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <defs + id="defs7386" /> + <g + inkscape:groupmode="layer" + id="layer9" + inkscape:label="status" + style="display:inline" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="layer10" + inkscape:label="devices" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="layer11" + inkscape:label="apps" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="layer13" + inkscape:label="places" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="layer14" + inkscape:label="mimetypes" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="layer15" + inkscape:label="emblems" + style="display:inline" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="g71291" + inkscape:label="emotes" + style="display:inline" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="g4953" + inkscape:label="categories" + style="display:inline" + transform="translate(-121.0004,-861)" /> + <g + inkscape:groupmode="layer" + id="layer12" + inkscape:label="actions" + style="display:inline" + transform="translate(-121.0004,-861)"> + <rect + height="4" + id="rect20592" + rx="0.38461545" + ry="0.50229359" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:new" + width="4" + x="125.23243" + y="864.17157" /> + <rect + height="4" + id="rect16730" + rx="0.38461545" + ry="0.50229359" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:new" + width="4" + x="125.23243" + y="870.17157" /> + <rect + height="4" + id="rect16732" + rx="0.38461545" + ry="0.50229359" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:new" + width="4" + x="125.23243" + y="876.17157" /> + </g> +</svg> |