From 3ef0c282b0fa27bcc6a37df704a0420a1abbcb77 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 18 Aug 2015 19:17:53 +0200 Subject: Blue-Submarine: re-work of theme, follow 3.16 branch --- desktop-themes/Blue-Submarine/gtk-2.0/apps/caja.rc | 31 +- .../Blue-Submarine/gtk-2.0/apps/panel.rc | 52 +- desktop-themes/Blue-Submarine/gtk-2.0/gtkrc | 400 +- desktop-themes/Blue-Submarine/gtk-3.0/Makefile.am | 16 +- .../Blue-Submarine/gtk-3.0/apps/Makefile.am | 13 - .../Blue-Submarine/gtk-3.0/apps/epiphany.css | 172 - .../Blue-Submarine/gtk-3.0/apps/gedit.css | 34 - .../Blue-Submarine/gtk-3.0/apps/gnome-panel.css | 152 - .../Blue-Submarine/gtk-3.0/apps/gnome-terminal.css | 20 - .../Blue-Submarine/gtk-3.0/apps/nautilus.css | 153 - .../Blue-Submarine/gtk-3.0/apps/nemo.css | 168 - .../Blue-Submarine/gtk-3.0/apps/popover.css | 109 - .../Blue-Submarine/gtk-3.0/apps/unity.css | 40 - .../Blue-Submarine/gtk-3.0/assets/Makefile.am | 78 +- .../gtk-3.0/assets/check-active-ins.png | Bin 487 -> 0 bytes .../Blue-Submarine/gtk-3.0/assets/check-active.png | Bin 784 -> 0 bytes .../gtk-3.0/assets/check-mixed-active-ins.png | Bin 345 -> 0 bytes .../gtk-3.0/assets/check-mixed-active.png | Bin 495 -> 0 bytes .../gtk-3.0/assets/check-normal-ins.png | Bin 295 -> 0 bytes .../Blue-Submarine/gtk-3.0/assets/check-normal.png | Bin 411 -> 0 bytes .../assets/checkbox-checked-insensitive.png | Bin 0 -> 487 bytes .../gtk-3.0/assets/checkbox-checked.png | Bin 0 -> 784 bytes .../gtk-3.0/assets/checkbox-checked.svg | 349 + .../checkbox-menuitem-checked-insensitive.svg | 71 + .../assets/checkbox-menuitem-checked-prelight.svg | 71 + .../gtk-3.0/assets/checkbox-menuitem-checked.svg | 71 + .../assets/checkbox-menuitem-mixed-insensitive.svg | 74 + .../assets/checkbox-menuitem-mixed-prelight.svg | 74 + .../gtk-3.0/assets/checkbox-menuitem-mixed.svg | 74 + .../gtk-3.0/assets/checkbox-menuitem-unchecked.svg | 486 ++ .../gtk-3.0/assets/checkbox-mixed-insensitive.png | Bin 0 -> 345 bytes .../gtk-3.0/assets/checkbox-mixed.png | Bin 0 -> 495 bytes .../gtk-3.0/assets/checkbox-mixed.svg | 293 + .../assets/checkbox-unchecked-insensitive.png | Bin 0 -> 295 bytes .../gtk-3.0/assets/checkbox-unchecked.png | Bin 0 -> 411 bytes .../gtk-3.0/assets/checkbox-unchecked.svg | 225 + .../menuitem-checkbox-checked-insensitive.svg | 66 - .../assets/menuitem-checkbox-checked-selected.svg | 66 - .../gtk-3.0/assets/menuitem-checkbox-checked.svg | 66 - .../assets/menuitem-checkbox-mixed-insensitive.svg | 69 - .../assets/menuitem-checkbox-mixed-selected.svg | 69 - .../gtk-3.0/assets/menuitem-checkbox-mixed.svg | 69 - .../assets/menuitem-radio-checked-insensitive.svg | 65 - .../assets/menuitem-radio-checked-selected.svg | 65 - .../gtk-3.0/assets/menuitem-radio-checked.svg | 65 - .../Blue-Submarine/gtk-3.0/assets/null.png | Bin 169 -> 0 bytes .../assets/pane-separator-grip-vertical.svg | 107 - .../gtk-3.0/assets/pane-separator-grip.svg | 107 - .../Blue-Submarine/gtk-3.0/assets/panel-grid.svg | 173 + .../gtk-3.0/assets/radio-active-ins.png | Bin 572 -> 0 bytes .../Blue-Submarine/gtk-3.0/assets/radio-active.png | Bin 863 -> 0 bytes .../assets/radio-menuitem-checked-insensitive.svg | 75 + .../assets/radio-menuitem-checked-prelight.svg | 75 + .../gtk-3.0/assets/radio-menuitem-checked.svg | 66 + .../assets/radio-menuitem-mixed-insensitive.svg | 74 + .../assets/radio-menuitem-mixed-prelight.svg | 74 + .../gtk-3.0/assets/radio-menuitem-mixed.svg | 74 + .../gtk-3.0/assets/radio-menuitem-unselected.svg | 330 + .../gtk-3.0/assets/radio-mixed-active-ins.png | Bin 544 -> 0 bytes .../gtk-3.0/assets/radio-mixed-active.png | Bin 705 -> 0 bytes .../gtk-3.0/assets/radio-mixed-insensitive.png | Bin 0 -> 544 bytes .../Blue-Submarine/gtk-3.0/assets/radio-mixed.png | Bin 0 -> 705 bytes .../Blue-Submarine/gtk-3.0/assets/radio-mixed.svg | 714 ++ .../gtk-3.0/assets/radio-normal-ins.png | Bin 506 -> 0 bytes .../Blue-Submarine/gtk-3.0/assets/radio-normal.png | Bin 639 -> 0 bytes .../gtk-3.0/assets/radio-selected-insensitive.png | Bin 0 -> 572 bytes .../gtk-3.0/assets/radio-selected.png | Bin 0 -> 863 bytes .../gtk-3.0/assets/radio-selected.svg | 453 ++ .../assets/radio-unselected-insensitive.png | Bin 0 -> 506 bytes .../gtk-3.0/assets/radio-unselected.png | Bin 0 -> 639 bytes .../gtk-3.0/assets/radio-unselected.svg | 384 + .../assets/scale-slider-horizontal-insensitive.svg | 0 .../assets/scale-slider-insensitive-hor.svg | 0 .../assets/scale-slider-insensitive-ver.svg | 0 ...e-slider-marks-above-horizontal-insensitive.svg | 0 .../assets/scale-slider-marks-above-horizontal.svg | 0 ...ale-slider-marks-above-vertical-insensitive.svg | 0 .../assets/scale-slider-marks-above-vertical.svg | 0 ...e-slider-marks-below-horizontal-insensitive.svg | 0 .../assets/scale-slider-marks-below-horizontal.svg | 0 ...ale-slider-marks-below-vertical-insensitive.svg | 0 .../assets/scale-slider-marks-below-vertical.svg | 0 .../gtk-3.0/assets/scale-slider-ver.svg | 0 .../assets/scale-slider-vertical-insensitive.svg | 0 .../gtk-3.0/assets/scale-slider-vertical.svg | 0 .../assets/sidebar-radio-selected-prelight.svg | 20 +- .../gtk-3.0/assets/slider-horizontal.png | Bin 0 -> 828 bytes .../Blue-Submarine/gtk-3.0/assets/slider-hover.png | Bin 850 -> 0 bytes .../Blue-Submarine/gtk-3.0/assets/slider-ins.png | Bin 836 -> 0 bytes .../gtk-3.0/assets/slider-vertical.png | Bin 0 -> 3458 bytes .../Blue-Submarine/gtk-3.0/assets/slider.png | Bin 888 -> 0 bytes .../gtk-3.0/assets/slider_fine_horizontal.svg | 93 + .../gtk-3.0/assets/slider_fine_vertical.svg | 93 + .../gtk-3.0/assets/switch-dark-off-disabled.svg | 310 + .../gtk-3.0/assets/switch-dark-off.svg | 337 + .../gtk-3.0/assets/switch-dark-on-disabled.svg | 396 + .../gtk-3.0/assets/switch-dark-on.svg | 422 ++ .../gtk-3.0/assets/switch-off-disabled.svg | 306 + .../gtk-3.0/assets/switch-off-ins.svg | 665 -- .../Blue-Submarine/gtk-3.0/assets/switch-off.svg | 746 +- .../gtk-3.0/assets/switch-on-disabled.svg | 396 + .../gtk-3.0/assets/switch-on-ins.svg | 655 -- .../Blue-Submarine/gtk-3.0/assets/switch-on.png | Bin 2051 -> 0 bytes .../Blue-Submarine/gtk-3.0/assets/switch-on.svg | 603 +- .../gtk-3.0/assets/thumbnail-frame.png | Bin 832 -> 0 bytes .../Blue-Submarine/gtk-3.0/gnome-applications.css | 663 ++ desktop-themes/Blue-Submarine/gtk-3.0/gtk-dark.css | 55 - .../Blue-Submarine/gtk-3.0/gtk-widgets-assets.css | 281 + .../Blue-Submarine/gtk-3.0/gtk-widgets.css | 7699 ++++++++++++-------- desktop-themes/Blue-Submarine/gtk-3.0/gtk.css | 281 +- .../Blue-Submarine/gtk-3.0/mate-applications.css | 1265 ++++ desktop-themes/Blue-Submarine/gtk-3.0/menu.css | 372 + .../Blue-Submarine/gtk-3.0/other-applications.css | 353 + .../Blue-Submarine/gtk-3.0/scrollbar.css | 222 + desktop-themes/Blue-Submarine/gtk-3.0/settings.ini | 2 +- desktop-themes/Blue-Submarine/gtk-3.0/sidebar.css | 94 + 116 files changed, 15581 insertions(+), 7280 deletions(-) delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/Makefile.am delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/epiphany.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/gedit.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-panel.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-terminal.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/nautilus.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/nemo.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/popover.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/apps/unity.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active-ins.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active-ins.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal-ins.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked-insensitive.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-insensitive.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-prelight.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-insensitive.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-prelight.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-unchecked.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed-insensitive.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked-insensitive.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-selected.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/null.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip-vertical.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/panel-grid.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active-ins.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-insensitive.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-prelight.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-insensitive.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-prelight.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-unselected.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active-ins.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-insensitive.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal-ins.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected-insensitive.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected-insensitive.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-horizontal-insensitive.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-insensitive-hor.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-insensitive-ver.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal-insensitive.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical-insensitive.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal-insensitive.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical-insensitive.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-ver.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-vertical-insensitive.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-vertical.svg mode change 100644 => 100755 desktop-themes/Blue-Submarine/gtk-3.0/assets/sidebar-radio-selected-prelight.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/slider-horizontal.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/slider-hover.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/slider-ins.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/slider-vertical.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/slider.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/slider_fine_horizontal.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/slider_fine_vertical.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off-disabled.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on-disabled.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-disabled.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-ins.svg create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-disabled.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-ins.svg delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.png delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/assets/thumbnail-frame.png create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css delete mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/gtk-dark.css create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets-assets.css create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/menu.css create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/scrollbar.css create mode 100644 desktop-themes/Blue-Submarine/gtk-3.0/sidebar.css diff --git a/desktop-themes/Blue-Submarine/gtk-2.0/apps/caja.rc b/desktop-themes/Blue-Submarine/gtk-2.0/apps/caja.rc index 65160ec7..c40e145f 100644 --- a/desktop-themes/Blue-Submarine/gtk-2.0/apps/caja.rc +++ b/desktop-themes/Blue-Submarine/gtk-2.0/apps/caja.rc @@ -6,10 +6,10 @@ style "caja-sidebar" = "murrine-sidebar" { GtkTreeView::horizontal_separator = 15 GtkTreeView::vertical_separator = 2 text[NORMAL] = @fg_color - bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @bg_color) + bg[NORMAL] = mix (0.60, shade (1.15, @bg_color), @bg_color) - GtkTreeView::odd_row_color = mix (0.60, shade (1.05, @bg_color), @bg_color) - GtkTreeView::even_row_color = mix (0.60, shade (1.05, @bg_color), @bg_color) + GtkTreeView::odd_row_color = mix (0.60, shade (1.15, @bg_color), @bg_color) + GtkTreeView::even_row_color = mix (0.60, shade (1.15, @bg_color), @bg_color) } style "caja-view" { @@ -75,16 +75,16 @@ style "caja-toolbar-button" xthickness = 3 ythickness = 2 + bg[NORMAL] = shade(0.80, @bg_color_dark) bg[PRELIGHT] = shade(0.91, @bg_color_dark) - bg[ACTIVE] = shade(1.76, @bg_color_dark) -# not needed, called by gtkrc -# bg[SELECTED] = shade(0.80, @selected_bg_color) -# bg[INSENSITIVE] = shade(0.83, @bg_color_dark) + bg[ACTIVE] = shade(0.76, @bg_color_dark) + bg[SELECTED] = shade(0.80, @selected_bg_color) + bg[INSENSITIVE] = shade(0.83, @bg_color_dark) -# fg[NORMAL] = @fg_color_dark -# fg[PRELIGHT] = @selected_fg_color -# fg[ACTIVE] = @fg_color_dark -# fg[SELECTED] = @fg_color_dark + fg[NORMAL] = @fg_color_dark + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @fg_color_dark + fg[SELECTED] = @fg_color_dark text[NORMAL] = @fg_color_dark text[PRELIGHT] = @selected_fg_color @@ -92,12 +92,13 @@ style "caja-toolbar-button" text[SELECTED] = @fg_color_dark engine "murrine" { - gradient_shades = {1.00,0.96,0.96,0.90} - border_shades = {4.10, 4.00} + gradient_shades = {2.63,1.17,1.17,1.17} + border_shades = {5.10, 5.00} contrast = 0.80 - lightborderstyle = 1 + roundness = 5 # 0 = squared + lightborderstyle = 1 lightborder_shade = 1.1 - glow_shade = 1.0 + glow_shade = 1.0 textstyle = 1 text_shade = 1.15 } diff --git a/desktop-themes/Blue-Submarine/gtk-2.0/apps/panel.rc b/desktop-themes/Blue-Submarine/gtk-2.0/apps/panel.rc index 1f3e69d9..475f0b22 100644 --- a/desktop-themes/Blue-Submarine/gtk-2.0/apps/panel.rc +++ b/desktop-themes/Blue-Submarine/gtk-2.0/apps/panel.rc @@ -6,22 +6,22 @@ style "theme-panel" # Disable for normal backgrounds and transparancy panel with dark DE backgrounds. # bg_pixmap[NORMAL] = "/Panel/panel-bg.png" - base[NORMAL] = @bg_color - base[PRELIGHT] = shade (1.06, @bg_color) - base[INSENSITIVE] = @bg_color - bg[NORMAL] = @bg_color_dark - bg[PRELIGHT] = shade (2.60, @bg_color_dark) -# bg[SELECTED] = shade (0.90, @selected_bg_color) - bg[INSENSITIVE] = @bg_color -# bg[ACTIVE] = shade (0.8, @bg_color_dark) - fg[NORMAL] = "#f5f5f5" - fg[PRELIGHT] = "#ffffff" - fg[INSENSITIVE] = shade (0.75, @text_color_dark) - fg[ACTIVE] = "#f5f5f5" - text[NORMAL] = "#CFCFCF" - text[PRELIGHT] = "#ffffff" - text[INSENSITIVE] = shade (0.75, @text_color_dark) - text[ACTIVE] = "#f5f5f5" + base[NORMAL] = @bg_color + base[PRELIGHT] = shade (1.06, @bg_color) + base[INSENSITIVE] = @bg_color + bg[NORMAL] = @bg_color_dark + bg[PRELIGHT] = shade (2.60, @bg_color_dark) +# bg[SELECTED] = shade (0.90, @selected_bg_color) + bg[INSENSITIVE] = @bg_color +# bg[ACTIVE] = shade (0.8, @bg_color_dark) + fg[NORMAL] = "#f5f5f5" + fg[PRELIGHT] = shade (1.60, @selected_bg_color) + fg[INSENSITIVE] = shade (0.75, @text_color_dark) + fg[ACTIVE] = "#f5f5f5" + text[NORMAL] = "#CFCFCF" + text[PRELIGHT] = shade (1.60, @selected_bg_color) + text[INSENSITIVE] = shade (0.75, @text_color_dark) + text[ACTIVE] = "#f5f5f5" engine "murrine" { @@ -88,20 +88,20 @@ style "theme-panel-buttons" style "theme-panel-text" { - bg[NORMAL] = @menu_color - fg[NORMAL] = "#f5f5f5" - fg[PRELIGHT] = "#ffffff" - fg[INSENSITIVE] = shade (0.75, @text_color_dark) - fg[ACTIVE] = "#f5f5f5" - text[NORMAL] = "#f5f5f5" - text[PRELIGHT] = "#ffffff" - text[INSENSITIVE] = shade (0.75, @text_color_dark) - text[ACTIVE] = "#f5f5f5" + bg[NORMAL] = @bg_color_dark + fg[NORMAL] = "#f5f5f5" + fg[PRELIGHT] = shade (1.60, @selected_bg_color) + fg[INSENSITIVE] = shade (0.75, @text_color_dark) + fg[ACTIVE] = "#f5f5f5" + text[NORMAL] = "#f5f5f5" + text[PRELIGHT] = "#ffffff" + text[INSENSITIVE] = shade (0.75, @text_color_dark) + text[ACTIVE] = "#f5f5f5" } style "theme-main-menu-text" = "theme-panel-text" { - bg[NORMAL] = @menu_color + bg[NORMAL] = @bg_color_dark fg[NORMAL] = "#f5f5f5" fg[PRELIGHT] = "#ffffff" fg[INSENSITIVE] = shade (0.75, @text_color_dark) diff --git a/desktop-themes/Blue-Submarine/gtk-2.0/gtkrc b/desktop-themes/Blue-Submarine/gtk-2.0/gtkrc index 60e9ac64..d7396c26 100644 --- a/desktop-themes/Blue-Submarine/gtk-2.0/gtkrc +++ b/desktop-themes/Blue-Submarine/gtk-2.0/gtkrc @@ -34,31 +34,33 @@ style "murrine-default" { GtkIMHtmlr ::hyperlink-color = @link_color GtkIMHtml ::hyperlink-color = @link_color GtkWidget ::link-color = @link_color - GtkWidget ::visited-link-color = @text_color + GtkWidget ::visited-link-color = @text_color GtkButton ::child-displacement-x = 1 GtkButton ::child-displacement-y = 1 - GtkButton ::default-border = { 0, 0, 0, 0 } + GtkButton ::default-border = { 0, 0, 0, 0 } GtkButtonBox ::child-min-height = 26 GtkCheckButton ::indicator-size = 15 GtkWidget ::new-tooltip-style = 1 GtkWidget ::focus-line-width = 1 - GtkWidget ::focus-padding = 0 # Keeping this at 0 prevents the Firefox tabs from jumping a few pixels when you create a new tab. Set the value locally if needed. + GtkWidget ::focus-padding = 0 # Keeping this at 0 prevents the Firefox tabs + # from jumping a few pixels when you create a new tab. + # Set the value locally if needed. GtkImage ::x-ayatana-indicator-dynamic = 1 - GtkScale ::trough-side-details = 1 + GtkScale ::trough-side-details = 1 # GtkScrollbar ::has-backward-stepper = 0 # GtkScrollbar ::has-forward-stepper = 0 - GtkScrollbar ::min-slider-length = 15 - GtkScrollbar ::slider-width = 13 - GtkScrollbar ::trough-border = 1 - GtkScrollbar ::activate-slider = 1 + GtkScrollbar ::min-slider-length = 15 + GtkScrollbar ::slider-width = 13 + GtkScrollbar ::trough-border = 1 + GtkScrollbar ::activate-slider = 1 GtkScrolledWindow ::scrollbar-spacing = 0 - GtkScrolledWindow ::scrollbars-within-bevel = 1 + GtkScrolledWindow ::scrollbars-within-bevel = 0 GtkPaned ::handle-size = 2 @@ -89,7 +91,7 @@ style "murrine-default" { GtkMenuItem ::horizontal-padding = 0 GtkSeparatorMenuItem ::horizontal-padding = 7 - WnckTasklist ::fade-overlay-rect = 0 + WnckTasklist ::fade-overlay-rect = 0 # The following line hints to gecko (and possibly other appliations) # that the entry should be drawn transparently on the canvas. # Without this, gecko will fill in the background of the entry. @@ -109,16 +111,16 @@ style "murrine-default" { ### Color Definitions ### - bg[NORMAL] = @bg_color + bg[NORMAL] = @bg_color bg[PRELIGHT] = shade (1.02, @bg_color) bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = shade (1.04, @bg_color) + bg[ACTIVE] = shade (1.04, @bg_color) - fg[NORMAL] = @fg_color + fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @fg_color + fg[ACTIVE] = @fg_color fg[INSENSITIVE] = darker (@bg_color) text[NORMAL] = @text_color @@ -136,65 +138,70 @@ style "murrine-default" { ### Murrine Settings ### engine "murrine" { - animation = FALSE - arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows - border_shades = {1.0, 0.7} # gradient to draw on border - colorize_scrollbar = FALSE - comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow - contrast = 0.4 # 0.8 for less contrast, more than 1.0 for more contrast on borders - default_button_color = shade (2.75, @selected_bg_color) - focus_color = @selected_bg_color - focusstyle = 3 - glazestyle = 1 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight - gradient_shades = {1.1,1.1,0.95,0.95} # Sets the gradients on the widgets. - glowstyle = 4 # 0,1,2,3,4 - glow_shade = 1.1 - highlight_shade = 1.0 # set highlight amount for buttons or widgets - lightborder_shade = 1.1 # sets lightborder amount for buttons or widgets - lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides - listviewheaderstyle = 1 # 0 = flat, 1 = glassy, 2 = raised - listviewstyle = 1 # 0 = nothing, 1 = dotted - menubaritemstyle = 0 # 0 = menuitem look, 1 = button look - menubarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped - menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped - menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe - prelight_shade = .95 # shade level for scrollbar's slider, comboboxstyle(1), and prelight state with gradient_colors - reliefstyle = 2 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient - rgba = FALSE # FALSE = disabled, TRUE = enabled - roundness = 2 # 0 = squared, 1 = old default, more will increase roundness - scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles - separatorstyle = 1 # 0 = Hard seperators 1 = Smooth seperators - sliderstyle = 0 # 0 = nothing added, 1 = handles - stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown - progressbarstyle = 0 # 0 = nothing, 1 = stripes, 2 = lines - shadow_shades = {0.5, 0.0} # gradient for shadows. - textstyle = 0 # 0 = normal text, 1 = inset - toolbarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient - trough_shades = {0.98, 1.06} # draw gradient on trough of GtkScrollbar and GtkProgressbar + animation = FALSE + arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows + border_shades = {1.0, 0.7} # gradient to draw on border + colorize_scrollbar = FALSE + comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow + contrast = 0.4 # 0.8 for less contrast, more than 1.0 for more contrast on borders + default_button_color = shade (2.75, @selected_bg_color) + focus_color = @selected_bg_color + focusstyle = 3 + glazestyle = 1 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, + # 3 = top curved highlight, 4 = beryl highlight + gradient_shades = {1.1,1.1,0.95,0.95} # Sets the gradients on the widgets. + glowstyle = 4 # 0,1,2,3,4 + glow_shade = 1.1 + highlight_shade = 1.0 # set highlight amount for buttons or widgets + lightborder_shade = 1.1 # sets lightborder amount for buttons or widgets + lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides + listviewheaderstyle = 1 # 0 = flat, 1 = glassy, 2 = raised + listviewstyle = 1 # 0 = nothing, 1 = dotted + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped + menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe + prelight_shade = .95 # shade level for scrollbar's slider, comboboxstyle(1), + # and prelight state with gradient_colors + reliefstyle = 2 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, + # 4 = stronger shadow with gradient + rgba = FALSE # FALSE = disabled, TRUE = enabled + roundness = 2 # 0 = squared, 1 = old default, more will increase roundness + scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, + # 4 = diagonal stripes and handles, 5 = horizontal stripes, + # 6 = horizontal stripes and handles + separatorstyle = 1 # 0 = Hard seperators 1 = Smooth seperators + sliderstyle = 0 # 0 = nothing added, 1 = handles + stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown + progressbarstyle = 0 # 0 = nothing, 1 = stripes, 2 = lines + shadow_shades = {0.5, 0.0} # gradient for shadows. + textstyle = 0 # 0 = normal text, 1 = inset + toolbarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient + trough_shades = {0.98, 1.06} # draw gradient on trough of GtkScrollbar and GtkProgressbar } } ### THEME MODULES ### style "murrine-dark" { - base[NORMAL] = @bg_color_dark - base[PRELIGHT] = shade (0.95, @bg_color_dark) - base[INSENSITIVE] = @bg_color_dark - bg[NORMAL] = @bg_color_dark - bg[PRELIGHT] = shade (0.90, @selected_bg_color) - bg[SELECTED] = shade (0.90, @selected_bg_color) - bg[INSENSITIVE] = @bg_color_dark - bg[ACTIVE] = shade (1.04, @bg_color_dark) - fg[NORMAL] = @fg_color_dark - fg[PRELIGHT] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @fg_color_dark - fg[INSENSITIVE] = shade (0.75, @fg_color_dark) - text[NORMAL] = @fg_color_dark - text[PRELIGHT] = @selected_fg_color - text[ACTIVE] = @fg_color_dark - text[SELECTED] = @selected_fg_color - text[INSENSITIVE] = shade (0.75, @fg_color_dark) + base[NORMAL] = @bg_color_dark + base[PRELIGHT] = shade (0.95, @bg_color_dark) + base[INSENSITIVE] = @bg_color_dark + bg[NORMAL] = @bg_color_dark + bg[PRELIGHT] = shade (0.90, @selected_bg_color) + bg[SELECTED] = shade (0.90, @selected_bg_color) + bg[INSENSITIVE] = @bg_color_dark + bg[ACTIVE] = shade (1.04, @bg_color_dark) + fg[NORMAL] = @fg_color_dark + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @fg_color_dark + fg[INSENSITIVE] = shade (0.75, @fg_color_dark) + text[NORMAL] = @fg_color_dark + text[PRELIGHT] = @selected_fg_color + text[ACTIVE] = @fg_color_dark + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = shade (0.75, @fg_color_dark) } style "murrine-thin" = "murrine-default" { xthickness = 0 ythickness = 0 } @@ -211,44 +218,45 @@ style "murrine-widest-dark" = "murrine-dark" { xthickness = 4 ythickness = 4 } ################### style "murrine-button" = "murrine-wider" { - bg[NORMAL] = shade (0.95, @bg_color) - bg[PRELIGHT] = shade (2.75, @selected_bg_color) - bg[ACTIVE] = shade (0.85, @bg_color) - bg[SELECTED] = shade (1.0, @selected_bg_color) - bg[INSENSITIVE] = shade (0.95, @bg_color) + bg[NORMAL] = shade (0.95, @bg_color) + bg[PRELIGHT] = shade (2.75, @selected_bg_color) + bg[ACTIVE] = shade (0.85, @bg_color) + bg[SELECTED] = shade (1.0, @selected_bg_color) + bg[INSENSITIVE] = shade (0.95, @bg_color) fg[NORMAL] = shade (0.95, @fg_color) - fg[PRELIGHT] = shade (0.95, @selected_fg_color) + fg[PRELIGHT] = shade (0.95, @selected_fg_color) engine "murrine" { - contrast = 0.85 - gradient_shades = {1.15,1.07,1.08,1.05} - border_shades = {1.10, 0.95} - lightborderstyle = 1 # 0 = top side, 1 = all sides - lightborder_shade = 1.1 - highlight_shade = 1.03 - roundness = 2 - focusstyle = 0 - glowstyle = 0 # 0 = top, 1 = bottom, 2 = top and bottom, 3 = horizontal, 4 = centered glow - glow_shade = 1.25 - reliefstyle = 3 - textstyle = 1 - text_shade = 1.15 + contrast = 0.85 + gradient_shades = {1.15,1.07,1.08,1.05} + border_shades = {1.10, 0.95} + lightborderstyle = 1 # 0 = top side, 1 = all sides + lightborder_shade = 1.1 + highlight_shade = 1.03 + roundness = 2 + focusstyle = 0 # 0 = top, 1 = bottom, 2 = top and bottom, + # 3 = horizontal, 4 = centered glow + glowstyle = 0 + glow_shade = 1.25 + reliefstyle = 3 + textstyle = 1 + text_shade = 1.15 } } style "murrine-button-label" { - #fg[ACTIVE] = "#fff" - #fg[SELECTED] = "#fff" - #text[ACTIVE] = "#fff" - #text[SELECTED] = "#fff" + #fg[ACTIVE] = "#fff" + #fg[SELECTED] = "#fff" + #text[ACTIVE] = "#fff" + #text[SELECTED] = "#fff" } style "murrine-checkradio-label" { fg[ACTIVE] = @text_color # Forcing radiobutton-colored text in eclipse } -style "checkbutton" { +style "murrine-checkbutton" { engine "pixmap" { image { function = CHECK @@ -332,7 +340,7 @@ style "checkbutton" { } } -style "radiobutton" { +style "murrine-radiobutton" { engine "pixmap" { image { function = OPTION @@ -419,13 +427,13 @@ style "radiobutton" { style "murrine-entry" = "murrine-wider" { # ------- another entry ------------- - GtkWidget ::focus-line-width = 2 - GtkWidget ::focus-padding = 1 - # bg[ACTIVE] = shade (0.78, @bg_color) - # bg[NORMAL] = shade (2.20, @bg_color) - # bg[PRELIGHT] = shade (1.18, @selected_bg_color) - # bg[SELECTED] = shade (0.9, @selected_bg_color) - # bg[INSENSITIVE] = shade (0.98, @bg_color) + GtkWidget ::focus-line-width = 2 + GtkWidget ::focus-padding = 1 + # bg[ACTIVE] = shade (0.78, @bg_color) + # bg[NORMAL] = shade (2.20, @bg_color) + # bg[PRELIGHT] = shade (1.18, @selected_bg_color) + # bg[SELECTED] = shade (0.9, @selected_bg_color) + # bg[INSENSITIVE] = shade (0.98, @bg_color) # ------- end another entry ---------- bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) @@ -433,30 +441,30 @@ style "murrine-entry" = "murrine-wider" { text[ACTIVE] = @fg_color_dark engine "murrine" { - contrast = 0.6 - roundness = 2 - border_shades = {1.2, 1.0} - focusstyle = 3 + contrast = 0.6 + roundness = 2 + border_shades = {1.2, 1.0} + focusstyle = 3 } } style "murrine-toolbar-entry" = "entry" { # text - base[NORMAL] = shade(0.93, @base_color) + base[NORMAL] = shade(0.93, @base_color) engine "murrine" { - contrast = 0.6 - border_shades = {1.2, 1.0} - focus_color = shade (1.0, @selected_bg_color) + contrast = 0.6 + border_shades = {1.2, 1.0} + focus_color = shade (1.0, @selected_bg_color) } } style "murrine-expander" { - bg[NORMAL] = "#FFF" - fg[NORMAL] = shade (2.0, @text_color) - fg[PRELIGHT] = shade (2.0, @text_color) + bg[NORMAL] = "#FFF" + fg[NORMAL] = shade (2.0, @text_color) + fg[PRELIGHT] = shade (2.0, @text_color) engine "murrine" { - contrast = 1.2 - gradient_shades = {1.0, 1.0, 1.0, 1.0} + contrast = 1.2 + gradient_shades = {1.0, 1.0, 1.0, 1.0} } } @@ -483,34 +491,38 @@ style "murrine-menubar" = "murrine-wider-dark" { style "murrine-menu" = "murrine-wider-dark" { GtkMenuItem::arrow-scaling = 0.5 - bg[NORMAL] = shade (0.88, @bg_color_dark) + bg[NORMAL] = shade (0.88, @bg_color_dark) + bg[PRELIGHT] = shade (1.00, @bg_color_dark) + bg[SELECTED] = shade (1.00, @bg_color_dark) + fg[PRELIGHT] = shade (1.60, @selected_bg_color) # menu item selected engine "murrine" { - border_shades = { 1.2, 1.0 } - roundness = 1 # 0 = squared - textstyle = 0 + gradient_shades = {2.63,1.17,1.17,1.17} + border_shades = { 5.10, 5.00 } + roundness = 4 # 0 = squared + textstyle = 0 } } style "murrine-menu-item" = "murrine-wider-dark" { - fg[NORMAL] = shade (0.95, @fg_color_dark) # menu item normal - fg[INSENSITIVE] = mix(0.20, @fg_color_dark, @bg_color_dark) # menu item activated - fg[PRELIGHT] = @selected_fg_color # menu item selected + fg[NORMAL] = shade (0.95, @fg_color_dark) # menu item normal + fg[INSENSITIVE] = mix(0.20, @fg_color_dark, @bg_color_dark) # menu item activated + fg[PRELIGHT] = shade (1.60, @selected_bg_color) # menu item selected text[NORMAL] = shade (0.94, @fg_color_dark) # Color check/radio menu - text[INSENSITIVE] = mix(0.20, @text_color_dark, @bg_color_dark) - text[PRELIGHT] = @selected_fg_color # Color check/radio menu + text[INSENSITIVE] = mix(0.20, @text_color_dark, @bg_color_dark) + text[PRELIGHT] = shade (1.60, @selected_bg_color) # Color check/radio menu - bg[PRELIGHT] = shade (1.00, @selected_bg_color) - bg[SELECTED] = shade (1.00, @selected_bg_color) + bg[PRELIGHT] = shade (1.00, @bg_color_dark) + bg[SELECTED] = shade (1.00, @bg_color_dark) engine "murrine" { - gradient_shades = {0.90, 0.95, 0.95, 1.00} - border_shades = {1.40, 1.0} - roundness = 1 - contrast = 0.8 # contrast separators - #textstyle = 1 - #text_shade = 0.7 + gradient_shades = {2.63,1.17,1.17,1.17} + border_shades = {5.10, 5.00} + roundness = 4 + contrast = 0.8 # contrast separators + textstyle = 0 + #text_shade = 0.7 } } @@ -532,15 +544,16 @@ style "murrine-notebook" = "murrine-notebook-bg" { ythickness = 0 # Height of tabs and notebook borders. engine "murrine" { - #gradient_shades = {1.10,0.98,0.92,0.85} - gradient_shades = {1.16,1.10,1.00,0.95} - lightborderstyle = 0 - lightborder_shade = 1.1 - contrast = 0.5 - highlight_shade = 1.03 - roundness = 2 - prelight_shade = 1.5 - focusstyle = 0 + #gradient_shades = {1.10,0.98,0.92,0.85} + gradient_shades = {1.16,1.10,1.00,0.95} + lightborderstyle = 0 + lightborder_shade = 1.1 + contrast = 0.5 + highlight_shade = 1.03 + roundness = 2 + prelight_shade = 1.5 + # disable the ugly button look in tabs if focused + focusstyle = 0 } } @@ -552,7 +565,7 @@ style "murrine-notebook-button" = "murrine-notebook-bg" { bg[INSENSITIVE] = shade (0.95, @bg_color) fg[NORMAL] = shade (0.95, @fg_color) - fg[PRELIGHT] = shade (0.95, @fg_color) + fg[PRELIGHT] = shade (0.95, @fg_color) engine "murrine" { contrast = 0.85 @@ -560,13 +573,13 @@ style "murrine-notebook-button" = "murrine-notebook-bg" { border_shades = {1.10, 0.95} lightborderstyle = 1 # 0 = top side, 1 = all sides lightborder_shade = 1.1 - highlight_shade = 1.03 + highlight_shade = 1.03 roundness = 2 focusstyle = 0 glowstyle = 0 # 0 = top, 1 = bottom, 2 = top and bottom, # 3 = horizontal, 4 = centered glow - glow_shade = 1.25 - reliefstyle = 3 + glow_shade = 1.25 + reliefstyle = 3 textstyle = 1 text_shade = 1.15 } @@ -582,23 +595,26 @@ style "murrine-progressbar" = "murrine-thin" { gradient_shades = {0.90, 1.10, 1.10, 1.15} border_shades = {0.8, 1.4} roundness = 2 - glowstyle = 1 # 0 = top, 1 = bottom, 2 = top and bottom, 3 = horizontal, 4 = centered glow - glow_shade = 1.20 + glowstyle = 1 # 0 = top, 1 = bottom, 2 = top and bottom, + # 3 = horizontal, 4 = centered glow + glow_shade = 1.20 } } style "murrine-statusbar" = "murrine-wide" { - xthickness = 2 - - engine "pixmap" { - image - { - function = RESIZE_GRIP - recolorable = TRUE - state = NORMAL - detail = "statusbar" - file = "assets/resize-grip.png" - } + xthickness = 0 + engine "pixmap" + { + image + { + function = RESIZE_GRIP + recolorable = TRUE + state = NORMAL + detail = "statusbar" + overlay_file = "assets/resize-grip.png" + overlay_border = {0,0,0,0 } + overlay_stretch = FALSE + } } } @@ -632,9 +648,9 @@ style "murrine-scrollbar" { style "murrine-overlay-scrollbar" { - bg[SELECTED] = shade (1.0, @selected_bg_color) - bg[INSENSITIVE] = shade (0.85, @bg_color) - bg[ACTIVE] = shade (0.6, @bg_color) + bg[SELECTED] = shade (1.0, @selected_bg_color) + bg[INSENSITIVE] = shade (0.85, @bg_color) + bg[ACTIVE] = shade (0.6, @bg_color) } style "murrine-spinbutton" { @@ -642,14 +658,14 @@ style "murrine-spinbutton" { fg[ACTIVE] = @text_color # Color for pressed-spinbuttons engine "murrine" { - contrast = 1.0 - border_shades = {1.2, 1.0} - #lightborder_shade = 1.00 + contrast = 1.0 + border_shades = {1.2, 1.0} + #lightborder_shade = 1.00 } } style "murrine-toolbar" = "murrine-wider" { - bg[NORMAL] = shade (0.88, @bg_color_dark) + bg[NORMAL] = shade (0.88, @bg_color_dark) fg[NORMAL] = @fg_color_dark fg[PRELIGHT] = @selected_fg_color @@ -681,12 +697,13 @@ style "murrine-toolbar-button" { fg[SELECTED] = @fg_color_dark engine "murrine" { - gradient_shades = {1.00,0.96,0.96,0.90} - border_shades = {4.10, 4.00} + gradient_shades = {2.63,1.17,1.17,1.17} + border_shades = {5.10, 5.00} contrast = 0.80 - lightborderstyle = 1 + roundness = 5 # 0 = squared + lightborderstyle = 1 lightborder_shade = 1.1 - glow_shade = 1.0 + glow_shade = 1.0 textstyle = 1 text_shade = 1.15 } @@ -862,9 +879,10 @@ widget_class "*.*.*" style "murrine-toolbar-button" widget_class "*.*.*" style "murrine-toolbar-entry" class "GtkSeparatorToolItem" style "murrine-toolbar-separator" -# This is not perfect, it could be done better (That is modify *every* widget in the notebook, and change those back that we really don't want changed) +# This is not perfect, it could be done better (That is modify *every* widget +# in the notebook, and change those back that we really don't want changed) widget_class "**" style "murrine-notebook-bg" -widget_class "**" style "murrine-notebook-bg" +widget_class "**" style "murrine-notebook-bg" widget_class "**" style "murrine-notebook-bg" widget_class "**" style "murrine-notebook-bg" widget_class "**" style "murrine-notebook-bg" @@ -873,12 +891,12 @@ widget_class "**" style "murrine-notebook-button" widget_class "***" style "murrine-notebook-button" widget_class "*.." style "murrine-frame-title" -widget_class "*.*" style "murrine-treeview" +widget_class "*.*" style "murrine-treeview" -class "*GtkExpander*" style "murrine-expander" +class "*GtkExpander*" style "murrine-expander" -widget_class "*" style "murrine-progressbar" -widget_class "*" style "murrine-progressbar" +widget_class "*" style "murrine-progressbar" +widget_class "*" style "murrine-progressbar" # Treeview header widget_class "*.." style "murrine-treeview-header" @@ -894,16 +912,16 @@ widget "gtk-tooltip*" style "murrine-tooltips" ########################################################################## # Radiobutton and Checkbox ########################################################################## -widget_class "**" style "checkbutton" +widget_class "**" style "murrine-checkbutton" widget_class "**" style:highest "murrine-checkradio-label" widget_class "**" style "murrine-checkradio" -widget_class "***" style:highest "radiobutton" -widget_class "***" style:highest "radiobutton" -widget_class "***" style:highest "radiobutton" +widget_class "***" style:highest "murrine-radiobutton" +widget_class "***" style:highest "murrine-radiobutton" +widget_class "***" style:highest "murrine-radiobutton" widget_class "**" style:highest "murrine-checkradio-label" -widget_class "**" style "murrine-statusbar" +widget_class "**" style "murrine-statusbar" # for file-manager pane class "GtkPaned" style "murrine-handle" @@ -917,8 +935,8 @@ style "FireFox-MenuBar" = "menubar" { GtkMenuBar::shadow-type = GTK_SHADOW_NONE } widget "MozillaGtkWidget*GtkMenuBar" style "FireFox-MenuBar" -widget "MozillaGtkWidget*GtkCheck*" style:highest "checkbutton" -widget "MozillaGtkWidget*GtkRadio*" style:highest "radiobutton" +widget "MozillaGtkWidget*GtkCheck*" style:highest "murrine-checkbutton" +widget "MozillaGtkWidget*GtkRadio*" style:highest "murrine-radiobutton" # For Google Chrome/Chromium integration. @@ -950,11 +968,11 @@ style "text_is_fg_color_workaround" { # Workaround style for menus where the text color is used instead of the fg color. style "menuitem_text_is_fg_color_workaround" { - text[NORMAL] = @text_color_dark - text[PRELIGHT] = @selected_fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @text_color_dark - text[INSENSITIVE] = shade (0.75, @text_color_dark) + text[NORMAL] = @text_color_dark + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @text_color_dark + text[INSENSITIVE] = shade (0.75, @text_color_dark) } # Workaround style for places where the fg color is used instead of the text color. @@ -1017,9 +1035,9 @@ style "xfce-panel" { bg[ACTIVE] = shade (0.50, @bg_color_dark) bg[SELECTED] = shade (1.20, @selected_bg_color) engine "murrine" { - gradient_shades = {0.80, 0.85, 0.95, 1.00} - roundness = 2 - contrast = 0.2 + gradient_shades = {0.80, 0.85, 0.95, 1.00} + roundness = 2 + contrast = 0.2 } xthickness = 3 ythickness = 3 @@ -1044,9 +1062,9 @@ style "xfdesktop-icon-view" { XfdesktopIconView::cell-padding = 0 XfdesktopIconView::cell-text-width-proportion = 2 - base[NORMAL] = @selected_bg_color - base[SELECTED] = @selected_bg_color - base[ACTIVE] = @selected_bg_color + base[NORMAL] = @selected_bg_color + base[SELECTED] = @selected_bg_color + base[ACTIVE] = @selected_bg_color fg[NORMAL] = @selected_fg_color fg[SELECTED] = @selected_fg_color @@ -1069,7 +1087,7 @@ widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp widget_class "*GimpToolbox*" style "performance-fix" widget_class "*GimpMenuDock*" style "performance-fix" -widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice +widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.) ### EXTERNAL FILES ### diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/Makefile.am b/desktop-themes/Blue-Submarine/gtk-3.0/Makefile.am index 5bab4a06..cc99bb0e 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/Makefile.am +++ b/desktop-themes/Blue-Submarine/gtk-3.0/Makefile.am @@ -1,15 +1,19 @@ themedir = $(datadir)/themes/Blue-Submarine/gtk-3.0 theme_DATA = \ - settings.ini \ + gnome-applications.css \ gtk.css \ + gtk-widgets-assets.css \ gtk-widgets.css \ - gtk-dark.css + mate-applications.css \ + menu.css \ + other-applications.css \ + scrollbar.css \ + settings.ini \ + sidebar.css EXTRA_DIST = $(theme_DATA) -SUBDIRS = apps \ - assets +SUBDIRS = assets -DIST_SUBDIRS = apps \ - assets +DIST_SUBDIRS = assets diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/Makefile.am b/desktop-themes/Blue-Submarine/gtk-3.0/apps/Makefile.am deleted file mode 100644 index 4caaf98b..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/Makefile.am +++ /dev/null @@ -1,13 +0,0 @@ -themedir = $(datadir)/themes/Blue-Submarine/gtk-3.0/apps - -theme_DATA = \ - epiphany.css \ - gedit.css \ - gnome-panel.css \ - gnome-terminal.css \ - nautilus.css \ - nemo.css \ - popover.css \ - unity.css - -EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/epiphany.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/epiphany.css deleted file mode 100644 index b8a209b3..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/epiphany.css +++ /dev/null @@ -1,172 +0,0 @@ -/* epiphany */ - -EphyToolbar.toolbar { - background-image: -gtk-gradient (linear, left top, left bottom, - from (@toolbar_gradient_base), - to (@toolbar_gradient_final)); - border-color: shade (@toolbar_border, 1.0); - border-style: solid; - border-width: 0 0 1px 0; - - color: @theme_fg_color; - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-border-gradient: none; - -unico-inner-stroke-width: 0; - - padding-top: 4px; - padding-bottom: 4px; - padding-left: 6px; - padding-right: 6px; -} - -EphyToolbar .entry, -EphyToolbar .entry:focus, -EphyToolbar .entry:backdrop { - border-width: 1px; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 4px; - padding-right: 4px; -} - -EphyToolbar .entry:focus { - -} - -EphyToolbar .location-entry .button { - color: @theme_text_color; - -GtkButton-child-displacement-y: 0; -} - -/* EphyToolbar .location-entry .button:last-child { - background-image: none; - background-color: @transparent; - border-width: 0px; - padding-left: 4px; - padding-right: 2px; - -unico-inner-stroke-width: 0px; - -unico-outer-stroke-width: 0px; -} - -EphyToolbar .location-entry .button, -EphyToolbar .location-entry .button:hover, -EphyToolbar .location-entry .button:focus { - background-image: none; - background-color: @transparent; - icon-shadow: none; - color: shade (@theme_text_color, 1.4); - border-width: 0px; - -unico-inner-stroke-width: 0px; - -unico-outer-stroke-width: 0px; -} - -EphyToolbar .location-entry .button:active, -EphyToolbar .location-entry .button:active:hover { - background-image: none; - background-color: @transparent; - color: shade (@theme_text_color, 1.4); - border-width: 0px; - -unico-inner-stroke-width: 0px; - -unico-outer-stroke-width: 0px; -} */ - -/* EphyToolbar .location-entry .button:hover, -EphyToolbar .location-entry .button:focus, -EphyToolbar .location-entry .button:active, -EphyToolbar .location-entry .button *:active { - background-image: none; - background-color: @transparent; - color: shade (@theme_text_color, 1.4); - border-width: 0px; - -unico-inner-stroke-width: 0px; - -unico-outer-stroke-width: 0px; -} */ - -EphyNotebook.notebook { - border-width: 1px 0 1px 0; -} - -EphyNotebook.notebook tab { - border-width: 1px; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.89)), - to (shade (@theme_bg_color, 0.80))); - -unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.15), 0.34); - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1px; - -unico-outer-stroke-color: @transparent; - -unico-outer-stroke-gradient: none; - -unico-outer-stroke-width: 1px; -} - -EphyToolbar.toolbar .button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - padding-left: 4px; - padding-right: 4px; - border-width: 1px; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.7)), - to (shade (@theme_bg_color, 0.6))); - -unico-glow-color: shade (@button_bg_color, 1.14); - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@theme_bg_color, 1.9); - -unico-inner-stroke-width: 1px 1px 0 1px; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.05), 0.05)), - to (alpha (shade (@theme_bg_color, 0.05), 0.09))); - -unico-outer-stroke-width: 1px; - color: @theme_text_color; -} - -EphyToolbar.toolbar .button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.04))); -} - -EphyToolbar.toolbar .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.9)), - to (shade (@theme_bg_color, 0.85))); - - -unico-focus-outer-stroke-color: @transparent; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.6)), - to (shade (@theme_bg_color, 0.6))); - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@theme_bg_color, 0.8); - -unico-inner-stroke-width: 1px 1px 0 1px; -} - -EphyToolbar.toolbar .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.04)), - to (shade (@button_insensitive_bg_color, 0.98))); - - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.7)), - to (shade (@button_insensitive_bg_color, 0.8))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.1)), - to (shade (@button_insensitive_bg_color, 1.1))); - -unico-inner-stroke-width: 1px 1px 0 1px; -} - -#ephy-page-menu-button.active-menu { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.9)), - to (shade (@theme_bg_color, 0.85))); - - -unico-focus-outer-stroke-color: @transparent; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.6)), - to (shade (@theme_bg_color, 0.6))); - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@theme_bg_color, 0.8); - -unico-inner-stroke-width: 1px 1px 0 1px; -} diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/gedit.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/gedit.css deleted file mode 100644 index 7bd7b8d2..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/gedit.css +++ /dev/null @@ -1,34 +0,0 @@ -@define-color notebook_tab_gradient_b shade (@theme_bg_color, 0.98); - -GeditWindow .pane-separator, -GeditWindow .pane-separator:hover { -} - -GeditPanel.title GtkLabel { -} - -GeditPanel .toolbar { - border-style: none; - background-color: transparent; -} - -GeditDocumentsPanel .view { -} - -GeditDocumentsPanel .view:backdrop { -} - -GeditWindow .notebook { - padding: 1px; - border-radius: 1px; -} - -GeditPanel .notebook { - padding: 3px; - border-radius: 1px; -} - -GeditPanel .notebook tab, -GeditWindow .notebook tab { - border-radius: 3px; -} diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-panel.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-panel.css deleted file mode 100644 index e4b37340..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-panel.css +++ /dev/null @@ -1,152 +0,0 @@ -/* Fallback Mode Panel */ -PanelWidget, -PanelApplet, -PanelToplevel, -.desktop-panel { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - padding: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - color: @dark_fg_color; - text-shadow: none; -} - -PanelApplet { - border-width: 0; -} - -PanelSeparator { - border-width: 0; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - color: @dark_fg_color; - text-shadow: none; -} - -.gnome-panel-menu-bar, -PanelApplet > GtkMenuBar.menubar, -PanelApplet > GtkMenuBar.menubar.menuitem, -PanelMenuBar.menubar, -PanelMenuBar.menubar.menuitem, -.desktop-panel .menubar, -.desktop-panel .menubar .menuitem { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - text-shadow: none; -} - -PanelAppletFrame { - background-color: @dark_bg_color; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - border-width: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - text-shadow: none; -} - -PanelApplet .button, -.desktop-panel .button { - -GtkButton-inner-border: 2; - - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - - border-color: @transparent; - border-radius: 0; - border-width: 0 1px 0 1px; - - color: @dark_fg_color; - text-shadow: none; - - -unico-border-gradient: none; - -unico-glow-radius: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -PanelApplet .button:prelight:active, -PanelApplet .button:active, -.desktop-panel .button:prelight:active, -.desktop-panel .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 0.85)), - to (shade (@dark_bg_color, 1.0))); - border-color: shade (@dark_bg_color, 0.78); - border-radius: 0; - border-width: 0 1px 0 1px; - - -unico-border-gradient: none; - -unico-glow-radius: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - text-shadow: none; -} - -PanelApplet .button:prelight, -.desktop-panel .button:prelight { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.7)), - to (shade (@dark_bg_color, 1.25))); - border-color: @transparent; - border-radius: 0; - border-width: 0 1px 0 1px; - - -unico-border-gradient: none; - -unico-glow-radius: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - text-shadow: none; -} - -ClockBox { - text-shadow: none; -} - -WnckPager, WnckTasklist { - background-color: @dark_bg_color; - text-shadow: none; -} - -/* Classic icon style */ -.gnome-panel-menu-bar { - -PanelMenuBar-icon-visible: true; -} - -/* Makes the text color on the dark panel white */ -.gnome-panel-menu-bar .menuitem { - color: @dark_fg_color; - text-shadow: none; -} - -.gnome-panel-menu-bar .menuitem:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 1.0)), - to (shade (@theme_selected_bg_color, 0.85))); - border-width: 0; - color: @dark_fg_color; - text-shadow: none; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -.gnome-panel-menu-bar .menu.menuitem:hover, -.gnome-panel-menu-bar .menu .menuitem:hover { - color: @theme_selected_fg_color; -} - -/* FIXME - Need to figure out what id or class the indicator applet use */ -/* IndicatorSession { - color: @dark_fg_color; - text-shadow: none; -} */ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-terminal.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-terminal.css deleted file mode 100644 index 249be730..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/gnome-terminal.css +++ /dev/null @@ -1,20 +0,0 @@ -/* gnome-terminal */ -TerminalScreen { - -TerminalScreen-background-darkness: 0.95; - background-color: shade (@dark_bg_color, 1.8); - color: #fff; -} - -TerminalWindow GtkNotebook.notebook { - border-bottom-width: 0; - border-right-width: 0; - border-left-width: 0; - border-radius: 0; -} - -TerminalWindow GtkNotebook.notebook tab { - border-bottom-width: 1px; - border-right-width: 1px; - border-left-width: 1px; - border-radius: 2px 2px 0 0; -} diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/nautilus.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/nautilus.css deleted file mode 100644 index b5f9b627..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/nautilus.css +++ /dev/null @@ -1,153 +0,0 @@ -/* nautilus */ -.nautilus-canvas-item { - border-radius: 5px; -} - -.nautilus-desktop.nautilus-canvas-item { - color: @theme_selected_fg_color; - text-shadow: 1px 1px black; -} - -.nautilus-desktop.nautilus-canvas-item:active { - color: @theme_text_color; -} - -.nautilus-desktop.nautilus-canvas-item:selected { - color: @theme_selected_fg_color; -} - -.nautilus-desktop.nautilus-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:prelight, -.nautilus-desktop.nautilus-canvas-item:selected { - text-shadow: none; -} - -/* sidebar */ -NautilusWindow .sidebar, -NautilusWindow .sidebar .view { - background-color: @theme_bg_color; - - color: @theme_fg_color; - text-shadow: 0px 1px shade (shade (@theme_bg_color, 0.95), 1.04); -} - -NautilusWindow .sidebar row:selected { - color: @theme_selected_fg_color; - text-shadow: 0px -1px shade (@theme_selected_bg_color, 0.8); -} - -NautilusWindow .sidebar row:backdrop:selected { - color: @backdrop_selected_fg_color; - text-shadow: none; -} - -NautilusWindow .sidebar .frame { -} - -NautilusWindow * { - -GtkPaned-handle-size: 1; -} - -NautilusWindow > GtkGrid > .pane-separator, -NautilusWindow > GtkGrid > .pane-separator:hover { - border-width: 1px 1px 0 0; - border-style: solid; - border-color: @borders; - background-color: @sidebar_bg; - color: shade (@theme_bg_color, 0.9); -} - -NautilusView.frame, -NautilusNotebook.notebook { - border-right-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -NautilusNotebook.notebook tab.top, -NautilusNotebook.notebook tab.bottom { - border-right-width: 1px; - border-left-width: 1px; - padding-top: 0; - padding-bottom: 0; -} - -NautilusNotebook.notebook tab.top:active { - padding-top: 2px; -} -NautilusNotebook.notebook tab.bottom:active { - padding-bottom: 2px; -} - -NautilusNotebook .frame { - border-width: 1px 0 0 0; -} - -/* disable for black menu bar */ -/* -NautilusToolbar .button { - icon-shadow: 0 1px @button_text_shadow; -} -*/ - -NautilusToolbar .toolbar { - background-image: linear-gradient(to bottom, - @theme_bg_color, - shade (@theme_bg_color, 0.94)); -} - -NautilusToolbar .button *:active { - icon-shadow: 0 1px @button_active_text_shadow; -} - -NautilusToolbar .button *:insensitive, -NautilusToolbar .button *:active:insensitive { - text-shadow: none; -} - -NautilusQueryEditor .primary-toolbar.toolbar { - border-bottom-width: 0; -} - -NautilusQueryEditor .toolbar { - padding-top: 3px; - padding-bottom: 2px; - - border-width: 1px 0 0 0; - border-style: solid; - border-color: @theme_bg_color; - - background-color: mix(@theme_bg_color, @theme_base_color, 0.5); -} - -NautilusQueryEditor .toolbar:nth-child(2) { - border-color: @borders; -} - -NautilusNotebook.notebook NautilusQueryEditor .primary-toolbar.toolbar { - border-top-width: 0; -} - -NautilusNotebook.notebook NautilusQueryEditor .toolbar:last-child, -NautilusNotebook.notebook NautilusQueryEditor .primary-toolbar.toolbar:only-child { - border-bottom-width: 1px; - border-bottom-color: @borders; -} - -/* FIXME - Something I don't understand. Why this theme gets a gray bg without this, and Ambiance which it's based on does not. */ -NautilusWindow .view { - background-color: @theme_base_color; -} - -NautilusWindow .view:selected { - background-color: @theme_selected_bg_color; -} - -NautilusWindow .view:selected:backdrop { - background-color: @backdrop_selected_bg_color; -} - -NautilusWindow .view.rubberband { - background-color: alpha (@theme_selected_bg_color, 0.35); -} -/* FIXME end */ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/nemo.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/nemo.css deleted file mode 100644 index 4642ad14..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/nemo.css +++ /dev/null @@ -1,168 +0,0 @@ -@define-color cluebar_color shade (@theme_base_color, 0.9); - -NemoWindow * { - -GtkPaned-handle-size: 1; -} - -/* FIXME - Something I don't understand. Why this theme gets a gray bg without this, and Ambiance which it's based on does not. */ -NemoWindow .view { - background-color: @theme_base_color; -} - -NemoWindow .view:selected { - background-color: @theme_selected_bg_color; -} - -NemoWindow .view:selected:backdrop { - background-color: @backdrop_selected_bg_color; -} - -NemoWindow .view.rubberband { - background-color: alpha (@theme_selected_bg_color, 0.35); -} -/* FIXME end */ - -.nemo-inactive-pane .view { - background-color: shade (@theme_base_color, 0.96); -} - -.nemo-inactive-pane .view:selected, -.nemo-inactive-pane .nemo-canvas-item:selected { - background-color: @backdrop_selected_bg_color; - color: @backdrop_selected_fg_color; -} - -.nemo-inactive-pane .expander.view:selected { - background-color: @backdrop_selected_bg_color; -} - -.nemo-canvas-item { - border-radius: 2px; -} - -/* desktop mode */ -.nemo-desktop.nemo-canvas-item { - color: @theme_bg_color; - text-shadow: 1px 1px alpha (#000000, 0.8); -} - -.nemo-desktop.nemo-canvas-item:active { - background-image: none; - background-color: alpha (@theme_bg_color, 0.84); - - color: @theme_fg_color; -} - -.nemo-desktop.nemo-canvas-item:selected { - background-image: none; - background-color: alpha (@theme_selected_bg_color, 0.84); - - color: @theme_selected_fg_color; -} - -.nemo-desktop.nemo-canvas-item:active, -.nemo-desktop.nemo-canvas-item:prelight, -.nemo-desktop.nemo-canvas-item:selected { - text-shadow: none; -} - -/* browser window */ -NemoTrashBar.info, -NemoXContentBar.info, -NemoSearchBar.info, -NemoQueryEditor.info { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@cluebar_color, 1.0)), - to (shade (@cluebar_color, 1.0))); - background-color: @cluebar_color; - border-bottom-color: shade (@cluebar_color, 0.92); - border-radius: 0; - border-style: solid; - border-width: 0px 0px 1px 0px; - - -unico-border-gradient: none; - -unico-inner-stroke-width: 0; - -unico-inner-stroke-gradient: none; - color: @theme_fg_color; -} - -NemoSearchBar .entry { -} - -.nemo-cluebar-label { - font: normal; - text-shadow: 0px 1px shade (@cluebar_color, 1.06); -} - -.nemo-cluebar-label:backdrop { - color: mix (@theme_fg_color, @cluebar_color, 0.2); - text-shadow: 0px 1px shade (@cluebar_color, 1.02); -} - -#nemo-search-button *:active, -#nemo-search-button *:active:prelight { - color: @theme_fg_color; -} - -NemoFloatingBar { - background-color: @info_bg_color; - border-radius: 2px 2px 0 0; - border-style: solid; - border-width: 1px; - border-color: darker (@info_bg_color); - - -unico-border-gradient: none; -} - -NemoFloatingBar .button { - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 0; -} - -/* sidebar */ -NemoWindow .sidebar, -NemoWindow .sidebar .view { - background-color: @theme_bg_color; - - color: @theme_fg_color; - text-shadow: 0px 1px shade (shade (@theme_bg_color, 0.95), 1.04); -} - -NemoWindow .sidebar row:selected { - color: @theme_selected_fg_color; - text-shadow: 0px -1px shade (@theme_selected_bg_color, 0.8); -} - -NemoWindow .sidebar row:backdrop:selected { - color: @backdrop_selected_fg_color; - text-shadow: none; -} - -NemoWindow .sidebar .frame { -} - -NemoWindow .pane-separator { - background-color: shade (shade (@theme_bg_color, 0.95), 0.94); - border-color: @dark_bg_color; - border-style: solid; - border-width: 0; - - -unico-border-gradient: none; - -unico-inner-stroke-width: 0; -} - -NemoWindow .pane-separator:backdrop { - background-color: shade (shade (@theme_bg_color, 0.95), 0.96); -} - -/* FIXME - Just a workaround atm. */ -NemoWindow .primary-toolbar .button { - -unico-border-gradient: none; -} - -NemoWindow .primary-toolbar .button:hover { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.7)), - to (shade (@theme_bg_color, 0.6))); -} - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/popover.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/popover.css deleted file mode 100644 index 52cd06ba..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/popover.css +++ /dev/null @@ -1,109 +0,0 @@ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 24; - -GraniteWidgetsPopOver-arrow-height: 12; - -GraniteWidgetsPopOver-border-radius: 6; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 18; - - border-style: solid; - border-color: shade (@theme_bg_color, 0.50); - background-color: @theme_bg_color; - margin: 0; -} - -GraniteWidgetsPopOver * { - background-color: @theme_bg_color; -} - -GraniteWidgetsPopOver .sidebar.view { - background-color: @theme_bg_color; -} - -GraniteWidgetsPopOver .button { - background-image: none; - - background-color: alpha (#fff, 0.0); - - -unico-outer-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (#fff, 0.00)), - color-stop (0.80, alpha (#fff, 0.00)), - to (alpha (#fff, 0.40))); - - -unico-border-gradient: -gtk-gradient (linear, - left top, left bottom, - from (shade (@theme_base_color, 0.80)), - to (shade (@theme_base_color, 0.74))); -} - -GraniteWidgetsPopOver .button:active, -GraniteWidgetsPopOver .button:hover:active { - background-image: none; - - background-color: alpha (#000, 0.05); - - -unico-border-gradient: -gtk-gradient (linear, - left top, left bottom, - from (shade (@theme_base_color, 0.74)), - to (shade (@theme_base_color, 0.74))); - - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (#000, 0.07)), - to (alpha (#000, 0.03))); -} - -GraniteWidgetsPopOver .entry { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (shade (@theme_base_color, 0.88)), - color-stop (0.20, shade (@theme_base_color, 0.94)), - to (shade (@theme_base_color, 0.96))); - - -unico-border-gradient: -gtk-gradient (linear, - left top, left bottom, - from (shade (@theme_base_color, 0.74)), - to (shade (@theme_base_color, 0.76))); - - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (#000, 0.07)), - to (alpha (#000, 0.03))); -} - -.button.app { - border-width: 0; - border-radius: 5px; - - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (#fff, 0.00)), - to (alpha (#fff, 0.00))); - - -unico-outer-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (#000, 0.00)), - to (alpha (#000, 0.00))); -} - -.app:hover, -.app:focus { - background-color: alpha (#000, 0.15); -} - -/*.app:hover, .app:focus { - border-width: 3; - - -unico-outer-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (shade (@theme_selected_bg_color, 1.05)), - to (shade (@theme_selected_bg_color, 0.88))); - - -unico-border-gradient: -gtk-gradient (linear, - left top, - left bottom, - from (shade (@theme_selected_bg_color, 1.30)), - to (shade (@theme_selected_bg_color, 0.98))); -}*/ - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/apps/unity.css b/desktop-themes/Blue-Submarine/gtk-3.0/apps/unity.css deleted file mode 100644 index 5a705e4a..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/apps/unity.css +++ /dev/null @@ -1,40 +0,0 @@ -UnityPanelWidget, -.unity-panel { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.04))); - border-top-color: shade (@dark_bg_color, 1.6); - border-style: solid; - border-width: 0; - - -unico-border-gradient: none; - -unico-inner-stroke-width: 0; - -unico-inner-stroke-color: @transparent; -} - -.unity-panel.menubar, -.unity-panel .menubar { - color: #fff; -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 1px 1px 0 1px; - icon-shadow: 0px -1px shade (@dark_bg_color, 0.7); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.7)), - to (shade (@dark_bg_color, 1.12))); - - color: #fff; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.08)), - to (shade (@dark_bg_color, 0.98))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.8)), - to (shade (@dark_bg_color, 1.2))); -} diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/Makefile.am b/desktop-themes/Blue-Submarine/gtk-3.0/assets/Makefile.am index 7a51d0b5..49207292 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/Makefile.am +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/Makefile.am @@ -1,33 +1,42 @@ themedir = $(datadir)/themes/Blue-Submarine/gtk-3.0/assets theme_DATA = \ - check-active-ins.png \ - check-active.png \ - check-mixed-active-ins.png \ - check-mixed-active.png \ - check-normal-ins.png \ - check-normal.png \ + checkbox-checked-insensitive.png \ + checkbox-checked.png \ + checkbox-checked.svg \ + checkbox-menuitem-checked-insensitive.svg \ + checkbox-menuitem-checked-prelight.svg \ + checkbox-menuitem-checked.svg \ + checkbox-menuitem-mixed-insensitive.svg \ + checkbox-menuitem-mixed-prelight.svg \ + checkbox-menuitem-mixed.svg \ + checkbox-menuitem-unchecked.svg \ + checkbox-mixed-insensitive.png \ + checkbox-mixed.png \ + checkbox-mixed.svg \ + checkbox-unchecked-insensitive.png \ + checkbox-unchecked.png \ + checkbox-unchecked.svg \ dnd-counter.svg \ grid-selection-checked.svg \ grid-selection-unchecked.svg \ - menuitem-checkbox-checked-insensitive.svg \ - menuitem-checkbox-checked-selected.svg \ - menuitem-checkbox-checked.svg \ - menuitem-checkbox-mixed-insensitive.svg \ - menuitem-checkbox-mixed-selected.svg \ - menuitem-checkbox-mixed.svg \ - menuitem-radio-checked-insensitive.svg \ - menuitem-radio-checked-selected.svg \ - menuitem-radio-checked.svg \ - null.png \ - pane-separator-grip.svg \ - pane-separator-grip-vertical.svg \ - radio-active-ins.png \ - radio-active.png \ - radio-mixed-active-ins.png \ - radio-mixed-active.png \ - radio-normal-ins.png \ - radio-normal.png \ + panel-grid.svg \ + radio-menuitem-checked-insensitive.svg \ + radio-menuitem-checked-prelight.svg \ + radio-menuitem-checked.svg \ + radio-menuitem-mixed-insensitive.svg \ + radio-menuitem-mixed-prelight.svg \ + radio-menuitem-mixed.svg \ + radio-menuitem-unselected.svg \ + radio-mixed-insensitive.png \ + radio-mixed.png \ + radio-mixed.svg \ + radio-selected-insensitive.png \ + radio-selected.png \ + radio-selected.svg \ + radio-unselected-insensitive.png \ + radio-unselected.png \ + radio-unselected.svg \ resize-grip.svg \ scale-slider-hor-dark.svg \ scale-slider-horizontal-insensitive.svg \ @@ -51,14 +60,17 @@ theme_DATA = \ sidebar-radio-prelight.svg \ sidebar-radio-selected-prelight.svg \ sidebar-radio-selected.svg \ - slider-hover.png \ - slider-ins.png \ - slider.png \ - switch-off-ins.svg \ + slider_fine_horizontal.svg \ + slider_fine_vertical.svg \ + slider-horizontal.png \ + slider-vertical.png \ + switch-dark-off-disabled.svg \ + switch-dark-off.svg \ + switch-dark-on-disabled.svg \ + switch-dark-on.svg \ + switch-off-disabled.svg \ switch-off.svg \ - switch-on-ins.svg \ - switch-on.png \ - switch-on.svg \ - thumbnail-frame.png - + switch-on-disabled.svg \ + switch-on.svg + EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active-ins.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active-ins.png deleted file mode 100644 index 3ae980fe..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active-ins.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active.png deleted file mode 100644 index 5187e82f..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-active.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active-ins.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active-ins.png deleted file mode 100644 index a4c2e3ee..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active-ins.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active.png deleted file mode 100644 index 5b366af0..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-mixed-active.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal-ins.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal-ins.png deleted file mode 100644 index e27c7f93..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal-ins.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal.png deleted file mode 100644 index f4c65107..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/check-normal.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked-insensitive.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked-insensitive.png new file mode 100644 index 00000000..3ae980fe Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked-insensitive.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.png new file mode 100644 index 00000000..5187e82f Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.svg new file mode 100644 index 00000000..9065480a --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-checked.svg @@ -0,0 +1,349 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-insensitive.svg new file mode 100644 index 00000000..7517df28 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-insensitive.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-prelight.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-prelight.svg new file mode 100644 index 00000000..91b8c7ad --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked-prelight.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked.svg new file mode 100644 index 00000000..ccfbd9ab --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-checked.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-insensitive.svg new file mode 100644 index 00000000..45c64597 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-insensitive.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-prelight.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-prelight.svg new file mode 100644 index 00000000..063024cd --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed-prelight.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed.svg new file mode 100644 index 00000000..90cd6e3b --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-mixed.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-unchecked.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-unchecked.svg new file mode 100644 index 00000000..52bd33c5 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-menuitem-unchecked.svg @@ -0,0 +1,486 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed-insensitive.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed-insensitive.png new file mode 100644 index 00000000..a4c2e3ee Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed-insensitive.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.png new file mode 100644 index 00000000..5b366af0 Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.svg new file mode 100644 index 00000000..4f7b3013 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-mixed.svg @@ -0,0 +1,293 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 00000000..e27c7f93 Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked-insensitive.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.png new file mode 100644 index 00000000..f4c65107 Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.svg new file mode 100644 index 00000000..fb865171 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/checkbox-unchecked.svg @@ -0,0 +1,225 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg deleted file mode 100644 index 049a09ff..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg deleted file mode 100644 index fc75bfba..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked.svg deleted file mode 100644 index edb00edc..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-checked.svg +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg deleted file mode 100644 index e37b20b6..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg deleted file mode 100644 index 466f05f1..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed.svg deleted file mode 100644 index 2cba55cf..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-checkbox-mixed.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg deleted file mode 100644 index 3cd2cb09..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-selected.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-selected.svg deleted file mode 100644 index 15ee80b3..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked-selected.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked.svg deleted file mode 100644 index 6bee5d3f..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/menuitem-radio-checked.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/null.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/null.png deleted file mode 100644 index 8777a4cb..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/null.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip-vertical.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip-vertical.svg deleted file mode 100644 index 9d1190c7..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip-vertical.svg +++ /dev/null @@ -1,107 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip.svg deleted file mode 100644 index e2fa9be0..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/pane-separator-grip.svg +++ /dev/null @@ -1,107 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/panel-grid.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/panel-grid.svg new file mode 100644 index 00000000..c057ca53 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/panel-grid.svg @@ -0,0 +1,173 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active-ins.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active-ins.png deleted file mode 100644 index 741b2e57..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active-ins.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active.png deleted file mode 100644 index 1ca9711b..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-active.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-insensitive.svg new file mode 100644 index 00000000..5e1d3c2f --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-insensitive.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-prelight.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-prelight.svg new file mode 100644 index 00000000..bb028c73 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked-prelight.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked.svg new file mode 100644 index 00000000..887174e8 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-checked.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-insensitive.svg new file mode 100644 index 00000000..c4fc6c0e --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-insensitive.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-prelight.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-prelight.svg new file mode 100644 index 00000000..2c2ad1ad --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed-prelight.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed.svg new file mode 100644 index 00000000..0ffe2190 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-mixed.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-unselected.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-unselected.svg new file mode 100644 index 00000000..1d5dc080 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-menuitem-unselected.svg @@ -0,0 +1,330 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active-ins.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active-ins.png deleted file mode 100644 index bc8e1b65..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active-ins.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active.png deleted file mode 100644 index 60c5b72e..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-active.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-insensitive.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-insensitive.png new file mode 100644 index 00000000..bc8e1b65 Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed-insensitive.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.png new file mode 100644 index 00000000..60c5b72e Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.svg new file mode 100644 index 00000000..40bf213e --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-mixed.svg @@ -0,0 +1,714 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal-ins.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal-ins.png deleted file mode 100644 index 44f80c55..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal-ins.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal.png deleted file mode 100644 index 6a80d6fe..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-normal.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected-insensitive.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected-insensitive.png new file mode 100644 index 00000000..741b2e57 Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected-insensitive.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.png new file mode 100644 index 00000000..1ca9711b Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.svg new file mode 100644 index 00000000..1d67681e --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-selected.svg @@ -0,0 +1,453 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected-insensitive.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected-insensitive.png new file mode 100644 index 00000000..44f80c55 Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected-insensitive.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.png new file mode 100644 index 00000000..6a80d6fe Binary files /dev/null and b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.png differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.svg new file mode 100644 index 00000000..1a49a0df --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/radio-unselected.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-horizontal-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-horizontal-insensitive.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-insensitive-hor.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-insensitive-hor.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-insensitive-ver.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-insensitive-ver.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal-insensitive.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical-insensitive.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal-insensitive.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical-insensitive.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-ver.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-ver.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-vertical-insensitive.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-vertical-insensitive.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-vertical.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/scale-slider-vertical.svg old mode 100644 new mode 100755 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/sidebar-radio-selected-prelight.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/sidebar-radio-selected-prelight.svg old mode 100644 new mode 100755 index 7ec4500f..9fa228b0 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/sidebar-radio-selected-prelight.svg +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/sidebar-radio-selected-prelight.svg @@ -13,7 +13,7 @@ height="16" id="svg27352" version="1.1" - inkscape:version="0.48.4 r9939" + inkscape:version="0.48.1 r9760" sodipodi:docname="sidebar-radio-selected.svg"> @@ -24,18 +24,18 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="8" - inkscape:cx="-3.6523764" - inkscape:cy="12.856863" + inkscape:zoom="22.197802" + inkscape:cx="7.0809381" + inkscape:cy="8" inkscape:current-layer="layer1" showgrid="true" inkscape:grid-bbox="true" inkscape:document-units="px" - inkscape:window-width="958" - inkscape:window-height="587" - inkscape:window-x="38" - inkscape:window-y="91" - inkscape:window-maximized="0" /> + inkscape:window-width="1280" + inkscape:window-height="741" + inkscape:window-x="0" + inkscape:window-y="26" + inkscape:window-maximized="1" /> @@ -54,7 +54,7 @@ inkscape:groupmode="layer"> + + + + + Gnome Symbolic Icon Theme + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/slider_fine_vertical.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/slider_fine_vertical.svg new file mode 100644 index 00000000..fdec5e38 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/slider_fine_vertical.svg @@ -0,0 +1,93 @@ + + + + + + Gnome Symbolic Icon Theme + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off-disabled.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off-disabled.svg new file mode 100644 index 00000000..68f52c80 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off-disabled.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off.svg new file mode 100644 index 00000000..090ae07f --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-off.svg @@ -0,0 +1,337 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on-disabled.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on-disabled.svg new file mode 100644 index 00000000..fcc4211f --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on-disabled.svg @@ -0,0 +1,396 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on.svg new file mode 100644 index 00000000..c65222be --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-dark-on.svg @@ -0,0 +1,422 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-disabled.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-disabled.svg new file mode 100644 index 00000000..1734ec49 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-disabled.svg @@ -0,0 +1,306 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-ins.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-ins.svg deleted file mode 100644 index e4b2dc90..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off-ins.svg +++ /dev/null @@ -1,665 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off.svg index b05dac32..e655231a 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off.svg +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-off.svg @@ -10,523 +10,228 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="48" - height="26" - id="svg3482" + width="56" + height="20" + id="svg2" version="1.1" - inkscape:version="0.48.4 r9939" - sodipodi:docname="switch-off.svg"> + inkscape:version="0.48.3.1 r9886" + sodipodi:docname="switch-off.svg" + inkscape:export-filename="/usr/share/themes/Gnome-Cupertino/gtk-3.0/assets/switch-off.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + id="defs4"> - - - - - - + id="linearGradient3803"> + id="stop3805" /> + id="stop3807" /> - + id="linearGradient3795"> + id="stop3797" /> + id="stop3799" /> - + id="linearGradient3833"> + id="stop3835" /> + id="stop3837" /> - + id="linearGradient3809"> + id="stop3811" /> + id="stop3813" /> - + id="linearGradient3786"> + id="stop3788" /> + id="stop3790" /> - + id="linearGradient3772"> + id="stop3774" /> + id="stop3776" /> - + id="linearGradient3763"> + id="stop3765" /> + id="stop3767" /> - + id="linearGradient3769"> + id="stop3771" /> + id="stop3773" /> - + id="linearGradient3759"> - - - - + id="stop3761" /> + id="stop3801" + offset="0.68748617" + style="stop-color:#bebebe;stop-opacity:1;" /> + id="stop3763" /> + gradientTransform="matrix(0.75925924,0,0,0.88888885,7.2407408,-1968.9061)" /> - - - - + id="linearGradient3967" + xlink:href="#linearGradient4071-3-6" + inkscape:collect="always" /> + id="linearGradient4071-3-6"> + id="stop4073-8-9" /> + id="stop4075-4-4" /> - - - - + id="linearGradient3895" + xlink:href="#linearGradient4071-3-6" + inkscape:collect="always" /> + id="linearGradient3950" + xlink:href="#linearGradient4071-3" + inkscape:collect="always" /> + id="linearGradient4071-3"> + id="stop4073-8" /> + id="stop4075-4" /> - - - - - - - - - - - - - - - - + xlink:href="#linearGradient3786" + id="linearGradient3792" + x1="43.070576" + y1="14.423525" + x2="48.311802" + y2="14.847058" + gradientUnits="userSpaceOnUse" /> + + + + showgrid="true" + showguides="false" + inkscape:window-width="1300" + inkscape:window-height="917" + inkscape:window-x="421" + inkscape:window-y="68" + inkscape:window-maximized="0"> + + + id="metadata7"> @@ -563,89 +273,65 @@ - - - - - - - - - - - + transform="translate(0,-1032.3622)"> + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-disabled.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-disabled.svg new file mode 100644 index 00000000..2fe7828f --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-disabled.svg @@ -0,0 +1,396 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-ins.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-ins.svg deleted file mode 100644 index 5965e5c3..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on-ins.svg +++ /dev/null @@ -1,655 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.png deleted file mode 100644 index 16fe80b8..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.svg b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.svg index 964f9b78..c65222be 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.svg +++ b/desktop-themes/Blue-Submarine/gtk-3.0/assets/switch-on.svg @@ -10,272 +10,304 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="48" - height="26" - id="svg3482" + width="56" + height="20" + id="svg2" version="1.1" - inkscape:version="0.48.4 r9939" - sodipodi:docname="switch-on.svg"> + inkscape:version="0.48.3.1 r9886" + sodipodi:docname="switch-on.svg" + inkscape:export-filename="/usr/share/themes/Gnome-Cupertino/gtk-3.0/assets/switch-off.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90"> + id="defs4"> + id="linearGradient3851"> + + + + + id="linearGradient3803"> + id="stop3805" /> + id="stop3807" /> + id="linearGradient3833"> + + + + id="linearGradient3809"> + id="stop3811" /> + id="stop3813" /> - + id="linearGradient3786"> + id="stop3788" /> + id="stop3790" /> - + id="linearGradient3772"> + id="stop3774" /> + id="stop3776" /> - + id="linearGradient3763"> + id="stop3765" /> + id="stop3767" /> - + + + + + + + + + + gradientTransform="matrix(0.75925924,0,0,0.88888885,7.2407408,-1968.9061)" /> + y2="26" + x2="35" + y1="3" + x1="35" + gradientTransform="matrix(1.8,0,0,1.125,-33.2,1029.9872)" + gradientUnits="userSpaceOnUse" + id="linearGradient3967" + xlink:href="#linearGradient4071-3-6" + inkscape:collect="always" /> + + id="stop4073-8-9" /> + id="stop4075-4-4" /> - - + - + + + + + - + + xlink:href="#linearGradient3786" + id="linearGradient3792" + x1="40.688198" + y1="13.999991" + x2="48.311802" + y2="13.999991" + gradientUnits="userSpaceOnUse" /> + xlink:href="#linearGradient3769" + id="linearGradient3802" + x1="44.5" + y1="11.035255" + x2="44.5" + y2="16.117661" + gradientUnits="userSpaceOnUse" /> - + - + - + - + + xlink:href="#linearGradient3803" + id="linearGradient3810" + x1="55.757896" + y1="-0.22028424" + x2="55.691422" + y2="7.4919033" + gradientUnits="userSpaceOnUse" /> + x1="54.254425" + y1="-0.26788515" + x2="54.254425" + y2="7.4919033" /> + gradientTransform="matrix(0.75925924,0,0,0.88888885,7.2407408,115.81826)" /> + + + + + + + showgrid="true" + showguides="false" + inkscape:window-width="1300" + inkscape:window-height="917" + inkscape:window-x="601" + inkscape:window-y="38" + inkscape:window-maximized="0"> + + + id="metadata7"> @@ -312,86 +349,74 @@ - + transform="translate(0,-1032.3622)"> + style="fill:url(#linearGradient3765);fill-opacity:1;stroke:none" + id="rect2989" + width="41" + height="16" + x="8" + y="-1050.3622" + rx="7" + ry="8" + transform="scale(1,-1)" /> - - + style="opacity:0.43000004;fill:url(#radialGradient3859);fill-opacity:1;stroke:none" + id="rect2989-0" + width="22.700001" + height="16.000002" + x="19.5" + y="1034.3622" + rx="3.8756099" + ry="8.000001" /> + transform="matrix(1.4746667,0,0,2.2805,-30.186668,1011.3132)" + d="m 49,14 c 0,2.209139 -2.014719,4 -4.5,4 -2.485281,0 -4.5,-1.790861 -4.5,-4 0,-2.209139 2.014719,-4 4.5,-4 2.485281,0 4.5,1.790861 4.5,4 z" + sodipodi:ry="4" + sodipodi:rx="4.5" + sodipodi:cy="14" + sodipodi:cx="44.5" + id="path3791" + style="fill:#000000;fill-opacity:0.07843137;stroke:none" + sodipodi:type="arc" /> + sodipodi:nodetypes="ssssssssssssss" /> + style="opacity:0.45400002;color:#000000;fill:url(#linearGradient3912);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" + d="m 16,1034.3622 c -5,0 -8,3.5837 -8,8 0,4.4163 3,8 6.956522,8 l 26.086956,0 c 5.909333,0 7.956522,-3.5837 7.956522,-8 0,-4.4162 -2.090666,-8 -8,-8 z m 14,1 11,0 c 5.212862,0 7,4 7,7 0,3 -1.786936,7 -7,7 l -26,0 c -4,0 -6,-4 -6,-7 0,-3 2,-7 7,-7 z" + id="rect4944" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ssssssscssssscc" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90" /> + style="fill:url(#linearGradient3921);fill-opacity:1;stroke:url(#linearGradient3923);stroke-width:0.44922534;stroke-linecap:square;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" + id="path3767" + sodipodi:cx="44.5" + sodipodi:cy="14" + sodipodi:rx="4.5" + sodipodi:ry="4" + d="m 49,14 c 0,2.209139 -2.014719,4 -4.5,4 -2.485281,0 -4.5,-1.790861 -4.5,-4 0,-2.209139 2.014719,-4 4.5,-4 2.485281,0 4.5,1.790861 4.5,4 z" + transform="matrix(2.0987442,0,0,2.3610872,-53.693768,1009.307)" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90" /> + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/assets/thumbnail-frame.png b/desktop-themes/Blue-Submarine/gtk-3.0/assets/thumbnail-frame.png deleted file mode 100644 index ba5d7212..00000000 Binary files a/desktop-themes/Blue-Submarine/gtk-3.0/assets/thumbnail-frame.png and /dev/null differ diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css new file mode 100644 index 00000000..15330c9a --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css @@ -0,0 +1,663 @@ + +EphyWindow { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 0.95)), + to (shade(@theme_bg_dark_color, 0.92))); +} + +/* gedit line numbers */ +GeditView { + background-color: shade (@bg_color, 1.07); +} + +GeditViewFrame .gedit-search-slider { + background-image: none; + background-color: @theme_bg_color; + padding: 6px; + border-color: shade (@theme_bg_color, 0.72); + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +GeditViewFrame .gedit-search-slider .not-found { + color: @error_fg_color; + background-image: none; + background-color: @error_bg_color; +} + +TerminalWindow .menubar, +EphyToolbar.toolbar.menubar, +GeditWindow .primary-toolbar.toolbar { + /* line 3D (dark) */ + box-shadow: none; + /* linea 3D (clear) */ + border-bottom-width: 0px; +} + +EphyToolbar.toolbar .raised .button:hover, +EphyToolbar.toolbar .raised.button:hover, +EphyToolbar.toolbar .raised .button:active, +EphyToolbar.toolbar .raised.button:active, +EphyToolbar.toolbar .raised .button:active:hover, +EphyToolbar.toolbar .raised.button:active:hover { + color: @theme_text_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +TerminalWindow, +TerminalWindow .notebook { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 0.95)), + to (shade(@theme_bg_dark_color, 0.95))); +} + +TerminalWindow .notebook, +GeditWindow .notebook, +EphyNotebook.notebook { + border-style: solid; + border-width: 1px 0px 0px 0px; + border-radius: 0px; + border-top-color: @theme_mdi_border_color; + border-image: none; + background-color: shade(@theme_bg_color, 0.97); + background-image: none; +} + +GeditWindow .notebook tab, +EphyNotebook.notebook tab { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 0.95)), + to (shade(@theme_bg_dark_color, 0.93))); + border-top-color: @theme_mdi_border_color; +} + +TerminalWindow .notebook tab { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 1.00)), + to (shade(@theme_bg_dark_color, 0.97))); + border-top-color: shade(@theme_mdi_border_color, 1.05); +} + +TerminalWindow .notebook tab, +GeditWindow .notebook tab, +EphyNotebook.notebook tab { + padding: 2px 4px; + border-width: 1px 1px 0px 1px; + border-style: solid; + border-left-color: @theme_mdi_border_color; + border-bottom-color: @theme_mdi_border_color; + border-right-color: @theme_mdi_border_color; + border-image: none; + box-shadow: inset 0px 1px @theme_highlight_color, + inset 1px 0px @theme_highlight_color, + inset -1px 0px @theme_highlight_color; +} + +GeditWindow.notebook tab.top. +EphyNotebook.notebook tab.top { + padding: 3px 4px; +} + +TerminalWindow .notebook tab:active, +GeditWindow .notebook tab:active, +EphyNotebook.notebook tab:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_mdi_bg_color, 0.90)), + color-stop (0.66, shade(@theme_mdi_bg_color, 0.95)), + to (shade(@theme_mdi_bg_color, 1.03))); + border-width: 1px 1px 0px 1px; + border-style: solid; + /* border-radius: 4px; */ + border-top-color: shade(@theme_mdi_border_color, 0.85); + border-left-color: shade(@theme_mdi_border_color, 0.88); + border-right-color: shade(@theme_mdi_border_color, 0.88); + border-image: none; + box-shadow: inset 0px 4px alpha(#000, 0.01), + inset 0px 3px alpha(#000, 0.02), + inset 0px 2px alpha(#000, 0.03), + inset 0px 1px alpha(#000, 0.04), + inset 4px 0px alpha(#000, 0.01), + inset 3px 0px alpha(#000, 0.02), + inset 2px 0px alpha(#000, 0.03), + inset 1px 0px alpha(#000, 0.04), + inset -4px 0px alpha(#000, 0.01), + inset -3px 0px alpha(#000, 0.02), + inset -2px 0px alpha(#000, 0.03), + inset -1px 0px alpha(#000, 0.04); +} + +GeditWindow .notebook tab:first-child, +EphyNotebook.notebook tab:first-child, +GeditWindow .notebook tab:first-child:active, +EphyNotebook.notebook tab:first-child:active, +TerminalWindow .notebook tab:first-child, +TerminalWindow .notebook tab:first-child:active { + border-left-width: 0px; + border-radius: 0px; +} + +TerminalWindow .notebook tab:last-child, +TerminalWindow .notebook tab:last-child:active { + border-right-width: 0px; + border-radius: 0px; +} + +/* to compensate for the use of tabs-themed-dark.css */ +GeditWindow .notebook tab:first-child, +EphyNotebook.notebook tab:first-child, +TerminalWindow .notebook tab:first-child, +GeditWindow .notebook tab:last-child, +EphyNotebook.notebook tab:last-child, +TerminalWindow .notebook tab:last-child { + border-left-color: @theme_mdi_border_color; + border-right-color: @theme_mdi_border_color; +} + +GeditWindow .notebook tab:first-child:active, +EphyNotebook.notebook tab:first-child:active, +TerminalWindow .notebook tab:first-child:active, +GeditWindow .notebook tab:last-child:active, +EphyNotebook.notebook tab:last-child:active, +TerminalWindow .notebook tab:last-child:active { + border-left-color: shade(@theme_mdi_border_color, 0.88); + border-right-color: shade(@theme_mdi_border_color, 0.88); +} + +GeditWindow .notebook tab:first-child, +EphyNotebook.notebook tab:first-child, +GeditWindow .notebook tab:first-child:hover, +EphyNotebook.notebook tab:first-child:hover, +GeditWindow .notebook tab:first-child:active, +EphyNotebook.notebook tab:first-child:active { + border-radius: 0px; +} + +GeditWindow .notebook tab:last-child, +EphyNotebook.notebook tab:last-child, +GeditWindow .notebook tab:last-child:hover, +EphyNotebook.notebook tab:last-child:hover, +GeditWindow .notebook tab:last-child:active, +EphyNotebook.notebook tab:last-child:active { + border-radius: 0px; +} + +TerminalWindow .notebook tab:only-child { + border-radius: 0px; +} + +GeditWindow .notebook tab:only-child, +GeditWindow .notebook tab:only-child:active, +GeditWindow .notebook tab:only-child:hover, +EphyNotebook.notebook tab:only-child { + border-radius: 0px; +} + +TerminalWindow .notebook tab GtkLabel, +EphyNotebook.notebook tab GtkLabel, +GeditWindow .notebook tab GtkLabel, +GeditWindow.notebook tab GtkLabel { + padding: 1px 4px; + color: @theme_fg_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +/* gnome-terminal */ +TerminalScreen { + -TerminalScreen-background-darkness: 0.95; + background-color: @terminal_background_color; + color: @selected_fg_color; +} + +RBDisplayPageTree.frame { + border-width: 0px 1px 1px 0px; +} + +RBDisplayPageTree .cell, +RBDisplayPageTree .cell:hover { + /* background-image: none; */ + background-color: @sidebar_background; +} + +RBSource .toolbar { + background-image: none; + background-color: transparent; + padding: 2px 4px; +} + +RBSource .toolbar .button { + padding: 0px 3px; + color: shade(@theme_fg_color, 0.95); + text-shadow: 0 1px @theme_shadow_color; +} + +RBSource .toolbar .button *:hover { + color: shade(@theme_text_color, 0.95); + text-shadow: 0 1px @theme_shadow_color; +} + +RBSource .toolbar .button *:active, +RBSource .toolbar .button *:active:hover { + color: shade(@theme_text_color, 0.95); + text-shadow: 0 1px @theme_shadow_color; +} + +.info, +.question, +NautilusFloatingBar, +NautilusTrashBar.info, +NautilusTrashBar, +NautilusXContentBar.info, +NautilusSearchBar.info, +NautilusQueryEditor.info { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.00)), + to (shade(@nautilus_cluebar_color, 1.00))); + border-radius: 0px; + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: transparent @nautilus_cluebar_color shade(@nautilus_cluebar_color, 0.75); + box-shadow: inset 0px 1px alpha(#fff, 0.06), + inset 1px 0px alpha(#fff, 0.06), + inset -1px 0px alpha(#fff, 0.06), + inset 0px -1px alpha(#fff, 0.06); +} + +NautilusSearchBar .entry, +NautilusSearchBar .entry:focus { + -GtkEntry-inner-border: 1; +} + +NautilusSearchBar .entry.image { + color: shade(@nautilus_cluebar_color, 0.60); +} + +NautilusTrashBar GtkLabel { + color: shade(@theme_fg_color, 1.00); + text-shadow: 0 1px @theme_shadow_color; +} + +.info +.nautilus-cluebar-label { + font: bold; + color: shade(@theme_fg_color, 1.00); + text-shadow: 0 1px @theme_shadow_color; +} + +.question .button, +.question .button:hover, +NautilusTrashBar .button, +NautilusTrashBar .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.08)), + color-stop (0.45, shade(@nautilus_cluebar_color, 1.02)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.96)), + to (shade(@nautilus_cluebar_color, 0.92))); + box-shadow: inset 0px 2px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.07), + inset -2px 0px alpha(#fff, 0.07), + inset 0px -2px alpha(#fff, 0.05), + inset 0px 1px shade(@nautilus_cluebar_color, 0.80), + inset 1px 0px shade(@nautilus_cluebar_color, 0.70), + inset -1px 0px shade(@nautilus_cluebar_color, 0.70), + inset 0px -1px shade(@nautilus_cluebar_color, 0.60); + color: shade(@theme_fg_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; +} + +.question .button:active, +.question .button:active:hover, +NautilusTrashBar .button:active, +NautilusTrashBar .button:active:hover { +/* .button:active:hover */ + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.00)), + color-stop (0.45, shade(@nautilus_cluebar_color, 0.95)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.91)), + to (shade(@nautilus_cluebar_color, 0.87))); + /* outer */ + border-top-color: alpha(@focused_entry_border, 0.20); + border-right-color: alpha(@focused_entry_border, 0.25); + border-left-color: alpha(@focused_entry_border, 0.25); + border-bottom-color: alpha(#fff, 0.10); + box-shadow: inset 0px 2px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.07), + inset -2px 0px alpha(#fff, 0.07), + inset 0px -2px alpha(#fff, 0.05), + inset 0px 1px shade(@nautilus_cluebar_color, 0.75), + inset 1px 0px shade(@nautilus_cluebar_color, 0.65), + inset -1px 0px shade(@nautilus_cluebar_color, 0.65), + inset 0px -1px shade(@nautilus_cluebar_color, 0.55); +} + +.question .button:active, +.question .button:active:hover, +NautilusTrashBar .button:active, +NautilusTrashBar .button:active:hover { + color: shade(@theme_text_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; +} + +.question .button:insensitive, +NautilusTrashBar .button:insensitive { +/* .button:active:hover */ + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 0.95)), + color-stop (0.45, shade(@nautilus_cluebar_color, 0.90)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.88)), + to (shade(@nautilus_cluebar_color, 0.89))); + box-shadow: inset 0px 1px shade(@nautilus_cluebar_color, 0.85), + inset 1px 0px shade(@nautilus_cluebar_color, 0.81), + inset -1px 0px shade(@nautilus_cluebar_color, 0.81), + inset 0px -1px shade(@nautilus_cluebar_color, 0.78); +} + +.question .button:insensitive, +NautilusTrashBar .button:insensitive { + color: mix(@nautilus_cluebar_color, @theme_fg_color, 0.50); + text-shadow: none; +} + +NautilusWindow .sidebar .scrollbar { + background-image: none; + border-style: solid; + -GtkRange-stepper-size: 16; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 1; + -GtkRange-arrow-scaling: 0.666; + -GtkRange-slider-width: 13; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + -GtkScrollbar-activate-slider: 1; + -GtkScrollbar-min-slider-length: 31; + -GtkScrollbar-slider-width: 11; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; +} + +NautilusWindow .sidebar .scrollbar.trough, +NautilusWindow .sidebar .scrollbar.trough.vertical { + border-radius: 0; + border-width: 0 0px 0 1px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.96); +} + +/* the small line between sidebar and view */ +NautilusWindow GtkPaned.horizontal { + -GtkPaned-handle-size: 3px; + border-color: transparent; +} + +NautilusWindow .sidebar .frame { + border-width: 0px; + border-style: none; + border-top-width: 0; + border-bottom-width: 0; +} + +NautilusWindow .primary-toolbar.toolbar .button, +NautilusWindow .primary-toolbar.toolbar .button:focus, +NautilusWindow .primary-toolbar.toolbar .button:hover, +NautilusWindow .primary-toolbar.toolbar .button:active, +NautilusWindow .primary-toolbar.toolbar .button:selected, +NautilusWindow .primary-toolbar.toolbar .button:active:hover, +NautilusWindow .primary-toolbar.toolbar .button:selected:hover, +NautilusWindow .primary-toolbar.toolbar .linked.button * *, +NautilusWindow .primary-toolbar.toolbar .linked .button * *, +NautilusWindow .primary-toolbar.toolbar .button:first-child, +NautilusWindow .primary-toolbar.toolbar .button:focus:first-child, +NautilusWindow .primary-toolbar.toolbar .button:hover:first-child, +NautilusWindow .primary-toolbar.toolbar .button:active:first-child, +NautilusWindow .primary-toolbar.toolbar .button:selected:first-child, +NautilusWindow .primary-toolbar.toolbar .button:active:hover:first-child, +NautilusWindow .primary-toolbar.toolbar .button:selected:hover:first-child, +NautilusWindow .primary-toolbar.toolbar .button:last-child, +NautilusWindow .primary-toolbar.toolbar .button:focus:last-child, +NautilusWindow .primary-toolbar.toolbar .button:hover:last-child, +NautilusWindow .primary-toolbar.toolbar .button:active:last-child, +NautilusWindow .primary-toolbar.toolbar .button:selected:last-child, +NautilusWindow .primary-toolbar.toolbar .button:active:hover:last-child, +NautilusWindow .primary-toolbar.toolbar .button:selected:hover:last-child, +NautilusWindow .primary-toolbar.toolbar .button:only-child, +NautilusWindow .primary-toolbar.toolbar .button:focus:only-child, +NautilusWindow .primary-toolbar.toolbar .button:hover:only-child, +NautilusWindow .primary-toolbar.toolbar .button:active:only-child, +NautilusWindow .primary-toolbar.toolbar .button:selected:only-child, +NautilusWindow .primary-toolbar.toolbar .button:active:hover:only-child, +NautilusWindow .primary-toolbar.toolbar .button:selected:hover:only-child { + border-image: none; + padding: 2px 4px; +} + +NautilusWindow .primary-toolbar.toolbar .button:hover +NautilusWindow .primary-toolbar.toolbar .button:active, +NautilusWindow .primary-toolbar.toolbar .button:active:hover { + background-color: transparent; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-width: 1px; + border-style: solid; + border-radius: 5px; + border-image: none; + border-color: transparent; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* forward/back button */ +NautilusWindow .linked .button:first-child, +NautilusWindow .linked .button:focus:first-child { + box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +NautilusWindow .linked .button:first-child, +NautilusWindow .linked .button:hover:first-child, +NautilusWindow .linked .button:focus:first-child, +NautilusWindow .linked .button:focus:active:first-child, +NautilusWindow .linked .button:active:first-child, +NautilusWindow .linked .button:active:hover:first-child, +NautilusWindow .linked .button:insensitive:first-child { + padding: 2px 2px; +} + +/* frame icons nautilus view */ +NautilusView.frame { + border-top-width: 0; + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; + box-shadow: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_base_color, 1.00)), + to (shade(@theme_base_color, 1.00))); +} + +NautilusWindow .notebook { + -GtkNotebook-initial-gap: 0; + background-color: @theme_base_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_base_color, 1.00)), + to (shade(@theme_base_color, 1.00))); + border-width: 0px; + border-style: none; + border-left-style: none; + border-right-style: none; + border-radius: 0px; + border-top-color: shade(@notebook_border, 1.00); + border-left-color: @transparent; + border-bottom-color: @transparent; + border-right-color: @transparent; + box-shadow: none; +} + +NautilusWindow .notebook tab { + border-width: 0px 1px; + border-style: solid; + border-color: shade(@notebook_border, 1.00); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@sidebar_background, 0.90)), + color-stop (0.15, shade(@sidebar_background, 1.00)), + to (shade(@sidebar_background, 1.00))); + box-shadow: inset 0px 1px alpha(#000, 0.08), + inset 1px 0px alpha(#000, 0.04), + inset -1px 0px alpha(#000, 0.04), + inset 0px -1px shade(@notebook_border, 1.00); +} + +NautilusWindow .notebook tab:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_base_color, 0.90)), + color-stop (0.15, shade(@theme_base_color, 1.00)), + to (shade(@theme_base_color, 1.00))); + border-image: none; + border-left-color: shade(@notebook_border, 1.00); + border-right-color: shade(@notebook_border, 1.00); + box-shadow: inset 0px 1px alpha(#000, 0.08), + inset 1px 0px alpha(#fff, 0.04), + inset -1px 0px alpha(#fff, 0.04); +} + +NautilusWindow .notebook tab.top { + padding: 1px 6px; +} + +NautilusWindow .notebook tab:first-child, +NautilusWindow .notebook tab:first-child:active { + border-width: 0px 1px 0px 0px; + border-radius: 0px; +} + +NautilusWindow .notebook tab:last-child, +NautilusWindow .notebook tab:last-child:active { + border-width: 0px 0px 0px 1px; + border-radius: 0px; +} + +NautilusWindow .notebook tab GtkLabel { + padding: 0px; + color: @theme_text_color; + text-shadow: 0px 1px @theme_shadow_color; +} + +NautilusWindow .notebook tab .button GtkImage { + border-radius: 3px; + color: mix(@theme_fg_color, @sidebar_background, 0.30); + border-style: solid; + border-color: transparent; + border-width: 1px; + padding: 0; + icon-shadow: 1px 1px @theme_shadow_color; +} + +NautilusWindow .notebook tab .button GtkImage:hover { + color: @theme_fg_color; + border-color: alpha(black, 0.1); +} + +NautilusWindow .notebook tab .button GtkImage:active, +NautilusWindow .notebook tab .button GtkImage:active:hover { + background-color: alpha(black, 0.15); + color: shade(@theme_fg_color, 1.00); + icon-shadow: 0px 1px @theme_shadow_color; + border-color: alpha(black, 0.27) + alpha(black, 0.13) + alpha(black, 0.13) + alpha(black, 0.13); +} + +/* nautilus */ +.nautilus-canvas-item { + border-radius: 3px; +} + +/* desktop mode */ +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px black; +} + +.nautilus-desktop.nautilus-canvas-item:active { + background-image: none; + color: @theme_text_color; +} + +.nautilus-desktop.nautilus-canvas-item:selected { + color: @theme_selected_fg_color; +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { + text-shadow: none; +} + +/* Documents */ +gnome_control_center GtkScrolledWindow.frame, +GnomeControlCenter GtkScrolledWindow.frame, +.documents-scrolledwin.frame { + border-width: 0px; + border-radius: 0; +} + +.documents-counter { + background-image: url('assets/dnd-counter.svg'); + background-size: contain; + background-color: transparent; + color: @theme_base_color; + font: bold; +} + +RemminaConnectionWindow .toolbar, +RemminaMain .toolbar { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 1.00)), + to (shade(@theme_bg_dark_color, 0.95))); +} + +RemminaMain .toolbar { + border-bottom-color: shade(@theme_bg_dark_color, 0.73); + border-image: none; +} + +RemminaConnectionWindow .toolbar { + border-width: 0px; + border-style: none; + border-image: none; +} + +ApDocView, /* Abiword */ +EogScrollView, /* Eog */ +CheeseThumbView /* Cheese */ +{ + background-color: @chrome_bg_color; + -EogScrollView-shadow-type: none; +} + +/* dconf editor sidebar */ +DConfDirView.view { + background-color: shade (@theme_bg_color, 1.08); +} + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-dark.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-dark.css deleted file mode 100644 index 803f427c..00000000 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,55 +0,0 @@ -/* dark colourmap */ -@define-color theme_bg_color #2B3539; -@define-color theme_fg_color #EEEFF0; -@define-color theme_base_color #2F393D; -@define-color theme_text_color #E4E5E6; -@define-color theme_selected_bg_color #255880; -@define-color theme_selected_fg_color #FFF; -@define-color theme_tooltip_bg_color #DBF4FF; -@define-color theme_tooltip_fg_color #000; - -/* misc colors used by gtk+ */ -@define-color info_fg_color rgb (181, 171, 156); -@define-color info_bg_color rgb (252, 252, 189); -@define-color warning_fg_color rgb (173, 120, 41); -@define-color warning_bg_color rgb (250, 173, 61); -@define-color question_fg_color rgb (97, 122, 214); -@define-color question_bg_color rgb (138, 173, 212); -@define-color error_fg_color rgb (166, 38, 38); -@define-color error_bg_color rgb (237, 54, 54); -@define-color link_color #00CC85; -@define-color error_color #cc0000; - -/* theme common colors */ -@define-color button_bg_color shade (@theme_bg_color, 1.06); -@define-color button_insensitive_bg_color shade (@theme_bg_color, 0.95); -@define-color dark_bg_color #1F2427; -@define-color dark_fg_color #E4E5E6; -@define-color transparent rgba (0, 0, 0, 0); - -@define-color backdrop_selected_bg_color shade (@theme_selected_bg_color, 1.12); -@define-color backdrop_selected_fg_color @theme_selected_fg_color; - -/* Zukitwo colors */ -@define-color toolbar_gradient_base #2B3539; -@define-color toolbar_gradient_final #202A2E; -@define-color toolbar_border #1B2529; -@define-color menubar_color @dark_bg_color; - -/* WM colors */ -@define-color wm_title @dark_fg_color; -@define-color wm_highlight shade (@menubar_color, 1.5); -@define-color wm_title_highlight shade (@menubar_color, 1.5); - -@define-color wm_bg_a shade (@menubar_color, 1.4); -@define-color wm_bg_b @menubar_color; - -@import url("gtk-widgets.css"); -@import url("apps/gedit.css"); -@import url("apps/gnome-panel.css"); -@import url("apps/gnome-terminal.css"); -@import url("apps/nautilus.css"); -@import url("apps/nemo.css"); -@import url("apps/unity.css"); -@import url("apps/popover.css"); -@import url("apps/epiphany.css"); diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets-assets.css new file mode 100644 index 00000000..d5fd3cb1 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets-assets.css @@ -0,0 +1,281 @@ +/************************* + * Check and Radio items * + *************************/ + +.check, +.view.cell.check, +.check row:selected, +.check row:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png")); +} + +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png")); + background-color: transparent; +} + +.check:active, +.view.cell.check:active, +.check row:selected:active, +.check row:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png")); + +} + +.check:active:insensitive, +.check row:selected:active:insensitive, +.check row:selected:focus:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png")); + background-color: transparent; +} + +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png")); + +} + +.check:inconsistent:insensitive, +.check row:selected:inconsistent:insensitive, +.check row:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png")); + +} + +.radio, +.view.cell.radio, +.radio row:selected, +.radio row:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected.png")); +} + +.radio:insensitive, +.radio row:selected:insensitive, +.radio row:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-insensitive.png")); +} + +.radio:active, +.view.cell.radio:active, +.radio row:selected:active, +.radio row:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-selected.png")); +} + +.radio:active:insensitive, +.radio row:selected:active:insensitive, +.radio row:selected:focus:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-insensitive.png")); +} + +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png")); + +} + +.radio:inconsistent:insensitive, +.radio row:selected:inconsistent:insensitive, +.radio row:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png")); + background-color: transparent; +} + +.sidebar .view.radio:active, +.sidebar .view.radio:active:focus, +.sidebar .view.radio:active:hover { + -gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-checked.svg")); +} + +.sidebar .view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-prelight.svg")); +} + +.sidebar .view.radio:active:selected, +.sidebar .view.radio:active:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-selected.svg")); +} + +.sidebar .view.radio:selected:hover, +.sidebar .view.radio:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-selected-prelight.svg")); +} + + +/* Now draw menu check and radio items */ + +.menuitem.radio:hover, +.menuitem.radio:insensitive, +.menuitem.check:hover, +.menuitem.check:insensitive { + background-color: transparent; + background: none; + border-style: none; + border-image: none; +} + +.menuitem.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-unselected.svg")); +} + +.menuitem.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-checked.svg")); +} + +.menuitem.radio:active:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-checked-prelight.svg")); +} + +.menuitem.radio:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-checked-insensitive.svg")); +} + +.menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-mixed.svg")); +} + +.menuitem.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-mixed-prelight.svg")); +} + +.menuitem.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-mixed-insensitive.svg")); +} + +.menuitem.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-unchecked.svg")); +} + +.menuitem.check:active{ + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-checked.svg")); +} + +.menuitem.check:active:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-checked-prelight.svg")); +} + +.menuitem.check:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-checked-insensitive.svg")); +} + +.menuitem.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-mixed.svg")); +} + +.menuitem.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-mixed-prelight.svg")); +} + +.menuitem.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-mixed-insensitive.svg")); +} + +.primary-toolbar GtkComboBox.combobox-entry .button, +GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:nth-child(last), +GtkComboBox.combobox-entry .button:nth-child(last) { + +} + +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:hover:active, +GtkComboBox.combobox-entry .button:active, +GtkComboBox.combobox-entry .button:hover:active, +.primary-toolbar GtkComboBox.combobox-entry .button:active:nth-child(last), +.primary-toolbar GtkComboBox.combobox-entry .button:hover:active:nth-child(last), +GtkComboBox.combobox-entry .button:active:nth-child(last), +GtkComboBox.combobox-entry .button:hover:active:nth-child(last) { + +} + +/* for RTL languages */ +.primary-toolbar GtkComboBox.combobox-entry .button:nth-child(first), +GtkComboBox.combobox-entry .button:nth-child(first) { + +} + +.primary-toolbar GtkComboBox.combobox-entry .button:active:nth-child(first), +.primary-toolbar GtkComboBox.combobox-entry .button:hover:active:nth-child(first), +GtkComboBox.combobox-entry .button:active:nth-child(first), +GtkComboBox.combobox-entry .button:hover:active:nth-child(first) { + +} + +GtkScale.trough, +GtkScale.trough.horizontal { + +} + +GtkScale.trough.vertical { + +} + + +GtkScale.progressbar.horizontal { + +} + +GtkScale.progressbar.vertical { + +} + +GtkScale.slider, +GtkScale.slider.horizontal, +GtkScale.slider.horizontal:hover { + background-image: url("assets/scale-slider-hor.svg"); +} + +GtkScale.slider:insensitive, +GtkScale.slider.horizontal:insensitive { + background-image: url("assets/scale-slider-insensitive-hor.svg"); +} + +GtkScale.slider.vertical { + background-image: url("assets/scale-slider-ver.svg"); +} + +GtkScale.slider.vertical:insensitive { + background-image: url("assets/scale-slider-insensitive-ver.svg"); +} + +GtkScale.scale-has-marks-above.slider.horizontal, +GtkScale.scale-has-marks-above.slider.horizontal:hover { + background-image: url("assets/scale-slider-marks-above-horizontal.svg"); +} + +GtkScale.scale-has-marks-above.slider.horizontal:insensitive { + background-image: url("assets/scale-slider-marks-above-horizontal-insensitive.svg"); +} + +GtkScale.scale-has-marks-above.slider.vertical { + background-image: url("assets/scale-slider-marks-above-vertical.svg"); +} + +GtkScale.scale-has-marks-above.slider.vertical:insensitive { + background-image: url("assets/scale-slider-marks-above-vertical-insensitive.svg"); +} + +GtkScale.scale-has-marks-below.slider.horizontal, +GtkScale.scale-has-marks-below.slider.horizontal:hover { + background-image: url("assets/scale-slider-marks-below-horizontal.svg"); +} + +GtkScale.scale-has-marks-below.slider.horizontal:insensitive { + background-image: url("assets/scale-slider-marks-below-horizontal-insensitive.svg"); +} + +GtkScale.scale-has-marks-below.slider.vertical { + background-image: url("assets/scale-slider-marks-below-vertical.svg"); +} + +GtkScale.scale-has-marks-below.slider.vertical:insensitive { + background-image: url("assets/scale-slider-marks-below-vertical-insensitive.svg"); +} + + + + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css index dc685961..7fcaae69 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css @@ -1,3086 +1,4613 @@ -/* default */ -* { - -GtkArrow-arrow-scaling: 0.7; - -GtkButton-child-displacement-x: 1; - -GtkButton-child-displacement-y: 1; - -GtkButton-default-border: 0; - -GtkButton-image-spacing: 0; - -GtkButton-interior-focus: true; - -GtkButton-inner-border: 3; - -GtkButtonBox-child-min-height: 26; - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 14; - -GtkComboBox-arrow-scaling: 0.75; - -GtkExpander-expander-size: 8; - -GtkHTML-link-color: @link_color; - -GtkIMHtml-hyperlink-color: @link_color; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkMenuBar-internal-padding: 0; - -GtkMenuItem-arrow-scaling: 0.7; - -GtkNotebook-tab-overlap: 1; - -GtkPaned-handle-size: 6; - -GtkProgressBar-min-horizontal-bar-height: 10; - -GtkProgressBar-min-vertical-bar-width: 10; - -GtkRange-trough-border: 1; - -GtkRange-slider-width: 11; - -GtkRange-stepper-size: 13; - -GtkRange-trough-under-steppers: 1; - -GtkRange-stepper-spacing: 0; - -GtkScale-trough-border: 0; - -GtkScrollbar-activate-slider: 1; - -GtkScrollbar-trough-border: 0; - -GtkScrollbar-slider-width: 11; - -GtkScrollbar-min-slider-length: 31; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkSeparatorMenuItem-horizontal-padding: 0; - -GtkStatusbar-shadow-type: none; - -GtkTextView-error-underline-color: @error_color; - -GtkToolButton-icon-spacing: 4; - -GtkToolItemGroup-expander-size: 11; - -GtkToolbar-internal-padding: 0; - -GtkTreeView-expander-size: 6; - -GtkTreeView-vertical-separator: 1; - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 2px; - -GtkWidget-separator-height: 2; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0px; - -GtkWidget-link-color: @link_color; - -GtkWidget-visited-link-color: @link_color; - -GtkWindow-resize-grip-default: true; - -GtkWindow-resize-grip-width: 16; - -GtkWindow-resize-grip-height: 16; - -WnckTasklist-fade-overlay-rect: 0; - - border-width: 1px; - border-color: shade (@theme_bg_color, 0.8); - - engine: unico; - - -unico-focus-border-color: alpha (@theme_selected_bg_color, 0.5); - -unico-focus-border-radius: 3; - -unico-focus-fill-color: alpha (@theme_selected_bg_color, 0.1); - -unico-focus-outer-stroke-color: @transparent; - - -unico-inner-stroke-color: shade (@theme_bg_color, 1.1); - -unico-inner-stroke-width: 0; -} - -GtkWindow { - color: @theme_fg_color; -} - -/*************** - * Base States * - ***************/ - -.background { - color: @theme_fg_color; - background-color: @theme_bg_color; -} - -.background:backdrop { - text-shadow: none; - icon-shadow: none; -} - -*:insensitive { - color: shade (@theme_bg_color, 0.6); - text-shadow: 0px 1px alpha (shade (@theme_bg_color, 1.25), 0.5); -} - -*:active { -} - -*:active:hover:insensitive { -} - -*:active:insensitive { -} - -*:hover { -} - -*:hover:insensitive { -} - -*:selected, -*:selected:focused { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -*:selected:backdrop, -*:selected:focused:backdrop { - background-color: @backdrop_selected_bg_color; - color: @backdrop_selected_fg_color; -} - -.dnd { - border-width: 1px; - border-style: solid; - border-color: @theme_selected_bg_color; - border-radius: 0px; - - -unico-outer-stroke-color: transparent; - -unico-outer-stroke-width: 1px; -} - -/****************** - * common effects * - ******************/ -/* border and inner stroke */ -.button, -.frame { - border-style: solid; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.7)), - to (shade (@theme_bg_color, 0.7))); -} - -.frame { - -unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.26), 0.2); - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1px; -} - -.button:insensitive, -.frame:insensitive { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.8)), - to (shade (@theme_bg_color, 0.8))); -} - -/* inset */ -GtkComboBox.combobox-entry .button, -.button:active, -.button:insensitive, -.check, -.entry, -.radio { - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.85), 0.2)), - to (alpha (shade (@theme_bg_color, 1.18), 0.6))); - -unico-outer-stroke-width: 1px; -} - -/* shadow */ -.button, -.check:active, -.frame, -.radio:active { - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.05), 0.05)), - to (alpha (shade (@theme_bg_color, 0.05), 0.09))); - -unico-outer-stroke-width: 1px; -} - -/************* - * assistant * - *************/ -GtkAssistant .sidebar .highlight { - color: @theme_fg_color; - font: bold; -} - -GtkAssistant .sidebar { - background-color: shade (@theme_bg_color, 0.97); - border-right-color: shade (@theme_bg_color, 0.8); - border-radius: 0; - border-style: solid; - border-width: 0 1px 0 0; - padding: 12px; - - color: mix (@theme_fg_color, @theme_bg_color, 0.40); - text-shadow: 0px 1px shade (@theme_bg_color, 1.04); - - -unico-border-gradient: none; - -unico-inner-stroke-right-color: shade (@theme_bg_color, 0.94); - -unico-inner-stroke-width: 0 1px 0 0; - -unico-outer-stroke-width: 0; -} - -/************** - * background * - **************/ -.background { - background-color: @theme_bg_color; - border-width: 0; -} - -/********** - * button * - **********/ -.button { - padding: 3px; - transition: all 200ms ease-out; - -unico-focus-border-color: alpha (@theme_selected_bg_color, 0.7); - -unico-focus-fill-color: @transparent; - -unico-focus-outer-stroke-color: alpha (@theme_selected_bg_color, 0.2); -} - -GtkComboBox, -.button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - border-radius: 2px; - border-style: solid; - - color: @theme_fg_color; - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.7)), - to (shade (@theme_bg_color, 0.6))); - -unico-glow-color: shade (@button_bg_color, 1.14); - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@button_bg_color, 1.11); - -unico-inner-stroke-width: 1px 1px 0 1px; -} - -.button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.04))); -} - -.button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.9)), - to (shade (@theme_bg_color, 0.85))); - - -unico-focus-outer-stroke-color: @transparent; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.6)), - to (shade (@theme_bg_color, 0.6))); - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@theme_bg_color, 0.8); - -unico-inner-stroke-width: 1px 1px 0 1px; -} - -.button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.95)), - to (shade (@theme_bg_color, 0.9))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.6)), - to (shade (@theme_bg_color, 0.6))); - -unico-inner-stroke-color: shade (@theme_bg_color, 0.85); -} - -.button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.04)), - to (shade (@button_insensitive_bg_color, 0.98))); - - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.7)), - to (shade (@button_insensitive_bg_color, 0.8))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.1)), - to (shade (@button_insensitive_bg_color, 1.1))); - -unico-inner-stroke-width: 1px 1px 0 1px; -} - -.button:insensitive:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.0)), - to (shade (@button_insensitive_bg_color, 0.97))); - - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.95)), - to (shade (@button_insensitive_bg_color, 0.98))); -} - -GtkComboBox.combobox-entry .button, -.inline-toolbar.toolbar .button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - border-top-color: shade (@theme_bg_color, 0.82); - border-right-color: shade (@theme_bg_color, 0.78); - border-bottom-color: shade (@theme_bg_color, 0.64); - border-left-color: shade (@theme_bg_color, 0.78); - padding: 1px; - - text-shadow: 0px 1px alpha (shade (@theme_bg_color, 1.26), 0.5); - - -unico-glow-color: shade (@theme_bg_color, 1.02); - -unico-border-gradient: none; - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@theme_bg_color, 1.9); -} - -GtkComboBox.combobox-entry .button:hover, -.inline-toolbar.toolbar .button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.04))); - border-top-color: shade (@theme_bg_color, 0.85); - border-right-color: shade (@theme_bg_color, 0.82); - border-bottom-color: shade (@theme_bg_color, 0.67); - border-left-color: shade (@theme_bg_color, 0.82); - - -unico-border-gradient: none; - -unico-glow-color: shade (@theme_bg_color, 1.07); - -unico-inner-stroke-color: shade (@theme_bg_color, 1.9); -} - -GtkComboBox.combobox-entry .button:active, -.inline-toolbar.toolbar .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.9)), - to (shade (@theme_bg_color, 0.85))); - border-top-color: shade (@theme_bg_color, 0.62); - border-right-color: shade (@theme_bg_color, 0.72); - border-bottom-color: shade (@theme_bg_color, 0.76); - border-left-color: shade (@theme_bg_color, 0.72); - - -unico-border-gradient: none; - -unico-inner-stroke-color: shade (@theme_bg_color, 0.8); -} - -GtkComboBox.combobox-entry .button:active:hover, -.inline-toolbar.toolbar .button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.95)), - to (shade (@theme_bg_color, 0.9))); - border-top-color: shade (@theme_bg_color, 0.64); - border-right-color: shade (@theme_bg_color, 0.74); - border-bottom-color: shade (@theme_bg_color, 0.79); - border-left-color: shade (@theme_bg_color, 0.74); - - -unico-border-gradient: none; - -unico-inner-stroke-color: shade (@theme_bg_color, 0.85); -} - -GtkComboBox.combobox-entry .button:insensitive, -.inline-toolbar.toolbar .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.04)), - to (shade (@button_insensitive_bg_color, 0.98))); - border-top-color: shade (@theme_bg_color, 0.86); - border-right-color: shade (@theme_bg_color, 0.86); - border-bottom-color: shade (@theme_bg_color, 0.86); - border-left-color: shade (@theme_bg_color, 0.9); - - -unico-border-gradient: none; - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.1)), - to (shade (@button_insensitive_bg_color, 1.1))); -} - -/* default button */ -.button.default { - background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 3.1), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 2.6), @theme_bg_color, 0.3))); - - text-shadow: 0px 1px alpha (shade (@theme_selected_bg_color, 1.26), 0.4); - - -unico-focus-border-color: @transparent; - -unico-focus-outer-stroke-color: alpha (@theme_selected_bg_color, 0.2); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.7), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.54), @theme_bg_color, 0.3))); - -unico-glow-color: mix (shade (@theme_selected_bg_color, 1.5), @theme_bg_color, 0.3); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 1.38), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 1.24), @theme_bg_color, 0.3))); - -unico-inner-stroke-width: 1px 1px 0 1px; -} - -.button.default:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 3.15), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 2.65), @theme_bg_color, 0.3))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.7), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.54), @theme_bg_color, 0.3))); - -unico-glow-color: mix (shade (@theme_selected_bg_color, 1.5), @theme_bg_color, 0.3); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 1.38), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 1.24), @theme_bg_color, 0.3))); -} - -.button.default:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.9), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.8), @theme_bg_color, 0.3))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.7), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.7), @theme_bg_color, 0.3))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.77), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.77), @theme_bg_color, 0.3))); -} - -.button.default:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.98), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.88), @theme_bg_color, 0.3))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.7), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.7), @theme_bg_color, 0.3))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_selected_bg_color, 0.82), @theme_bg_color, 0.3)), - to (mix (shade (@theme_selected_bg_color, 0.82), @theme_bg_color, 0.3))); -} - -.button.default:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@theme_bg_color, 0.95), @theme_bg_color, 0.3)), - to (mix (shade (@theme_bg_color, 0.95), @theme_bg_color, 0.3))); - -unico-glow-radius: 0; - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.08)), - to (shade (@button_insensitive_bg_color, 1.0))); -} - -/* Middle button */ -.linked .entry, -.linked .button, -.linked .button:active, -.linked .button:active:hover, -.linked .button:insensitive, -.primary-toolbar .linked .entry, -.primary-toolbar .linked .button, -.primary-toolbar .linked .button:active, -.primary-toolbar .linked .button:active:hover, -.primary-toolbar .linked .button:insensitive { - border-width: 1px; - border-right-width: 0; - - border-radius: 0; - - -unico-outer-stroke-width: 1px 0 1px 0; -} - -/* Leftmost button */ -.linked .entry:first-child, -.linked .button:first-child, -.linked .button:active:first-child, -.linked .button:active:hover:first-child, -.linked .button:insensitive:first-child, -.primary-toolbar .linked .entry:first-child, -.primary-toolbar .linked .button:first-child, -.primary-toolbar .linked .button:active:first-child, -.primary-toolbar .linked .button:active:hover:first-child, -.primary-toolbar .linked .button:insensitive:first-child { - border-width: 1px; - border-right-width: 0; - - border-radius: 2px; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - - -unico-outer-stroke-width: 1px 0 1px 1px; -} - -/* Rightmost button */ -.linked .entry:last-child, -.linked .button:last-child, -.linked .button:active:last-child, -.linked .button:active:hover:last-child, -.linked .button:insensitive:last-child, -.primary-toolbar .linked .entry:last-child, -.primary-toolbar .linked .button:last-child, -.primary-toolbar .linked .button:active:last-child, -.primary-toolbar .linked .button:active:hover:last-child, -.primary-toolbar .linked .button:insensitive:last-child { - border-width: 1px; - - border-radius: 2px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - - -unico-outer-stroke-width: 1px 1px 1px 0; -} - -/* Linked single button */ -.linked .entry:only-child, -.linked .button:only-child, -.linked .button:active:only-child, -.linked .button:active:hover:only-child, -.linked .button:insensitive:only-child, -.primary-toolbar .linked .entry:only-child, -.primary-toolbar .linked .button:only-child, -.primary-toolbar .linked .button:active:only-child, -.primary-toolbar .linked .button:active:hover:only-child, -.primary-toolbar .linked .button:insensitive:only-child { - border-width: 1px; - - border-radius: 2px; - - -unico-outer-stroke-width: 1px; -} - -/**************** - * cell and row * - ****************/ -.cell { - background-color: @theme_base_color; - border-radius: 0; - border-width: 0; -} - -.cell:selected { -} - -row:hover { -} - -row:insensitive { -} - -row:selected, -row:selected:focused { - border-width: 1px 0 0 0; - border-style: solid; - border-color: shade (@theme_selected_bg_color, 0.85); - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 1.0)), - to (shade (@theme_selected_bg_color, 0.85))); -} - -row:selected:backdrop, -row:selected:focused:backdrop { - border-width: 1px 0 0 0; - border-style: solid; - border-color: @backdrop_selected_bg_color; - background-image: -gtk-gradient (linear,left top, left bottom, - from (shade (@backdrop_selected_bg_color, 1.08)), - to (shade (@backdrop_selected_bg_color, 0.98))); -} - -/************************* - * Check and Radio items * - *************************/ - -/* draw regular check and radio items using our SVG assets */ -.check, -.view.cell.check { - background-image: url("assets/check-normal.png"); - background-repeat: no-repeat; - background-position: center; -} - -.check row:selected, -.check row:selected:focus { - background-image: url("assets/check-normal.png"); -} - -.check:insensitive { - background-image: url("assets/check-normal-ins.png"); -} - -.check row:insensitive { - background-color: transparent; -} - -.check row:selected:insensitive, -.check row:selected:focus:insensitive { - background-color: transparent; - background-image: url("assets/check-normal-ins.png"); -} - -.check:active, -.view.cell.check:active { - background-image: url("assets/check-active.png"); -} - -.check row:selected:active, -.check row:selected:focus:active { - background-image: url("assets/check-active.png"); -} - -.check:active:insensitive { - background-image: url("assets/check-active-ins.png"); -} - -.check row:selected:active:insensitive, -.check row:selected:focus:active:insensitive { - background-image: url("assets/check-active-ins.png"); -} - -.check:inconsistent { - background-image: url("assets/check-mixed-active.png"); -} - -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { - background-image: url("assets/check-mixed-active.png"); -} - -.check:inconsistent:insensitive { - background-image: url("assets/check-mixed-active-ins.png"); -} - -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { - background-image: url("assets/check-mixed-active-ins.png"); -} - -.radio, -.view.cell.radio { - background-image: url("assets/radio-normal.png"); - background-repeat: no-repeat; - background-position: center; -} - -.radio row:selected, -.radio row:selected:focus { - background-image: url("assets/radio-normal.png"); -} - -.radio:insensitive { - background-image: url("assets/radio-normal-ins.png"); -} - -.radio row:insensitive { - background-color: transparent; -} - -.radio row:selected:insensitive, -.radio row:selected:focus:insensitive { - background-image: url("assets/radio-normal-ins.png"); -} - -.radio:active, -.view.cell.radio:active { - background-image: url("assets/radio-active.png"); -} - -.radio row:selected:active, -.radio row:selected:focus:active { - background-image: url("assets/radio-active.png"); -} - -.radio:active:insensitive { - background-image: url("assets/radio-active-ins.png"); -} - -.radio row:selected:active:insensitive, -.radio row:selected:focus:active:insensitive { - background-image: url("assets/radio-active-ins.png"); -} - -.radio:inconsistent { - background-image: url("assets/radio-mixed-active.png"); -} - -.radio row:selected:inconsistent, -.radio row:selected:focus:inconsistent { - background-image: url("assets/radio-mixed-active.png"); -} - -.radio:inconsistent:insensitive { - background-image: url("assets/radio-mixed-active-ins.png"); -} - -.radio row:selected:inconsistent:insensitive, -.radio row:selected:focus:inconsistent:insensitive { - background-image: url("assets/radio-mixed-active-ins.png"); -} - -.sidebar .view.radio:active, -.sidebar .view.radio:active:focus, -.sidebar .view.radio:active:hover { - background-image: url("assets/sidebar-radio-checked.svg"); -} - -.sidebar .view.radio:hover { - background-image: url("assets/sidebar-radio-prelight.svg"); -} - -.sidebar .view.radio:active:selected, -.sidebar .view.radio:active:selected:focus { - background-image: url("assets/sidebar-radio-selected.svg"); -} - -.sidebar .view.radio:selected:hover, -.sidebar .view.radio:selected:focus { - background-image: url("assets/sidebar-radio-selected-prelight.svg"); -} - -/***************** - * column-header * - *****************/ -column-header .button, -column-header .button:active { - -GtkButton-inner-border: 0; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color,1.1)), - to (shade (@theme_bg_color,1.0))); - border-radius: 0; - border-width: 0; - - -unico-focus-border-radius: 0; - -unico-focus-border-color: @transparent; - -unico-focus-fill-color: alpha (@theme_selected_bg_color, 0.2); - -unico-focus-outer-stroke-color: @transparent; - - -unico-glow-radius: 0; - -unico-outer-stroke-width: 0; -} - -column-header .button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color,1.1)), - to (shade (@theme_bg_color,1.0))); - - text-shadow: 0px 1px alpha (shade (@theme_bg_color, 1.25), 0.4); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color,1.1)), - to (shade (@theme_bg_color,1.0))); - -unico-glow-color: shade (@theme_bg_color, 1.02); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color,1.2)), - to (shade (@theme_bg_color,0.94))); - -unico-inner-stroke-width: 1px 0 1px 0; - border-width: 0; -} - -column-header .button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color,1.2)), - to (shade (@theme_bg_color,1.1))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color,1.1)), - to (shade (@theme_bg_color,1.0))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color,1.24)), - to (shade (@theme_bg_color,0.98))); - -unico-inner-stroke-width: 1px 0 1px 0; -} - -column-header:nth-child(last) .button { - border-width: 0; -} - -/****************** - * combobox entry * - ******************/ -.primary-toolbar GtkComboBox.combobox-entry .entry, -.primary-toolbar GtkComboBox.combobox-entry .entry:active, -.primary-toolbar GtkComboBox.combobox-entry .entry:focused, -.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, -GtkComboBox.combobox-entry .entry, -GtkComboBox.combobox-entry .entry:active, -GtkComboBox.combobox-entry .entry:focused, -GtkComboBox.combobox-entry .entry:insensitive { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-width: 1px 0 1px 1px; - - -unico-outer-stroke-width: 1px 0 1px 1px; -} - -.primary-toolbar GtkComboBox.combobox-entry .button, -.primary-toolbar GtkComboBox.combobox-entry .button:hover, -.primary-toolbar GtkComboBox.combobox-entry .button:active, -.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, -GtkComboBox.combobox-entry .button, -GtkComboBox.combobox-entry .button:hover, -GtkComboBox.combobox-entry .button:active, -GtkComboBox.combobox-entry .button:insensitive { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-width: 1px 1px 1px 1px; - - -unico-outer-stroke-width: 1px 1px 1px 0; -} - -GtkComboBox.combobox-entry .button, -GtkComboBox.combobox-entry .button:hover, -GtkComboBox.combobox-entry .button:active, -GtkComboBox.combobox-entry .button:insensitive { - border-top-color: shade (@theme_bg_color, 0.64); - border-right-color: shade (@theme_bg_color, 0.8); - border-bottom-color: shade (@theme_bg_color, 0.86); - border-left-color: shade (@theme_bg_color, 0.76); -} - -GtkComboBox { - padding: 1px 1px 0; -} - -GtkComboBox .button { - padding: 2px; -} - -GtkComboBox .separator { - border-width: 0; -} - -/**************** - * drawing area * - ****************/ -/* -GtkDrawingArea { - background-color: @transparent; -} -*/ - -/********* - * entry * - *********/ -.entry { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_base_color, 0.98)), - to (@theme_base_color)); - background-color: @theme_base_color; /* Fix for Opera */ - border-top-color: shade (@theme_bg_color, 0.64); - border-right-color: shade (@theme_bg_color, 0.76); - border-bottom-color: shade (@theme_bg_color, 0.82); - border-left-color: shade (@theme_bg_color, 0.76); - border-radius: 2px; - border-style: solid; - padding: 4px 5px 4px 5px; - - color: @theme_text_color; - - -unico-border-gradient: none; - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.05), 0.04)), - to (alpha (shade (@theme_bg_color, 0.05), 0.02))); - -unico-inner-stroke-width: 1px; -} - -.entry:selected, -.entry:selected:focused { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.entry:focused { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 0.75)), - to (shade (@theme_selected_bg_color, 0.8))); - -unico-inner-stroke-color: alpha (@theme_selected_bg_color, 0.3); - -unico-inner-stroke-gradient: none; -} - -.entry:insensitive { - background-color: shade (@theme_bg_color, 0.96); - background-image: none; - - color: mix (@theme_text_color, @theme_base_color, 0.4); - - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.05), 0.04)), - to (alpha (shade (@theme_bg_color, 0.05), 0.02))); -} - -.primary-toolbar .entry.progressbar, -.primary-toolbar .entry.progressbar, -.entry.progressbar { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 0.8)), - color-stop (0.1, shade (@theme_selected_bg_color, 0.9)), - to (shade (@theme_selected_bg_color, 1.1))); - border-radius: 2px; - border-width: 0; - - color: @theme_selected_fg_color; - - -unico-outer-stroke-width: 0; -} - -/************ - * expander * - ************/ -.expander { - color: @theme_fg_color; -} - -/********* - * frame * - *********/ -.frame { - border-radius: 2px; - -unico-outer-stroke-width: 0; -} - -/************ - * iconview * - ************/ -GtkIconView.view.cell:selected, -GtkIconView.view.cell:selected:focused { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 1.0)), - to (shade (@theme_selected_bg_color, 0.9))); - border-radius: 2px; - border-style: solid; - border-width: 1px; - - color: @theme_selected_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 0.7)), - to (shade (@theme_selected_bg_color, 0.7))); - -unico-glow-radius: 0; - -unico-glow-color: shade (@theme_selected_bg_color, 1.3); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 1.2)), - to (shade (@theme_selected_bg_color, 1.08))); - -unico-inner-stroke-width: 1px; -} - -.rubberband { - background-color: alpha (@theme_selected_bg_color, 0.35); - border-color: @theme_selected_bg_color; - border-radius: 0; - border-style: solid; - border-width: 1px; -} - -/********* - * image * - *********/ -GtkImage, -GtkImage:insensitive, -GtkLabel, -GtkLabel:insensitive { - background-color: @transparent; -} - -/*********** - * infobar * - ***********/ -.info { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@info_bg_color, 1.04)), - to (shade (@info_bg_color, 0.96))); - border-style: solid; - border-width: 1px; - - color: @info_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@info_bg_color, 0.8)), - to (shade (@info_bg_color, 0.75))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@info_bg_color, 1.1)), - to (shade (@info_bg_color, 1.04))); - -unico-inner-stroke-width: 1px; -} - -.warning { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@warning_bg_color, 1.04)), - to (shade (@warning_bg_color, 0.96))); - border-style: solid; - border-width: 1px; - - color: @warning_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@warning_bg_color, 0.8)), - to (shade (@warning_bg_color, 0.75))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@warning_bg_color, 1.1)), - to (shade (@warning_bg_color, 1.04))); - -unico-inner-stroke-width: 1px; -} - -.question { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@question_bg_color, 1.04)), - to (shade (@question_bg_color, 0.96))); - border-style: solid; - border-width: 1px; - - color: @question_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@question_bg_color, 0.8)), - to (shade (@question_bg_color, 0.75))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@question_bg_color, 1.1)), - to (shade (@question_bg_color, 1.04))); - -unico-inner-stroke-width: 1px; -} - -.error { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@error_bg_color, 1.04)), - to (shade (@error_bg_color, 0.96))); - border-style: solid; - border-width: 1px; - - color: @error_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@error_bg_color, 0.8)), - to (shade (@error_bg_color, 0.75))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@error_bg_color, 1.1)), - to (shade (@error_bg_color, 1.04))); - -unico-inner-stroke-width: 1px; -} - -.view.dim-label, -.dim-label, -.dim-label:hover, -.dim-label:focus { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); -} - -.dim-label:selected, -.dim-label:selected:focus { - color: mix (@theme_selected_fg_color, @theme_base_color, 0.50); -} - -/******** - * menu * - ********/ -.menu { - background-image: none; - background-color: @menubar_color; - color: @theme_fg_color; - border-style: solid; - border-width: 0; - padding: 0; - - -unico-inner-stroke-color: shade (@menubar_color, 0.86); - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1px; -} - -Genericmenuitem .menu, -DbusmenuGtkMenu .menu, -.menubar .menu, -.primary-toolbar .menu { - background-color: @menubar_color; - color: @dark_fg_color; - -unico-inner-stroke-color: shade (@menubar_color, 0.8); -} - -.menu:selected { - background-color: @theme_selected_bg_color; -} - -.menu.button:active, -.menu.button, -.menubar .menu.button:active, -.menubar .menu.button, -.primary-toolbar .menu.button:active, -.primary-toolbar .menu.button { - background-image: none; - background-color: @menubar_color; - border-radius: 0; - border-style: none; - border-width: 1px; - color: @dark_fg_color; - - -unico-border-gradient: none; - -unico-glow-radius: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -.menu.button:hover, -.menu.button:active:hover, -.menubar .menu.button:hover, -.menubar .menu.button:active:hover, -.primary-toolbar .menu.button:hover, -.primary-toolbar .menu.button:active:hover { - background-image: none; - background-color: shade (@menubar_color, 1.18); - border-radius: 0; - border-style: none; - border-width: 1px; - color: @theme_selected_fg_color; - - -unico-border-gradient: none; - -unico-glow-radius: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -.menu.button:active:insensitive, -.menu.button:insensitive, -.menubar .menu.button:active:insensitive, -.menubar .menu.button:insensitive, -.primary-toolbar .menu.button:active:insensitive, -.primary-toolbar .menu.button:insensitive { - background-image: none; - background-color: @menubar_color; - border-radius: 0; - border-style: none; - border-width: 1px; - color: shade (@dark_fg_color, 0.75); - - -unico-border-gradient: none; - -unico-glow-radius: 0; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -/*********** - * menubar * - ***********/ -.menubar { - -GtkWidget-window-dragging: true; - color: @dark_fg_color; - text-shadow: none; - background-image: -gtk-gradient (linear,left top,left bottom, - from (@menubar_color), - to (shade (@menubar_color, 0.85))); - border-width: 0; - border-style: none; -} - -/* FIXME - Could use a separate file for the mess in Epiphany. Why did they use buttons in the menubar in the first place? -.- */ -/* disable for nautilus - raveit65 */ -/*.menubar.button, -.menubar .button { - -unico-focus-border-color: @transparent; - -unico-border-gradient: none; - -unico-outer-stroke-width: 0; - -unico-inner-stroke-width: 0; - border-width: 0; - color: @dark_fg_color; - text-shadow: none; -} - -.menubar.button:hover, -.menubar .button:hover { - color: @theme_fg_color; -} -*/ - -/*************** - * menubaritem * - ***************/ -.menubar.menuitem { - border-radius: 0; - border-width: 1px; - color: @dark_fg_color; -} - -.menubar.menuitem:hover, -.menubar .menuitem:hover { - color: @theme_selected_fg_color; - text-shadow: none; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 1.0)), - to (shade (@theme_selected_bg_color, 0.85))); - border-width: 0px; - border-style: solid; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 1.0)), - to (shade (@theme_selected_bg_color, 0.85))); -} - -/************ - * menuitem * - ************/ -.menuitem { - color: @theme_selected_fg_color; -} - -.menuitem { - padding: 3px; - border-radius: 0; - text-shadow: none; - border-style: solid; - border-width: 0; - color: @dark_fg_color; -/* use @menubar_color instead of theme_selected_bg_color for GTK3-8 to fix dropdown menu color */ - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@menubar_color, 1.0)), - to (shade (@menubar_color, 0.85))); - -unico-bullet-color: @dark_fg_color; -} - -Genericmenuitem .menuitem, -DbusmenuGtkMenu .menuitem, -.menubar .menuitem, -.menu .menuitem, -.primary-toolbar .menuitem { - transition: all 200ms ease-out; - color: @dark_fg_color; - /* menu color fix for GTK3-8 */ - background-image: none; - background-color: @menubar_color; -} - -/* Workaround for lp:949368 */ -GtkComboBox .menuitem * { - color: @dark_fg_color; -} -GtkComboBox .menuitem *:hover { - color: @theme_selected_fg_color; -} - -.menuitem:hover, -.menu .menuitem:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 1.0)), - to (shade (@theme_selected_bg_color, 0.85))); - color: @theme_selected_fg_color; - text-shadow: none; - -unico-bullet-color: @theme_selected_fg_color; - border-style: solid; - border-width: 0; -} - -.menuitem.check, -.menuitem.radio, -.menuitem.check:hover, -.menuitem.radio:hover, -.menuitem.check:insensitive, -.menuitem.radio:insensitive { - background-image: none; - background-color: transparent; -} - -.menuitem.check:active, -.menuitem.radio:active { - background-color: transparent; -} - -.menuitem.check:active { - background-image: url("assets/menuitem-checkbox-checked.svg"); -} - -.menuitem.check:active:hover { - background-image: url("assets/menuitem-checkbox-checked-selected.svg"); -} - -.menuitem.check:active:insensitive { - background-image: url("assets/menuitem-checkbox-checked-insensitive.svg"); -} - -.menuitem.check:inconsistent, -.menuitem.radio:inconsistent { - background-image: url("assets/menuitem-checkbox-mixed.svg"); -} - -.menuitem.check:inconsistent:insensitive, -.menuitem.radio:inconsistent:insensitive { - background-image: url("assets/menuitem-checkbox-mixed-insensitive.svg"); -} - -.menuitem.check:inconsistent:hover, -.menuitem.radio:inconsistent:hover { - background-image: url("assets/menuitem-checkbox-mixed-selected.svg"); -} - -.menuitem.radio:active { - background-image: url("assets/menuitem-radio-checked.svg"); -} - -.menuitem.radio:active:hover { - background-image: url("assets/menuitem-radio-checked-selected.svg"); -} - -.menuitem.radio:active:insensitive { - background-image: url("assets/menuitem-radio-checked-insensitive.svg"); -} - -Genericmenuitem .menuitem:insensitive, -Genericmenuitem .menuitem *:insensitive, -DbusmenuGtkMenu .menuitem:insensitive, -DbusmenuGtkMenu .menuitem *:insensitive, -.menubar .menuitem:insensitive, -.menubar .menuitem *:insensitive, -.primary-toolbar .menuitem:insensitive, -.primary-toolbar .menuitem *:insensitive { - color: mix (@theme_fg_color, @theme_bg_color, 0.5); -} - -Genericmenuitem .menuitem.check:active, -Genericmenuitem .menuitem.radio:active, -DbusmenuGtkMenu .menuitem.check:active, -DbusmenuGtkMenu .menuitem.radio:active, -.menubar .menuitem.check:active, -.menubar .menuitem.radio:active, -.primary-toolbar .menuitem.check:active, -.primary-toolbar .menuitem.radio:active { - color: @dark_fg_color; - -unico-bullet-color: @dark_fg_color; -} - -.menuitem.check:active:hover, -.menuitem.radio:active:hover { - color: @theme_selected_fg_color; - -unico-bullet-color: @theme_selected_fg_color; -} - -.menubar .menuitem GtkCalendar, -.menubar .menuitem GtkCalendar.button, -.menubar .menuitem GtkCalendar.header, -.menubar .menuitem GtkCalendar.view, -.primary-toolbar .menuitem GtkCalendar, -.primary-toolbar .menuitem GtkCalendar.button, -.primary-toolbar .menuitem GtkCalendar.header, -.primary-toolbar .menuitem GtkCalendar.view { - background-color: @menubar_color; - background-image: none; - border-radius: 0; - border-style: solid; - border-width: 0; - padding: 0; - color: @dark_fg_color; -} - -.menubar .menuitem GtkCalendar, -.primary-toolbar .menuitem GtkCalendar { - background-color: shade (@menubar_color, 1.2); - background-image: none; -} - -.menubar .menuitem .entry, -.primary-toolbar .menuitem .entry { - background-color: shade (@theme_bg_color, 1.0); - background-image: none; - - color: @theme_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.75)), - to (shade (@theme_bg_color, 0.9))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.98)), - to (shade (@theme_bg_color, 1.1)));; -} - -Genericmenuitem .menuitem .accelerator, -DbusmenuGtkMenu .menuitem .accelerator, -.menubar .menuitem .accelerator, -.primary-toolbar .menuitem .accelerator { - color: alpha (@theme_selected_fg_color, 0.6); -} - -Genericmenuitem .menuitem .accelerator:hover, -DbusmenuGtkMenu .menuitem .accelerator:hover, -.menubar .menuitem .accelerator:hover, -.primary-toolbar .menuitem .accelerator:hover { - color: alpha (@theme_selected_fg_color, 0.8); -} - -Genericmenuitem .menuitem .accelerator:insensitive, -DbusmenuGtkMenu .menuitem .accelerator:insensitive, -.menubar .menuitem .accelerator:insensitive, -.primary-toolbar .menuitem .accelerator:insensitive { - color: alpha (@theme_selected_fg_color, 0.4); - text-shadow: none; -} - -/***************** - * Notebooks and * - * tabs * - *****************/ - -.notebook { - padding: 0; - background-clip: border-box; - background-color: shade (@theme_bg_color, 1.1); - border-style: solid; - border-color: @borders; - border-width: 1px; - -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; - color: @theme_fg_color; -} - -.notebook.frame.top { - border-top: 0px; - border-radius: 0px 0px 4px 4px; -} - -.notebook.frame.bottom { - border-bottom: 0px; - border-radius: 4px 4px 0px 0px; -} - -.notebook.frame.left { - border-left: 0px; - border-radius: 0px 4px 4px 0px; -} - -.notebook.frame.right { - border-right: 0px; - border-radius: 4px 0px 0px 4px; -} - -.notebook.header { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.86), - shade(@theme_bg_color, 1.05)); - border-radius: 0px; -} - -.notebook.header.top { - border-width: 0px 0px 1px 0px; -} - -.notebook.header.bottom { - border-width: 1px 0px 0px 0px; -} - -.notebook.header.left { - border-width: 1px 1px 0px 0px; -} - -.notebook.header.right { - border-width: 0px 0px 0px 1px; -} - -.notebook.header.frame.top { - border-radius: 4px 4px 0px 0px; -} - -.notebook.header.frame.bottom { - border-radius: 0px 0px 4px 4px; -} - -.notebook.header.frame.left { - border-radius: 4px 0px 0px 4px; -} - -.notebook.header.frame.right { - border-radius: 0px 4px 4px 0px; -} - -.notebook tab { - border-color: transparent; - border-width: 0px; - 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; -} - -/* horizontal tabs */ - -.notebook tab.top, -.notebook tab.bottom { - padding: 8px 20px 6px; -} - -.notebook tab.top { - border-width: 1px 1px 0 1px; -} - -.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 0 0; - border-width: 1px 1px 0 1px; - border-style: solid; - border-color: @borders; - box-shadow: none; -} - -.notebook tab.top:hover { - background-image: linear-gradient(to bottom, - alpha(@theme_base_color, 0.0), - alpha(@theme_base_color, 0.3)); - border-radius: 4px 4px 0 0; - border-width: 1px 1px 0 1px; - border-style: solid; - border-color: @borders; - box-shadow: none; -} - -.notebook tab.top:active { - border-bottom-color: @notebook_active_tab_border; -} - -.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_base_color, 0.0), - alpha(@theme_base_color, 0.3)); - border-radius: 0 0 4px 4px; - border-style: solid; - border-width: 0px 1px 1px 1px; - border-color: @borders; - box-shadow: none; -} - -/* vertical tabs */ - -.notebook tab.left, -.notebook tab.right { - padding: 5px 20px; -} - -.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-style: solid; - border-width: 1px 0px 1px 1px; - border-color: @borders; - border-right-color: @notebook_active_tab_border; - border-radius: 4px 0px 0px 4px; -} - -.notebook tab.left:hover { - background-image: linear-gradient(to right, - alpha(@theme_base_color, 0.0), - alpha(@theme_base_color, 0.3)); - border-style: solid; - border-width: 1px 0px 1px 1px; - border-color: @borders; - border-radius: 4px 0px 0px 4px; -} - -.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-style: solid; - border-width: 1px 1px 1px 0px; - border-color: @borders; - border-right-color: @notebook_active_tab_border; - border-radius: 0px 4px 4px 0px; -} - -.notebook tab.right:hover { - background-image: linear-gradient(to left, - alpha(@theme_base_color, 0.0), - alpha(@theme_base_color, 0.3)); - border-style: solid; - border-width: 1px 1px 1px 0px; - border-color: @borders; - border-radius: 0px 4px 4px 0px; -} - -.notebook tab.reorderable-page:hover { - background-image: linear-gradient(to bottom, - alpha(@theme_base_color, 0.0), - alpha(@theme_base_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; -} - -/* close button styling */ - -.notebook tab .button { - color: mix (@theme_fg_color, @theme_bg_color, 0.85); - border-image: none; - background-image: none; - background-color: transparent; - border-radius: 3px; - 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_base_color, 0.6); - icon-shadow: 0 1px @button_text_shadow; -} - -.notebook tab .button:hover { - color: @theme_fg_color; - border-color: alpha(black, 0.1); -} - - -.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; -} - -/****************** - * pane separator * - ******************/ -.sidebar .pane-separator, -.pane-separator { - background-color: @transparent; - border-color: shade (@theme_bg_color, 0.84); - - -unico-border-gradient: none; - -unico-inner-stroke-color: shade (@theme_bg_color, 1.1); - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1px; -} - -/**************** - * Progress bar * - ****************/ - -/* progress component */ -.progressbar, -.toolbar .progressbar, -.entry.progressbar, -.progressbar row, -.progressbar row:hover, -.progressbar row:selected, -.progressbar row:selected:focus { - background-image: linear-gradient(to right, - alpha (#000, 0.00), - alpha (#000, 0.00) 48%, - alpha (#004, 0.12) 48%, - alpha (#004, 0.12) 50%, - alpha (#000, 0.00) 50%, - alpha (#000, 0.00) 98%, - alpha (#004, 0.12) 98%, - alpha (#004, 0.12)), - linear-gradient(to bottom, - alpha (#000, 0.20), - alpha (#000, 0.05) 50%, - alpha (#000, 0.00)), - linear-gradient(to right, - @progressbar_fill_a, - @progressbar_fill_b); - background-size: 40px auto, auto, auto; - box-shadow: inset 0px 1px alpha(black, 0.03), - inset 1px 0px alpha(black, 0.03), - inset -1px 0px alpha(black, 0.03), - inset 0px -1px alpha(white, 0.10); - border-width: 1px; - border-style: solid; - border-radius: 3px; - border-top-color: shade(@button_border_active, 0.80); - border-left-color: shade(@button_border_active, 0.85); - border-right-color: shade(@button_border_active, 0.85); - border-bottom-color: shade(@button_border_active, 1.00); -/* Label font color of progressbar*/ - color: @theme_fg_color; - text-shadow: none; -} - -.progressbar.vertical { - background-image: linear-gradient(to top, - alpha (#000, 0.00), - alpha (#000, 0.00) 48%, - alpha (#004, 0.12) 48%, - alpha (#004, 0.12) 50%, - alpha (#000, 0.00) 50%, - alpha (#000, 0.00) 98%, - alpha (#004, 0.12) 98%, - alpha (#004, 0.12)), - linear-gradient(to right, - alpha (#000, 0.20), - alpha (#000, 0.05) 50%, - alpha (#000, 0.00)), - linear-gradient(to top, - @progressbar_fill_a, - @progressbar_fill_b); - background-size: auto 40px, auto, auto; - box-shadow: inset 0px 1px alpha(black, 0.03), - inset 1px 0px alpha(black, 0.03), - inset -1px 0px alpha(white, 0.10), - inset 0px -1px alpha(black, 0.03); - border-width: 1px; - border-style: solid; - border-radius: 3px; - border-top-color: shade(@button_border_active, 0.85); - border-left-color: shade(@button_border_active, 0.80); - border-right-color: shade(@button_border_active, 1.00); - border-bottom-color: shade(@button_border_active, 0.85); -/* Label font color of progressbar*/ - color: @theme_fg_color; - text-shadow: none; -} - -GtkProgressBar { - /* FIXME - Not working 3.14 */ - -GtkProgressBar-min-horizontal-bar-height: 16; - -GtkProgressBar-min-vertical-bar-width: 16; - border-radius: 2px; - padding: 0 0 1px 0; - text-shadow: none; -/* -GtkProgressBar-xspacing: 22; - -GtkProgressBar-yspacing: 22; */ -} - -/* through component */ -.trough row { - padding: 0px; - text-shadow: none; - border-radius: 2px; - padding: 0 0 1px 0; -} - -.trough, -.toolbar .trough, -.trough row, -.trough row:hover { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (alpha (#000, 0.18)), - color-stop (0.20, alpha (#000, 0.14)), - to (alpha (#000, 0.04))); - border-style: none; - border-width: 0px; - border-radius: 2px; - padding: 0 0 1px 0; - box-shadow: inset 1px 1px alpha(#000, 0.15), - inset -1px -1px alpha(#000, 0.15); - text-shadow: none; -} - -.trough.vertical { - background-image: -gtk-gradient (linear, - left top, right top, - from (alpha (#000, 0.18)), - color-stop (0.20, alpha (#000, 0.14)), - to (alpha (#000, 0.04))); - border-radius: 2px; - padding: 0 0 1px 0; - text-shadow: none; -} - -.trough row:selected, -.trough row:selected:focus { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (mix (@trough_bg_color_a, @theme_selected_bg_color, 0.25)), - to (mix (@trough_bg_color_b, @theme_selected_bg_color, 0.25))); -} - -/* level bars as used for password quality or remaining power */ -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 { - border-width: 1px; - border-style: solid; - border-color: @button_border_active; - background-image: -gtk-gradient (linear, - 0.45 top, 0.55 bottom, - from (shade (@button_bg_active, 1.30)), - color-stop (0.40, shade (@button_bg_active, 1.04)), - color-stop (0.60, shade (@button_bg_active, 0.92)), - to (shade (@button_bg_active, 1.20))); -} - -.level-bar.indicator-continuous.fill-block { - padding: 2px; - border-radius: 2px; -} - -.level-bar.indicator-discrete.fill-block.horizontal { - margin: 0 1px; -} - -.level-bar.indicator-discrete.fill-block.vertical { - margin: 1px 0; -} - -/* discrete indicator border rounding, - uncomment when :nth-child will be working - on the widget - -.level-bar.indicator-discrete.fill-block.horizontal:first-child { - border-radius: 2px 0 0 2px; -} - -.level-bar.indicator-discrete.fill-block.horizontal:last-child { - border-radius: 0 2px 2px 0; -} - -.level-bar.indicator-discrete.fill-block.vertical:first-child { - border-radius: 2px 2px 0 0; -} - -.level-bar.indicator-discrete.fill-block.vertical:last-child { - border-radius: 0 0 2px 2px; -} -*/ - -.level-bar.fill-block.level-high { - border-color: shade(@success_color, 0.85); - background-image: linear-gradient(to bottom, - shade(@success_color, 1.2), - @success_color 75%, - shade(@success_color, 0.95)); -} - -.level-bar.fill-block.level-low { - border-color: shade(@warning_bg_color, 0.80); - background-image: linear-gradient(to bottom, - shade(@warning_bg_color, 1.3), - @warning_bg_color 75%, - shade(@warning_bg_color, 0.90)); -} - -.level-bar.fill-block.empty-fill-block { - background-color: transparent; - background-image: none; - border-color: alpha(@theme_fg_color, 0.1); -} - -.level-bar.fill-block.empty-fill-block:backdrop { - border-color: transparent; - background-color: transparent; -} - -/************ - * GtkScale * - ************/ - -.scale { - -GtkScale-slider-length: 14; - -GtkRange-slider-width: 14; - -GtkRange-trough-border: 1; - -GtkWidget-focus-line-width: 0; -} - -.scale.slider, -.scale.slider:hover, -.scale.slider:insensitive { - border-width: 1px; - border-radius: 8px; - border-style: none; - color: alpha(@theme_base_color, 0.0); - background-color: alpha(@theme_base_color, 0.0); - /* background-image in -assets variant */ -} - -.scale.slider.fine-tune:active, -.scale.slider.fine-tune:active:hover, -.scale.slider.fine-tune.horizontal:active, -.scale.slider.fine-tune.horizontal:active:hover { - background-size: 50%; - background-repeat: no-repeat; - background-position: center; -} - -.toolbar .scale.trough, -.scale.trough { - margin: 7px 0; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (alpha (#000, 0.20)), - color-stop (0.20, alpha (#000, 0.16)), - to (alpha (#000, 0.06))); - border-style: none; - border-width: 0px; - border-radius: 8px; - box-shadow: inset 1px 1px alpha(#000, 0.08), - inset -1px -1px alpha(#000, 0.08); -} - -.scale.trough.vertical { - margin: 0 7px; -} - -.scale.trough:insensitive { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (alpha (#000, 0.03)), - to (alpha (#000, 0.03))); -} - -.scale.progressbar { - background-color: @scale_progress_fill; - border-width: 1px; - border-radius: 3px; - border-style: none; -} - -.scale:insensitive, -.vertical.scale:insensitive { - background-color: transparent; -} - -.scale.mark { - color: mix(@theme_bg_color, @theme_text_color, 0.56); -} - -.menubar .menuitem .scale.highlight.left, -.scale.highlight.left { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@scale_fill, 0.90)), - to (shade (@scale_fill, 1.31))); - border-style: none; - border-width: 0px; - border-radius: 8px; - box-shadow: inset 1px 1px alpha(#000, 0.08), - inset -1px -1px alpha(#000, 0.08); - color: @theme_selected_fg_color; - text-shadow: none; -} - -.menubar .menuitem .scale.highlight.bottom, -.scale.highlight.bottom { - background-image: -gtk-gradient (linear, - left top, right top, - from (shade (@scale_fill, 0.90)), - to (shade (@scale_fill, 1.31))); - border-style: none; - border-width: 0px; - border-radius: 8px; - box-shadow: inset 1px 1px alpha(#000, 0.08), - inset -1px -1px alpha(#000, 0.08); - color: @theme_selected_fg_color; - text-shadow: none; -} - -.scale.highlight.left:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.85)), - to (shade (@theme_bg_color, 0.85))); - box-shadow: inset 1px 1px alpha(#000, 0.02), - inset -1px -1px alpha(#000, 0.02); -} - -.scale.highlight.bottom:insensitive { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@theme_bg_color, 0.85)), - to (shade (@theme_bg_color, 0.85))); - box-shadow: inset 1px 1px alpha(#000, 0.02), - inset -1px -1px alpha(#000, 0.02); -} - -GtkScale.slider, -GtkScale.slider.horizontal, -GtkScale.slider.horizontal:hover { - background-image: url("assets/scale-slider-hor.svg"); -} - -GtkScale.slider:insensitive, -GtkScale.slider.horizontal:insensitive { - background-image: url("assets/scale-slider-insensitive-hor.svg"); -} - -GtkScale.slider.vertical { - background-image: url("assets/scale-slider-ver.svg"); -} - -GtkScale.slider.vertical:insensitive { - background-image: url("assets/scale-slider-insensitive-ver.svg"); -} - -GtkScale.scale-has-marks-above.slider.horizontal, -GtkScale.scale-has-marks-above.slider.horizontal:hover { - background-image: url("assets/scale-slider-marks-above-horizontal.svg"); -} - -GtkScale.scale-has-marks-above.slider.horizontal:insensitive { - background-image: url("assets/scale-slider-marks-above-horizontal-insensitive.svg"); -} - -GtkScale.scale-has-marks-above.slider.vertical { - background-image: url("assets/scale-slider-marks-above-vertical.svg"); -} - -GtkScale.scale-has-marks-above.slider.vertical:insensitive { - background-image: url("assets/scale-slider-marks-above-vertical-insensitive.svg"); -} - -GtkScale.scale-has-marks-below.slider.horizontal, -GtkScale.scale-has-marks-below.slider.horizontal:hover { - background-image: url("assets/scale-slider-marks-below-horizontal.svg"); -} - -GtkScale.scale-has-marks-below.slider.horizontal:insensitive { - background-image: url("assets/scale-slider-marks-below-horizontal-insensitive.svg"); -} - -GtkScale.scale-has-marks-below.slider.vertical { - background-image: url("assets/scale-slider-marks-below-vertical.svg"); -} - -GtkScale.scale-has-marks-below.slider.vertical:insensitive { - background-image: url("assets/scale-slider-marks-below-vertical-insensitive.svg"); -} - -/************* - * scrollbar * - *************/ -.scrollbar { - background-image: none; - border-style: solid; - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-arrow-scaling: 0.666; - -GtkRange-slider-width: 13; - -GtkScrollbar-min-slider-length: 42; - -GtkRange-stepper-size: 16; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; -} - -.scrollbar.trough, -.scrollbar.trough.vertical { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@theme_bg_color, 0.98)), - to (shade (@theme_bg_color, 1.06))); - border-radius: 0; - border-width: 0 0 0 1px; - border-style: solid; - border-color: shade (@theme_bg_color, 0.96); - -unico-border-gradient: -gtk-gradient (linear, left top, right top, - from (shade (@theme_bg_color, 0.96)), - to (shade (@theme_bg_color, 0.96))); - -unico-inner-stroke-width: 0; -} - -.scrollbar.trough.horizontal { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.98)), - to (shade (@theme_bg_color, 1.06))); - border-radius: 0; - border-width: 1px 0 0 0; - border-style: solid; - border-color: shade (@theme_bg_color, 0.96); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.96)), - to (shade (@theme_bg_color, 0.96))); -} - -/* Sliders and buttons */ -.scrollbar.slider.vertical { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@theme_bg_color, 0.95)), - to (shade (@theme_bg_color, 0.8))); - border-color: shade (@theme_bg_color, 0.65); - border-radius: 10px; - border-width: 1px; -} - -.scrollbar.slider.vertical:hover, -.scrollbar.slider.vertical:hover:active { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@theme_bg_color, 0.85)), - to (shade (@theme_bg_color, 0.7))); - border-color: shade (@theme_bg_color, 0.6); -} - -.scrollbar.slider.horizontal { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.95)), - to (shade (@theme_bg_color, 0.8))); - border-color: shade (@theme_bg_color, 0.65); - border-radius: 10px; - border-width: 1px; -} - -.scrollbar.slider.horizontal:hover, -.scrollbar.slider.horizontal:hover:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.85)), - to (shade (@theme_bg_color, 0.7))); - border-color: shade (@theme_bg_color, 0.6); -} - -.scrollbar.slider:insensitive { - background-color: shade (@theme_bg_color, 0.9); -} - -.scrollbar.trough:insensitive { - background-color: shade (@theme_bg_color, 1.06); -} - -/* Fixes a bug in Opera */ -.scrollbar.button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (@transparent), - to (@transparent)); - background-color: @transparent; - -unico-outer-stroke-width: 0; - -unico-outer-stroke-color: @transparent; - -unico-inner-stroke-width: 0; - -unico-inner-stroke-color: @transparent; - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (@transparent), - to (@transparent)); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (@transparent), - to (@transparent)); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (@transparent), - to (@transparent)); -} - -/* overlay scrollbar */ -OsThumb { - color: shade (@theme_fg_color, 1.6); -} - -OsThumb:selected, -OsScrollbar:selected { - background-color: @theme_selected_bg_color; -} - -OsThumb:active, -OsScrollbar:active { - background-color: shade (@theme_bg_color, 0.6); -} - -OsThumb:insensitive, -OsScrollbar:insensitive { - background-color: shade (@theme_bg_color, 0.85); -} - -/******************* - * scrolled window * - *******************/ -GtkScrolledWindow.frame { - border-top-color: shade (@theme_bg_color, 0.84); - border-right-color: shade (@theme_bg_color, 0.76); - border-bottom-color: shade (@theme_bg_color, 0.86); - border-left-color: shade (@theme_bg_color, 0.76); - border-radius: 0; - border-style: solid; - - -unico-border-gradient: none; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -/************* - * separator * - *************/ -.separator { - border-color: shade (@theme_bg_color, 0.86); - border-style: solid; - - -unico-border-gradient: none; - -unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.26), 0.6); - -unico-inner-stroke-gradient: none; -} - -.button .separator, -.button.separator { - border-color: shade (@button_bg_color, 0.84); - - -unico-inner-stroke-color: alpha (shade (@button_bg_color, 1.26), 0.5); - -unico-inner-stroke-gradient: none; -} - -.button .separator:insensitive, -.button.separator:insensitive { - border-color: shade (@button_insensitive_bg_color, 0.9); - - -unico-inner-stroke-color: alpha (shade (@button_insensitive_bg_color, 1.26), 0.6); - -unico-inner-stroke-gradient: none; -} - -.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 0; - - border-color: shade (@theme_bg_color, 0.96); - -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.5); -} - -Genericmenuitem .menuitem.separator, -DbusmenuGtkMenu .menuitem.separator, -.menubar .menuitem.separator, -.primary-toolbar .menuitem.separator { - border-color: shade (@dark_bg_color, 0.96); - - -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.5); -} - -/*********** - * sidebar * - ***********/ -.sidebar, -.sidebar .view { -} - -.sidebar row:selected { - text-shadow: 0px 1px shade (@theme_selected_bg_color, 0.7); -} - -.sidebar row:hover { - background-color: shade (@theme_selected_bg_color, 1.15); - color: shade (@theme_selected_fg_color, 0.90); - text-shadow: none; -} - -.sidebar .frame { - border-width: 0; -} - -/************** - * spinbutton * - **************/ -.spinbutton.button:active, -.spinbutton.button:insensitive, -.spinbutton.button { - border-radius: 0; - border-width: 1px 0 1px 1px; - - -unico-outer-stroke-width: 0; -} - -.spinbutton.button:active:nth-child(last), -.spinbutton.button:insensitive:nth-child(last), -.spinbutton.button:nth-child(last) { - border-radius: 0 2px 2px 0; - border-width: 1px; -} - -.spinbutton.button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.65)), - to (shade (@theme_bg_color, 0.7))); -} - -.spinbutton.button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.04))); -} - -.spinbutton.button:active, -.spinbutton.button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.9)), - to (shade (@theme_bg_color, 0.85))); -} - -.spinbutton.button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 1.02)), - to (shade (@theme_bg_color, 0.98))); - border-top-color: shade (@theme_bg_color, 0.64); - border-right-color: shade (@theme_bg_color, 0.76); - border-bottom-color: shade (@theme_bg_color, 0.82); - border-left-color: shade (@theme_bg_color, 0.76); - - color: shade (@theme_bg_color, 0.66); - - -unico-border-gradient: none; -} - -.spinbutton, -.spinbutton:hover { - color: @theme_fg_color; -} - -GtkLinkButton.button, -GtkLinkButton.button:hover, -GtkLinkButton.button:active, -GtkLinkButton.button:active:hover { - transition: all 400ms ease-in; - text-shadow: none; -} - -/*********** - * spinner * - ***********/ - -@keyframes spinner { - 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } - - 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } - - 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); } - - 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); } - - 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); } - - 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); } - - 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); } - - 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); } - - 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } -} - -.spinner { - background-color: transparent; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); - background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%; - background-size: 20% 20%; - background-repeat: no-repeat; -} - -.spinner:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); - animation: spinner 1s infinite linear; -} - -.button .spinner:active { - color: @theme_fg_color; -} - -/************* - * statusbar * - *************/ -GtkStatusbar { -} - -/********** - * switch * - **********/ -GtkSwitch { - padding: 8px; /* 8px to avoid padding list-row issue if active */ - -GtkSwitch-slider-width: 45px; - font-weight: bold; - font-size: smaller; - box-shadow: inset 0px 2px alpha(#fff, 0.11), - inset 2px 0px alpha(#fff, 0.09), - inset -2px 0px alpha(#fff, 0.09), - inset 0px -2px alpha(#fff, 0.07), - inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), - inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); -} - -GtkSwitch.trough, -GtkSwitch.trough:backdrop { - border: 1px solid ; - border-radius: 6px; - color: @theme_fg_color; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.9)); - /* outer */ - border-top-color: transparent; - border-left-color: alpha (#000, 0.01); - border-right-color: alpha (#000, 0.01); - border-bottom-color: alpha (#000, 0.03); - box-shadow: inset 0px 2px alpha(#fff, 0.11), - inset 2px 0px alpha(#fff, 0.09), - inset -2px 0px alpha(#fff, 0.09), - inset 0px -2px alpha(#fff, 0.07), - inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), - inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); - text-shadow: 0 1px rgba(0, 0, 0, 0.1); -} - -GtkSwitch.trough:active, -GtkSwitch.trough:backdrop:active { - background-image: linear-gradient(to bottom, - @theme_selected_bg_color 2px, - shade(@theme_selected_bg_color, 1.2)); - color: white; -} - -GtkSwitch.trough:insensitive, -GtkSwitch.trough:backdrop:insensitive { - color: @insensitive_fg_color; - border-color: @insensitive_border_color; - background-image: none; - background-color: @insensitive_bg_color; - box-shadow: inset 0px 1px @insensitive_border_color, - inset 1px 0px @insensitive_border_color, - inset -1px 0px @insensitive_border_color, - inset 0px -1px @insensitive_border_color; - text-shadow: none; -} - -GtkSwitch.slider, -GtkSwitch.slider:backdrop { - border: 1px solid; - border-radius: 6px; - color: @theme_fg_color; - background-image: -gtk-gradient (linear, - left top, left bottom, - from (@button_gradient1), - color-stop (0.48, @button_gradient2), - color-stop (0.52, @button_gradient3), - to (@button_gradient4)); - border-top-color: transparent; - border-left-color: alpha (#000, 0.01); - border-right-color: alpha (#000, 0.01); - border-bottom-color: alpha (#000, 0.03); - box-shadow: inset 0px 2px alpha(#fff, 0.11), - inset 2px 0px alpha(#fff, 0.09), - inset -2px 0px alpha(#fff, 0.09), - inset 0px -2px alpha(#fff, 0.07), - inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), - inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); - padding: 2px 4px 2px 2px; -} - -GtkSwitch.slider:active, -GtkSwitch.slider:backdrop:active { - color: @theme_fg_color; - border-color: transparent; - border-radius: 6px; - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@theme_bg_color, 1.20)), - color-stop (0.50, shade (@theme_bg_color, 1.00)), - color-stop (0.50, shade (@theme_bg_color, 0.95)), - to (shade (@theme_bg_color, 0.80))); - box-shadow: inset 0px 1px shade (@theme_fg_color, 1.0), - inset 1px 0px shade (@theme_fg_color, 1.0), - inset -1px 0px shade (@theme_fg_color, 1.0), - inset 0px -1px shade (@theme_fg_color, 1.0); - padding: 1px 1px 1px 1px; -} - -GtkSwitch.slider:insensitive, -GtkSwitch.slider:backdrop:insensitive { - color: @insensitive_fg_color; - background-image: none; - background-color: @insensitive_bg_color; - border-color: alpha (#000, 0.00); - border-bottom-color: alpha (#000, 0.00); - border-image: none; - box-shadow: inset 0px 1px @insensitive_border_color, - inset 1px 0px @insensitive_border_color, - inset -1px 0px @insensitive_border_color, - inset 0px -1px @insensitive_border_color; -} - -GtkSwitch.slider:insensitive > GtkLabel, -GtkSwitch.slider:backdrop:insensitive > GtkLabel { - color: inherit; -} - -.list-row GtkSwitch, -.list-row GtkSwitch:backdrop, -.list-row:selected GtkSwitch, -.list-row:selected GtkSwitch:backdrop { - box-shadow: none; - border-color: shade(@theme_selected_bg_color, 0.4); -} - -.list-row:selected GtkSwitch.slider:dir(rtl) { - border-left-color: @borders; -} - -.list-row:selected GtkSwitch.slider:dir(ltr) { - border-right-color: @borders; -} - -.list-row:selected GtkSwitch.slider, -.list-row:selected GtkSwitch.slider:active { - border-color: shade(@theme_selected_bg_color, 0.4); -} - -/************ - * textview * - ************/ -GtkTextView { - background-color: @theme_base_color; -} - -/*********** - * toolbar * - ***********/ -.toolbar { - border-style: none; -} - -/* primary-toolbar */ -.primary-toolbar, -.primary-toolbar .toolbar, -.primary-toolbar.toolbar { - -GtkWidget-window-dragging: true; - - background-image: -gtk-gradient (linear, left top, left bottom, - from (@toolbar_gradient_base), - to (@toolbar_gradient_final)); - border-color: shade (@toolbar_border, 1.0); - border-style: solid; - border-width: 0 0 1px 0; - padding: 2px; - - color: @theme_fg_color; - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-border-gradient: none; - -unico-inner-stroke-width: 0; -} - -.primary-toolbar :insensitive { - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); -} - -.primary-toolbar GtkComboBox, -.primary-toolbar .button *, -.primary-toolbar .button { - background-color: @transparent; - background-image: none; - border-radius: 2px; - border-width: 1px; - border-color: @transparent; - - color: @theme_fg_color; - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-focus-border-radius: 2; - -unico-focus-border-color: alpha (@theme_selected_bg_color, 0.5); - -unico-focus-fill-color: alpha (@theme_selected_bg_color, 0.2); - -unico-focus-outer-stroke-color: @transparent; - - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -.primary-toolbar .raised .button, -.primary-toolbar .raised.button, -.primary-toolbar .button:hover, -.primary-toolbar .button:active, -.primary-toolbar .button:insensitive { - border-width: 1px; - - -unico-focus-border-radius: 2; - -unico-focus-fill-color: @transparent; - -unico-focus-border-color: @transparent; - -unico-focus-outer-stroke-color: alpha (@theme_selected_bg_color, 0.5); - - -unico-inner-stroke-width: 1px; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.05), 0.05)), - to (alpha (shade (@theme_bg_color, 0.05), 0.09))); - -unico-outer-stroke-width: 1px; - color: @theme_fg_color; -} - -.primary-toolbar .raised .button:hover, -.primary-toolbar .raised.button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.04))); -} - -.primary-toolbar .raised .button:focus, -.primary-toolbar .raised.button:focus, -.primary-toolbar .button:hover:focus, -.primary-toolbar .button:active:focus, -.primary-toolbar .button:insensitive:focus { - -unico-focus-border-color: alpha (@theme_selected_bg_color, 0.7); - -unico-focus-fill-color: @transparent; - -unico-focus-outer-stroke-color: alpha (@theme_selected_bg_color, 0.2); - color: @theme_fg_color; -} - -.primary-toolbar GtkComboBox.combobox-entry .button { - -unico-inner-stroke-width: 1px; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 1.2), 0.25)), - to (alpha (shade (@theme_bg_color, 1.4), 0.75))); -} - -.primary-toolbar GtkComboBox.combobox-entry .button, -.primary-toolbar .raised .button, -.primary-toolbar .raised.button, -.primary-toolbar .button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - border-style: solid; - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - -unico-glow-radius: 0; - -unico-inner-stroke-width: 1px 1px 0 1px; - -unico-outer-stroke-width: 1px; - color: @theme_fg_color; -} - -.primary-toolbar .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.9)), - to (shade (@theme_bg_color, 0.85))); - color: @theme_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.6)), - to (shade (@theme_bg_color, 0.6))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_bg_color, 0.0)), - to (shade (@button_bg_color, 1.02))); - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@theme_bg_color, 0.8); - -unico-inner-stroke-width: 1px 1px 0 1px; - -unico-outer-stroke-width: 1px; - -unico-focus-outer-stroke-color: @transparent; -} - -.primary-toolbar .button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.95)), - to (shade (@theme_bg_color, 0.9))); - color: @theme_fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.6)), - to (shade (@theme_bg_color, 0.6))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_bg_color, 0.0)), - to (shade (@button_bg_color, 1.02))); - -unico-inner-stroke-color: shade (@theme_bg_color, 0.85); - -unico-inner-stroke-width: 1px 1px 0 1px; - -unico-outer-stroke-width: 1px; - -unico-focus-outer-stroke-color: @transparent; -} - -.primary-toolbar .button:active:insensitive, -.primary-toolbar .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.04)), - to (shade (@button_insensitive_bg_color, 0.96))); - - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.8)), - to (shade (@button_insensitive_bg_color, 0.8))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.08)), - to (shade (@button_insensitive_bg_color, 1.0))); -} - -.primary-toolbar .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_insensitive_bg_color, 0.0)), - to (alpha (@button_insensitive_bg_color, 0.0))); - - text-shadow: 0px 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - border-width: 1px; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - -unico-border-gradient: none; - -unico-inner-stroke-gradient: none; -} - -.primary-toolbar .button *:insensitive { - color: mix (@theme_fg_color, @theme_bg_color, 0.5); -} - -.primary-toolbar .button:active:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.0)), - to (shade (@button_insensitive_bg_color, 0.97))); - - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.95)), - to (shade (@button_insensitive_bg_color, 0.98))); - -unico-inner-stroke-width: 1px 1px 0 1px; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_bg_color, 0.0)), - to (shade (@button_bg_color, 1.02))); - -unico-outer-stroke-width: 1px; - border-width: 1px; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.7)), - to (shade (@button_insensitive_bg_color, 0.8))); -} - -.primary-toolbar .entry, -.primary-toolbar .entry:active, -.primary-toolbar .entry:focused { - border-radius: 2px; - - color: @theme_text_color; - - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.85), 0.2)), - to (alpha (shade (@theme_bg_color, 1.18), 0.6))); - -unico-outer-stroke-width: 0; -} - -.primary-toolbar .entry { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.75)), - to (shade (@theme_bg_color, 0.95))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.05), 0.16)), - to (alpha (shade (@theme_bg_color, 0.05), 0.08))); -} - -.primary-toolbar .entry:insensitive { - -unico-outer-stroke-width: 1px; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 1.2), 0.18)), - to (alpha (shade (@theme_bg_color, 1.4), 0.5))); -} - -.primary-toolbar .entry:focused { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_selected_bg_color, 0.75)), - to (shade (@theme_selected_bg_color, 0.8))); - -unico-inner-stroke-color: alpha (@theme_selected_bg_color, 0.2); - -unico-inner-stroke-gradient: none; -} - -.primary-toolbar GtkSeparatorToolItem, -.primary-toolbar .separator, -.primary-toolbar .separator:insensitive { - border-color: alpha (shade (@theme_bg_color, 0.94), 0.0); - border-style: solid; - - -unico-border-gradient: none; - -unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.5), 0.0); - -unico-inner-stroke-gradient: none; -} - -/* inline-toolbar */ -.inline-toolbar.toolbar { - -GtkToolbar-button-relief: normal; - - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_base_color, 0.93)), - to (shade (@theme_base_color, 0.93))); - border-radius: 0; - border-style: solid; - border-width: 1px; - padding: 3px 4px 4px 4px; -} - -.inline-toolbar.toolbar:nth-child(last) { - border-bottom-color: shade (@theme_bg_color, 0.76); - border-color: shade (@theme_bg_color, 0.8); - border-radius: 0; - border-width: 0 1px 1px 1px; -} - -.inline-toolbar.toolbar .button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - border-radius: 0; - border-style: solid; - border-width: 1px 0 1px 1px; - padding: 1px; - - icon-shadow: 0px 1px shade (@theme_bg_color, 1.16); - - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 1.16)), - to (shade (@theme_bg_color, 0.98))); - -unico-outer-stroke-width: 0; -} - -.inline-toolbar.toolbar .button *:active, -.inline-toolbar.toolbar .button *:insensitive, -.inline-toolbar.toolbar GtkToolButton .button:active, -.inline-toolbar.toolbar GtkToolButton .button:insensitive { - -unico-outer-stroke-width: 0; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_color, 0.05), 0.02)), - to (alpha (shade (@theme_bg_color, 0.05), 0.06))); -} - -.inline-toolbar.toolbar .button *:insensitive, -.inline-toolbar.toolbar GtkToolButton .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 1.02)), - to (shade (@theme_bg_color, 0.98))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.85)), - to (shade (@theme_bg_color, 0.8))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 1.16)), - to (shade (@theme_bg_color, 1.0))); -} - -.inline-toolbar.toolbar .button:nth-child(first), -.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button { - border-radius: 2px 0 0 2px; - - -unico-outer-stroke-width: 0; -} - -.inline-toolbar.toolbar .button:nth-child(last), -.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button { - border-radius: 0 2px 2px 0; - border-width: 1px; - - -unico-outer-stroke-width: 0; -} - -/*********** - * tooltip * - ***********/ -.tooltip { - background-color: @theme_tooltip_bg_color; - border-color: shade (@theme_tooltip_bg_color, 0.7); - border-radius: 0px; - border-style: solid; - border-width: 1px; - - color: @theme_tooltip_fg_color; -} - -.tooltip * { - background-color: @transparent; -} - -/************ - * treeview * - ************/ -GtkTreeView .entry { - background-image: none; - border-radius: 0; - - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1px; -} - -.notebook GtkContainer GtkTreeView row:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.notebook GtkContainer GtkTreeView row:hover { - background-color: shade (@theme_selected_bg_color, 1.15); - color: shade (@theme_selected_fg_color, 0.90); - text-shadow: none; -} - -GtkTreeView row:nth-child(even) { - background-color: shade (@theme_base_color, 0.97); -} - -GtkTreeView row:nth-child(odd) { - background-color: shade (@theme_base_color, 1.0); -} - -GtkTreeView row:nth-child(even):hover { - background-color: shade (@theme_selected_bg_color, 1.15); - color: shade (@theme_selected_fg_color, 0.90); - text-shadow: none; -} - -GtkTreeView row:nth-child(odd):hover { - background-color: shade (@theme_selected_bg_color, 1.15); - color: shade (@theme_selected_fg_color, 0.90); - text-shadow: none; -} - -/* ie. nemo sidebar */ -.sidebar GtkTreeView row:hover { - background-color: shade (@theme_selected_bg_color, 1.15); - color: shade (@theme_selected_fg_color, 0.90); - text-shadow: none; -} - -/************ - * viewport * - ************/ -GtkViewport.frame { - border-width: 0; - -unico-inner-stroke-width: 0; -} - -/* Makes some applications look strange (gnome-tweak-tool for example.) */ -/* But since the default Adwaita theme has it I'll add it here too to avoid dark gray backgrounds. */ -GtkViewport, -GtkIconView { - background-color: @theme_base_color; -} - -/*************** - * Resize grip * - ***************/ - -.grip { - background-color: transparent; - background-image: url("assets/resize-grip.svg"); -} - -/******************************** - * Touch text selection handles * - ********************************/ -.cursor-handle.bottom { - background-image: url("assets/slider.png"); -} - -.cursor-handle.top { - background-image: url("assets/slider.png"); -} - +/*************************************************************** + * Blue-Submarine * + * Part of https://github.com/NiceandGently/mate-themes-extras * + * Author Wolfgang Ulbrich * + ***************************************************************/ + +* { + padding: 0; + background-clip: padding-box; + -GtkButton-child-displacement-x: 1; + -GtkButton-child-displacement-y: 1; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-interior-focus: true; + -GtkButton-inner-border: 3; + -GtkButtonBox-child-min-height: 26; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 12; + -GtkComboBox-arrow-scaling: 0.75; + -GtkDialog-button-spacing: 4; /* ie. logout dialog */ + -GtkDialog-action-area-border: 10; /* ie. logout dialog */ + -GtkExpander-expander-size: 6; + -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkMenuBar-internal-padding: 0; + -GtkMenuItem-arrow-scaling: 0.7; + -GtkNotebook-tab-overlap: 1; + -GtkPaned-handle-size: 1; + -GtkProgressBar-min-horizontal-bar-height: 16; + -GtkProgressBar-min-vertical-bar-width: 16; + -GtkRange-trough-border: 1; + -GtkRange-slider-width: 11; + -GtkRange-stepper-size: 13; + -GtkRange-trough-under-steppers: 1; + -GtkRange-stepper-spacing: 0; + -GtkScale-trough-border: 0; + -GtkScrollbar-activate-slider: 1; + -GtkScrollbar-trough-border: 0; + -GtkScrollbar-slider-width: 11; + -GtkScrollbar-min-slider-length: 31; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkSeparatorMenuItem-horizontal-padding: 0; + -GtkStatusbar-shadow-type: none; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 4; + -GtkToolItemGroup-expander-size: 6; + -GtkToolbar-internal-padding: 0; + -GtkTreeView-expander-size: 6; /* arrow size in list/tree views */ + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-vertical-separator: 4; + -GtkWidget-focus-padding: 2; + -GtkWidget-focus-line-width: 0; + -GtkWidget-link-color: @link_color; + -GtkWindow-resize-grip-default: true; + -GtkWindow-resize-grip-width: 13; + -GtkWindow-resize-grip-height: 13; + -GtkWidget-separator-width: 2px; + -GtkWidget-separator-height: 2px; + -GtkWidget-visited-link-color: @link_color; + -GtkWidget-wide-separators: true; + -WnckTasklist-fade-overlay-rect: 0; + engine: none; +} + +/*************** + * Base States * + ***************/ + +GtkWindow { + color: @theme_fg_color; +} + +.background { + color: @theme_fg_color; + background-color: @theme_bg_color; +} + +.background:backdrop { + text-shadow: none; + icon-shadow: none; +} + +*:active { + background-color: alpha(shade(@theme_selected_bg_color, 1.90), 0.015); +} + +*:active:hover:insensitive { +} + +*:active:insensitive { +} + +*:hover { + background-color: alpha(shade(@menu_bg_color, 1.05), 0.0); +} + +*:hover:insensitive { +} + +*:selected, +*:selected:focus { + background-color: shade(@theme_selected_bg_color, 1.0); + color: @theme_selected_fg_color; +} + +*:insensitive { + /* inherit the color from parent by default */ + background-color: inherit; + color: @insensitive_fg_color; + border-color: @insensitive_border_color; + box-shadow: none; +} + +*:backdrop { +} + +.gtkstyle-fallback { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +.gtkstyle-fallback:prelight { + background-color: shade(@theme_bg_color, 1.10); + color: @theme_fg_color; +} + +.gtkstyle-fallback:active { + background-color: shade(@theme_bg_color, 0.90); + color: @theme_fg_color; +} + +.gtkstyle-fallback:insensitive { + background-color: @insensitive_bg_color; + color: @insensitive_fg_color; +} + +.gtkstyle-fallback:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/********* + * label * + *********/ + +GtkLabel, +GtkLabel:insensitive { + background-color: transparent; +} + +.tooltip, +.tooltip.background { + padding: 4px 4px; + color: shade(@theme_tooltip_fg_color, 0.90); + border-width: 1px; + border-style: solid; + border-radius: 3px; +/* border-color: @theme_fg_color; */ + background-color: alpha(@theme_tooltip_bg_color, 0.90); + background-clip: padding-box; + box-shadow: 0 1px 5px shade (@theme_selected_bg_color, 1.3); +} + +.tooltip { + background-color: transparent; + padding: 4px 4px; +} + +.grip { + background-color: transparent; + background-image: url("assets/resize-grip.svg"); +} + +.view.rubberband, +.rubberband { + background-color: alpha (@theme_selected_bg_color, 0.35); + border-color: @theme_selected_bg_color; + border-style: solid; + border-width: 1px; + border-radius: 2px; +} + +/************* + * separator * + *************/ + +.separator { + border-width: 1px; + border-style: solid; + border-image: none; + border-color: mix(@theme_fg_color, @theme_bg_color, 0.95); + border-bottom-color: alpha (shade (@theme_bg_color, 1.26), 0.15); + border-right-color: alpha (shade (@theme_bg_color, 1.26), 0.15); +} + +GtkTreeView.view.separator, +GtkTreeView.separator, +GtkTreeView.view.separator:hover, +GtkTreeView.separator:hover, +.separator, +.separator:prelight { + color: shade (@theme_bg_color, 0.92); + border-color: mix(@theme_fg_color, @theme_bg_color, 0.95); + border-image: none; +} + +.separator.horizontal { + border-width: 1px 0 1px 0; +} + +.separator.vertical { + border-width: 0 1px 0 1px; +} + +GtkComboBox .separator { + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} + +.button .separator, +.button.separator { + border-color: alpha (#000, 0.00); +} + +.button .separator:insensitive, +.button.separator:insensitive { + border-color: alpha (#000, 0.00); +} + +.pane-separator { + color: shade (@sidebar_background, 0.95); +} + +.pane-separator:prelight, +.pane-separator:selected { + color: shade (@sidebar_background, 0.95); +} + +GtkStatusbar { + padding: 5px; + color: @theme_fg_color; + -GtkStatusbar-shadow-type: none; + font-size: smaller; +} + +GtkStatusbar .frame { + padding: 0px; + border-width: 0; +} + +.dnd { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 0px; +} + +/**************** + * Text Entries * + ****************/ + +.entry { +/* Look out ! +This is the background color of mate-control-center 'too' */ + background-color: shade (@bg_color, 1.1); + padding: 3px 4px; + -GtkEntry-inner-border: 0; + -GtkEntry-progress-border: 0; + color: @entry_text_color; + 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))); + /* outer */ + border-width: 2px; + border-style: solid; + border-radius: 5px; + border-top-color: transparent; + border-right-color: alpha(#fff, 0.02); + border-left-color: alpha(#fff, 0.02); + border-bottom-color: alpha(#fff, 0.03); + /* border */ + box-shadow: inset 0px 3px alpha(#000, 0.03), + inset 0px 2px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.04), + inset -2px 0px alpha(#000, 0.04), + inset 0px -2px alpha(#000, 0.03), + inset 0px 1px shade(@button_border, 0.80), + inset 1px 0px shade(@button_border, 0.90), + inset -1px 0px shade(@button_border, 0.90), + inset 0px -1px shade(@button_border, 1.05); +} + +.entry:focus { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.entry:insensitive { + color: @insensitive_fg_color; + background-image: none; + background-color: @insensitive_bg_color; + border-style: solid; + border-color: alpha (#000, 0.00); + border-bottom-color: alpha (#000, 0.00); + border-image: none; + box-shadow: inset 0px 1px @insensitive_border_color, + inset 1px 0px @insensitive_border_color, + inset -1px 0px @insensitive_border_color, + inset 0px -1px @insensitive_border_color; +} + +.entry:selected, +.entry:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +.entry.progressbar { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + border-width: 1px; + border-radius: 3px; +} + +/******************* + * Symbolic images * + *******************/ + +.image { + color: @internal_element_color; +} + +.image:prelight { + color: @internal_element_prelight; +} + +/**************** + * Progress bar * + ****************/ + +/* progress component */ +.progressbar, +.toolbar .progressbar, +.entry.progressbar, +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus { + background-image: linear-gradient(to right, + alpha (#000, 0.00), + alpha (#000, 0.00) 48%, + alpha (#004, 0.12) 48%, + alpha (#004, 0.12) 50%, + alpha (#000, 0.00) 50%, + alpha (#000, 0.00) 98%, + alpha (#004, 0.12) 98%, + alpha (#004, 0.12)), + linear-gradient(to bottom, + alpha (#000, 0.20), + alpha (#000, 0.05) 50%, + alpha (#000, 0.00)), + linear-gradient(to right, + @progressbar_fill_a, + @progressbar_fill_b); + background-size: 40px auto, auto, auto; + box-shadow: inset 0px 1px alpha(black, 0.03), + inset 1px 0px alpha(black, 0.03), + inset -1px 0px alpha(black, 0.03), + inset 0px -1px alpha(white, 0.10); + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-top-color: shade(@button_border_active, 0.80); + border-left-color: shade(@button_border_active, 0.85); + border-right-color: shade(@button_border_active, 0.85); + border-bottom-color: shade(@button_border_active, 1.00); +/* Label font color of progressbar*/ + color: @theme_fg_color; + text-shadow: none; +} + +.progressbar.vertical { + background-image: linear-gradient(to top, + alpha (#000, 0.00), + alpha (#000, 0.00) 48%, + alpha (#004, 0.12) 48%, + alpha (#004, 0.12) 50%, + alpha (#000, 0.00) 50%, + alpha (#000, 0.00) 98%, + alpha (#004, 0.12) 98%, + alpha (#004, 0.12)), + linear-gradient(to right, + alpha (#000, 0.20), + alpha (#000, 0.05) 50%, + alpha (#000, 0.00)), + linear-gradient(to top, + @progressbar_fill_a, + @progressbar_fill_b); + background-size: auto 40px, auto, auto; + box-shadow: inset 0px 1px alpha(black, 0.03), + inset 1px 0px alpha(black, 0.03), + inset -1px 0px alpha(white, 0.10), + inset 0px -1px alpha(black, 0.03); + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-top-color: shade(@button_border_active, 0.85); + border-left-color: shade(@button_border_active, 0.80); + border-right-color: shade(@button_border_active, 1.00); + border-bottom-color: shade(@button_border_active, 0.85); +/* Label font color of progressbar*/ + color: @theme_fg_color; + text-shadow: none; +} + +GtkProgressBar { + /* FIXME - Not working 3.14 */ + -GtkProgressBar-min-horizontal-bar-height: 16; + -GtkProgressBar-min-vertical-bar-width: 16; + border-radius: 2px; + padding: 0 0 1px 0; + text-shadow: none; +} + +/* through component */ +.trough row { + padding: 0px; + text-shadow: none; + border-radius: 2px; + padding: 0 0 1px 0; +} + +.trough, +.toolbar .trough, +.trough row, +.trough row:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (alpha (#000, 0.18)), + color-stop (0.20, alpha (#000, 0.14)), + to (alpha (#000, 0.04))); + border-style: none; + border-width: 0px; + border-radius: 2px; + padding: 0 0 1px 0; + box-shadow: inset 1px 1px alpha(#000, 0.15), + inset -1px -1px alpha(#000, 0.15); + text-shadow: none; +} + +.trough.vertical { + background-image: -gtk-gradient (linear, + left top, right top, + from (alpha (#000, 0.18)), + color-stop (0.20, alpha (#000, 0.14)), + to (alpha (#000, 0.04))); + border-radius: 2px; + padding: 0 0 1px 0; + text-shadow: none; +} + +.trough row:selected, +.trough row:selected:focus { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (mix (@trough_bg_color_a, @theme_selected_bg_color, 0.25)), + to (mix (@trough_bg_color_b, @theme_selected_bg_color, 0.25))); +} + +/* level bars as used for password quality or remaining power */ +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 { + border-width: 1px; + border-style: solid; + border-color: @button_border_active; + background-image: -gtk-gradient (linear, + 0.45 top, 0.55 bottom, + from (shade (@button_bg_active, 1.30)), + color-stop (0.40, shade (@button_bg_active, 1.04)), + color-stop (0.60, shade (@button_bg_active, 0.92)), + to (shade (@button_bg_active, 1.20))); +} + +.level-bar.indicator-continuous.fill-block { + padding: 2px; + border-radius: 2px; +} + +.level-bar.indicator-discrete.fill-block.horizontal { + margin: 0 1px; +} + +.level-bar.indicator-discrete.fill-block.vertical { + margin: 1px 0; +} + +/* discrete indicator border rounding, + uncomment when :nth-child will be working + on the widget + +.level-bar.indicator-discrete.fill-block.horizontal:first-child { + border-radius: 2px 0 0 2px; +} + +.level-bar.indicator-discrete.fill-block.horizontal:last-child { + border-radius: 0 2px 2px 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:first-child { + border-radius: 2px 2px 0 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:last-child { + border-radius: 0 0 2px 2px; +} +*/ + +.level-bar.fill-block.level-high { + border-color: shade(@success_color, 0.85); + background-image: linear-gradient(to bottom, + shade(@success_color, 1.2), + @success_color 75%, + shade(@success_color, 0.95)); +} + +.level-bar.fill-block.level-low { + border-color: shade(@warning_bg_color, 0.80); + background-image: linear-gradient(to bottom, + shade(@warning_bg_color, 1.3), + @warning_bg_color 75%, + shade(@warning_bg_color, 0.90)); +} + +.level-bar.fill-block.empty-fill-block { + background-color: transparent; + background-image: none; + border-color: alpha(@theme_fg_color, 0.1); +} + +.level-bar.fill-block.empty-fill-block:backdrop { + border-color: transparent; + background-color: transparent; +} + +/************ + * GtkScale * + ************/ + +.scale { + -GtkScale-slider-length: 14; + -GtkRange-slider-width: 14; + -GtkRange-trough-border: 1; + -GtkWidget-focus-line-width: 0; +} + +.scale.slider, +.scale.slider:hover, +.scale.slider:insensitive { + border-width: 1px; + border-radius: 8px; + border-style: none; + color: alpha(@theme_base_color, 0.0); + background-color: alpha(@theme_base_color, 0.0); + /* background-image in -assets variant */ +} + +.toolbar .scale.trough, +.scale.trough { + margin: 7px 0; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (alpha (#000, 0.20)), + color-stop (0.20, alpha (#000, 0.16)), + to (alpha (#000, 0.06))); + border-style: none; + border-width: 0px; + border-radius: 8px; + box-shadow: inset 1px 1px alpha(#000, 0.08), + inset -1px -1px alpha(#000, 0.08); +} + +.scale.trough.vertical { + margin: 0 7px; +} + +.scale.trough:insensitive { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (alpha (#000, 0.03)), + to (alpha (#000, 0.03))); +} + +.scale.progressbar { + background-color: @scale_progress_fill; + border-width: 1px; + border-radius: 3px; + border-style: none; +} + +.scale:insensitive, +.vertical.scale:insensitive { + background-color: transparent; +} + +.scale.mark { + color: mix(@theme_bg_color, @theme_text_color, 0.56); +} + +.menubar .menuitem .scale.highlight.left, +.scale.highlight.left { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@scale_fill, 0.90)), + to (shade (@scale_fill, 1.31))); + border-style: none; + border-width: 0px; + border-radius: 8px; + box-shadow: inset 1px 1px alpha(#000, 0.08), + inset -1px -1px alpha(#000, 0.08); + color: @theme_selected_fg_color; + text-shadow: none; +} + +.menubar .menuitem .scale.highlight.bottom, +.scale.highlight.bottom { + background-image: -gtk-gradient (linear, + left top, right top, + from (shade (@scale_fill, 0.90)), + to (shade (@scale_fill, 1.31))); + border-style: none; + border-width: 0px; + border-radius: 8px; + box-shadow: inset 1px 1px alpha(#000, 0.08), + inset -1px -1px alpha(#000, 0.08); + color: @theme_selected_fg_color; + text-shadow: none; +} + +.scale.highlight.left:insensitive { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 0.85)), + to (shade (@theme_bg_color, 0.85))); + box-shadow: inset 1px 1px alpha(#000, 0.02), + inset -1px -1px alpha(#000, 0.02); +} + +.scale.highlight.bottom:insensitive { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@theme_bg_color, 0.85)), + to (shade (@theme_bg_color, 0.85))); + box-shadow: inset 1px 1px alpha(#000, 0.02), + inset -1px -1px alpha(#000, 0.02); +} + +/********** + * Frames * + **********/ + +.frame { + padding: 2px; + border-width: 1px; + border-radius: 4px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.85); + border-top-color: shade(@notebook_border, 1.25); + border-left-color: shade(@notebook_border, 1.25); + border-right-color: shade(@notebook_border, 1.25); + border-bottom-color: shade(@notebook_border, 1.25); + color: mix(@theme_selected_bg_color, @theme_fg_color, 0.70); +} + +/* only render frames in a GtkScrolledWindow */ +GtkScrolledWindow.frame { + border-width: 1px; + border-radius: 0; + border-style: solid; + border-color: shade (@theme_bg_color, 0.85); + padding: 0px; +} + +/*********** + * Buttons * + ***********/ + +.button.menuitem.menubar { + padding: 4px 8px; +} + +.button { + padding: 4px; +} + +.button { + transition: all 400ms ease-out; + -GtkButton-image-spacing: 4; + -GtkButton-interior-focus: true; + -GtkButton-default-border: 0; + -GtkButton-inner-border: 3; + -GtkArrow-arrow-scaling: 0.5; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + color-stop (0.48, @button_gradient2), + color-stop (0.52, @button_gradient3), + to (@button_gradient4)); + border-width: 1px; + border-radius: 6px; + border-style: solid; + /* outer */ + border-top-color: transparent; + border-left-color: alpha (#000, 0.01); + border-right-color: alpha (#000, 0.01); + border-bottom-color: alpha (#000, 0.03); + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +/* box-shadow Syntax */ +/* box-shadow: [ inset ] horizontal_offset vertical_offset [ blur_radius ] [ spread ] color */ + color: @theme_fg_color; + text-shadow: 0px 1px @theme_shadow_color; +} + +.button.default { + transition: all 400ms ease-out; + text-shadow: none; + color: @theme_fg_color; +} + +/* ie. mate-control-center */ +.button.flat { + transition: all 400ms ease-out; + padding: 0px; + border-color: transparent; + background-color: transparent; + background-image: none; + 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:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + color-stop (0.48, shade(@button_gradient2, 1.03)), + color-stop (0.52, shade(@button_gradient3, 1.03)), + to (shade(@button_gradient4, 1.01))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.button:active, +.button:active:hover, +.button:focus:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); + border-radius: 6px; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.button:focus, +.button.default { + border-color: transparent; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.button:active, +.button:active:hover { + color: @theme_fg_color; + text-shadow: 1px 1px @theme_shadow_color; +} + +.button:insensitive { + background-image: none; + background-color: @insensitive_bg_color; + border-color: alpha (#000, 0.00); + border-bottom-color: alpha (#000, 0.00); + border-image: none; + box-shadow: inset 0px 1px @insensitive_border_color, + inset 1px 0px @insensitive_border_color, + inset -1px 0px @insensitive_border_color, + inset 0px -1px @insensitive_border_color; +} + +.button:insensitive { + color: @insensitive_fg_color; + text-shadow: none; +} + +.path-bar .button, +.path-bar .button GtkImage, +.path-bar .button GtkLabel { + padding: 2px; +} + +.path-bar .button { + border-width: 1px 0px 1px 1px; +} + +.path-bar .button:hover:active { + border-left-width: 1px; +} + +.path-bar .button:first-child, +.path-bar .button:first-child:hover:active { + border-right-width: 0px; +} + +.path-bar .button:only-child, +.path-bar .button:only-child:hover:active { + border-radius: 3px; + border-right-width: 1px; +} + +.linked.raised .button:first-child, +.linked.raised .button:first-child:hover:active { + border-right-width: 0px; +} + +/***************************/ +/* Linked toolbars-buttons */ +/***************************/ + +/* Middle toolbar-button */ +.toolbar.menubar .linked .button, +.toolbar.menubar .linked .button:hover, +.toolbar .button.raised.linked, +.toolbar .raised.linked .button, +.primary-toolbar .linked .button, +.primary-toolbar .linked .entry, +.toolbar.menubar .linked .button:active, +.toolbar.menubar .linked .button:active:hover, +.toolbar.menubar .linked .button:active:active, +.toolbar .button.raised.linked:active, +.toolbar .button.raised.linked:active:hover, +.toolbar .button.raised.linked:active:active, +.toolbar .raised.linked .button:active, +.toolbar .raised.linked .button:hover, +.toolbar .raised.linked .button:active:hover, +.toolbar .raised.linked .button:active:active, +.primary-toolbar .linked .button:active, +.primary-toolbar .linked .button:active:hover, +.primary-toolbar .linked .button:active:active, +.toolbar.menubar .linked .button:insensitive, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button:insensitive, +.primary-toolbar .linked .button:insensitive, +.primary-toolbar .linked .entry:insensitive { + border-width: 1px; + border-right-width: 0px; + border-left-width: 0px; + border-radius: 0; + padding-left: 4px; + padding-right: 4px; +} + +/* Middle toolbar-button hover */ +.toolbar.menubar .linked .button:hover, +.toolbar .raised.linked .button:hover { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Middle toolbar-button active */ +.toolbar.menubar .linked .button:active, +.toolbar.menubar .linked .button:active:hover, +.toolbar.menubar .linked .button:active:active, +.toolbar .button.raised.linked:active, +.toolbar .button.raised.linked:active:hover, +.toolbar .raised.linked .button:active:active, +.toolbar .raised.linked .button:active, +.primary-toolbar .linked .button:active, +.primary-toolbar .linked .button:active:hover, +.primary-toolbar .linked .button:active:active { + /* Remove right border */ + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Middle toolbar-button insensitive */ +.toolbar.menubar .linked .button:insensitive, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button:insensitive, +.primary-toolbar .linked .button:insensitive, +.primary-toolbar .linked .entry:insensitive { + /* remove outer */ + border-color: alpha (#fff, 0.00); + /* Remove right border */ + box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), + inset 1px 0px shade(@theme_button_border_dark, 1.05), + inset 0px -1px shade(@theme_button_border_dark, 1.00); +} + +/* Leftmost toolbars-button */ +.toolbar.menubar .linked .button:first-child, +.toolbar.menubar .linked .button:hover:first-child, +.toolbar .button.raised.linked:first-child, +.toolbar .raised.linked .button:first-child, +.toolbar .raised.linked .button:hover:first-child +.primary-toolbar .linked .button:first-child, +.primary-toolbar .linked .entry:first-child, +.toolbar.menubar .linked .button:active:first-child, +.toolbar.menubar .linked .button:active:hover:first-child, +.toolbar.menubar .linked .button:active:active:first-child, +.toolbar .button.raised.linked:active:first-child, +.toolbar .button.raised.linked:active:hover:first-child, +.toolbar .button.raised.linked:active:active:first-child, +.toolbar .raised.linked .button:active:first-child, +.toolbar .raised.linked .button:active:hover:first-child, +.toolbar .raised.linked .button:active:active:first-child, +.primary-toolbar .linked .button:active:first-child, +.primary-toolbar .linked .button:active:hover:first-child, +.primary-toolbar .linked .button:active:active:first-child, +.toolbar.menubar .linked .button:insensitive:first-child, +.toolbar .button.raised.linked:insensitive:first-child, +.toolbar .raised.linked .button:insensitive:first-child, +.primary-toolbar .linked .button:insensitive:first-child, +.primary-toolbar .linked .entry:insensitive:first-child { + border-width: 1px; + border-right-width: 0; + border-radius: 5px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + padding-left: 4px; + padding-right: 4px; +} + +/* Leftmost toolbars-button hover */ +.toolbar.menubar .linked .button:hover:first-child, +.toolbar .raised.linked .button:hover:first-child { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Leftmost toolbars-button active */ +.toolbar.menubar .linked .button:active:first-child, +.toolbar.menubar .linked .button:active:hover:first-child, +.toolbar.menubar .linked .button:active:active:first-child, +.toolbar .button.raised.linked:active:first-child, +.toolbar .button.raised.linked:active:hover:first-child, +.toolbar .button.raised.linked:active:active:first-child, +.toolbar .raised.linked .button:active:first-child, +.toolbar .raised.linked .button:active:hover:first-child, +.toolbar .raised.linked .button:active:active:first-child, +.primary-toolbar .linked .button:active:first-child, +.primary-toolbar .linked .button:active:hover:first-child, +.primary-toolbar .linked .button:active:active:first-child { + /* Remove right border */ + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Leftmost toolbars-button insensitive */ +.toolbar.menubar .linked .button:insensitive:first-child, +.toolbar .button.raised.linked:insensitive:first-child, +.toolbar .raised.linked .button:insensitive:first-child, +.primary-toolbar .linked .button:insensitive:first-child, +.primary-toolbar .linked .entry:insensitive:first-child { + /* remove outer */ + border-color: alpha (#fff, 0.00); + /* Remove right border */ + box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), + inset 1px 0px shade(@theme_button_border_dark, 1.05), + inset 0px -1px shade(@theme_button_border_dark, 1.00); +} + +/* Rightmost toolbar-button */ +.toolbar.menubar .linked .button:last-child, +.toolbar.menubar .linked .button:hover:last-child, +.toolbar .button.raised.linked:last-child, +.toolbar .raised.linked .button:last-child, +.toolbar .raised.linked .button:hover:last-child, +.primary-toolbar .linked .button:last-child, +.primary-toolbar .linked .entry:last-child, +.toolbar.menubar .linked .button:active:last-child, +.toolbar.menubar .linked .button:active:hover:last-child, +.toolbar.menubar .linked .button:active:active:last-child, +.toolbar .button.raised.linked:active:last-child, +.toolbar .button.raised.linked:active:hover:last-child, +.toolbar .button.raised.linked:active:active:last-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:active:hover:last-child, +.toolbar .raised.linked .button:active:active:last-child, +.primary-toolbar .linked .button:active:last-child, +.primary-toolbar .linked .button:active:hover:last-child, +.primary-toolbar .linked .button:active:active:last-child, +.toolbar.menubar .linked .button:insensitive:last-child, +.toolbar .button.raised.linked:insensitive:last-child, +.toolbar .raised.linked .button:insensitive:last-child, +.primary-toolbar .linked .button:insensitive:last-child, +.primary-toolbar .linked .entry:insensitive:last-child { + border-width: 1px; + border-left-width: 0px; + border-radius: 5px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + padding-left: 4px; + padding-right: 4px; +} + +/* Rightmost toolbars-button hover */ +.toolbar.menubar .linked .button:hover:last-child, +.toolbar .raised.linked .button:hover:last-child { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Rightmost toolbar-button active */ +.toolbar.menubar .linked .button:active:last-child, +.toolbar.menubar .linked .button:active:hover:last-child, +.toolbar.menubar .linked .button:active:active:last-child, +.toolbar .button.raised.linked:active:last-child, +.toolbar .button.raised.linked:active:hover:last-child, +.toolbar .button.raised.linked:active:active:last-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:active:hover:last-child, +.toolbar .raised.linked .button:active:active:last-child, +.primary-toolbar .linked .button:active:last-child, +.primary-toolbar .linked .button:active:hover:last-child, +.primary-toolbar .linked .button:active:active:last-child { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Rightmost toolbar-button insensitive */ +.toolbar.menubar .linked .button:insensitive:last-child, +.toolbar .button.raised.linked:insensitive:last-child, +.toolbar .raised.linked .button:insensitive:last-child, +.primary-toolbar .linked .button:insensitive:last-child, +.primary-toolbar .linked .entry:insensitive:last-child { + border-color: alpha (#fff, 0.00); /* Quita outer */ + box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), + inset 1px 0px shade(@theme_button_border_dark, 1.05), + inset -1px 0px shade(@theme_button_border_dark, 1.05), + inset 0px -1px shade(@theme_button_border_dark, 1.00); +} + +/* Linked single toolbar-button */ +.toolbar.menubar .linked .button:only-child, +.toolbar.menubar .linked .button:hover:only-child, +.toolbar .button.raised.linked:only-child, +.toolbar .raised.linked .button:only-child, +.toolbar .raised.linked .button:hover:only-child, +.primary-toolbar .linked .entry:only-child, +.primary-toolbar .linked .button:only-child, +.toolbar.menubar .linked .button:active:only-child, +.toolbar.menubar .linked .button:active:hover:only-child, +.toolbar.menubar .linked .button:active:active:only-child, +.toolbar .button.raised.linked:active:only-child, +.toolbar .raised.linked .button:active:only-child, +.primary-toolbar .linked .button:active:only-child, +.toolbar .button.raised.linked:active:hover:only-child, +.toolbar .button.raised.linked:active:active:only-child, +.toolbar .raised.linked .button:active:hover:only-child, +.toolbar .raised.linked .button:active:active:only-child, +.primary-toolbar .linked .button:active:hover:only-child, +.primary-toolbar .linked .button:active:active:only-child, +.toolbar.menubar .linked .button:insensitive:only-child, +.toolbar .button.raised.linked:insensitive:only-child, +.toolbar .raised.linked .button:insensitive:only-child, +.primary-toolbar .linked .entry:insensitive:only-child, +.primary-toolbar .linked .button:insensitive:only-child { + border-width: 1px; + border-radius: 5px; + padding-left: 4px; + padding-right: 4px; +} + +/* Linked single toolbar-button normal */ +.toolbar.menubar .linked .button:only-child, +.toolbar .button.raised.linked:only-child, +.toolbar .raised.linked .button:only-child, +.primary-toolbar .linked .entry:only-child, +.primary-toolbar .linked .button:only-child { + box-shadow: inset 0px 2px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.06), + inset -2px 0px alpha(#fff, 0.06), + inset 0px -2px alpha(#fff, 0.06), + inset 0px 1px shade(@theme_button_border_dark, 1.05), + inset 1px 0px shade(@theme_button_border_dark, 1.00), + inset -1px 0px shade(@theme_button_border_dark, 1.00), + inset 0px -1px shade(@theme_button_border_dark, 0.85); +} + +/* Linked single toolbar-button hover */ +.toolbar .raised.linked .button:hover:only-child, +.toolbar.menubar .linked .button:hover:only-child { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Linked single toolbar-button active */ +.toolbar.menubar .linked .button:active:only-child, +.toolbar.menubar .linked .button:active:hover:only-child, +.toolbar.menubar .linked .button:active:active:only-child, +.toolbar .button.raised.linked:active:only-child, +.toolbar .button.raised.linked:active:hover:only-child, +.toolbar .button.raised.linked:active:active:only-child, +.toolbar .raised.linked .button:active:only-child, +.toolbar .raised.linked .button:active:hover:only-child, +.toolbar .raised.linked .button:active:active:only-child, +.primary-toolbar .linked .button:active:only-child, +.primary-toolbar .linked .button:active:hover:only-child, +.primary-toolbar .linked .button:active:active:only-child { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* Linked single toolbar-button insensitive */ +.toolbar.menubar .linked .button:insensitive:only-child, +.toolbar .button.raised.linked:insensitive:only-child, +.toolbar .raised.linked .button:insensitive:only-child, +.primary-toolbar .linked .entry:insensitive:only-child, +.primary-toolbar .linked .button:insensitive:only-child { + border-color: alpha (#fff, 0.00); /* Quita outer */ + box-shadow: inset 0px 1px shade(@theme_button_border_dark, 1.10), + inset 1px 0px shade(@theme_button_border_dark, 1.05), + inset -1px 0px shade(@theme_button_border_dark, 1.05), + inset 0px -1px shade(@theme_button_border_dark, 1.00); +} + +/* nth-child for linked areas */ +.toolbar .raised.linked.button, +.toolbar .raised.linked.button:active, +.toolbar .raised.linked.button:active:hover, +.toolbar .raised.linked .button, +.toolbar .raised.linked .button:active, +.toolbar .raised.linked .button:active:hover { +} + +.toolbar .raised.linked.button:nth-child(first) , +.toolbar .raised.linked.button:active:nth-child(first), +.toolbar .raised.linked.button:active:hover:nth-child(first), +.toolbar .raised.linked:nth-child(first) .button, +.toolbar .raised.linked:nth-child(first) .button:active, +.toolbar .raised.linked:nth-child(first) .button:active:hover { +} + +.toolbar .raised.linked.button:nth-child(last), +.toolbar .raised.linked.button:active:nth-child(last), +.toolbar .raised.linked.button:active:hover:nth-child(last), +.toolbar .raised.linked:nth-child(last) .button, +.toolbar .raised.linked:nth-child(last) .button:active, +.toolbar .raised.linked:nth-child(last) .button:active:hover { +} + +/***************************/ +/* Linked standard buttons */ +/***************************/ + +.linked .entry, +.linked .button, +.linked .button:active, +.linked .button:active:hover, +.linked .button:focus, +.linked .button:focus:active, +.linked .button:insensitive { + padding-left: 5px; + padding-right: 5px; + border-width: 1px 1px 2px 1px; + border-radius: 6px; +} + +/* default button */ +.linked .button.default:focus, +.linked .button.default, +.linked .button.default:focus:first-child, +.linked .button.default:first-child { + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px shade(@selected_bg_color, 1.3); +} + +.linked .button.default:focus:last-child, +.linked .button.default:last-child, +.linked .button.default:focus:only-child, +.linked .button.default:only-child { + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3), + inset 0px -1px shade(@selected_bg_color, 1.3); +} + +/* Middle button */ +.linked .entry, +.linked .button, +.linked .button:focus, +.linked .button:insensitive { + border-right-width: 0px; + border-left-width: 0px; + border-width: 1px 0; + border-radius: 0; + padding: 5px 2px; + box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +/* Middle Button active */ +.linked .button:active, +.linked .button:focus:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px shade(@selected_bg_color, 1.3); + background-color: transparent; + border-right-width: 0px; + border-left-width: 0px; + border-width: 1px 0; + border-radius: 0; + padding: 5px 2px; + color: @theme_fg_color; + text-shadow: none; +} + +/* Middle button hover */ +.linked .button:hover, +.linked .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + color-stop (0.48, shade(@button_gradient2, 1.03)), + color-stop (0.52, shade(@button_gradient3, 1.03)), + to (shade(@button_gradient4, 1.01))); + background-color: transparent; + border-right-width: 0px; + border-left-width: 0px; + border-width: 1px 0; + border-radius: 0; + padding: 5px 2px; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px shade(@selected_bg_color, 1.3); + color: @theme_fg_color; + text-shadow: none; +} + +.linked .button, +.linked .button:hover, +.linked .button:focus, +.linked .button:focus:active, +.linked .button:active, +.linked .button:active:hover, +.linked .button:insensitive { + padding: 4px 2px; +} + +/* Leftmost button */ +.linked .entry:first-child, +.linked .button:first-child, +.linked .button:focus:first-child, +.linked .button:insensitive:first-child { + border-radius: 6px 0 0 6px; + border-width: 1px; + border-right-width: 0; + padding: 5px 2px; + box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +/* Leftmost button active */ +.linked .button:active:first-child, +.linked .button:focus:active:first-child { + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px shade(@selected_bg_color, 1.3); + background-color: transparent; + border-radius: 6px 0 0 6px; + border-width: 1px; + border-right-width: 0; + padding: 5px 2px; + color: @theme_fg_color; + text-shadow: none; +} + +/* Leftmost button hover */ +.linked .button:hover:first-child, +.linked .button:active:hover:first-child { + background-color: transparent; + border-radius: 6px 0 0 6px; + border-width: 1px; + border-right-width: 0; + padding: 5px 2px; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px shade(@selected_bg_color, 1.3); + color: @theme_fg_color; + text-shadow: none; +} + +.linked .button:first-child, +.linked .button:hover:first-child, +.linked .button:focus:first-child, +.linked .button:focus:active:first-child, +.linked .button:active:first-child, +.linked .button:active:hover:first-child, +.linked .button:insensitive:first-child { + padding: 4px 2px; +} + +/* Rightmost button */ +.linked .entry:last-child, +.linked .button:last-child, +.linked .button:focus:last-child, +.linked .button:insensitive:last-child { + border-width: 1px; + border-radius: 0 6px 6px 0; + border-left-width: 0; + padding: 5px 2px; + box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +/* Rightmost button active */ +.linked .button:active:last-child, +.linked .button:focus:active:last-child { + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px shade(@selected_bg_color, 1.3); + background-color: transparent; + border-width: 1px; + border-radius: 0 6px 6px 0; + border-left-width: 0; + padding: 5px 2px; + color: @theme_fg_color; + text-shadow: none; +} + +/* Rightmost button hover */ +.linked .button:hover:last-child, +.linked .button:active:hover:last-child { + background-color: transparent; + border-width: 1px; + border-radius: 0 6px 6px 0; + border-left-width: 0; + padding: 5px 2px; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3), + inset 0px -1px shade(@selected_bg_color, 1.3); + color: @theme_fg_color; + text-shadow: none; +} + +.linked .button:last-child, +.linked .button:hover:last-child, +.linked .button:focus:last-child, +.linked .button:focus:active:last-child, +.linked .button:active:last-child, +.linked .button:active:hover:last-child, +.linked .button:insensitive:last-child { + padding: 4px 2px; +} + +/* Linked single button */ +.linked .entry:only-child, +.linked .button:only-child, +.linked .button:focus:only-child, +.linked .button:insensitive:only-child { + background-image: none; + background-color: transparent; + padding-left: 6px; + padding-right: 6px; + border-width: 1px; + border-radius: 6px; + border-color: shade (@selected_bg_color, 1.05); +} + +.linked .button:hover:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:focus:active:only-child { + background-image: none; + background-color: transparent; + padding-left: 6px; + padding-right: 6px; + border-width: 1px; + border-radius: 6px; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3), + inset 0px -1px shade(@selected_bg_color, 1.3); +} + +.linked .button:only-child, +.linked .button:hover:only-child, +.linked .button:focus:only-child, +.linked .button:focus:active:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:insensitive:only-child { + padding: 4px 2px; +} + +/* vertical */ +/* Middle button */ + +.vertical.linked .button, +.vertical.linked .button:focus, +.vertical.linked .button:insensitive { + border-radius: 0px 0px 0 0; + border-width: 1px; + border-bottom-width: 0; + border-top-width: 0; + box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.90), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), + inset -1px 0px alpha(shade(@button_border, 0.88), 0.90), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +.vertical.linked .button:hover, +.vertical.linked .button:active { + border-radius: 0px 0px 0 0; + border-width: 1px; + border-bottom-width: 0; + border-top-width: 0; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3), + inset 0px -1px shade(@selected_bg_color, 1.3); +} + +/* Top button */ + +.vertical.linked .button:first-child, +.vertical.linked .button:focus:first-child, +.vertical.linked .button:insensitive:first-child { + border-radius: 6px 6px 0 0; + border-width: 1px; + border-bottom-width: 0; + box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), + inset -1px 0px alpha(shade(@button_border, 0.88), 0.90); + + +} + +.vertical.linked .button:hover:first-child, +.vertical.linked .button:active:first-child { + border-radius: 6px 6px 0 0; + border-width: 1px; + border-bottom-width: 0; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3); + +} + +/* Bottom button */ + +.vertical.linked .button:last-child, +.vertical.linked .button:focus:last-child, +.vertical.linked .button:insensitive:last-child { + border-radius: 0 0 6px 6px; + border-width: 1px; + border-top-width: 0; + box-shadow: inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.90), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.70); +} + +.vertical.linked .button:hover:last-child, +.vertical.linked .button:active:last-child { + border-radius: 0 0 6px 6px; + border-width: 1px; + border-top-width: 0; + box-shadow: inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3), + inset 0px -1px shade(@selected_bg_color, 1.3); +} + +/* Single button */ + +.vertical.linked .button:only-child, +.vertical.linked .button:focus:only-child, +.vertical.linked .button:insensitive:only-child { + border-radius: 6px 6px 6px 6px; + border-width: 1px; + padding-left: 6px; + padding-right: 6px; + box-shadow: inset 0px 1px alpha(shade(@button_border, 0.94), 0.90), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.90), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.90), + inset 0px -1px alpha(shade(@button_border, 0.94), 0.90); +} + +.vertical.linked .button:hover:only-child, +.vertical.linked .button:active:only-child { + border-radius: 6px 6px 6px 6px; + border-width: 1px; + padding-left: 6px; + padding-right: 6px; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3), + inset 0px -1px shade(@selected_bg_color, 1.3); +} + +/*************************/ +/* linked inline buttons */ +/*************************/ + +/* Middle button */ +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton > .button, +.inline-toolbar.toolbar GtkToolButton > .button:active, +.inline-toolbar.toolbar GtkToolButton > .button:insensitive { + /* outer */ + border-width: 0px; + border-right-width: 0px; + border-left-width: 0px; + border-radius: 0; + /* border and inset */ + box-shadow: inset 0px 1px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.07), + inset 1px 0px shade(@button_border, 1.10), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.05); +} + +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar GtkToolButton > .button:active { + background-color: transparent; + box-shadow: inset 0px 1px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.03), + inset 1px 0px shade(@button_border, 0.80), + inset -1px 0px alpha(#000, 0.03), + inset 0px -1px alpha(#000, 0.02); +} + +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton > .button:insensitive { + box-shadow: inset 1px 0px shade(@button_border, 1.10); +} + +/* Leftmost button */ +.inline-toolbar.toolbar .button:first-child, +.inline-toolbar.toolbar .button:active:first-child, +.inline-toolbar.toolbar .button:insensitive:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button, +.inline-toolbar.toolbar GtkToolButton:first-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:first-child > .button:insensitive { + border-width: 0px; + border-radius: 0px; + box-shadow: inset 0px 1px alpha(#fff, 0.09), + inset 1px 0px alpha(#fff, 0.07), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.05); +} + +.inline-toolbar.toolbar .button:active:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button:active { + background-color: transparent; + box-shadow: inset 0px 1px alpha(#000, 0.05), + inset 1px 0px alpha(#000, 0.03), + inset -1px 0px alpha(#000, 0.03), + inset 0px -1px alpha(#000, 0.02); +} + +.inline-toolbar.toolbar .button:insensitive:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button:insensitive { + box-shadow: none; +} + +/* Rightmost button */ +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive { + border-width: 0px; + border-radius: 0px; + box-shadow: inset 0px 1px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.07), + inset 1px 0px shade(@button_border, 1.10), + inset -2px 0px alpha(#fff, 0.07), + inset -1px 0px shade(@button_border, 1.10), + inset 0px -1px alpha(#fff, 0.05); +} + +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active { + background-color: transparent; + box-shadow: inset 0px 1px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.03), + inset 1px 0px shade(@button_border, 0.80), + inset -2px 0px alpha(#000, 0.03), + inset -1px 0px shade(@button_border, 0.80), + inset 0px -1px alpha(#000, 0.02); +} + +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive { + box-shadow: inset 1px 0px shade(@button_border, 1.10), + inset -1px 0px shade(@button_border, 1.10); +} + +/* Single button */ +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive { + border-radius: 0px; + border-width: 0px; + box-shadow: inset 0px 1px alpha(#fff, 0.09), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.05), + inset 1px 0px shade(@button_border, 1.10); +} + +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active { + background-color: transparent; + box-shadow: inset 0px 1px alpha(#000, 0.05), + inset -1px 0px alpha(#000, 0.03), + inset 0px -1px alpha(#000, 0.02), + inset 1px 0px shade(@button_border, 0.80); +} + +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive { + box-shadow: inset 1px 0px shade(@button_border, 1.10); +} + +/************** + * ComboBoxes * + **************/ + +GtkComboBox { + padding: 0px; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; +} + +GtkComboBox .cell { + /* color combobox read-only */ + color: @theme_fg_color; + text-shadow: 0 1px @theme_shadow_color; +} + +GtkComboBox .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} + +GtkComboBox .entry, +GtkComboBox .entry:nth-child(first) { + border-width: 2px 0px 2px 2px; /* remove right-outer */ + border-radius: 4px 0px 0px 4px; + /* remove right-border */ + box-shadow: inset 0px 3px alpha(#000, 0.03), + inset 0px 2px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.04), + inset -1px 0px alpha(#000, 0.04), + inset 0px -2px alpha(#000, 0.03), + inset 0px 1px shade(@button_border, 0.90), + inset 1px 0px shade(@button_border, 0.99), + inset 0px -1px shade(@button_border, 1.10); +} + +GtkComboBox .entry:focus { + border-width: 2px 0px 2px 2px; /* remove right-outer */ + /* border */ + box-shadow: inset 0px 3px alpha(#000, 0.03), + inset 0px 2px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.04), + inset -1px 0px alpha(#000, 0.04), + inset 0px -2px alpha(#000, 0.03), + inset 0px 1px alpha(@focused_entry_border, 0.95), + inset 1px 0px alpha(@focused_entry_border, 0.95), + inset 0px -1px alpha(@focused_entry_border, 0.95); +} + +/* for RTL languages */ +GtkComboBox .entry:nth-child(last) { + border-width: 2px 2px 2px 0px; + border-radius: 0px 5px 5px 0px; + border-image-width: 2px 2px 2px 0px; +} + +GtkComboBox .button { + color: @internal_element_color; + padding: 2px 3px 2px 6px; +} + +GtkComboBox .button *:prelight { + color: @theme_text_color; +} + +.toolbar GtkComboBox .cell { + /* color combobox read-only */ + color: shade(@toolbar_fg_color, 0.94); + text-shadow: 0 1px @toolbar_shadow_color; +} + +.primary-toolbar GtkComboBox .cell { + /* color combobox read-only */ + color: shade(@theme_fg_dark_color, 0.94); + text-shadow: 0 1px @theme_shadow_dark_color; +} + +.toolbar GtkComboBox .entry, +.toolbar GtkComboBox .entry:focus { + border-width: 1px 0px 1px 1px; /* remove rightr */ + border-top-color: shade(@toolbar_gradient_base, 0.60); + border-left-color: shade(@toolbar_gradient_base, 0.70); + border-bottom-color: shade(@toolbar_gradient_base, 0.80); + box-shadow: inset 0px 3px alpha(#000, 0.02), + inset 0px 2px alpha(#000, 0.04), + inset 0px 1px alpha(#000, 0.06), + inset 1px 0px alpha(#000, 0.05), + inset -1px 0px alpha(#000, 0.05); +} + +.toolbar GtkComboBox.combobox-entry .button { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (alpha(#fff, 0.04)), + to (alpha(#000, 0.07))); + border-top-color: alpha (#000, 0.15); + border-left-color: alpha (#000, 0.20); + border-right-color: alpha (#000, 0.20); + border-bottom-color: alpha (#000, 0.25); +} + +.toolbar GtkComboBox.combobox-entry .button:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (alpha(#000, 0.20)), + to (alpha(#000, 0.06))); + border-top-color: alpha (#000, 0.40); + border-left-color: alpha (#000, 0.31); + border-right-color: alpha (#000, 0.31); + border-bottom-color: alpha (#000, 0.22); + box-shadow: inset 0px 2px alpha(#000, 0.02), + inset 0px 1px alpha(#000, 0.06), + inset 2px 0px alpha(#000, 0.02), + inset 1px 0px alpha(#000, 0.04), + inset -2px 0px alpha(#000, 0.02), + inset -1px 0px alpha(#000, 0.04), + inset 0px -1px alpha(#fff, 0.01); +} + +.toolbar GtkComboBox.combobox-entry .button, +.toolbar GtkComboBox.combobox-entry .button:hover, +.toolbar GtkComboBox.combobox-entry .button:active, +.toolbar GtkComboBox.combobox-entry .button:insensitive, +.toolbar GtkComboBox.combobox-entry .button:nth-child(last), +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:hover, +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, +.primary-toolbar GtkComboBox.combobox-entry .button:nth-child(last) { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-width: 1px 1px 1px 1px; + padding: 2px 3px; +} + +GtkComboBox.combobox-entry .button, +GtkComboBox.combobox-entry .button:hover, +GtkComboBox.combobox-entry .button:active, +GtkComboBox.combobox-entry .button:insensitive, +GtkComboBox.combobox-entry .button:nth-child(last) { + border-color: transparent; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-width: 2px 2px 2px 0px; + padding: 2px 3px; +} + +GtkComboBox.combobox-entry .button:hover { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-width: 2px 2px 2px 0px; + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), + inset 1px 0px shade(@selected_bg_color, 1.3), + inset 0px -1px shade(@selected_bg_color, 1.3), + inset -1px 0px shade(@selected_bg_color, 1.3); + border-color: transparent; +} + +/* for RTL languages */ +GtkComboBox.combobox-entry .button:nth-child(first) { + border-width: 2px 0px 2px 2px; + border-radius: 4px 0px 0px 4px; +} + +.primary-toolbar GtkComboBox.combobox-entry .button:nth-child(first) { + border-width: 1px 0px 1px 1px; + border-radius: 4px 0px 0px 4px; +} + +GtkComboBox.combobox-entry .button:active, +GtkComboBox.combobox-entry .button:prelight { + color: @internal_element_prelight; +} + +.toolbar GtkComboBox.combobox-entry .button:active, +.toolbar GtkComboBox.combobox-entry .button:prelight, +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:prelight { + color: @theme_text_dark_color; +} + +/************ + * Toolbars * + ************/ + +.toolbar { + background-image: none; + background-color: alpha (@theme_base_color, 0.0); +} + +.toolbar { + padding: 2px 4px; + background-color: @toolbar_gradient_base; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@toolbar_gradient_base), + to (@toolbar_gradient_base)); + border-width: 0 0 1px 0; + border-radius: 0px; + border-style: solid; + border-bottom-color: shade(@toolbar_gradient_base, 0.90); + color: @toolbar_fg_color; +} + +/******************** + * Menubar Toolbars * + ********************/ + +.toolbar.menubar { + padding: 2px 4px 5px 3px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_dark_color, 1.00)), + to (shade (@theme_bg_dark_color, 0.95))); + border-image: none; + border-width: 0px 0px 1px 0px; + border-radius: 0px; + border-style: solid; + border-color: shade (@theme_bg_dark_color, 0.72); + color: @theme_fg_dark_color; + box-shadow: none; + -GtkToolbar-button-relief: normal; +} + +/******************** + * Primary Toolbars * + ********************/ + +/* applications using EggEditableToolbar usually set the primary-toolbar + * hint on the containing vbox, so we need to handle both these cases here. + */ + +.primary-toolbar .toolbar, +.primary-toolbar.toolbar { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 1.00)), + to (shade(@theme_bg_dark_color, 0.95))); + border-image: none; + border-width: 0px 0px 1px 0px; + border-radius: 0px; + border-style: solid; + border-color: transparent; + padding: 3px; + box-shadow: none; + -GtkWidget-window-dragging: true; + -GtkToolbar-button-relief: normal; + color: @theme_fg_dark_color; +} + +.primary-toolbar .toolbar:insensitive, +.primary-toolbar.toolbar:insensitive { + background-image: none; + background-color: shade (@theme_bg_dark_color, 0.97); + border-image: none; + border-style: solid; + border-color: transparent; +} + +/* primary toolbar buttons */ +.toolbar .button, +.primary-toolbar .toolbar .button, +.primary-toolbar.toolbar .button { + -GtkWidget-focus-line-width: 0; + border-image: none; + border-style: solid; + border-radius: 5px; + border-color: transparent; + box-shadow: none; + background-image: none; + background-color: alpha (@theme_base_color, 0.0); + padding: 2px 4px; +} + +.toolbar .button { + color: shade(@toolbar_fg_color, 1.00); + text-shadow: 0px 1px @toolbar_shadow_color; +} + +.toolbar GtkComboBox .button { + /* color combobox read-only */ + color: shade(@toolbar_fg_color, 1.00); + text-shadow: 0px 1px @toolbar_shadow_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (alpha(#fff, 0.04)), + to (alpha(#000, 0.06))); + border-top-color: alpha (#000, 0.15); + border-left-color: alpha (#000, 0.20); + border-right-color: alpha (#000, 0.20); + border-bottom-color: alpha (#000, 0.25); +} + +.primary-toolbar .toolbar .button, +.primary-toolbar.toolbar .button { + color: @theme_fg_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +.toolbar .button:insensitive, +.primary-toolbar .toolbar .button:insensitive, +.primary-toolbar.toolbar .button:insensitive { + background-image: none; + background-color: alpha (@theme_base_color, 0.0); + border-color: transparent; + /* -GtkWidget-focus-line-width: 0; */ +} + +.toolbar .button:insensitive { + color: mix(@toolbar_gradient_base, @toolbar_fg_color, 0.60); + text-shadow: none; +} + +.primary-toolbar .toolbar .button:insensitive, +.primary-toolbar.toolbar .button:insensitive { + color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.60); + text-shadow: none; +} + +.toolbar .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (alpha(#fff, 0.03)), + to (alpha(#000, 0.08))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.primary-toolbar .toolbar .button:hover, +.primary-toolbar.toolbar .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-style: solid; + border-color: transparent; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.toolbar .button:active, +.toolbar .button:active:hover, +.toolbar .button:active:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (alpha(#000, 0.20)), + to (alpha(#000, 0.06))); + border-width: 1px; + border-radius: 5px; + border-color: transparent; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.primary-toolbar .toolbar .button:active, +.primary-toolbar.toolbar .button:active, +.primary-toolbar .toolbar .button:active:hover, +.primary-toolbar.toolbar .button:active:hover, +.primary-toolbar .toolbar .button:active:active, +.primary-toolbar.toolbar .button:active:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-image: none; + border-color: transparent; + border-width: 1px; + border-radius: 5px; + border-style: solid; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.toolbar .button:hover, +.toolbar .button:active { +/* edge */ + color: @theme_fg_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +/* arrangement epiphany (toolbar.menubar) */ +.primary-toolbar .toolbar .button:hover, +.primary-toolbar.toolbar .button:hover, +.primary-toolbar .toolbar .button:active, +.primary-toolbar.toolbar .button:active, +.primary-toolbar .toolbar .button:active:hover, +.primary-toolbar.toolbar .button:active:hover, +.primary-toolbar .toolbar .button:active:active, +.primary-toolbar.toolbar .button:active:active { + color: @theme_fg_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +.toolbar .button:active:insensitive, +.primary-toolbar .toolbar .button:active:insensitive, +.primary-toolbar.toolbar .button:active:insensitive { + background-image: none; + background-color: alpha (@theme_base_color, 0.0); + border-color: transparent; + icon-shadow: none; + text-shadow: none; +} + +.toolbar GtkLabel { +/* problem with button-menu-menuitem nautilus + color: shade(@theme_fg_color, 1.10); + text-shadow: 0px 1px @theme_shadow_color; +*/ +} + +.toolbar.menubar GtkLabel, +.primary-toolbar .toolbar GtkLabel, +.primary-toolbar.toolbar GtkLabel { + color: @theme_fg_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +.toolbar GtkSeparatorToolItem, +.toolbar .separator, +.toolbar .separator:insensitive { + border-color: alpha (#000, 0.24); + border-bottom-color: alpha (#fff, 0.08); + border-right-color: alpha (#fff, 0.08); +} + +/************************************ + primary toolbar raised buttons +*************************************/ + +.toolbar .raised .button, +.toolbar .raised.button { + padding: 2px; +} + +.toolbar .raised .button, +.toolbar .raised.button, +.toolbar .raised .button:first-child, +.toolbar .raised.button:first-child, +.toolbar .raised .button:last-child, +.toolbar .raised.button:last-child, +.toolbar .raised .button:only-child, +.toolbar .raised.button:only-child { + padding: 2px 4px; +} + +.toolbar.menubar .button { + padding: 2px 2px; +} + +.toolbar.menubar .linked .button { + padding: 3px 4px; +} + +.toolbar.menubar .button { + padding: 2px 4px; +} + +.toolbar NautilusPathBar .button, +.toolbar.menubar .button, +.toolbar .raised .button, +.toolbar .raised.button { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_raised_gradient_color_a), + to (@button_raised_gradient_color_b)); + border-style: solid; + border-color: transparent; + -GtkWidget-focus-line-width: 0; + color: shade(@theme_fg_dark_color, 1.00); +} + +.toolbar NautilusPathBar .button:insensitive, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button:insensitive, +.toolbar .button.raised.linked:insensitive:active, +.toolbar .raised.linked .button:insensitive:active, +.toolbar.menubar .button:insensitive, +.toolbar.menubar .button:insensitive:active, +.toolbar .raised .button:insensitive, +.toolbar .raised.button:insensitive, +.toolbar .raised .button:insensitive:active, +.toolbar .raised.button:insensitive:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_raised_gradient_color_a, 0.88)), + to (shade(@button_raised_gradient_color_b, 1.00))); + border-color: transparent; + box-shadow: none; + color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.50); +} + +.toolbar NautilusPathBar .button:hover, +.toolbar.menubar .button:hover, +.toolbar .raised .button:hover, +.toolbar .raised.button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-image: none; + border-color: transparent; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + color: shade(@theme_fg_dark_color, 1.00); +} + +.toolbar NautilusPathBar .button:active, +.toolbar.menubar .button:active, +.toolbar .raised .button:active, +.toolbar .raised .button:active:hover, +.toolbar .raised.button:active:hover, +.toolbar .raised.button:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-width: 1px; + border-style: solid; + border-radius: 5px; + border-image: none; + border-color: transparent; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* setup shadows */ +.toolbar NautilusPathBar .button GtkLabel, +.toolbar .raised .button GtkLabel, +.toolbar .raised.button GtkLabel { + color: @theme_fg_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +.toolbar NautilusPathBar .button, +.toolbar .raised .button, +.toolbar .raised.button { + icon-shadow: 1px 1px @theme_shadow_dark_color; +} + +.toolbar.menubar .button:active, +.toolbar.menubar .button:hover, +.toolbar .raised .button:hover, +.toolbar .raised.button:hover, +.toolbar .raised .button:active, +.toolbar .raised.button:active, +.toolbar .raised .button:active:hover, +.toolbar .raised.button:active:hover { + color: @theme_text_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; +} + +.toolbar.menubar .button:insensitive, +.toolbar .raised .button:insensitive, +.toolbar .raised.button:insensitive { + icon-shadow: none; + text-shadow: none; + color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.50); +} + +.toolbar .entry { + padding: 4px 4px 4px 6px; + color: shade(@toolbar_fg_color, 1.0); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@toolbar_gradient_base, 0.95)), + color-stop (0.15, shade(@toolbar_gradient_base, 1.10)), + to (shade(@toolbar_gradient_base, 1.15))); +} + +.toolbar .entry, +.toolbar.menubar .entry, +.toolbar .raised .entry, +.toolbar .raised.entry, +.primary-toolbar .toolbar .entry, +.primary-toolbar.toolbar .entry { + padding: 4px 4px 4px 6px; + color: @entry_text_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@entry_bg_dark_color, 0.80)), + color-stop (0.15, shade(@entry_bg_dark_color, 0.95)), + to (shade(@entry_bg_dark_color, 1.00))); + border-width: 2px; + border-style: solid; + border-radius: 5px; + border-top-color: transparent; + border-right-color: alpha(#fff, 0.02); + border-left-color: alpha(#fff, 0.02); + border-bottom-color: alpha(#fff, 0.07); + box-shadow: inset 0px 3px alpha(#000, 0.05), + inset 0px 2px alpha(#000, 0.07), + inset 2px 0px alpha(#000, 0.04), + inset -2px 0px alpha(#000, 0.04), + inset 0px -2px alpha(#000, 0.03), + inset 0px 1px shade(@theme_entry_border_dark, 0.90), + inset 1px 0px shade(@theme_entry_border_dark, 0.99), + inset -1px 0px shade(@theme_entry_border_dark, 0.99), + inset 0px -1px shade(@theme_entry_border_dark, 1.10); +} + +.toolbar .entry:focus, +.toolbar.menubar .entry:focus, +.toolbar .raised .entry:focus, +.toolbar .raised.entry:focus, +.primary-toolbar .toolbar .entry:focus, +.primary-toolbar.toolbar .entry:focus { + border-top-color: @focused_dark_entry_outer; + border-right-color: alpha(@focused_dark_entry_outer, 0.90); + border-left-color: alpha(@focused_dark_entry_outer, 0.90); + border-bottom-color: alpha(@focused_dark_entry_outer, 0.85); + box-shadow: inset 0px 3px alpha(#000, 0.03), + inset 0px 2px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.04), + inset -2px 0px alpha(#000, 0.04), + inset 0px -2px alpha(#000, 0.03), + inset 0px 1px shade(@focused_dark_entry_border, 0.90), + inset 1px 0px shade(@focused_dark_entry_border, 0.95), + inset -1px 0px shade(@focused_dark_entry_border, 0.95), + inset 0px -1px shade(@focused_dark_entry_border, 1.00); +} + +.toolbar .entry:selected, +.toolbar.menubar .entry:selected, +.toolbar .raised .entry:selected, +.toolbar .raised.entry:selected, +.primary-toolbar .toolbar .entry:selected, +.primary-toolbar.toolbar .entry:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/* progressbars on primary toolbar entries are special */ +.primary-toolbar .toolbar .entry.progressbar, +.primary-toolbar.toolbar .entry.progressbar { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@button_bg_active, 1.35)), + color-stop (0.7, shade (@button_bg_active, 1.15)), + to (shade (@button_bg_active, 1.35))); + border-width: 1px; + border-radius: 4px; + border-style: solid; + border-color: shade(@button_bg_active, 1.00); + border-image: none; + color: @theme_text_color; +} + +/**************************** + * Inline toolbars * + **************************** + * Buttons + dialog open * + ****************************/ + +.inline-toolbar.toolbar { + -GtkToolbar-button-relief: normal; + padding: 0px; + background-color: alpha(@button_base, 0.0); + border-style: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_base, 1.00)), + color-stop (0.48, shade(@button_base, 0.96)), + color-stop (0.52, shade(@button_base, 0.93)), + to (shade(@button_base, 0.94))); + border-width: 0 1px 1px 1px; + border-style: solid; + border-radius: 3px; + border-top-color: shade(@button_border, 1.00); + border-right-color: shade(@button_border, 1.00); + border-left-color: shade(@button_border, 1.00); + border-bottom-color: shade(@button_border, 1.00); + box-shadow: inset 0px 1px alpha(#fff, 0.09), + inset 1px 0px alpha(#fff, 0.07), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.05); +} + +.inline-toolbar.toolbar .button { + padding: 2px 6px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_base, 1.00)), + color-stop (0.48, shade(@button_base, 0.96)), + color-stop (0.52, shade(@button_base, 0.93)), + to (shade(@button_base, 0.94))); + border-width: 0px; + border-radius: 0 0 4px 4px; + border-style: none; + box-shadow: none; + color: @theme_fg_color; + text-shadow: 0 1px @theme_shadow_color; + icon-shadow: 1px 1px @theme_shadow_color; +} + +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_base, 0.50)), + to (shade(@button_base, 0.70))); + box-shadow: inset 0px 1px alpha(#000, 0.05), + inset 1px 0px alpha(#000, 0.03), + inset -1px 0px alpha(#000, 0.03), + inset 0px -1px alpha(#000, 0.02), + inset 1px 0px shade(@button_border, 0.75), + inset -1px 0px shade(@button_border, 0.75), + inset 0px -1px shade(@button_border, 0.78); +} + +.inline-toolbar.toolbar .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_base, 1.03)), + color-stop (0.48, shade(@button_base, 0.99)), + color-stop (0.52, shade(@button_base, 0.96)), + to (shade(@button_base, 0.97))); + color: @theme_text_color; +} + +.inline-toolbar.toolbar .button:insensitive { + box-shadow: none; + background-color: mix(@button_base, @theme_fg_color, 0.10); + background-image: none; +} + +.inline-toolbar.toolbar .button:insensitive { + color: @insensitive_fg_color; + text-shadow: none; + icon-shadow: none; +} + +.inline-toolbar.toolbar .button:hover { + color: @theme_text_color; + text-shadow: 0 1px @theme_shadow_color; + icon-shadow: 1px 1px @theme_shadow_color; +} + +.inline-toolbar.toolbar .button:active { + color: @theme_selected_fg_color; + text-shadow: 0 1px @theme_selected_shadow_color; + icon-shadow: 1px 1px @theme_selected_shadow_color; +} + +/***************** + * GtkSpinButton * + *****************/ + +.horizontal.entry.spinbutton { + padding: 4px 5px; +} + +.spinbutton .button { + color: @internal_element_color; + border-width: 0; + border-radius: 0; + border-style: none; + border-image: none; + background-color: transparent; + background-image: none; +} + +.spinbutton .button:insensitive, +.spinbutton .button:insensitive:last-child, +.spinbutton .button:insensitive:first-child, +.spinbutton .button:insensitive:only-child, +.spinbutton .vertical .button:insensitive, +.spinbutton .vertical .button:insensitive:last-child, +.spinbutton .vertical .button:insensitive:first-child, +.spinbutton .vertical .button:insensitive:only-child { + color: @internal_element_insensitive; + box-shadow: inset 1px 0px shade(@insensitive_border_color, 0.97); + border-color: @insensitive_border_color; +} + +.spinbutton .button, +.spinbutton .button:hover, +.spinbutton .button:focus, +.spinbutton .button:active { + border-radius: 0px 0px 0px 0px; + color: @internal_element_prelight; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.spinbutton .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + color-stop (0.48, shade(@button_gradient2, 1.03)), + color-stop (0.52, shade(@button_gradient3, 1.03)), + to (shade(@button_gradient4, 1.01))); +} + +.spinbutton .button:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); +} + +.spinbutton .button, +.spinbutton .button:hover, +.spinbutton .button:active, +.spinbutton .button:insensitive { + border-radius: 0px 0 0 0px; + border-image: none; + padding: 6px 3px; +} + +.spinbutton .button:first-child, +.spinbutton .button:first-child:hover, +.spinbutton .button:first-child:active { + border-radius: 3px 0 0 3px; + border-image: none; + padding: 6px 3px; +} + +.spinbutton .button:last-child, +.spinbutton .button:last-child:hover, +.spinbutton .button:last-child:active { + border-radius: 0 3px 3px 0; + border-image: none; + padding: 6px 3px; +} + +.spinbutton .button:first-child, +.spinbutton .button:first-child:hover, +.spinbutton .button:first-child:active, +.spinbutton .button:last-child, +.spinbutton .button:last-child:hover, +.spinbutton .button:last-child:active { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.spinbutton .button:dir(rtl) { + box-shadow: inset -1px 0 @inset_dark_color; +} + +.spinbutton.vertical .button { + padding: 4px; + icon-shadow: 0 1px @button_text_shadow; +} + +.spinbutton.vertical .button, +.spinbutton.vertical .button:hover { + color: @theme_fg_color; +} + +.spinbutton.vertical .button:insensitive { + color: @insensitive_fg_color; +} + +.spinbutton.vertical .button:active { + color: @theme_fg_color; + icon-shadow: 0 1px @button_active_text_shadow; +} + +/* :insensitive:insensitive to override the dark overriden style for + normal spinbutton buttons, yeah we lack !important */ +.spinbutton.vertical .button:insensitive:insensitive { + icon-shadow: none; +} + +/* :active:active to override the dark overriden style for + normal spinbutton buttons, yeah we lack !important */ +.spinbutton.vertical .button, +.spinbutton.vertical .button:active:active { + box-shadow: none; +} + +.spinbutton.vertical .button:first-child { + padding: 6px 4px; + border-image-width: 3px 3px 0 3px; + border-width: 1px 1px 0 1px; + border-radius: 4px 4px 0px 0px; + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +.spinbutton.vertical .button:first-child:hover, +.spinbutton.vertical .button:first-child:active { + border-radius: 4px 4px 0px 0; + border-image: none; + color: @internal_element_prelight; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.spinbutton.vertical .button:last-child { + padding: 6px 4px; + border-image-width: 0 3px 4px 3px; + border-width: 0px 1px 1px 1px; + border-radius: 0px 0px 4px 4px; + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +.spinbutton.vertical .button:last-child:hover, +.spinbutton.vertical .button:last-child:active { + border-radius: 0px 0px 4px 4px; + border-image: none; + color: @internal_element_prelight; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.spinbutton.vertical.entry { + border-image: none; + border-color: alpha(@borders, 0.1); + border-width: 0 0px 0 0px; + border-style: none; + border-radius: 0; + padding: 4px 1px 4px 1px; + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80); +} + +.spinbutton.vertical.entry:insensitive { + padding: 4px 1px 4px 1px; + border-color: alpha(@borders, 0.1); + box-shadow: inset 1px 0px alpha(@borders, 0.4), + inset -1px 0px alpha(@borders, 0.4); +} + +.spinbutton.vertical.entry:focus { + border-color: alpha(@borders, 0.1); + box-shadow: inset 1px 0 0 0 @theme_selected_bg_color, + inset -1px 0 0 0 @theme_selected_bg_color; +} + +/* volume button */ +GtkGrid .button, +GtkGrid .button.flat { + transition: all 600ms ease-out; +} + +GtkGrid .button, +GtkGrid .button.flat, +GtkGrid .button:hover, +GtkGrid .button:insensitive, +GtkGrid .button.flat:hover, +GtkGrid .button.flat:insensitive { + padding: 4px; + border-radius: 4px; + border-color: transparent; + background-color: transparent; +} + +GtkLinkButton, +GtkLinkButton:hover, +GtkLinkButton.button.flat, +GtkLinkButton.button.flat:hover { + padding: 4px; + border-color: transparent; +} + +/***************** + * Notebooks and * + * tabs * + *****************/ + +.notebook { + padding: 0; + background-clip: border-box; + background-color: shade (@theme_bg_color, 1.1); + border-style: solid; + border-color: @borders; + border-width: 1px; + -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; + color: @theme_fg_color; +} + +.notebook.frame.top { + border-top: 0px; + border-radius: 0px 0px 4px 4px; +} + +.notebook.frame.bottom { + border-bottom: 0px; + border-radius: 4px 4px 0px 0px; +} + +.notebook.frame.left { + border-left: 0px; + border-radius: 0px 4px 4px 0px; +} + +.notebook.frame.right { + border-right: 0px; + border-radius: 4px 0px 0px 4px; +} + +.notebook.header { + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 0.86), + shade(@theme_bg_color, 1.05)); + border-radius: 0px; +} + +.notebook.header.top { + border-width: 0px 0px 1px 0px; +} + +.notebook.header.bottom { + border-width: 1px 0px 0px 0px; +} + +.notebook.header.left { + border-width: 1px 1px 0px 0px; +} + +.notebook.header.right { + border-width: 0px 0px 0px 1px; +} + +.notebook.header.frame.top { + border-radius: 4px 4px 0px 0px; +} + +.notebook.header.frame.bottom { + border-radius: 0px 0px 4px 4px; +} + +.notebook.header.frame.left { + border-radius: 4px 0px 0px 4px; +} + +.notebook.header.frame.right { + border-radius: 0px 4px 4px 0px; +} + +.notebook tab { + border-color: transparent; + border-width: 0px; + 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; +} + +/* horizontal tabs */ + +.notebook tab.top, +.notebook tab.bottom { + padding: 8px 20px 6px; +} + +.notebook tab.top { + border-width: 1px 1px 0 1px; +} + +.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 0 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: @borders; + box-shadow: none; +} + +.notebook tab.top:hover { + background-image: linear-gradient(to bottom, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-radius: 4px 4px 0 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: @borders; + box-shadow: none; +} + +.notebook tab.top:active { + border-bottom-color: @notebook_active_tab_border; +} + +.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_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-radius: 0 0 4px 4px; + border-style: solid; + border-width: 0px 1px 1px 1px; + border-color: @borders; + box-shadow: none; +} + +/* vertical tabs */ + +.notebook tab.left, +.notebook tab.right { + padding: 5px 20px; +} + +.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-style: solid; + border-width: 1px 0px 1px 1px; + border-color: @borders; + border-right-color: @notebook_active_tab_border; + border-radius: 4px 0px 0px 4px; +} + +.notebook tab.left:hover { + background-image: linear-gradient(to right, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-style: solid; + border-width: 1px 0px 1px 1px; + border-color: @borders; + border-radius: 4px 0px 0px 4px; +} + +.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-style: solid; + border-width: 1px 1px 1px 0px; + border-color: @borders; + border-right-color: @notebook_active_tab_border; + border-radius: 0px 4px 4px 0px; +} + +.notebook tab.right:hover { + background-image: linear-gradient(to left, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-style: solid; + border-width: 1px 1px 1px 0px; + border-color: @borders; + border-radius: 0px 4px 4px 0px; +} + +.notebook tab.reorderable-page:hover { + background-image: linear-gradient(to bottom, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_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; +} + +/* close button styling */ + +.notebook tab .button { + color: mix (@theme_fg_color, @theme_bg_color, 0.85); + border-image: none; + background-image: none; + background-color: transparent; + border-radius: 3px; + 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_base_color, 0.6); + icon-shadow: 0 1px @button_text_shadow; +} + +.notebook tab .button:hover { + color: @theme_fg_color; + border-color: alpha(black, 0.1); +} + +.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; +} + +/************************* + * Check and Radio items * + *************************/ + +.check, +.radio, +.check:insensitive, +.radio:insensitive { + background-color: transparent; + border-style: none; +} + +GtkCheckButton:hover, +GtkCheckButton:active:hover, +GtkCheckButton:selected, +GtkCheckButton:selected:focus { + background-color: transparent; +} + +GtkCheckButton.text-button, GtkRadioButton.text-button { + padding: 1px; + outline-offset: 0; } + +/*************** + * Header bars * + ***************/ + +.header-bar { + border-width: 0 0 1px; + border-style: solid; + border-color: shade(@borders, 0.90); + border-radius: 6px 6px 0px 0px; + box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95); + background-color: @theme_bg_dark_color; + padding: 6px 6px 5px 6px; +} + +.header-bar:backdrop { + border-image: linear-gradient(to top, + @unfocused_borders, + @unfocused_borders 1px, + @theme_unfocused_bg_color 1px) 0 0 2; + box-shadow: none; + background-color: @theme_bg_dark_color; +} + +.header-bar .button, +.header-bar .button:last-child, +.header-bar .button:first-child, +.header-bar .button:only-child { + background-image: none; + text-shadow: none; + icon-shadow: none; + color: @theme_fg_dark_color; + border-width: 1px; + border-radius: 5px; + padding-left: 4px; + padding-right: 4px; +} + +.header-bar:backdrop .button { + border-width: 1px; + border-radius: 5px; + padding-left: 4px; + padding-right: 4px; + color: @theme_text_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_unfocused_bg_color, 1.05)), + to (shade(@theme_unfocused_bg_color, 0.85))); +} + +.header-bar .button:active:first-child, +.header-bar .button:hover:first-child, +.header-bar .button:active:hover:first-child, +.header-bar .button:active:active:first-child, +.header-bar .button:active:last-child, +.header-bar .button:hover:last-child, +.header-bar .button:active:hover:last-child, +.header-bar .button:active:active:last-child, +.header-bar .button:active:only-child, +.header-bar .button:hover:only-child, +.header-bar .button:active:hover:only-child, +.header-bar .button:active:active:only-child { + border-width: 1px; + border-radius: 5px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-top-color: shade(@button_raised_gradient_color_a, 0.50); + border-bottom-color: shade(@button_raised_gradient_color_a, 0.50); + border-right-color: shade(@button_raised_gradient_color_a, 0.50); + border-left-color: shade(@button_raised_gradient_color_a, 0.50); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.header-bar .button:active, +.header-bar .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-width: 1px; + border-radius: 5px; +} + +.header-bar .button:insensitive, +.header-bar .button:insensitive:last-child, +.header-bar .button:insensitive:first-child { + color: @theme_text_dark_color; + background-image: none; + background-color: @theme_bg_dark_color; + border-color: @theme_button_border_dark; + border-bottom-width: 1px; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.header-bar .button:insensitive { + background-color: transparent; + text-shadow: none; + icon-shadow: none; +} + +.header-bar .button.text-button { + padding: 2px 6px; +} + +.header-bar .button.image-button { + padding: 5px 4px 5px 5px; +} + +.header-bar .title { + font: Bold 11; + color: @theme_text_dark_color; +} + +.header-bar .subtitle { + font: 9; + color: @theme_text_dark_color; +} + +.header-bar GtkSeparatorToolItem, +.header-bar .separator, +.header-bar .separator:insensitive, +.header-bar .pane-separator { + border-color: alpha (shade(@theme_bg_dark_color, 0.2), 0.24); + border-bottom-color: @theme_bg_dark_color; + border-right-color: @theme_bg_dark_color; +} + +/**************** + * GtkAssistant * + ****************/ + +GtkAssistant .sidebar .highlight { + color: @theme_text_color; + font: bold; +} + +GtkAssistant .sidebar { + padding: 5px; + background-color: shade (@theme_bg_color, 0.97); + border-width: 0px 1px 0px 0px; + border-radius: 0px; + border-style: solid; + border-right-color: @inactive_frame_color; + color: mix (@theme_fg_color, @theme_bg_color, 0.40); +} + +/********** + * Switch * + **********/ + +GtkSwitch { + padding: 8px; /* 8px to avoid padding list-row issue if active */ + -GtkSwitch-slider-width: 45px; + font-weight: bold; + font-size: smaller; + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +GtkSwitch.trough, +GtkSwitch.trough:backdrop { + border: 1px solid ; + border-radius: 6px; + color: @theme_fg_color; + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 0.9)); + /* outer */ + border-top-color: transparent; + border-left-color: alpha (#000, 0.01); + border-right-color: alpha (#000, 0.01); + border-bottom-color: alpha (#000, 0.03); + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); + text-shadow: 0 1px rgba(0, 0, 0, 0.1); +} + +GtkSwitch.trough:active, +GtkSwitch.trough:backdrop:active { + background-image: linear-gradient(to bottom, + @theme_selected_bg_color 2px, + shade(@theme_selected_bg_color, 1.2)); + color: white; +} + +GtkSwitch.trough:insensitive, +GtkSwitch.trough:backdrop:insensitive { + color: @insensitive_fg_color; + border-color: @insensitive_border_color; + background-image: none; + background-color: @insensitive_bg_color; + box-shadow: inset 0px 1px @insensitive_border_color, + inset 1px 0px @insensitive_border_color, + inset -1px 0px @insensitive_border_color, + inset 0px -1px @insensitive_border_color; + text-shadow: none; +} + +GtkSwitch.slider, +GtkSwitch.slider:backdrop { + border: 1px solid; + border-radius: 6px; + color: @theme_fg_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + color-stop (0.48, @button_gradient2), + color-stop (0.52, @button_gradient3), + to (@button_gradient4)); + border-top-color: transparent; + border-left-color: alpha (#000, 0.01); + border-right-color: alpha (#000, 0.01); + border-bottom-color: alpha (#000, 0.03); + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); + padding: 2px 4px 2px 2px; +} + +GtkSwitch.slider:active, +GtkSwitch.slider:backdrop:active { + color: @theme_fg_color; + border-color: transparent; + border-radius: 6px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); + box-shadow: inset 0px 1px shade (@theme_fg_color, 1.0), + inset 1px 0px shade (@theme_fg_color, 1.0), + inset -1px 0px shade (@theme_fg_color, 1.0), + inset 0px -1px shade (@theme_fg_color, 1.0); + padding: 1px 3px 1px 1px; +} + +GtkSwitch.slider:insensitive, +GtkSwitch.slider:backdrop:insensitive { + background-image: none; + background-color: @insensitive_bg_color; + border-color: alpha (#000, 0.00); + border-bottom-color: alpha (#000, 0.00); + border-image: none; + box-shadow: inset 0px 1px @insensitive_border_color, + inset 1px 0px @insensitive_border_color, + inset -1px 0px @insensitive_border_color, + inset 0px -1px @insensitive_border_color; +} + +GtkSwitch.slider:insensitive > GtkLabel, +GtkSwitch.slider:backdrop:insensitive > GtkLabel { + color: inherit; +} + +.list-row GtkSwitch, +.list-row GtkSwitch:backdrop, +.list-row:selected GtkSwitch, +.list-row:selected GtkSwitch:backdrop { + box-shadow: none; + border-color: shade(@theme_selected_bg_color, 0.4); +} + +.list-row:selected GtkSwitch.slider:dir(rtl) { + border-left-color: @borders; +} + +.list-row:selected GtkSwitch.slider:dir(ltr) { + border-right-color: @borders; +} + +.list-row:selected GtkSwitch.slider, +.list-row:selected GtkSwitch.slider:active { + border-color: shade(@theme_selected_bg_color, 0.4); +} + +/********* + * image * + *********/ + +GtkImage, +GtkImage:insensitive { + background-color: @transparent; +} + +/**************** + * drawing area * + ****************/ + +/************ + * viewport * + ************/ + +GtkViewport { + border-width: 0px; + border-style: none; + padding: 0px; + /* Background color and system config gnome-tweak-tools */ + background-color: shade(@theme_bg_color, 1.00); +} + +GtkViewport.frame { + border-width: 0px; + border-style: none; + padding: 0px; +} + +GdMainIconView.content-view { + -GdMainIconView-icon-size: 40; +} + +GtkIconView.content-view.check { + background-image: url("assets/grid-selection-unchecked.svg"); + background-color: transparent; +} + +GtkIconView.content-view.check:active { + background-image: url("assets/grid-selection-checked.svg"); + background-color: transparent; +} + +GtkIconView, +GtkViewport { + /* avoid resizing theme thumbnails in mate-appearance-properties */ + padding: 0px; +} + +GtkIconView { + /* view icons gnome-control-center */ + border-width: 0px; + border-style: none; + /* background view mate-appearance-properties */ + background-color: @base_color; +} + +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + /* eg. Configuration center */ + background-color: alpha(@theme_selected_bg_color, 0.90); + background-image: -gtk-gradient (linear, + 0.40 top, 0.60 bottom, + from (shade (@button_bg_active, 1.14)), + color-stop (0.45, shade (@button_bg_active, 1.00)), + color-stop (0.52, shade (@button_bg_active, 0.88)), + to (shade (@button_bg_active, 0.90))); + border-width: 1px; + border-style: solid; + border-radius: 4px; + border-top-color: shade(@button_bg_active, 1.04); + border-left-color: shade(@button_bg_active, 0.92); + border-right-color: shade(@button_bg_active, 0.92); + border-bottom-color: shade(@button_bg_active, 0.80); + border-image: none; + box-shadow: inset 0px 1px alpha(#fff, 0.08), + inset 1px 0px alpha(#fff, 0.07), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.06); + -GtkWidget-focus-line-width: 0; + text-shadow: 0px 1px @theme_selected_shadow_color; +} + +GtkIconView.view.cell:hover, +GtkIconView.view.cell:hover:focus { + background-color: alpha(@theme_selected_bg_color, 0.10); + border-style: none; + border-radius: 4px; +} + +.view { + background-color: @theme_base_color; + color: @theme_fg_color; + text-shadow: 0px 1px @theme_shadow_color; +} + +.view:selected { + background-color: shade(@theme_selected_bg_color, 1.10); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_selected_bg_color, 1.0)), + to (shade(@theme_selected_bg_color, 1.1))); + color: @theme_selected_fg_color; + text-shadow: 0px 1px @theme_selected_shadow_color; + text-shadow: none; +} + +.view:selected:focus { + background-color: shade(@theme_selected_bg_color, 1.10); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_selected_bg_color, 1.0)), + to (shade(@theme_selected_bg_color, 1.1))); + color: @theme_selected_fg_color; + text-shadow: 0px 1px @theme_selected_shadow_color; +} + +.view:active { + background-color: shade(@theme_bg_color, 0.915); + color: @theme_text_color; + text-shadow: 0px 1px @theme_shadow_color; +} + +GtkTreeView { + -GtkWidget-focus-line-width: 0; + -GtkWidget-focus-padding: 1; +} + +GtkTreeView.dnd { + border-color: @internal_element_color; + border-radius: 2px; + border-width: 1px; + border-style: solid; +} + +GtkTreeView row:nth-child(odd):selected:hover, +GtkTreeView row:nth-child(even):selected:hover, +GtkTreeView row:nth-child(odd):active:hover, +GtkTreeView row:nth-child(even):active:hover, +.notebook GtkContainer GtkTreeView row:selected { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@sidebar_selected_bg, 0.90)), + color-stop (0.40, shade (@sidebar_selected_bg, 0.98)), + to (shade(@sidebar_selected_bg, 1.05))); + color: @theme_selected_fg_color; +} + +GtkTreeView row:nth-child(odd) { + background-color: shade(@theme_base_color, 0.95); +} + +GtkTreeView row:nth-child(even) { + background-color: shade(@theme_base_color, 1.00); +} + +.view row:hover, +GtkTreeView row:nth-child(odd):hover, +GtkTreeView row:nth-child(even):hover, +.notebook GtkContainer GtkTreeView row:hover { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@theme_bg_color, 1.05)), + color-stop (0.40, shade (@theme_bg_color, 1.13)), + to (shade(@theme_bg_color, 1.10))); + color: shade (@theme_fg_color, 0.90); + text-shadow: none; +} + +column-header { + padding: 0px 2px; +} + +column-header .button:active, +column-header .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); + border-width: 0px 1px 1px 0px; + border-style: solid; + border-radius: 0px; + border-left-color: shade(@button_bg_active, 0.78); + border-right-color: shade(@button_bg_active, 0.78); + border-bottom-color: shade(@button_bg_active, 0.70); + border-image: none; + box-shadow: inset 0px 1px alpha(#fff, 0.08), + inset 1px 0px alpha(#fff, 0.07), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.06); +} + +column-header .button:hover, +column-header .button { + padding: 0px 4px 1px; + -GtkWidget-focus-line-width: 0; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_base, 1.00)), + color-stop (0.48, shade(@button_base, 0.96)), + color-stop (0.52, shade(@button_base, 0.92)), + to (shade(@button_base, 0.93))); + border-width: 0px 1px 1px 0px; + border-style: solid; + border-radius: 0px; + border-top-color: transparent; + border-left-color: shade(@button_border, 1.05); + border-right-color: shade(@button_border, 1.05); + border-bottom-color: shade(@button_border, 0.95); + border-image: none; + box-shadow: inset 0px 1px alpha(#fff, 0.09), + inset 1px 0px alpha(#fff, 0.07), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.05); +} + +column-header .button:focus { + border-width: 0px 1px 1px 0px; + border-style: solid; + border-radius: 0px; + border-top-color: transparent; + border-left-color: shade(@button_border, 1.05); + border-right-color: shade(@button_border, 1.05); + border-bottom-color: shade(@button_border, 0.95); + border-image: none; + box-shadow: inset 0px 1px alpha(#fff, 0.09), + inset 1px 0px alpha(#fff, 0.07), + inset -1px 0px alpha(#fff, 0.07), + inset 0px -1px alpha(#fff, 0.05); +} + +column-header .button:insensitive { + background-image: none; + background-color: @insensitive_bg_color; + border-color: @insensitive_border_color; + border-image: none; + box-shadow: none; +} + +column-header .button GtkArrow { + color: @internal_element_color; +} + +column-header:nth-child(last) .button { + border-width: 0px 0px 1px 0px; +} + +row:insensitive { + border-width: 0px; +} + +row:selected, +row:selected:focus { + border-width: 1px 0 1px 0; + border-style: solid; + box-shadow: none; +} + +row:selected:backdrop, +row:selected:focus:backdrop { + border-width: 1px 0 1px 0; + border-style: solid; + text-shadow: none; + box-shadow: none; +} + +.cell { + color: @theme_fg_color; + padding: 0px 2px; + border-width: 0px; +} + +.cell:hover { + /* take the same background in .view to avoid mouse-over lists */ + /*background-color: @theme_base_color;*/ + background-color: alpha(@theme_base_color, 0.0); +} + +/************* + * Expanders * + *************/ + +GtkTreeView.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: @theme_fg_color; +} +GtkTreeView.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} +GtkTreeView.view.expander:hover { + color: @theme_fg_color; +} +GtkTreeView.view.expander:selected { + color: @theme_selected_fg_color; +} +GtkTreeView.view.expander:selected:hover { + color: @theme_selected_fg_color; +} +GtkTreeView.view.expander:active { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GtkExpander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} +GtkExpander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} +GtkExpander:hover { + color: @internal_element_color; +} +GtkExpander:active { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.expander { + color: @theme_fg_color; + border-color: @theme_fg_color; +} + +.expander:active { + color: @theme_fg_color; + border-color: @theme_fg_color; +} + +.expander:hover { + color: @internal_element_color; + border-color: @internal_element_color; +} + +.expander row:selected, +.expander row:selected:focus { + border-style: solid; + border-width: 1px; + border-color: @expander_row_selected_color; + color: @expander_row_selected_color; + background-color: @theme_selected_bg_color; +} + +.expander row:selected:hover, +.expander row:selected:focus:hover { + color: @theme_selected_fg_color; + border-color: @theme_selected_fg_color; +} + +/************** + * List boxes * + **************/ + +.list { + background-color: @list_box_bg; +} + +.list-row { + padding: 2px; + transition: all 200ms ease-in; + background-image: none; + background-color: @theme_base_color; +} + +.list-row:hover { + border-color: shade (@theme_selected_bg_color, 1.6); + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@theme_bg_color, 1.05)), + color-stop (0.40, shade (@theme_bg_color, 1.13)), + to (shade(@theme_bg_color, 1.10))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + text-shadow: none; + icon-shadow: none; + border-image: none; + border-radius: 6px; + border-style: solid; +} + +.list-row:selected, +.list-row:selected:hover { + border-width: 0; + border-style: solid; + border-color: shade (@theme_selected_bg_color, 0.85); + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.0), + shade (@theme_selected_bg_color, 1.0)); + box-shadow: none; + color: @theme_selected_fg_color; +} + +.list-row:selected:backdrop, +.list-row:selected:backdrop:hover { + border-width: 0; + border-style: solid; + border-color: shade (@theme_bg_color, 0.85); + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 0.94), + shade (@theme_bg_color, 0.94)); + color: @theme_fg_color; + text-shadow: none; + box-shadow: none; +} + +.list-row.button { + border-color: transparent; + background-color: @theme_base_color; + background-image: none; + 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; + border-radius: 0; + border: none; +} + +.list-row.button:selected, +.list-row.button:selected:hover, +.list-row.button:active, +.list-row.button:active:hover { + border-color: shade (@theme_selected_bg_color, 1.6); + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@sidebar_selected_bg, 0.90)), + color-stop (0.40, shade (@sidebar_selected_bg, 0.98)), + to (shade(@sidebar_selected_bg, 1.05))); + color: @theme_selected_fg_color; + text-shadow: none; + icon-shadow: none; + border-image: none; + border-radius: 6px; + border-style: solid; +} + +.list-row.button:hover { + border-color: shade (@theme_selected_bg_color, 1.6); + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@theme_bg_color, 1.05)), + color-stop (0.40, shade (@theme_bg_color, 1.13)), + to (shade(@theme_bg_color, 1.10))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + text-shadow: none; + icon-shadow: none; + border-image: none; + border-radius: 6px; + border-style: solid; +} + +/************** + * Calendar * + **************/ + +GtkCalendar { + border-radius: 3px; + border-color: shade (@theme_fg_color, 0.8); + padding: 1px 1px 3px 1px; +} + +GtkCalendar.view { + border-radius: 3px; + border-style: solid; + border-width: 1px; + padding: 2px; +} + +GtkCalendar.header { + border-radius: 3px 3px 0px 0px; + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.04), + shade(@theme_bg_color, 0.89)); + border-width: 0; +} + +GtkCalendar.expander, +GtkCalendar.button, +GtkCalendar.button.flat, +GtkCalendar.button:insensitive { + border-color: transparent; + background-image: none; + background-color: transparent; + border-radius: 0px; + box-shadow: none; +} + +/* disable shadows and button background on arrows */ +GtkCalendar.button:first-child, +GtkCalendar.button:last-child { + box-shadow: none; + background-image: none; +} + +/* disable button background on arrows */ +GtkCalendar.button:hover:first-child, +GtkCalendar.button:hover:last-child { + background-image: none; +} + +.highlight, +GtkCalendar.highlight { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + border-radius: 0px; + padding: 0px; + border-width: 0; + border-color: transparent; +} + +.menuitem GtkCalendar, +.menuitem GtkCalendar.button, +.menuitem GtkCalendar.header, +.menuitem GtkCalendar.view { +/* background-color: @menu_bg_color; */ + background-color: shade(@theme_bg_dark_color, 0.82); + background-image: none; + border-radius: 0px; + border-style: solid; + border-width: 0px; + padding: 0px; + color: @theme_base_color; +} + +.menuitem GtkCalendar { + background-color: shade (@menu_bg_color, 1.3); + background-image: none; +} + +/************** + * GtkInfoBar * + **************/ + +GtkInfoBar { + border-width: 0; + border-style: none; +} + +.info, +.question, +.warning, +.error { + background-color: @info_bg_color; + color: @infobar_fg_color; + text-shadow: none; + border-color: darker(@info_bg_color); +} + +.warning { + color: @warning_fg_color; +} + +.info .button.close, +.warning .button.close, +.question .button.close, +.error .button.close { + color: @theme_fg_color; + icon-shadow: none; +} + +.info .button.close:hover, +.warning .button.close:hover, +.question .button.close:hover, +.error .button.close:hover { + background-image: linear-gradient(to bottom, + alpha(white, 0.3), + alpha(white, 0.2) 30%, + alpha(black, 0.02)); +} + +.info .button.close:active, +.warning .button.close:active, +.question .button.close:active, +.error .button.close:active { + color: @infobar_fg_color; + background-image: linear-gradient(to bottom, + alpha(black, 0.1), + transparent); +} + +.info .entry, +.info .entry:focus, +.info .button, +.info .button:insensitive, +.info .button:active, +.warning .entry, +.warning .entry:focus, +.warning .button, +.warning .button:insensitive, +.warning .button:active, +.error .entry, +.error .entry:focus, +.error .button, +.error .button:insensitive, +.error .button:active, +.question .entry, +.question .entry:focus, +.question .button, +.question .button:insensitive, +.question .button:active { + color: @theme_fg_color; + border-color: darker(@info_bg_color); + border-style: solid; + border-width: 1px; +} + +/* Warning Bar */ +GtkInfoBar.horizontal.error { + background-color: @error_bg_color; + color: @error_fg_color; + border-color: darker(@error_bg_color); + border-width: 1px ; + border-style: solid; +} + +/* Question Bar */ +GtkInfoBar.horizontal.info .horizontal { + background-color: @question_bg_color; + color: @question_fg_color; +} + +GtkInfoBar.horizontal.info .horizontal .button.flat.raised.close, +GtkInfoBar.horizontal.info .horizontal .button.flat.raised.close:hover, +GtkInfoBar.horizontal.info .horizontal .button.flat.raised.close:active { + border-radius: 3px; + box-shadow: none; +} + +/*************** + * Dialog * + ***************/ + +.prompt, +GtkMessageDialog { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 12; + -GtkDialog-button-spacing: 0; + margin: 0; + padding: 0; +} + +/* ie. mate-keyboard-properties option window */ +GtkDialog GtkScrolledWindow.frame { + border-color: @notebook_border; + border-style: solid; + border-width: 1px; + border-radius: 2px; +} + +GtkDialog GtkScrolledWindow.frame GtkViewport .vertical { + background-color: shade (@theme_bg_color, 1.10); +} + +GtkDialog GtkScrolledWindow.frame GtkViewport .vertical GtkExpander .vertical { + background-color: @theme_base_color; + border-radius: 3px; + border-color: @notebook_border; + border-style: solid; + border-width: 1px; +} + +/* 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:insensitive { + border-right-width: 0px; + border-left-width: 0px; + border-width: 1px 0; + border-radius: 0; + padding: 1px 2px; +} + +/* 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:insensitive:first-child { + border-radius: 6px 0 0 6px; + border-width: 1px; + border-right-width: 0; + padding: 1px 2px; +} + +/* 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:insensitive:last-child { + border-width: 1px; + border-radius: 0 6px 6px 0; + border-left-width: 0; + padding: 1px 2px; +} + +/* 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:insensitive:only-child { + padding-left: 6px; + padding-right: 6px; + border-width: 1px; + border-radius: 6px; +} + +.dialog-action-area.linked .button:only-child { + border-width: 0px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + color-stop (0.48, @button_gradient2), + color-stop (0.52, @button_gradient3), + to (@button_gradient4)); + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +.dialog-action-area.linked .button:focus:only-child { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.dialog-action-area.linked .button:hover:only-child { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + color-stop (0.48, shade(@button_gradient2, 1.03)), + color-stop (0.52, shade(@button_gradient3, 1.03)), + to (shade(@button_gradient4, 1.01))); +} + +.dialog-action-area.linked .button:active:only-child { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); +} + +.dialog-action-area.linked .button.suggested-action, +.dialog-action-area.linked .button.suggested-action:active, +.dialog-action-area.linked .button.suggested-action:insensitive { + box-shadow: none; +} + +/************** + * Dim labels * + **************/ + +.view.dim-label, +.dim-label, +.dim-label:hover, +.dim-label:focus { + color: mix (@theme_fg_color, @theme_bg_color, 0.27); + text-shadow: none; +} + +.dim-label:selected, +.dim-label:selected:focus { + color: @theme_selected_fg_color; + text-shadow: none; +} + +/******* + * OSD * + *******/ + +.background.osd { + color: @osd_fg; + background-image: none; + background-color: @osd_bg; +} + +GtkOverlay.osd { + background-color: transparent; +} + +.osd.frame { + background-clip: border-box; + background-origin: border-box; +} + +.osd.button, +.osd.button:active, +.osd .button, +.osd .button:active { + border-width: 1px; + border-style: solid; + border-image: none; + border-color: @osd_button_border; + border-radius: 5px; +} + +.osd.button, +.osd .button { + padding: 4px; + 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, +.osd.button:prelight, +.osd.button:active { + background-color: shade(@osd_bg, 1.10); +} + +.osd .button, +.osd .button:prelight, +.osd .button:active { + 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 { + background-image: none; + background-color: @osd_button_bg_insensitive_active; +} + +.osd.button:hover, +.osd .button:hover { + color: @osd_button_fg_hover; +} + +.osd .linked .button:hover:first-child, +.osd .linked .button:hover:last-child, +.osd .linked .button:hover:only-child { + background-image: none; + padding: 4px; +} + +.osd.button:active, +.osd.button:hover:active, +.osd .button:active, +.osd .button:hover:active { + color: @osd_button_fg_active; +} + +.osd.button:insensitive, +.osd.button:active:insensitive, +.osd .button:insensitive, +.osd .button:active:insensitive { + color: @osd_button_fg_insensitive; +} + +.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.button:active { + background-image: linear-gradient(to bottom, + @osd_button_bg_active_a, + @osd_button_bg_active_b 68%, + @osd_button_bg_active_c); +} + +.osd GtkMenuButton.button:active { + background-color: transparent; + border-color: @osd_button_border; +} + +.osd GtkMenuButton.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: 10px; + border-style: none; + border-radius: 7px; + background-image: linear-gradient(to left, + shade(@theme_selected_bg_color, 1.1), + shade(@theme_selected_bg_color, 0.65)); + background-color: transparent; + -GtkToolbar-button-relief: normal; +} + +.osd.toolbar .button, +.osd.toolbar .linked .button { + padding: 4px; + border-width: 1px; + border-radius: 5px; +} + +.osd.toolbar .button:first-child { + border-radius: 5px 0 0 5px; + border-width: 1px 0 1px 1px; + box-shadow: inset -1px 0 @osd_button_inset; +} + +.osd.toolbar .button:last-child { + box-shadow: none; + border-radius: 0 5px 5px 0; + border-width: 1px 1px 1px 0; +} + +.osd.toolbar .button:only-child, +.osd.toolbar GtkToolButton .button, +.osd.toolbar GtkToolButton:only-child .button, +.osd.toolbar GtkToolButton:last-child .button, +.osd.toolbar GtkToolButton:first-child .button { + border-width: 1px; + border-radius: 5px; + border-style: solid; + box-shadow: none; +} + +.osd.toolbar .separator { + color: shade(@osd_lowlight, 0.80); +} + +/* used by gnome-settings-daemon's media-keys OSD + and Epiphany */ +.osd.trough { + background-color: @osd_trough_bg; + border-width: 0; +} + +.osd.progressbar { + background-color: @osd_fg; +} + +.osd .scale.trough { + border: 1px solid rgba(0,0,0,0.1); + border-image: none; + background-image: linear-gradient(to bottom, + shade(@osd_button_border, 0.70), + shade(@osd_button_border, 0.90)); + background-color: transparent; +} + +.osd .scale.trough.highlight { + background-image: none; + background-color: @theme_selected_bg_color; +} + +.osd .scale.trough:insensitive, +.osd .scale.trough.highlight:insensitive { + background-image: none; + 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-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-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; +} + +/********************* + * Spinner Animation * + *********************/ + +@keyframes spinner { + 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } + + 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } + + 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); } + + 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); } + + 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); } + + 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); } + + 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); } + + 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); } + + 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } +} + +.spinner { + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); + background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%; + background-size: 20% 20%; + background-repeat: no-repeat; +} + +.spinner:active { + animation: spinner 1s infinite linear; +} + +/**************** + * print dialog * + ****************/ + +GtkPrintUnixDialog.background .vertical.view.dialog-vbox { + background-color: shade (@theme_bg_color, 1.0); +} + +GtkPrintUnixDialog.background .notebook { + border-width: 0px 1px 1px 1px; + border-radius: 0px 0px 4px 4px; +} + +GtkPrintUnixDialog.background .notebook.header { + border-radius: 0px; +} + +GtkPrintUnixDialog.background .notebook tab GtkLabel { + color: mix (@theme_fg_color, @theme_bg_color, 0.40); + font-weight: normal; +} + +GtkPrintUnixDialog.background .notebook .prelight-page, +GtkPrintUnixDialog.background .notebook .prelight-page GtkLabel { + color: mix (@theme_fg_color, @theme_bg_color, 0.15); +} + +GtkPrintUnixDialog.background .notebook .active-page, +.notebook tab .active-page GtkLabel { + color: @theme_fg_color; +} + +GtkPrintUnixDialog.background .notebook tab.top:active, +GtkPrintUnixDialog.background .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 0 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: @borders; + box-shadow: none; +} + +GtkPrintUnixDialog.background .notebook tab.top:hover { + background-image: linear-gradient(to bottom, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-radius: 4px 4px 0 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: @borders; + box-shadow: none; +} + +GtkPrintUnixDialog.background .notebook tab.top:active { + border-bottom-color: @notebook_active_tab_border; +} + +GtkPrintUnixDialog.background .notebook .text-button { + background-color: transparent; +} + +GtkPrintUnixDialog.background .vertical.view.dialog-vbox .notebook GtkToggleButton.button { + padding: 4px; + border-radius: 4px; +} + +/****************** + * GtkFileChooser * + ******************/ + +GtkFileChooserWidget.vertical GtkPaned.horizontal { + -GtkPaned-handle-size: 3px; + border-color: transparent; +} + +/***************** + * Miscellaneous * + *****************/ + +.floating-bar { + background-image: linear-gradient(to bottom, + @theme_bg_color 20%, + shade(@theme_bg_color, 0.95)); + background-color: @theme_bg_color; + border-color: shade(@theme_bg_color, 0.85); + color: @theme_text_color; + text-shadow: 0 1px @theme_shadow_color; + border-radius: 3px; + border-width: 1px; + border-style: solid; + box-shadow: inset 1px 1px alpha(#fff, 0.07), -1px -1px alpha(#fff, 0.07); +} + +.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.bottom.right { + box-shadow: inset 1px 1px alpha(#fff, 0.07); +} + +.floating-bar.bottom.left { + box-shadow: inset -1px 1px alpha(#fff, 0.07); +} + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css index 00cddb0d..7adc48fd 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css @@ -1,44 +1,95 @@ -/* default color scheme */ +/* Default color scheme */ @define-color bg_color #CBD5D9; @define-color fg_color #101010; @define-color base_color #FFF; @define-color text_color #1A1A1A; @define-color selected_bg_color #255880; -@define-color selected_fg_color #FFF; +@define-color selected_fg_color #ffffff; @define-color tooltip_bg_color #DBF4FF; -@define-color tooltip_fg_color #000; +@define-color tooltip_fg_color #000000; -/* other color schemes could simply override these */ +/* Colormap actually used by the theme, to be overridden in other css files */ @define-color theme_bg_color @bg_color; @define-color theme_fg_color @fg_color; @define-color theme_base_color @base_color; @define-color theme_text_color @text_color; -@define-color theme_selected_bg_color @selected_bg_color; +@define-color theme_shadow_color alpha(#fff, 0.22); +@define-color theme_selected_bg_color @selected_bg_color; @define-color theme_selected_fg_color @selected_fg_color; +@define-color theme_selected_shadow_color alpha(#000, 0.18); @define-color theme_tooltip_bg_color @tooltip_bg_color; @define-color theme_tooltip_fg_color @tooltip_fg_color; +@define-color menu_bg_color @theme_bg_dark_color; +@define-color menu_fg_color shade(@theme_fg_dark_color, 1.00); +@define-color menu_shadow_color @theme_shadow_color; + +/**********************[Blue-Submarine]***********************/ +@define-color bg_dark_color #1F2427; +@define-color fg_dark_color #CACACC; +@define-color theme_bg_dark_color @bg_dark_color; +@define-color theme_fg_dark_color @fg_dark_color; +@define-color theme_text_dark_color #E4E4E6; +@define-color theme_shadow_dark_color alpha(#000, 0.30); +@define-color theme_highlight_color alpha(#fff, 0.05); +@define-color theme_button_border_dark shade(@theme_bg_dark_color, 0.68); +@define-color theme_entry_border_dark @theme_button_border_dark; +@define-color theme_path_bg_color shade(@theme_bg_dark_color, 0.90); +@define-color theme_path_active_color shade(@theme_bg_dark_color, 0.78); +@define-color theme_mdi_bg_color shade(@theme_bg_dark_color, 0.90); +@define-color theme_mdi_border_color shade(@theme_bg_dark_color, 0.70); + +@define-color menu_bg_dark_color shade(@theme_bg_dark_color, 0.95); +@define-color menu_fg_dark_color shade(@theme_fg_dark_color, 1.00); +@define-color menu_shadow_dark_color alpha(#000, 0.30); +@define-color menu_line_dark_color shade(@theme_bg_dark_color, 0.78); +@define-color menu_separator shade (@menu_bg_color, 0.96); +/**************************************************************************/ + +@define-color button_raised_gradient_color_a shade(@theme_bg_dark_color, 1.10); +@define-color button_raised_gradient_color_b shade(@theme_bg_dark_color, 0.90); +@define-color button_raised_linked_shadow alpha(@theme_base_color, 0.70); + +@define-color link_color #008BCC; +@define-color frame_color #7F7F80; +@define-color inactive_frame_color #B9B9BB; +@define-color warning_color #00ABF5; +@define-color error_color #0000CC; +@define-color success_color #064E9A; -/* misc colors used by gtk+ */ @define-color info_fg_color rgb (181, 171, 156); -@define-color info_bg_color rgb (252, 252, 189); +@define-color info_bg_color rgb (116, 172, 232); @define-color warning_fg_color rgb (173, 120, 41); @define-color warning_bg_color rgb (250, 173, 61); -@define-color question_fg_color rgb (97, 122, 214); +@define-color question_fg_color rgb (255, 236, 80); @define-color question_bg_color rgb (138, 173, 212); -@define-color error_fg_color rgb (166, 38, 38); +@define-color error_fg_color rgb (255, 236, 80); @define-color error_bg_color rgb (237, 54, 54); -@define-color link_color #008BCC; -@define-color error_color #cc0000; -@define-color success_color #4E9A06; -/* theme common colors */ -@define-color button_bg_color shade (@theme_bg_color, 1.06); -@define-color button_insensitive_bg_color shade (@theme_bg_color, 0.95); -@define-color insensitive_fg_color shade(@bg_color, 0.70); -@define-color insensitive_border_color shade(@bg_color, 0.80); -@define-color dark_bg_color #1F2427; -@define-color dark_fg_color #E4E5E6; -@define-color transparent rgba (0, 0, 0, 0); +@define-color os_chrome_bg_color @theme_bg_dark_color; +@define-color os_chrome_fg_color @theme_fg_dark_color; + +@define-color os_chrome_selected_bg_color @theme_selected_bg_color; +@define-color os_chrome_selected_fg_color @theme_selected_fg_color; + +@define-color chrome_bg_color @theme_bg_color; +@define-color chrome_fg_color @theme_fg_color; + +@define-color entry_text_color @theme_text_color; +@define-color focused_entry_border @theme_selected_bg_color; +@define-color focused_entry_outer alpha(@theme_selected_bg_color, 0.45); + +@define-color entry_text_dark_color @theme_text_color; +@define-color entry_bg_dark_color shade(@theme_base_color, 0.88); +@define-color focused_dark_entry_border shade(@theme_bg_color, 0.45); +@define-color focused_dark_entry_outer alpha(@theme_selected_bg_color, 0.80); + +@define-color focused_entry_inset alpha (#d7e4f1, 0.50); + +/* @define-color sidebar_background shade(#E1E5E8, 0.95); */ +@define-color sidebar_background #D2DBDF; +@define-color sidebar_icon shade(#E1E2E8, 0.45); +@define-color sidebar_selected_bg shade(@theme_selected_bg_color,1.00); +@define-color sidebar_fg_color @theme_text_color; @define-color button_base shade(@theme_bg_color, 1.15); @define-color button_gradient1 shade(@button_base, 0.98); @@ -49,38 +100,182 @@ @define-color button_border shade(@theme_bg_color, 0.70); @define-color button_border_active shade(@button_bg_active, 0.95); -@define-color backdrop_selected_bg_color shade (@theme_selected_bg_color, 1.12); -@define-color backdrop_selected_fg_color @theme_selected_fg_color; +@define-color insensitive_bg_color shade(@bg_color, 0.93); +@define-color insensitive_fg_color shade(@bg_color, 0.70); +@define-color insensitive_border_color shade(@bg_color, 0.80); + +@define-color trough_bg_color_a shade (@theme_bg_color, 0.88); +@define-color trough_bg_color_b shade (@theme_bg_color, 0.95); + +@define-color internal_element_color #636364; +@define-color internal_element_prelight @theme_text_color; +@define-color internal_element_insensitive shade (@internal_element_color, 1.4); @define-color scale_fill shade(@button_bg_active, 1.00); @define-color scale_border_a @internal_element_color; @define-color scale_border_b shade (@internal_element_color, 1.25); -@define-color scale_progress_fill @theme_selected_bg_color; + @define-color progressbar_fill_a @button_bg_active; @define-color progressbar_fill_b shade(mix(@button_bg_active, blue, 0.10), 1.10); -@define-color trough_bg_color_a shade (@theme_bg_color, 0.88); -@define-color trough_bg_color_b shade (@theme_bg_color, 0.95); +@define-color highlighted_border #818B90; +@define-color transparent alpha(#000, 0.0); + +@define-color notebook_border shade(@theme_bg_color, 0.75); + +/* @define-color toolbar_gradient_base shade (mix(#d5dade, @theme_bg_dark_color, 0.75), 0.92); */ +@define-color toolbar_gradient_base shade (@theme_bg_dark_color, 1.00); +@define-color toolbar_fg_color shade(@theme_fg_dark_color, 1.00); +@define-color toolbar_shadow_color @theme_shadow_dark_color; +@define-color toolbar_border_color @theme_button_border_dark; +@define-color primay-toolbar-border shade (#3c3c3c, 1.0); + +@define-color toolbar_active_button_color #819090; + +@define-color nautilus_cluebar_color shade(@sidebar_background, 1.00); +@define-color treeview_focus_border @nautilus_cluebar_color; + +@define-color calc_display_fg_color #fff; + +@define-color expander_row_selected_color #FFF; +@define-color test #f00; + +/************** + * List boxes * + **************/ + +@define-color content_view_bg #C7DBF0; +@define-color list_box_bg #fafafa; + +/***************** + * GtkSpinButton * + *****************/ + +@define-color inset_light_color alpha(white, 0.45); +@define-color inset_dark_color alpha(black, 0.07); +@define-color inset_link_dark_color alpha(blue, 0.37); + +/******* + * OSD * + *******/ +@define-color osd_highlight #ffffff; +@define-color osd_lowlight #515152; +@define-color osd_base #212526; + +@define-color osd_fg #ededed; +@define-color osd_bg alpha(@osd_base, 0.80); + +@define-color osd_bg_backdrop alpha(shade(@osd_base, 1.40), 0.90); + +@define-color osd_text_shadow alpha(black, 0.75); + +@define-color osd_toolbar_bg_a alpha(@osd_base, 0.80); +@define-color osd_toolbar_bg_b alpha(#101010, 0.80); +@define-color osd_toolbar_bg_c alpha(shade(@osd_base, 1.02), 0.80); + +@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_highlight, 0.25); +@define-color osd_button_bg_insensitive_active alpha(@osd_highlight, 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(@osd_lowlight, 0.18); +@define-color osd_button_bg_active_b alpha(@osd_highlight, 0.23); +@define-color osd_button_bg_active_c alpha(@osd_lowlight, 0.17); + +@define-color osd_button_bg_backdrop alpha(@osd_highlight, 0.18); +@define-color osd_button_bg_backdrop_hover alpha(@osd_highlight, 0.25); +@define-color osd_button_bg_backdrop_active alpha(@osd_highlight, 0.35); +@define-color osd_button_bg_backdrop_insensitive alpha(@osd_highlight, 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_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); + +/* Metacity */ +@define-color wm_highlight #ffffff; +@define-color wm_title_highlight #ffffff; + +@define-color wm_bg_a shade (@bg_color, 1.1); +@define-color wm_bg_b @bg_color; + +@define-color wm_button_bg_a shade (@bg_color, 1.0); +@define-color wm_button_bg_b shade (@bg_color, 0.85); +@define-color wm_button_bg_c shade (@bg_color, 0.8); +@define-color wm_button_bg_d shade (@bg_color, 0.9); + +@define-color wm_button_bg_hover_a shade (@wm_button_bg_a, 1.1); +@define-color wm_button_bg_hover_b shade (@wm_button_bg_b, 1.1); +@define-color wm_button_bg_hover_c shade (@wm_button_bg_c, 1.1); +@define-color wm_button_bg_hover_d shade (@wm_button_bg_d, 1.1); + +@define-color wm_button_bg_active_a shade (@bg_color, 0.7); +@define-color wm_button_bg_active_b shade (@bg_color, 0.9); +@define-color wm_button_bg_active_c shade (@bg_color, 0.9); + +/************* + * scrollbar * + *************/ + +@define-color scrollbar_trough shade(@theme_bg_color, 0.98); +@define-color scrollbar_trough_insensitive shade(@theme_bg_color, 1.0); +@define-color scrollbar_trough_unfocused shade(@theme_unfocused_bg_color, 0.9); +@define-color scrollbar_slider @theme_bg_color; +@define-color scrollbar_slider_prelight mix(@scrollbar_trough, @theme_fg_color, 0.5); +@define-color scrollbar_slider_active @theme_selected_bg_color; +@define-color scrollbar_slider_insensitive alpha(black, 0); /* FIXME should be transparent */ +@define-color scrollbar_slider_unfocused @theme_unfocused_bg_color; + +/*********** + * Popover * + ***********/ +@define-color osd_popover_bg alpha(@osd_base, 0.90); + +/* GTKHeaderBar colours */ +@define-color borders @theme_bg_dark_color; +@define-color unfocused_borders @theme_bg_dark_color; +@define-color theme_unfocused_bg_color @theme_bg_dark_color; +@define-color button_hover_gradient_color_a @button_raised_gradient_color_a; +@define-color button_hover_gradient_color_b @button_raised_gradient_color_b; +@define-color wm_shadow @theme_shadow_dark_color; +@define-color wm_title @theme_fg_dark_color; +@define-color wm_title_shadow @wm_shadow; +@define-color wm_bg_a @theme_bg_dark_color; +@define-color wm_bg_b @theme_bg_dark_color; + +/* terminal view color*/ +@define-color terminal_background_color #32424C; -@define-color toolbar_gradient_base #CBD5D9; -@define-color toolbar_gradient_final #C0CACE; -@define-color toolbar_border #BBC5C9; -@define-color menubar_color @dark_bg_color; +/* csd border */ +@define-color wm_csd_solid_border_color shade (#3c3c3c, 1.2); -/* WM colors */ -@define-color wm_title @dark_fg_color; -@define-color wm_highlight shade (@menubar_color, 1.5); -@define-color wm_title_highlight shade (@menubar_color, 1.5); +/************************ + * overshoot/undershoot * + ************************/ -@define-color wm_bg_a shade (@menubar_color, 1.4); -@define-color wm_bg_b @menubar_color; +@define-color overshoot_bg_color alpha (@theme_selected_bg_color, 0.55); +@define-color overshoot_backdrop_bg_color #96C8FA; @import url("gtk-widgets.css"); -@import url("apps/gedit.css"); -@import url("apps/gnome-panel.css"); -@import url("apps/gnome-terminal.css"); -@import url("apps/nautilus.css"); -@import url("apps/nemo.css"); -@import url("apps/unity.css"); -@import url("apps/popover.css"); -@import url("apps/epiphany.css"); +@import url("gtk-widgets-assets.css"); +@import url("menu.css"); +@import url("scrollbar.css"); +@import url("sidebar.css"); +@import url("gnome-applications.css"); +@import url("other-applications.css"); +@import url("mate-applications.css"); diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css new file mode 100644 index 00000000..59ddbb28 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css @@ -0,0 +1,1265 @@ +/********************* + * CAJA File manager * + *********************/ + +/**** View ***/ + +/* background of all views */ +CajaNavigationWindow .view { + background-color: shade (@base_color, 1.0); + color: @theme_fg_color; +} + +/* do not flash the desktop with a color during theme switching */ +CajaWindow, +CajaDesktopWindow FMDesktopIconView .view { + background-color: transparent; + background-image: none; +} + +.caja-inactive-pane .view { + background-color: shade(@less_dark_color, 1.3); +} + +/**** Window ***/ + +/* caja sidebar */ +CajaWindow FMTreeView .view, +CajaWindow CajaNotesViewer .view, +CajaWindow CajaPlacesSidebar .view, +CajaWindow CajaHistorySidebar .view, +CajaWindow CajaEmblemSidebar .frame, +CajaWindow CajaInformationPanel .vertical { + background-color: shade (@theme_bg_color, 1.08); +} + +/* the small line between sidebar and view */ +CajaWindow GtkPaned.horizontal { + -GtkPaned-handle-size: 3px; + border-color: transparent; +} + +/* disabled, looks uggly +CajaWindow > GtkTable > .pane-separator, +CajaWindow .pane-separator { + background-color: @sidebar_background; + background-image: -gtk-gradient (linear, + left top, right top, + from (@sidebar_background), + color-stop(0.50, @sidebar_background), + to (shade(@theme_bg_color, 0.60))); + border-style: solid; + border-width: 0px; + border-color: @sidebar_background; + border-image: none; +}*/ + +CajaWindow FMTreeView .scrollbar, +CajaWindow CajaNotesViewer .scrollbar, +CajaWindow CajaPlacesSidebar .scrollbar, +CajaWindow CajaHistorySidebar .scrollbar, +CajaWindow CajaEmblemSidebar .scrollbar { + background-image: none; + border-style: solid; + -GtkRange-stepper-size: 16; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 0; + -GtkRange-arrow-scaling: 0.666; + -GtkRange-slider-width: 13; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + -GtkScrollbar-activate-slider: 1; + -GtkScrollbar-min-slider-length: 31; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; +} + +CajaWindow FMTreeView .scrollbar.trough, +CajaWindow CajaNotesViewer .scrollbar.trough, +CajaWindow CajaPlacesSidebar .scrollbar.trough, +CajaWindow CajaHistorySidebar .scrollbar.trough, +CajaWindow CajaEmblemSidebar .scrollbar.trough, +CajaWindow FMTreeView .scrollbar.trough.vertical, +CajaWindow CajaNotesViewer .scrollbar.trough.vertical, +CajaWindow CajaPlacesSidebar .scrollbar.trough.vertical, +CajaWindow CajaHistorySidebar .scrollbar.trough.vertical, +CajaWindow CajaEmblemSidebar .scrollbar.trough.vertical { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 0.98)), + to (shade (@theme_bg_color, 1.06))); + border-radius: 0; + border-width: 0 0 0 0; + border-style: solid; + border-right-color: shade (@theme_bg_color, 0.96); + border-left-color: shade (@theme_bg_color, 0.96); +} + +/* selected item in sidebar */ +CajaWindow FMTreeView .view row:selected, +CajaWindow CajaPlacesSidebar .view row:selected, +CajaWindow CajaHistorySidebar .view row:selected, +CajaWindow FMTreeView .view row:selected:hover, +CajaWindow CajaPlacesSidebar .view row:selected:hover, +CajaWindow CajaHistorySidebar .view row:selected:hover { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@sidebar_selected_bg, 0.90)), + color-stop (0.40, shade (@sidebar_selected_bg, 0.98)), + to (shade(@sidebar_selected_bg, 1.05))); + color: @theme_selected_fg_color; + border-radius: 6px; + border-style: solid; + border-width: 1px 0px 0px 0px; + border-color: shade (@sidebar_selected_bg, 0.90) #bbb shade (@sidebar_selected_bg, 1.05); + text-shadow: none; +/* padding: 4px; */ +} + +/* mouse hover item in sidebar */ +CajaWindow FMTreeView .view row:hover, +CajaWindow CajaPlacesSidebar .view row:hover, +CajaWindow CajaHistorySidebar .view row:hover { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@theme_bg_color, 1.05)), + color-stop (0.40, shade (@theme_bg_color, 1.13)), + to (shade(@theme_bg_color, 1.10))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + color: shade (@theme_fg_color, 0.90); + border-radius: 6px; + text-shadow: none; +/* padding: 4px; */ +} + +/* shadows and borders looks strange in list view */ +CajaWindow GtkTreeView row:nth-child(odd):hover, +CajaWindow GtkTreeView row:nth-child(even):hover, +CajaWindow GtkTreeView row:nth-child(odd):selected, +CajaWindow GtkTreeView row:nth-child(even):selected, +CajaWindow GtkTreeView row:nth-child(odd):selected:hover, +CajaWindow GtkTreeView row:nth-child(even):selected:hover { + box-shadow:none; + border-radius: 0px; +} + +/* Caja places bar */ +CajaWindow .button.flat:first-child { + border-radius: 6px 0 0 6px; + border-right-width: 0; +/* remove left shadow */ + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +CajaWindow .button.flat:last-child { + border-radius: 0 6px 6px 0; + border-left-width: 0; + border-left-color: @theme_bg_color; + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +CajaWindow .button.flat { + border-style: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + to (@button_gradient4)); + padding: 0px 5px; +} + +CajaWindow .button.flat:hover:first-child, +CajaWindow .button.flat:active:active:first-child { + border-radius: 6px 0 0 6px; + border-right-width: 0; + border-style: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); + color: shade(@theme_fg_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; + padding: 0px 5px; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +CajaWindow .button.flat:hover:last-child, +CajaWindow .button.flat:active:active:last-child { + border-radius: 0 6px 6px 0; + border-left-width: 0; + border-style: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); + color: shade(@theme_fg_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; + padding: 0px 5px; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +CajaWindow .button.flat:hover { + border-style: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + to (shade(@button_gradient4, 1.01))); + color: shade(@theme_fg_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; + padding: 0px 5px; +} + +/* some overrides for button.flat */ +/* zoom button */ +CajaWindow .primary-toolbar .button.flat, +CajaWindow .primary-toolbar .button.flat:first-child, +CajaWindow .primary-toolbar .button.flat:last-child { + background-color: transparent; + background-image: none; + border-image: none; + box-shadow: none; +} + +/* eventbars, ie. searchbar */ +CajaNotebook .frame GtkEventBox { + background-color: shade (@theme_bg_color, 1.05); + border-color: @notebook_border; + border-width: 1px; + border-style: solid; + border-radius: 4px; +} + +CajaSearchBar.info { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@toolbar_gradient_base, 0.89)), + color-stop (0.20, shade(@toolbar_gradient_base, 0.97)), + to (shade(@toolbar_gradient_base, 1.01))); + border-radius: 0px; + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: alpha(#000, 0.00) @toolbar_gradient_base shade(@toolbar_gradient_base, 0.75); + box-shadow: inset 0px 1px alpha(#fff, 0.06), + inset 1px 0px alpha(#fff, 0.06), + inset -1px 0px alpha(#fff, 0.06), + inset 0px -1px alpha(#fff, 0.06); + color: @toolbar_fg_color; +} + +.info, +.question, +CajaTrashBar.info, +CajaXContentBar.info, +CajaQueryEditor.info { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.00)), + to (shade(@nautilus_cluebar_color, 1.00))); + border-radius: 0px; + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: transparent @nautilus_cluebar_color shade(@nautilus_cluebar_color, 0.75); + box-shadow: inset 0px 1px alpha(#fff, 0.06), + inset 1px 0px alpha(#fff, 0.06), + inset -1px 0px alpha(#fff, 0.06), + inset 0px -1px alpha(#fff, 0.06); +} + +CajaSearchBar .entry { + box-shadow: inset 0px 3px alpha(#000, 0.03), + inset 0px 2px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.04), + inset -2px 0px alpha(#000, 0.04), + inset 0px -2px alpha(#000, 0.03), + inset 0px 1px shade(@toolbar_gradient_base, 0.70), + inset 1px 0px shade(@toolbar_gradient_base, 0.80), + inset -1px 0px shade(@toolbar_gradient_base, 0.80), + inset 0px -1px shade(@toolbar_gradient_base, 0.90); +} + +CajaSearchBar .entry:focus { + /* Like the normal inputl */ +} + +CajaSearchBar .entry, +CajaSearchBar .entry:focus { + -GtkEntry-inner-border: 1; +} + +CajaSearchBar .entry.image { + color: shade(@nautilus_cluebar_color, 0.60); +} + +.info +.caja-cluebar-label { + font: bold; + color: shade(@theme_fg_color, 1.00); + text-shadow: 0 1px @theme_shadow_color; +} + +.question .button, +.question .button:hover, +CajaTrashBar .button, +CajaTrashBar .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.08)), + color-stop (0.45, shade(@nautilus_cluebar_color, 1.02)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.96)), + to (shade(@nautilus_cluebar_color, 0.92))); + box-shadow: inset 0px 2px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.07), + inset -2px 0px alpha(#fff, 0.07), + inset 0px -2px alpha(#fff, 0.05), + inset 0px 1px shade(@nautilus_cluebar_color, 0.80), + inset 1px 0px shade(@nautilus_cluebar_color, 0.70), + inset -1px 0px shade(@nautilus_cluebar_color, 0.70), + inset 0px -1px shade(@nautilus_cluebar_color, 0.60); + color: shade(@theme_fg_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; +} + +.question .button:active, +.question .button:active:hover, +CajaTrashBar .button:active, +CajaTrashBar .button:active:hover { +/* .button:active:hover */ + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.00)), + color-stop (0.45, shade(@nautilus_cluebar_color, 0.95)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.91)), + to (shade(@nautilus_cluebar_color, 0.87))); + /* outer */ + border-top-color: alpha(@focused_entry_border, 0.20); + border-right-color: alpha(@focused_entry_border, 0.25); + border-left-color: alpha(@focused_entry_border, 0.25); + border-bottom-color: alpha(#fff, 0.10); + box-shadow: inset 0px 2px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.07), + inset -2px 0px alpha(#fff, 0.07), + inset 0px -2px alpha(#fff, 0.05), + inset 0px 1px shade(@nautilus_cluebar_color, 0.75), + inset 1px 0px shade(@nautilus_cluebar_color, 0.65), + inset -1px 0px shade(@nautilus_cluebar_color, 0.65), + inset 0px -1px shade(@nautilus_cluebar_color, 0.55); +} + +.question .button *:active, +.question .button *:active:hover, +CajaTrashBar .button *:active, +CajaTrashBar .button *:active:hover { + color: shade(@theme_text_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; +} + +.question .button:insensitive, +CajaTrashBar .button:insensitive { +/* .button:active:hover */ + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 0.95)), + color-stop (0.45, shade(@nautilus_cluebar_color, 0.90)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.88)), + to (shade(@nautilus_cluebar_color, 0.89))); + box-shadow: inset 0px 1px shade(@nautilus_cluebar_color, 0.85), + inset 1px 0px shade(@nautilus_cluebar_color, 0.81), + inset -1px 0px shade(@nautilus_cluebar_color, 0.81), + inset 0px -1px shade(@nautilus_cluebar_color, 0.78); +} + +.question .button *:insensitive, +CajaTrashBar .button *:insensitive { + color: mix(@nautilus_cluebar_color, @theme_fg_color, 0.50); + text-shadow: none; +} + +CajaWindow .sidebar .frame { + border-width: 0px; + border-style: none; +} + +CajaSearchBar, +CajaWindow .primary-toolbar.toolbar .button * { + padding: 2px 4px; +} + +CajaSearchBar .entry, +CajaLocationBar .entry { + padding: 4px 6px; + border-style: none; + box-shadow: inset 0px 1px shade (@theme_bg_color, 0.80), + inset 1px 0px shade (@theme_bg_color, 0.80), + inset -1px 0px shade (@theme_bg_color, 0.80), + inset 0px -1px shade (@theme_bg_color, 0.80); +} + +CajaSearchBar .entry:focus { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +CajaQueryEditor.vertical .vertical .horizontal .button, +CajaQueryEditor.vertical .vertical .horizontal .button:hover { + padding: 4px 6px; +} + + +CajaQueryEditor.vertical .vertical .horizontal .text-button, +CajaQueryEditor.vertical .vertical .horizontal .text-button:hover { + padding: 6px; +} + +CajaQueryEditor.vertical .vertical .horizontal .button.flat, +CajaQueryEditor.vertical .vertical .horizontal .button.flat:hover { + border-radius: 5px; + padding: 0px 6px; +} + +CajaWindow .primary-toolbar.toolbar .entry { + padding: 3px 8px; +} + +CajaWindow .primary-toolbar.toolbar .button, +CajaWindow .primary-toolbar.toolbar .button:active, +CajaWindow .primary-toolbar.toolbar .button:hover, +CajaWindow .primary-toolbar.toolbar .button:active:hover { + padding: 0px 1px 0px 1px; + border-image: none; + border-width: 1px; + border-radius: 5px; + border-color: transparent; +} + +CajaWindow .primary-toolbar .toolbar .button:active, +CajaWindow .primary-toolbar.toolbar .button:active, +CajaWindow .primary-toolbar .toolbar .button:active:hover, +CajaWindow .primary-toolbar.toolbar .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-width: 1px; + border-style: solid; + border-radius: 5px; + border-image: none; + border-top-color: transparent; + border-left-color: alpha (#fff, 0.01); + border-right-color: alpha (#fff, 0.01); + border-bottom-color: alpha (#fff, 0.05); + border-width: 1px; + border-radius: 3px; + border-style: solid; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +CajaWindow .primary-toolbar .toolbar .button:hover, +CajaWindow .primary-toolbar.toolbar .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-width: 1px; + border-radius: 5px; + border-style: solid; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +/* buttons toolbar caja */ +CajaWindow .toolbar .button GtkImage:active, +CajaWindow .toolbar .button GtkImage:active:hover, +CajaWindow .toolbar .button GtkImage:hover, +CajaWindow .toolbar .button GtkImage { + color: @theme_fg_color; +} + +CajaWindow .primary-toolbar.toolbar .button GtkImage { + color: @theme_fg_dark_color; +} + +/* ComboBox views */ +CajaWindow .primary-toolbar.toolbar GtkComboBox .button, +CajaWindow .primary-toolbar.toolbar GtkComboBox .button:hover, +CajaWindow .primary-toolbar.toolbar GtkComboBox .button:active, +CajaWindow .primary-toolbar.toolbar GtkComboBox .button:active:hover { + padding: 4px 0px 4px 3px; +} + +/* fix for menu transition */ +CajaWindow .primary-toolbar.toolbar GtkComboBox .menuitem { + background: transparent; + transition: all 300ms ease-out; +} + +CajaWindow .primary-toolbar.toolbar GtkComboBox .menuitem:hover { + background-color: shade (@theme_bg_dark_color, 1.2); +} + +/* toogle pathbar button */ +CajaWindow GtkPaned .button:active:only-child { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + color-stop (0.48, @button_gradient2), + color-stop (0.52, @button_gradient3), + to (@button_gradient4)); + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), + inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), + inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); +} + +/* caja pathbar toogle button */ +CajaWindow GtkPaned .button:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); +} + +CajaPathBar .button { + border-image: none; + padding: 4px 3px; + border-width: 1px; + border-left-width: 0; + border-right-width: 0; + border-radius: 5px; + border-color: transparent; +} + +CajaPathBar .button:selected, +CajaPathBar .button:hover, +CajaPathBar .button:active, +CajaPathBar .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade (@theme_bg_color, 1.20)), + color-stop (0.50, shade (@theme_bg_color, 1.00)), + color-stop (0.50, shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.80))); + border-radius: 6px; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + padding: 4px 3px; + border-width: 1px; + border-left-width: 0; + border-right-width: 0; + border-radius: 5px; + border-color: transparent; +} + +.caja-canvas-item { + border-radius: 3px; +} + +/* desktop mode */ +.caja-desktop.caja-canvas-item { + color: white; + text-shadow: 1px 1px black; +} + +.caja-desktop.caja-canvas-item:active { + background-image: none; + color: @theme_text_color; +} + +.caja-desktop.caja-canvas-item:selected { + color: @theme_selected_fg_color; +} + +.caja-desktop.caja-canvas-item:active, +.caja-desktop.caja-canvas-item:prelight, +.caja-desktop.caja-canvas-item:selected { + text-shadow: none; +} + +/**************** + * Mate-Panel * + ****************/ + +/* the panel bar itself */ +.mate-panel-menu-bar { + background-color: @theme_bg_dark_color; + background-image: none; + /* normal panel */ + color: @menu_fg_dark_color; + /* transparent panel light desktop background*/ +/* color: @theme_fg_color; */ + text-shadow: none; +} + +/* first make all transparent */ +WnckSelector.menubar, +PanelMenuBar.menubar, +WnckSelector GtkMenuItem, +PanelMenuBar GtkMenuItem, +MatePanelApplet GtkToggleButton.button { + border-image: none; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +/* dictionary applet */ +GdictApplet .entry { + /* normal panel */ + color: @menu_fg_dark_color; + /* transparent panel light desktop background */ +/* color: @theme_fg_color; */ + background-image: none; + background-color: transparent; + border-width: 1px; + padding: 3px 4px; +} + +MatePanelApplet { + border-width: 0; +} + +/* panel grip */ +PanelToplevel.background.mate-custom-panel-background { + background-color: transparent; + border-radius: 3px; +/* enable for making borders visible */ +/* box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); */ +} + +/* hide buttons */ +PanelToplevel.background.mate-custom-panel-background .button { + background: transparent; + border-radius: 4px; + padding: 0px; + box-shadow: none; +} + +PanelToplevel.background.mate-custom-panel-background .button:hover { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +MatePanelAppletFrameDBus PanelSeparator, +PanelSeparator { + border-width: 0; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_dark_color, 1.03)), + to (shade (@theme_bg_dark_color, 0.95))); + color: shade (@theme_fg_dark_color, 0.45); + text-shadow: none; +} + +/* set normal menubar button */ +PanelMenuBar.menubar .menuitem { + padding: 5px 5px; + transition: all 200ms ease-out; +} + +/* set selected menubar button */ +PanelMenuBar.menubar .menuitem:hover { + padding: 5px 5px; + background-color: shade (@theme_bg_dark_color, 1.2); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-radius: 6px; + text-shadow: none; + color: shade (@theme_selected_bg_color, 1.6); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + text-shadow: none; + border-style: none; + border-width: 0px; +} + +/* set normal menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem { + padding: 6px; + transition: all 300ms ease-out; +} + +/* set selected menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem:active:hover, +PanelMenuBar.menubar .menu .menuitem:hover { + padding: 6px; + background-color: shade (@theme_bg_dark_color, 1.2); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-radius: 6px; + text-shadow: none; + color: shade (@theme_selected_bg_color, 1.6); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + text-shadow: none; + border-style: none; + border-width: 0px; +} + +/* Mate menu button normal */ +/* makes the arrow visible, nothing more works */ +PanelMenuButton.button { + background-image: none; + background-color: transparent; + color: shade (@menu_fg_color, 1.00); +} + +/* Mate menu menuitem */ +PanelMenuButton .menu .menuitem, +PanelMenuButton .menu .menuitem:hover { + padding: 6px; +} + +/* desktop-applet, clockapplet, drivemount, character-map, +dictionary */ +MatePanelApplet .button, +MatePanelApplet .button.flat { + background-image: none; + background-color: transparent; + border-radius: 5px; + border-width: 0px; + /* normal panel */ + color: @menu_fg_dark_color; + /* transparent panel light desktop background*/ +/* color: @theme_fg_color; */ + text-shadow: none; + padding: 6px; +} + +MatePanelApplet .button:active, +MatePanelApplet .button:active:hover, +MatePanelApplet .button.flat:active, +MatePanelApplet .button.flat:active:hover { + background-image: none; + border-color: @selected_bg_color; + background-color: shade (@selected_bg_color, 0.90); + border-radius: 5px; + border-width: 0px; + color: shade (@theme_text_dark_color, 0.90); + text-shadow: none; + padding: 6px; +} + +MatePanelApplet .button:hover, +MatePanelApplet .button.flat:hover { + background-image: none; + border-color: @selected_bg_color; + background-color: shade (@selected_bg_color, 1.10); + border-radius: 5px; + border-width: 0px; + color: @selected_fg_color; + text-shadow: none; + padding: 6px; +} + +/* drivemount */ +DriveList .button, +DriveList .button.flat, +DriveList .button:hover, +DriveList .button.flat:hover, +DriveList .button:active, +DriveList .button.flat:active { + padding: 4px; + border-radius: 5px; + border-color: transparent; + box-shadow: none; +} + +/*Wncklist */ +WnckTasklist .button, +WnckTasklist .button.flat { + background-image: none; + background-color: transparent; + border-radius: 5px; + border-width: 1px; + color: shade (@theme_text_dark_color, 0.65); + text-shadow: none; + padding: 2px; +} + +WnckTasklist .button:active:hover, +WnckTasklist .button:active, +WnckTasklist .button.flat:active:hover, +WnckTasklist .button.flat:active { + background-image: none; + border-color: @selected_bg_color; + background-color: shade (@selected_bg_color, 0.90); + border-radius: 5px; + border-width: 1px; + color: shade (@theme_text_dark_color, 0.90); + text-shadow: none; + padding: 2px; +} + +WnckTasklist .button:hover, +WnckTasklist .button.flat:hover { + background-image: none; + border-color: @selected_bg_color; + background-color: shade (@selected_bg_color, 1.10); + border-radius: 5px; + border-width: 1px; + color: @selected_fg_color; + text-shadow: none; + padding: 2px; +} + +/* set normal button WnckSelector */ +WnckSelector.menubar .menuitem { + background-image: none; + background-color: transparent; + border-style: none; + border-width: 1px; + border-radius: 5px; +} + +/* set selected button WnckSelector */ +WnckSelector.menubar .menuitem:hover { + background-image: none; + border-color: @selected_bg_color; + background-color: shade (@selected_bg_color, 0.90); + border-radius: 5px; + border-width: 1px; + color: shade (@theme_text_dark_color, 0.90); + text-shadow: none; +} + +/* set WnckSelector selected menuitem */ +WnckSelector.menubar .menu .menuitem:hover { + background-color: shade (@theme_bg_dark_color, 1.2); + background-image: none; + border-radius: 6px; + text-shadow: none; + color: shade (@theme_selected_bg_color, 1.6); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +ClockBox, +.mate-panel-menu-bar.menubar, +MatePanelApplet > GtkMenuBar.menubar { + font: normal; +} + +WnckPager { + background-image: none; + border-color: transparent; + background-color: shade (@terminal_background_color, 1.15); +} + +/* prelight of WnckPager */ +WnckPager:hover { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12px; + -NaTrayApplet-icon-size: 16; +} + +/* Classic icon style */ +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +/**************** + * Mate-terminal * + ****************/ + +/* Background mate-terminal, this isn't the normal way to style that! */ +TerminalWindow .entry { + -TerminalWindow-background-darkness: 0.95; + background-color: @terminal_background_color; + color: @selected_fg_color; +} + +TerminalWindow .grip { + background-color: shade (@theme_bg_color, 1.0); + background-image: url("assets/resize-grip.svg"); + -GtkWindow-resize-grip-default: true; + -GtkWindow-resize-grip-width: 13; + -GtkWindow-resize-grip-height: 13; +} + +/**************** + * Pluma * + ****************/ + +/* pluma line numbers */ +PlumaView { + background-color: shade (@bg_color, 1.07); +} + +/* Pluma status bar */ +PlumaWindow .button.flat { + border-style: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.08)), + color-stop (0.45, shade(@nautilus_cluebar_color, 1.02)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.96)), + to (shade(@nautilus_cluebar_color, 0.92))); + box-shadow: inset 0px 2px alpha(#fff, 0.09), + inset 2px 0px alpha(#fff, 0.07), + inset -2px 0px alpha(#fff, 0.07), + inset 0px -2px alpha(#fff, 0.05), + inset 0px 1px shade(@nautilus_cluebar_color, 0.80), + inset 1px 0px shade(@nautilus_cluebar_color, 0.70), + inset -1px 0px shade(@nautilus_cluebar_color, 0.70), + inset 0px -1px shade(@nautilus_cluebar_color, 0.60); + border-radius: 4px; + padding: 2px 5px; +} + +PlumaWindow .button.flat:hover { + border-style: none; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.08)), + color-stop (0.45, shade(@nautilus_cluebar_color, 1.02)), + color-stop (0.52, shade(@nautilus_cluebar_color, 0.96)), + to (shade(@nautilus_cluebar_color, 0.92))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + color: shade(@theme_fg_color, 1.00); + text-shadow: 0px 1px @theme_shadow_color; + border-radius: 4px; + padding: 2px 5px; +} + +/* surpress styling of close button */ +PlumaWindow .notebook tab .button.flat, +PlumaWindow .notebook tab .button.flat:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + 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; +} + +PlumaCloseButton.button.flat, +PlumaCloseButton.button.flat:hover, +PlumaCloseButton:prelight.button.flat, +PlumaCloseButton:prelight.button.flat:hover { + padding: 1px; + -gtk-image-effect: highlight; +} + +PlumaWindow .notebook.frame.top, +PlumaWindow .notebook.header.top { + border-width: 0px 0px 0px 0px; +} + +PlumaWindow .notebook tab.top { + padding: 8px 4px 7px 6px; +} + +/* Printpreview */ +PlumaPrintPreview.vertical .toolbar.horizontal { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 1.00)), + to (shade(@theme_bg_dark_color, 0.95))); + border-image: none; + border-width: 0px 0px 1px 0px; + border-radius: 0px; + border-style: solid; + border-color: transparent; + padding: 3px; + box-shadow: none; + -GtkWidget-window-dragging: true; + -GtkToolbar-button-relief: normal; + color: @theme_fg_dark_color; +} + +PlumaPrintPreview.vertical .toolbar.horizontal .button { + background-image: none; + box-shadow: none; +} + +PlumaPrintPreview.vertical .toolbar.horizontal .button:hover { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +PlumaPrintPreview.vertical .toolbar.horizontal .button.text-button { + padding: 0px 10px; +} + +PlumaPrintPreview.vertical .toolbar.horizontal .button.text-button:hover { + color: @theme_fg_dark_color; +} + +PlumaPrintPreview.vertical GtkLayout { + background-color: @theme_base_color; +} + +/* sidebar file-browser */ +PlumaPanel.vertical { + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.14), + shade(@theme_bg_color, 1.1)); + border-radius: 4px 4px 0px 0px; + border-width: 1px 0px 0px 0px; + border-style: solid; + border-color: @borders; + box-shadow: none; +} + +/* header */ +PlumaPanel.vertical .horizontal .horizontal .label { + padding: 4px 2px; +} + +PlumaPanel.vertical PlumaCloseButton.button.flat { + box-shadow: none; + background-image: none; + border-style: none; +} + +PlumaPanel.vertical PlumaCloseButton.button.flat:hover { + border-radius: 4px; + border-style: none; + -gtk-image-effect: highlight; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +PlumaPanel.vertical .notebook { + border-radius: 0px; +} + +PlumaFileBrowserWidget.vertical GtkToggleButton.button { + padding: 4px ; +} + +PlumaFileBrowserWidget.vertical .toolbar.horizontal { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_bg_dark_color, 1.00)), + to (shade(@theme_bg_dark_color, 0.95))); + border-image: none; + border-width: 0px 0px 1px 0px; + border-radius: 0px; + border-style: solid; + border-color: @primay-toolbar-border; + padding: 3px 3px; + box-shadow: none; + -GtkWidget-window-dragging: true; + -GtkToolbar-button-relief: normal; + color: @theme_fg_dark_color; +} + +PlumaFileBrowserWidget.vertical .horizontal.toolbar .button, +PlumaFileBrowserWidget.vertical .horizontal.toolbar .button.menu-button { + padding: 6px 3px ; +} + +PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.image-button { + padding: 6px 4px ; +} + +PlumaFileBrowserWidget.vertical { + background-color: @theme_bg_color; +} + +PlumaDocumentsPanel .view, +PlumaFileBrowserWidget .view { + background-color: shade (@theme_bg_color, 1.08); +} + +/* color of of expander arrow */ +PlumaFileBrowserWidget.vertical GtkExpander:hover { + color: @theme_fg_color; +} + +PlumaWindow .notebook.frame.bottom, +PlumaWindow .notebook.header.bottom { + border-width: 0px 0px 0px 0px; +} + +PlumaWindow .notebook tab.bottom { + padding: 2px 10px 4px 10px; +} + +/*********************** + * Mate-Control-Center * + ***********************/ + +/* background */ +ShellWindow .enty, +ShellWindow AppResizer SlabSection { + background-color: @theme_base_color; +} + +/* button of sidebar */ +ShellWindow .button.flat { + border-image: none; + border-radius: 6px; + padding: 4px; +} + +ShellWindow .button.flat:hover { + border-radius: 6px; + padding: 4px; +} + +/* button of applications */ +ShellWindow GtkScrolledWindow .button.flat { + padding: 4px 0px; + border-image: none; +} + +/* button hover of applications */ +ShellWindow GtkScrolledWindow .button.flat:hover { + padding: 4px 0px; + border-radius: 12px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + color-stop (0.48, shade(@button_gradient2, 1.03)), + color-stop (0.52, shade(@button_gradient3, 1.03)), + to (shade(@button_gradient4, 1.01))); + border-top-color: alpha(@focused_entry_outer, 0.65); + border-right-color: alpha(@focused_entry_outer, 0.75); + border-left-color: alpha(@focused_entry_outer, 0.75); + border-bottom-color: alpha(@focused_entry_outer, 0.80); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +GsmLogoutDialog * { + -GtkDialog-button-spacing: 0; +} + +/*********************** + * Engrampa * + ***********************/ + +FrWindow .toolbar.primary-toolbar { + border-color: @primay-toolbar-border; + border-width: 0 0 1px 0; +} + +/********* + * Atril * + *********/ + +EvWindow .vertical.primary-toolbar .horizontal.toolbar { + padding: 1px 4px; +} + +/* size of page entry */ +EvPageActionWidget .entry { + padding: 4px; +} + +EvWindow .toolbar .button, +EvWindow .toolbar .button.flat { + padding: 0px 4px; +} + +EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl GtkToggleButton:prelight.button { + padding: 4px; + border-radius: 4px; +} + +EvSidebar .flat.button { + border-radius: 4px; + padding: 4px; +} + +/* atril and eom */ +EggToolbarEditor.vertical GtkScrolledWindow .frame { + background-color: shade (@base_color, 1.0); + border-color: @notebook_border; + border-width: 1px; + border-radius: 0px; + border-style: solid; +} + +/************** + * mate-media * + **************/ + +GvcMixerDialog .frame.flat { + border-style: none; +} + +GvcMixerDialog .vertical.dialog-vbox .notebook GtkScrolledWindow.frame { + border-style: none; + border-radius: 0px 0px 4px 4px; +} + +GvcMixerDialog .vertical.dialog-vbox .notebook .frame.flat GtkScrolledWindow.frame { + border-width: 1px; + border-radius: 0px; + border-style: solid; +} + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/menu.css b/desktop-themes/Blue-Submarine/gtk-3.0/menu.css new file mode 100644 index 00000000..8b10b929 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/menu.css @@ -0,0 +1,372 @@ +/************************* + * menu + * + *************************/ + +.toolbar .raised .menu, +.menu { + /* menu contextual */ + background-color: @menu_bg_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.03)), + to (shade(@menu_bg_dark_color, 0.97))); + border-style: solid; + border-width: 1px; + border-radius: 0px; + border-color: shade(@menu_bg_dark_color, 0.97); + border-image: none; +} + +.menu:selected { + background-color: @theme_selected_bg_color; +} + +GtkMenuItem, +GtkMenuItem:insensitive { + background-color: @menu_bg_dark_color; +} + +.menubar .menu.button:hover, +.menubar .menu.button:active, +.menubar .menu.button:active:insensitive, +.menubar .menu.button:insensitive, +.menubar .menu.button, +.primary-toolbar .menu.button:hover, +.primary-toolbar .menu.button:active, +.primary-toolbar .menu.button:active:insensitive, +.primary-toolbar .menu.button:insensitive, +.primary-toolbar .menu.button { + background-color: shade (@menu_bg_dark_color, 1.07); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@menu_bg_dark_color), + to (shade(@menu_bg_dark_color, 0.96))); + border-radius: 0; + border-style: none; + border-width: 1px; + border-image: none; + +} + +.menu.button { + padding: 0px; + background-image: none; + background-color: shade (@menu_bg_dark_color, 0.95); + color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.3); + box-shadow: none; + border-image: none; + border-style: none; +} + +.menu.button GtkArrow { + color: @menu_fg_dark_color; +} + + +/*********** + * menubar * + ***********/ +.menubar { + -GtkWidget-window-dragging: true; + /* line 3D (dark) */ + box-shadow: inset 0px -1px @menu_line_dark_color; + /* line 3D at the buttom of the menu bar */ + border-width: 0px 0px 1px 0px; + border-style: solid; + border-radius: 0px; + border-color: transparent; + border-bottom-color: shade(@theme_bg_dark_color, 1.60); + background-color: shade (@theme_bg_dark_color, 1.00); + color: @menu_fg_dark_color; +} + +/*************** + * menubaritem * + ***************/ +.menubar.menuitem { + padding: 5px 5px; + transition: all 300ms ease-out; + border-radius: 0px; + border-width: 0px; +} + +.menubar.menuitem:hover, +.menubar .menuitem:hover { + padding: 5px 5px; + background-color: shade (@theme_bg_dark_color, 1.2); + border-radius: 6px; + color: shade (@theme_selected_bg_color, 1.6); + text-shadow: 0px 1px @theme_selected_shadow_color; +} + +/************ + * menuitem * + ************/ +.menubar .menuitem { + padding: 5px 5px; + transition: all 300ms ease-out; + color: @theme_fg_dark_color; + text-shadow: 1px 1px @theme_shadow_dark_color; +} + +Genericmenuitem .menuitem *, +DbusmenuGtkMenu .menuitem *, +.toolbar .raised .button .menuitem *, +.toolbar.menubar .button .menuitem *, +.toolbar .menuitem *, +.primary-toolbar .menuitem *, +.primary-toolbar .button .menuitem *, +.menu .menuitem *, +.menuitem { +/* Fix height change in nautilus menu item view options */ + padding: 0px; + border-width: 0px; + +} + +Genericmenuitem .menuitem, +DbusmenuGtkMenu .menuitem, +.toolbar .raised .button .menuitem, +.toolbar.menubar .button .menuitem, +.toolbar.menubar .linked .button .menuitem, +.toolbar .menuitem, +.primary-toolbar .menuitem, +.primary-toolbar .button .menuitem, +.menu .menuitem, +.menuitem { + transition: all 300ms ease-out; + -GtkMenuItem-arrow-scaling: 0.7; + padding: 2px 4px; + border-radius: 0px; + color: @menu_fg_dark_color; + text-shadow: 1px 1px @menu_shadow_dark_color; + padding: 5px 5px; +} + +.toolbar .menuitem GtkLabel, +.primary-toolbar .menuitem GtkLabel, +.toolbar .raised .button .menuitem GtkLabel, +.toolbar.menubar .button .menuitem GtkLabel, +.primary-toolbar .button .menuitem GtkLabel { + color: @menu_fg_dark_color; + text-shadow: 1px 1px @menu_shadow_dark_color; +} + +GtkTreeMenu.menu { + background-color: @menu_bg_dark_color; +} + +GtkTreeMenu .menuitem { + border-style: none; + border-width: 0px; +} + +/* Workaround for lp:949368 */ +.toolbar GtkComboBox .menuitem *, +GtkComboBox .menuitem * { + transition: all 300ms ease-out; + color: @menu_fg_dark_color; + text-shadow: 0px 1px @menu_shadow_dark_color; +} + +GtkComboBox .menuitem:hover * { + background-color: shade (@theme_bg_dark_color, 1.2); + color: shade (@theme_selected_bg_color, 1.6); + text-shadow: 0px 1px @theme_selected_shadow_color; +} + +.menuitem:hover, +.menu .menuitem:hover { + /* contextual menu item-selected */ + background-color: shade (@theme_bg_dark_color, 1.2); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + color: shade (@theme_selected_bg_color, 1.6); + text-shadow: 0px 1px @theme_selected_shadow_color; + border-radius: 6px; + border-width: 1px; + border-image: none; + padding: 5px 5px; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +.toolbar .menuitem *:hover, +.primary-toolbar .toolbar .button .menuitem *:hover, +.primary-toolbar.toolbar .button .menuitem *:hover, +.toolbar .raised .button .menuitem *:hover, /* menuitem opciones visualizacion nautilus */ +.toolbar.menubar .button .menuitem *:hover, +GtkComboBox .menuitem *:hover, +GtkTreeMenu .menuitem *:active, +GtkTreeMenu .menuitem *:prelight, +.menuitem *:active, +.menuitem *:prelight, +.menuitem *:hover, +.menuitem:hover, +.menu .menuitem:hover { + color: shade (@theme_selected_bg_color, 1.6); + text-shadow: 0px 1px @theme_selected_shadow_color; +} + +.primary-toolbar .menuitem *:insensitive, +.toolbar .raised .button .menuitem *:insensitive, +.toolbar.menubar .button .menuitem *:insensitive, +.primary-toolbar .button .menuitem *:insensitive, +.toolbar .menuitem *:insensitive, +.menuitem:insensitive, +.menuitem *:insensitive { + /* contextual menu insensitive */ + color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4); + text-shadow: none; +} + +.menuitem.check, +.menuitem.radio, +.menuitem.check:hover, +.menuitem.radio:hover, +.menuitem.check:insensitive, +.menuitem.radio:insensitive, +.menuitem.check:active:insensitive, +.menuitem.radio:active:insensitive, +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + border-width: 0px; + border-style: none; + background-image: none; +} + +.toolbar .raised .button .menuitem.check:inconsistent, +.toolbar .raised .button .menuitem.radio:inconsistent, +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent, +.toolbar .raised .button .menuitem.check:active, +.toolbar .raised .button .menuitem.radio:active, +.menuitem.check:active, +.menuitem.radio:active { + border-width: 0px; + border-style: none; + background-image: none; + background-color: @menu_bg_dark_color; + /* contextual menu check */ + color: @menu_fg_dark_color; +} + +.toolbar .raised .button .menuitem.check:inconsistent:hover, +.toolbar .raised .button .menuitem.radio:inconsistent:hover, +.menuitem.check:inconsistent:hover, +.menuitem.radio:inconsistent:hover, +.toolbar .raised .button .menuitem.check:active:hover, +.toolbar .raised .button .menuitem.radio:active:hover, +.menuitem.check:active:hover, +.menuitem.radio:active:hover { + border-color: @theme_selected_fg_color; + color: @theme_selected_fg_color; +} + +.menuitem.arrow:hover { + border-color: @theme_selected_fg_color; + color: shade (@theme_selected_bg_color, 1.6); +} + +.menuitem.check:insensitive, +.menuitem.radio:insensitive, +.menuitem.check:active:insensitive, +.menuitem.radio:active:insensitive, +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.6); + text-shadow: none; +} + +.menubar .menuitem GtkCalendar, +.menubar .menuitem GtkCalendar.button, +.menubar .menuitem GtkCalendar.header, +.menubar .menuitem GtkCalendar.view, +.primary-toolbar .menuitem GtkCalendar, +.primary-toolbar .menuitem GtkCalendar.button, +.primary-toolbar .menuitem GtkCalendar.header, +.primary-toolbar .menuitem GtkCalendar.view { + background-color: @menu_bg_dark_color; + background-image: none; + border-radius: 0; + border-style: solid; + border-width: 0; + padding: 0; + color: @menu_fg_dark_color; +} + +.menubar .menuitem GtkCalendar, +.primary-toolbar .menuitem GtkCalendar { + background-color: shade (@menu_bg_dark_color, 1.3); + background-image: none; +} + +.menubar .menuitem GtkScale.trough { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@menu_bg_dark_color, 0.80)), + color-stop (0.20, shade(@menu_bg_dark_color, 0.85)), + to (shade(@menu_bg_dark_color, 0.96))); + border-style: none; + border-width: 0px; + border-radius: 8px; + box-shadow: inset 1px 1px alpha(#000, 0.08), + inset -1px -1px alpha(#000, 0.08); +} + +Genericmenuitem .menuitem .accelerator, +DbusmenuGtkMenu .menuitem .accelerator, +.menubar .menuitem .accelerator, +.primary-toolbar .menuitem .accelerator { + color: alpha (@menu_fg_dark_color, 0.8); +} + +Genericmenuitem .menuitem .accelerator:hover, +DbusmenuGtkMenu .menuitem .accelerator:hover, +.menubar .menuitem .accelerator:hover, +.primary-toolbar .menuitem .accelerator:hover { + color: alpha (@theme_selected_fg_color, 0.8); +} + +Genericmenuitem .menuitem .accelerator:insensitive, +DbusmenuGtkMenu .menuitem .accelerator:insensitive, +.menubar .menuitem .accelerator:insensitive, +.primary-toolbar .menuitem .accelerator:insensitive { + color: alpha (mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4), 0.8); + text-shadow: none; +} + +.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + /* border-color: shade (@menu_bg_dark_color, 0.90); + -unico-inner-stroke-color: alpha (shade (@menu_bg_dark_color, 1.18), 0.6); */ + border-image: -gtk-gradient (linear, + left top, right top, + from (alpha (#000, 0.00)), + color-stop (0.25, alpha (#000, 0.03)), + color-stop (0.85, alpha (#000, 0.03)), + to (alpha (#000, 0.00))) 1; +} + +/*************** + * Menu Button * + ***************/ + +.button.menuitem.menubar:active, +.button.menuitem.menubar *:active { + color: @menu_fg_dark_color; + background-image: none; + background-color: @menu_bg_dark_color; + border-radius: 5px 5px 0px 0px; + border-image: none; + border-width: 1px 1px 0px 1px; + border-color: shade(@button_border, 1.30); + border-style: solid; +} diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css new file mode 100644 index 00000000..a2e107c5 --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css @@ -0,0 +1,353 @@ +/* nemo */ + +NemoTrashBar.info, +NemoXContentBar.info, +NemoQueryEditor.info { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@nautilus_cluebar_color, 1.00)), + to (shade(@nautilus_cluebar_color, 1.00))); + border-radius: 0px; + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: alpha(#000, 0.00) @toolbar_gradient_base shade(@toolbar_gradient_base, 0.75); + box-shadow: inset 0px 1px alpha(#fff, 0.06), + inset 1px 0px alpha(#fff, 0.06), + inset -1px 0px alpha(#fff, 0.06), + inset 0px -1px alpha(#fff, 0.06); +} + +NemoSearchBar { + padding: 0px; +} + +NemoSearchBar .entry { + padding: 2px 8px; + border-width: 0px; + border-radius: 4px; + box-shadow: inset 0px 3px alpha(#000, 0.03), + inset 0px 2px alpha(#000, 0.05), + inset 2px 0px alpha(#000, 0.04), + inset -2px 0px alpha(#000, 0.04), + inset 0px -2px alpha(#000, 0.03), + inset 0px 1px shade(@toolbar_gradient_base, 0.70), + inset 1px 0px shade(@toolbar_gradient_base, 0.80), + inset -1px 0px shade(@toolbar_gradient_base, 0.80), + inset 0px -1px shade(@toolbar_gradient_base, 0.90); +} + +NemoSearchBar .entry, +NemoSearchBar .entry:focus { + -GtkEntry-inner-border: 1; +} + +NemoSearchBar .entry.image { + color: shade(@nautilus_cluebar_color, 0.60); +} + +.nemo-cluebar-label { + font: bold; + text-shadow: 0 1px @theme_shadow_color; +} + +NemoWindow .sidebar .scrollbar { + background-image: none; + border-style: solid; + -GtkRange-stepper-size: 16; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 1; + -GtkRange-arrow-scaling: 0.666; + -GtkRange-slider-width: 13; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + -GtkScrollbar-activate-slider: 1; + -GtkScrollbar-min-slider-length: 31; + -GtkScrollbar-slider-width: 11; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; +} + +NemoWindow .sidebar .scrollbar.trough.vertical { + border-radius: 0; + border-width: 0 0px 0 1px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.96); +} + +NemoWindow .sidebar .scrollbar.trough { + border-radius: 0; + border-width: 1px 0 0px 0; + border-style: solid; + border-color: shade (@theme_bg_color, 0.96); +} + +/* the small line between sidebar and view */ +NemoWindow GtkPaned.horizontal { + border-color: shade(@theme_bg_color, 0.80); + border-style: solid; + border-width: 0px 1px 0px 0px; + -GtkPaned-handle-size: 4px; +} + +NemoWindow .sidebar .frame { + border-width: 0px; + border-style: none; + border-top-width: 0; + border-bottom-width: 0; +} + +/* disable shadow and radius for nemo, looks strange */ +NemoWindow .sidebar .view row:hover, +NemoWindow .sidebar .view row:selected, +NemoWindow .sidebar .view row:selected:hover { + border-radius: 0px; + box-shadow: none; +} + +/* to avoid unexpected light backgrounds */ +NemoToolbar.vertical { + background-color: @theme_bg_dark_color; +} + +NemoToolbar .linked .button, +NemoToolbar .linked .button:first-child, +NemoToolbar .linked .button:last-child, +NemoToolbar .toolbar .raised .button, +NemoToolbar .toolbar .raised .button:first-child, +NemoToolbar .toolbar .raised .button:last-child, +NemoToolbar .toolbar .raised .button:only-child { + padding: 4px; +} + +/* Nemo statusbar */ +NemoWindow .toolbar { + background-image: none; + background-color: @theme_bg_color; + border-top-width: 0; + border-bottom-width: 0; + box-shadow: none; +} + +NemoStatusBar.toolbar .button { + padding: 4px; +} + +/* small buttons statusbar nemo */ +NemoWindow .toolbar .button GtkImage, +NemoWindow .toolbar .button GtkImage:active, +NemoWindow .toolbar .button GtkImage:active:hover, +NemoWindow .toolbar .button GtkImage:hover { + color: @theme_fg_color; +} + +NemoWindow .toolbar .button:hover, +NemoWindow .toolbar .button:active, +NemoWindow .toolbar .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + color-stop (0.48, shade(@button_gradient2, 1.03)), + color-stop (0.52, shade(@button_gradient3, 1.03)), + to (shade(@button_gradient4, 1.01))); + border-color: transparent; + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +NemoWindow .primary-toolbar.toolbar .button GtkImage { + color: @theme_fg_dark_color; +} + +NemoWindow .primary-toolbar.toolbar .entry { + padding: 3px 8px; +} + +NemoWindow .primary-toolbar.toolbar .button, +NemoWindow .primary-toolbar.toolbar .button:hover, +NemoWindow .primary-toolbar.toolbar .button:active, +NemoWindow .primary-toolbar.toolbar .button:active:hover { + border-width: 1px; + border-style: solid; + border-radius: 5px; + border-image: none; + border-color: transparent; + color: @theme_fg_dark_color; + padding: 4px; +} + +NemoWindow .primary-toolbar.toolbar .button:active, +NemoWindow .primary-toolbar.toolbar .button:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +NemoWindow .primary-toolbar.toolbar NemoPathbarButton, +NemoWindow .primary-toolbar.toolbar NemoPathbarButton:first-child, +NemoWindow .primary-toolbar.toolbar NemoPathbarButton:last-child { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_raised_gradient_color_a), + to (@button_raised_gradient_color_b)); + background-color: transparent; + border-image: none; + border-style: solid; + border-radius: 5px; + border-width: 1px; + border-color: transparent; + color: @theme_fg_dark_color; + text-shadow: 0px 1px @theme_shadow_dark_color; + -GtkArrow-arrow-scaling: 0.7; + transition: all 400ms ease-out; + padding: 4px; +} + +NemoWindow .primary-toolbar.toolbar NemoPathbarButton:hover, +NemoWindow .primary-toolbar.toolbar NemoPathbarButton:active, +NemoWindow .primary-toolbar.toolbar NemoPathbarButton:active:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +NemoWindow .notebook { + -GtkNotebook-initial-gap: 0; + background-color: @theme_base_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_base_color, 1.00)), + to (shade(@theme_base_color, 1.00))); + border-width: 0px; + border-style: none; + border-left-style: none; + border-right-style: none; + border-radius: 0px; + border-top-color: shade(@notebook_border, 1.00); + border-left-color: @transparent; + border-bottom-color: @transparent; + border-right-color: @transparent; + box-shadow: none; +} + +/* Nemo notebook */ +GtkDialog.background .vertical.dialog-vbox .notebook .frame { + background-color: shade (@theme_bg_color, 1.1); +} + +NemoWindow .notebook tab { + border-width: 0px 1px; + border-style: solid; + border-color: shade(@notebook_border, 1.00); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@sidebar_background, 0.90)), + color-stop (0.15, shade(@sidebar_background, 1.00)), + to (shade(@sidebar_background, 1.00))); + box-shadow: inset 0px 1px alpha(#000, 0.08), + inset 1px 0px alpha(#000, 0.04), + inset -1px 0px alpha(#000, 0.04), + inset 0px -1px shade(@notebook_border, 1.00); +} + +NemoWindow .notebook tab:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_base_color, 0.90)), + color-stop (0.15, shade(@theme_base_color, 1.00)), + to (shade(@theme_base_color, 1.00))); + border-image: none; + border-left-color: shade(@notebook_border, 1.00); + border-right-color: shade(@notebook_border, 1.00); + box-shadow: inset 0px 1px alpha(#000, 0.08), + inset 1px 0px alpha(#fff, 0.04), + inset -1px 0px alpha(#fff, 0.04); +} + +NemoWindow .notebook tab.top { + padding: 0px 6px; + border-radius: 0px; +} + +NemoWindow .notebook tab:first-child, +NemoWindow .notebook tab:first-child:active { + border-width: 0px 1px 0px 0px; + border-radius: 0px; +} + +NemoWindow .notebook tab:last-child, +NemoWindow .notebook tab:last-child:active { + border-width: 0px 0px 0px 1px; + border-radius: 0px; +} + +NemoWindow .notebook tab GtkLabel { + padding: 0px; + color: @theme_text_color; + text-shadow: 0px 1px @theme_shadow_color; +} + +NemoWindow .notebook tab .button GtkImage { + border-radius: 3px; + color: mix(@theme_fg_color, @sidebar_background, 0.30); + border-style: solid; + border-color: transparent; + border-width: 1px; + padding: 0; + icon-shadow: 1px 1px @theme_shadow_color; +} + +NemoWindow .notebook tab .button GtkImage:hover { + color: @theme_fg_color; + border-color: alpha(black, 0.1); +} + +NemoWindow .notebook tab .button GtkImage:active, +NemoWindow .notebook tab .button GtkImage:active:hover, +NemoWindow .notebook tab .button GtkImage:active:hover { + background-color: alpha(black, 0.15); + color: shade(@theme_fg_color, 1.00); + icon-shadow: 0px 1px @theme_shadow_color; + border-color: alpha(black, 0.27) + alpha(black, 0.13) + alpha(black, 0.13) + alpha(black, 0.13); +} + +.nemo-canvas-item { + border-radius: 3px; +} + +/* desktop mode */ +.nemo-desktop.nemo-canvas-item { + color: white; + text-shadow: 1px 1px black; +} + +.nemo-desktop.nemo-canvas-item:active { + background-image: none; + color: @theme_text_color; +} + +.nemo-desktop.nemo-canvas-item:selected { + color: @theme_selected_fg_color; +} + +.nemo-desktop.nemo-canvas-item:active, +.nemo-desktop.nemo-canvas-item:prelight, +.nemo-desktop.nemo-canvas-item:selected { + text-shadow: none; +} + diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/scrollbar.css b/desktop-themes/Blue-Submarine/gtk-3.0/scrollbar.css new file mode 100644 index 00000000..320ce0ca --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/scrollbar.css @@ -0,0 +1,222 @@ +/************** + * Scrollbars * + **************/ + +.scrollbar { + background-image: none; + border-style: solid; + -GtkRange-stepper-size: 16; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 0; + -GtkRange-arrow-scaling: 0.666; + -GtkRange-slider-width: 13; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + -GtkScrollbar-activate-slider: 1; + -GtkScrollbar-min-slider-length: 31; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; +} + + /* the small square between scrollbars!!! + no borders with background-image */ +.scrollbars-junction { + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.05), + shade(@theme_bg_color, 1.05)); + border-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.05), + shade(@theme_bg_color, 1.05)); + background-color: transparent; + border-style: none; + border-width: 0; + box-shadow: none; +} + +.scrollbar.trough, +.scrollbar.trough.vertical { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 0.98)), + to (shade (@theme_bg_color, 1.06))); + border-left-width: 1px; + border-right-width: 0px; + border-top-width: 0px; + border-bottom-width: 0px; + border-radius: 0; + border-color: shade(@button_border, 1.13); + border-style: solid; + box-shadow: none; +} + +.scrollbar.trough.horizontal { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@theme_bg_color, 0.98)), + to (shade (@theme_bg_color, 1.06))); + border-left-width: 0px; + border-right-width: 0px; + border-top-width: 1px; + border-bottom-width: 0px; + border-radius: 0; + border-style: solid; + box-shadow: none; +} + +/* Sliders and buttons */ +.scrollbar.slider.vertical { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.8))); + border-color: shade (@theme_bg_color, 0.65); + border-radius: 10px; + border-width: 1px; +} + +.scrollbar.slider.vertical:hover, +.scrollbar.slider.vertical:hover:active { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 0.85)), + to (shade (@theme_bg_color, 0.7))); + border-color: shade (@theme_bg_color, 0.85); + border-width: 0 0 0 0; +} + +.scrollbar.slider.horizontal { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@theme_bg_color, 0.95)), + to (shade (@theme_bg_color, 0.8))); + border-color: shade (@theme_bg_color, 0.65); + border-radius: 10px; + border-width: 1px; +} + +.scrollbar.slider.horizontal:hover, +.scrollbar.slider.horizontal:hover:active { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@theme_bg_color, 0.85)), + to (shade (@theme_bg_color, 0.7))); + border-color: shade (@theme_bg_color, 0.85); + border-width: 0 0 0 0; +} + +.scrollbar.slider:insensitive { + background-color: shade (@theme_bg_color, 0.9); +} + +.scrollbar.trough:insensitive { + background-color: shade (@theme_bg_color, 1.06); +} + +.scrollbar.button, +.scrollbar.button:active, +.scrollbar.button:active:hover, +.scrollbar.button:insensitive { + box-shadow: none; + border-style: none; + border-image: none; + border-radius: 0; + background-image: none; + background-color: transparent; +} + +.scrollbar.button:active, +.scrollbar.button:active:hover { + background-color: alpha(shade(@scrollbar_trough, 0.8), 0.5); + -gtk-image-effect: highlight; +} + +.scrollbar.button.top:hover { + box-shadow: none; + -gtk-image-effect: highlight; +} + +.scrollbar.button.bottom:hover { + box-shadow: none; + -gtk-image-effect: highlight; +} + +.scrollbar.button.right:hover { + box-shadow: none; + -gtk-image-effect: highlight; +} + +.scrollbar.button.left:hover { + box-shadow: none; + -gtk-image-effect: highlight; +} + +.scrollbar.button { + color: @theme_fg_color; +} + +.scrollbar.button:hover { + color: @theme_fg_color; +} + +.scrollbar.button:insensitive { + color: @insensitive_fg_color; +} + +.scrollbar.button:active { + color: @theme_fg_color; +} + +.scrollbar.slider.fine-tune:prelight:active { + background-image: url("assets/slider_fine_horizontal.svg"), + linear-gradient(to top, + shade(@scrollbar_slider, 0.9), + shade(@scrollbar_slider, 0.81) 55%, + shade(@scrollbar_slider, 0.6)); + background-repeat: no-repeat; + background-position: center; + border-style: solid; + border-image: none; + border-color: shade(@scrollbar_slider, 0.65); + border-width: 1px; +} + +.scrollbar.slider.vertical.fine-tune:prelight:active { + background-image: url("assets/slider_fine_vertical.svg"), + linear-gradient(to left, + shade(@scrollbar_slider, 0.9), + shade(@scrollbar_slider, 0.81) 55%, + shade(@scrollbar_slider, 0.6)); + background-repeat: no-repeat; + background-position: center; + border-style: solid; + border-image: none; + border-color: shade(@scrollbar_slider, 0.65); + border-width: 1px; +} + +/* overlay scrollbar */ +OsThumb { + color: shade (@theme_fg_color, 1.6); +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @theme_selected_bg_color; +} + +OsThumb:active, +OsScrollbar:active { + background-color: shade (@theme_bg_color, 0.6); +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: shade (@theme_bg_color, 0.85); +} + +/******************* + * scrolled window * + *******************/ +GtkScrolledWindow.frame { + border-top-color: shade (@theme_bg_color, 0.84); + border-right-color: shade (@theme_bg_color, 0.76); + border-bottom-color: shade (@theme_bg_color, 0.86); + border-left-color: shade (@theme_bg_color, 0.76); + border-radius: 0; + border-style: solid; +} diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/settings.ini b/desktop-themes/Blue-Submarine/gtk-3.0/settings.ini index 361809ce..705c80e2 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/settings.ini +++ b/desktop-themes/Blue-Submarine/gtk-3.0/settings.ini @@ -1,3 +1,3 @@ [Settings] -gtk-color-scheme = "base_color:#FFF\nbg_color:#CBD5D9\ntooltip_bg_color:#DBF4FF\nselected_bg_color:#255880\ntext_color:#1A1A1A\nfg_color:#101010\ntooltip_fg_color:#000\nselected_fg_color:#FFF\nlink_color:#008BCC\nbg_color_dark:#1F2427\nfg_color_dark:#E6E6E6" +gtk-color-scheme = "base_color:#FFF\nbg_color:#CBD5D9\ntooltip_bg_color:#DBF4FF\nselected_bg_color:#255880\ntext_color:#1A1A1A\nfg_color:#101010;\ntooltip_fg_color:#000000\nselected_fg_color:#ffffff\nlink_color:#008BCC\nbg_color_dark:#1F2427\nfg_color_dark:#cccccc" gtk-auto-mnemonics = 1 diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/sidebar.css b/desktop-themes/Blue-Submarine/gtk-3.0/sidebar.css new file mode 100644 index 00000000..6d32dedc --- /dev/null +++ b/desktop-themes/Blue-Submarine/gtk-3.0/sidebar.css @@ -0,0 +1,94 @@ +/*********** + * Sidebar * + ***********/ + +.sidebar { + -GtkTreeView-horizontal-separator: 6px; + -GtkTreeView-vertical-separator: 1px; +} + +.sidebar, +.sidebar.view, +.sidebar .view, +.sidebar.view:prelight, +.sidebar .view:prelight { + border-radius: 0px; + color: @sidebar_fg_color; + text-shadow: 0px 1px @theme_shadow_color; + background-color: @sidebar_background; +} + +.sidebar.view:selected, +.sidebar.view *:selected, +.sidebar .view:selected, +.sidebar .view *:selected, +.sidebar .view:selected:prelight { + border-style: solid; + border-width: 1px 0px 0px 0px; + border-color: shade (@sidebar_selected_bg, 0.90) #bbb shade (@sidebar_selected_bg, 1.05); + border-radius: 6px; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@sidebar_selected_bg, 0.90)), + color-stop (0.40, shade (@sidebar_selected_bg, 0.98)), + to (shade(@sidebar_selected_bg, 1.05))); + color: @theme_selected_fg_color; + text-shadow: 0px 1px @theme_selected_shadow_color; +} + +.sidebar row:hover, +.sidebar .view row:hover, +.sidebar GtkTreeView row:hover { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@theme_bg_color, 1.05)), + color-stop (0.40, shade (@theme_bg_color, 1.13)), + to (shade(@theme_bg_color, 1.10))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + color: shade (@theme_fg_color, 0.90); + border-radius: 6px; + text-shadow: none; +} + +.sidebar .radio, +.sidebar .radio:focus, +.sidebar .radio:selected { + background-image: none; + background-color: alpha(@theme_base_color, 0.0); +} + +GtkHCollapsablePaned, +SourceList.pane-separator { + border-width: 0px; + -GtkPaned-handle-size: 2px; +} + +GtkHCollapsablePaned .pane-separator, +GtkHCollapsablePaned .pane-separator:prelight, +GtkHCollapsablePaned .pane-separator:selected { + background-image: none; + background-color: @sidebar_background; + border-width: 0px 1px 0px 0px; + border-style: solid; + border-color: shade (@button_border, 0.90); +} + +/* Marlin sidebar separator */ +VarkaWidgetsHCollapsiblePaned, +VarkaWidgetsHCollapsiblePaned.pane-separator, +VarkaWidgetsHCollapsiblePaned.pane-separator:prelight, +VarkaWidgetsHCollapsiblePaned.pane-separator:selected { + border-width: 0px; + border-color: shade(@sidebar_background, 0.80); + background-image: -gtk-gradient(linear, + left top, right top, + from (@sidebar_background), + color-stop(0.50, @sidebar_background), + to (#a9a9a9)); +} + -- cgit v1.2.1