From 1d7a2ab6a1d8d4930178502913ef8d91d185e597 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Thu, 30 Oct 2014 21:57:05 +0100 Subject: GreenLaguna GTK3-3.14: next round of adjustments to new new :checked state in GTK3-3.14 --- .../GreenLaguna/gtk-3.0/gtk-widgets-assets.css | 54 +++++---- desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css | 122 +++++++++------------ 2 files changed, 87 insertions(+), 89 deletions(-) (limited to 'desktop-themes/GreenLaguna') diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css index 61c18121..721785f2 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css @@ -65,6 +65,8 @@ GtkScale.scale-has-marks-above.slider.vertical:insensitive { border-image: url("assets/button-border.svg") 3 / 3px stretch; } +.button:checked, +.button:hover:checked, .button:active, .button:hover:active { border-image: url("assets/button-active-border.svg") 3 / 3px stretch; @@ -78,6 +80,10 @@ GtkScale.scale-has-marks-above.slider.vertical:insensitive { border-image: url("assets/button-default-active-border.svg") 3 / 3px stretch; } +.toolbar .button:checked, +.primary-toolbar .button:checked, +.primary-toolbar .toolbar .button:checked, +.primary-toolbar.toolbar .button:checked, .toolbar .button:active, .primary-toolbar .button:active, .primary-toolbar .toolbar .button:active, @@ -100,53 +106,59 @@ GtkSwitch.trough:active { /************************* * Check and Radio items * *************************/ - -.menuitem.radio:active { - background-image: url("assets/radio-menuitem-checked.svg"); + +.menuitem.radio:active, +.menuitem.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-checked.svg")); } -.menuitem.radio:active:hover { - background-image: url("assets/radio-menuitem-checked-prelight.svg"); +.menuitem.radio:active:hover, +.menuitem.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-checked-prelight.svg")); } -.menuitem.radio:active:insensitive { - background-image: url("assets/radio-menuitem-checked-insensitive.svg"); +.menuitem.radio:active:insensitive, +.menuitem.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-checked-insensitive.svg")); } .menuitem.radio:inconsistent { - background-image: url("assets/radio-menuitem-mixed.svg"); + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-mixed.svg")); } .menuitem.radio:inconsistent:hover { - background-image: url("assets/radio-menuitem-mixed-prelight.svg"); + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-mixed-prelight.svg")); } .menuitem.radio:inconsistent:insensitive { - background-image: url("assets/radio-menuitem-mixed-insensitive.svg"); + -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-mixed-insensitive.svg")); } -.menuitem.check:active { - background-image: url("assets/checkbox-menuitem-checked.svg"); +.menuitem.check:active, +.menuitem.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-checked.svg")); } -.menuitem.check:active:hover { - background-image: url("assets/checkbox-menuitem-checked-prelight.svg"); +.menuitem.check:active:hover, +.menuitem.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-checked-prelight.svg")); } -.menuitem.check:active:insensitive { - background-image: url("assets/checkbox-menuitem-checked-insensitive.svg"); +.menuitem.check:active:insensitive, +.menuitem.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-checked-insensitive.svg")); } .menuitem.check:inconsistent { - background-image: url("assets/checkbox-menuitem-mixed.svg"); + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-mixed.svg")); } .menuitem.check:inconsistent:hover { - background-image: url("assets/checkbox-menuitem-mixed-prelight.svg"); + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-mixed-prelight.svg")); } .menuitem.check:inconsistent:insensitive { - background-image: url("assets/checkbox-menuitem-mixed-insensitive.svg"); + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-menuitem-mixed-insensitive.svg")); } /* draw regular check and radio items using our SVG assets */ @@ -170,6 +182,9 @@ GtkSwitch.trough:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.svg")); } +.check:checked:insensitive, +.check row:selected:checked:insensitive, +.check row:selected:focus:checked:insensitive, .check:active:insensitive, .check row:selected:active:insensitive, .check row:selected:focus:active:insensitive @@ -205,6 +220,7 @@ GtkSwitch.trough:active { .radio:active, .radio row:selected:checked, .radio row:selected:active, +.radio row:selected:focus:checked, .radio row:selected:focus:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-selected.svg")); } diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css index 12568d4d..7152ed9d 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css @@ -1383,6 +1383,10 @@ GtkTreeMenu .menuitem * { background-color: @theme_bg_color; } +.toolbar .button:checked, +.primary-toolbar .button:checked, +.primary-toolbar .toolbar .button:checked, +.primary-toolbar.toolbar .button:checked, .toolbar .button:active, .primary-toolbar .button:active, .primary-toolbar .toolbar .button:active, @@ -1399,6 +1403,10 @@ GtkTreeMenu .menuitem * { /*border-image is defined in gtk-widgets-assets.css*/ } +.toolbar .button:checked:hover, +.primary-toolbar .button:checked:hover, +.primary-toolbar .toolbar .button:checked:hover, +.primary-toolbar.toolbar .button:checked:hover, .toolbar .button:active:hover, .primary-toolbar .button:active:hover, .primary-toolbar .toolbar .button:active:hover, @@ -1414,6 +1422,10 @@ GtkTreeMenu .menuitem * { @button_hover_gradient_color_b); } +.toolbar .button:checked:insensitive, +.primary-toolbar .button:checked:insensitive, +.primary-toolbar .toolbar .button:checked:insensitive, +.primary-toolbar.toolbar .button:checked:insensitive, .toolbar .button:active:insensitive, .primary-toolbar .button:active:insensitive, .primary-toolbar .toolbar .button:active:insensitive, @@ -1508,8 +1520,10 @@ GtkOverlay.osd { } .osd.button, +.osd.button:checked, .osd.button:active, .osd .button, +.osd .button:checked, .osd .button:active { border-width: 1px; border-style: solid; @@ -1532,9 +1546,11 @@ GtkOverlay.osd { .osd.button, .osd.button:prelight, +.osd.button:checked, .osd.button:active, .osd .button, .osd .button:prelight, +.osd .button:checked, .osd .button:active { background-color: transparent; } @@ -1545,6 +1561,8 @@ GtkOverlay.osd { background-color: @osd_button_bg_insensitive; } +.osd.button:checked:insensitive, +.osd .button:checked:insensitive, .osd.button:active:insensitive, .osd .button:active:insensitive { background-image: none; @@ -1556,14 +1574,18 @@ GtkOverlay.osd { color: @osd_button_fg_hover; } +.osd .button *:checked, +.osd .button *:hover:checked, .osd .button *:active, .osd .button *:hover:active { color: @osd_button_fg_active; } .osd.button *:insensitive, +.osd.button *:insensitive:checked, .osd.button *:insensitive:active, .osd .button *:insensitive, +.osd .button *:insensitive:checked, .osd .button *:insensitive:active { color: @osd_button_fg_insensitive; } @@ -1576,6 +1598,11 @@ GtkOverlay.osd { @osd_button_bg_hover_c); } +.osd.button:checked, +.osd.button:checked:hover, +.osd .button:checked, +.osd .button:checked:hover, +.osd GtkMenuButton.button:checked, .osd.button:active, .osd.button:active:hover, .osd .button:active, @@ -1587,11 +1614,13 @@ GtkOverlay.osd { @osd_button_bg_active_c); } +.osd GtkMenuButton.button:checked, .osd GtkMenuButton.button:active { background-color: transparent; border-color: @osd_button_border; } +.osd GtkMenuButton.button *:checked, .osd GtkMenuButton.button *:active { color: @osd_button_fg_active; text-shadow: 0 -1px @osd_button_shadow; @@ -2052,75 +2081,25 @@ GtkColorSwatch:selected:hover { border-color: alpha(black, 0.5); } -/***************************************************************************************************** - * Check and Radio items * - * Related to recent gtk3 development, to reveal checkboxes as part of the dialogue * - * of some of the applications whose notification icons appear in the system tray * - * the reference section of the HighContrast theme is used. * - * https://git.gnome.org/browse/gnome-themes-standard/tree/themes/HighContrast/gtk-3.0/gtk.css#n1398 * - *****************************************************************************************************/ - -GtkCheckButton.text-button, GtkRadioButton.text-button { - padding: 1px; - outline-offset: 0; } - -.check { - color: rgba(0, 0, 0, 0.1); - background-image: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.svg")); } - .check:hover { - color: #7f7f7f; } - .check:checked, .check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.svg")); - color: #000; } - .check:checked:hover, .check:active:hover { - color: #7f7f7f; } - .check:checked:insensitive, .check:active:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.svg")); - color: #7f7f7f; } - .check:checked:insensitive:backdrop, .check:active:insensitive:backdrop { - color: #7f7f7f; } - .check:checked:backdrop, .check:active:backdrop { - color: #000; } - .check:insensitive { - color: rgba(127, 127, 127, 0.1); } - .check:insensitive:backdrop { - color: transparent; } - .check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.svg")); } - .check:backdrop { - color: rgba(0, 0, 0, 0.1); } - .check:backdrop:selected { - color: rgba(255, 255, 255, 0.1); } - -.radio { - color: rgba(0, 0, 0, 0.1); - background-image: none; - -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected.svg")); } - .radio:hover { - color: #7f7f7f; } - .radio:checked, .radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-selected.svg")); - color: #000; } - .radio:checked:hover, .radio:active:hover { - color: #7f7f7f; } - .radio:checked:insensitive, .radio:active:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-insensitive.svg")); - color: #7f7f7f; } - .radio:checked:insensitive:backdrop, .radio:active:insensitive:backdrop { - color: #7f7f7f; } - .radio:checked:backdrop, .radio:active:backdrop { - color: #000; } - .radio:insensitive { - color: rgba(127, 127, 127, 0.1); } - .radio:insensitive:backdrop { - color: transparent; } - .radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.svg")); } - .radio:backdrop { - color: rgba(0, 0, 0, 0.1); } - .radio:backdrop:selected { - color: rgba(255, 255, 255, 0.1); } +/*************************** + * Radio and Check Buttons * + ***************************/ +.radio, +.check, +.radio:selected, +.check:selected, +.radio:selected:focus, +.check:selected:focus, +.cell.radio, +.cell.check, +.cell.radio:selected, +.cell.check:selected, +.cell.radio:selected:focus, +.cell.check:selected:focus { + background-color: transparent; + border-width: 0px; + border-style: none; +} /***************** * GtkCheckButton * @@ -2301,16 +2280,19 @@ GtkInfoBar { .info .button, .info .button:insensitive, .info .button:active, +.info .button:checked, .warning .entry, .warning .entry:focus, .warning .button, .warning .button:insensitive, .warning .button:active, +.warning .button:checked, .error .entry, .error .entry:focus, .error .button, .error .button:insensitive, -.error .button:active { +.error .button:active, +.error .button:checked { border-image: none; border-style: none; } -- cgit v1.2.1