From afe111f9385e9f9cc505c5d6676bba4ffe16b411 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 10 Jan 2015 00:48:00 +0100 Subject: GreenLaguna GTK3: add popovers support --- desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css | 44 ++++++ desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css | 153 ++++++++++++++++++++- 2 files changed, 195 insertions(+), 2 deletions(-) (limited to 'desktop-themes/GreenLaguna') diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css index aad73842..4434c53f 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css @@ -96,10 +96,54 @@ @define-color app_notification_c @theme_bg_color; @define-color app_notification_border #939493; +/******* + * OSD * + *******/ +@define-color osd_highlight #ffffff; +@define-color osd_lowlight #525252; +@define-color osd_base #212526; + +@define-color osd_fg #ededed; +@define-color osd_bg alpha(@osd_base, 0.80); + +@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_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); + + @define-color wm_a shade(@theme_bg_color, 1.3); @define-color wm_b @theme_bg_color; @define-color wm_util shade(@theme_bg_color, 1.2); @define-color wm_unfocus shade(@theme_bg_color, 1.05); +@define-color wm_shadow alpha(black, 0.5); @import url("gtk-main-common.css"); @import url("gtk-widgets.css"); diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css index c1d37247..a148648c 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css @@ -361,6 +361,14 @@ GtkTreeView .separator, color: @theme_selected_fg_color; } +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + .cursor-handle.top, .cursor-handle.bottom { background-color:transparent; @@ -370,6 +378,15 @@ GtkTreeView .separator, border-width: 0px; } +.entry.cursor-handle.top, +.cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} +.entry.cursor-handle.bottom, +.cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + /******************* * Symbolic images * *******************/ @@ -1033,7 +1050,7 @@ GtkTreeMenu .menuitem * { } /* insensitive active toggle buttons */ -.button:checked:insensitive. +.button:checked:insensitive, .button:active:insensitive { background-image: linear-gradient(to bottom, alpha(@button_gradient_color_b, 0.5), @@ -1869,6 +1886,136 @@ GtkProgressBar.osd.progressbar { border-radius: 0; } +/************* + * Popovers * + *************/ + +.popover { + background-clip: initial; + margin: 10px; + padding: 2px; + border-color: shade(@theme_bg_color, 0.8); + border-width: 1px; + border-style: solid; + border-radius: 6px; + background-color: shade(@theme_selected_bg_color, 0.8); + background-image: linear-gradient(to bottom, + shade(@theme_selected_bg_color, 1.1), + shade(@theme_selected_bg_color, 0.65)); + box-shadow: 0 1px 5px @wm_shadow; + text-shadow: none; + icon-shadow: none; +} + +.popover > .list, +.popover > .view, +.popover > .toolbar .popover.osd > .toolbar, +.popover > .inline-toolbar .popover.osd > .toolbar, +.popover > .search-bar .popover.osd > .toolbar, +.popover > .location-bar .popover.osd > .toolbar, +.popover > .toolbar .popover.osd > .inline-toolbar, +.popover > .inline-toolbar .popover.osd > .inline-toolbar, +.popover > .search-bar .popover.osd > .inline-toolbar, +.popover > .location-bar .popover.osd > .inline-toolbar, +.popover > .toolbar .popover.osd > .search-bar, +.popover > .inline-toolbar .popover.osd > .search-bar, +.popover > .search-bar .popover.osd > .search-bar, +.popover > .location-bar .popover.osd > .search-bar, +.popover > .toolbar .popover.osd > .location-bar, +.popover > .inline-toolbar .popover.osd > .location-bar, +.popover > .search-bar .popover.osd > .location-bar, +.popover > .location-bar .popover.osd > .location-bar { + border-style: none; + background-color: transparent; +} + +.popover .separator { + font-size: 80%; + font-weight: bold; + color: alpha(@theme_fg_color,0.1); + text-shadow: none; + background-color: transparent; + icon-shadow: none; + border: 0; +} + +.popover.osd { + background-image: none; + background-color: alpha(shade(#3E403D, 0.85), 0.75); + border: 1px solid black; + box-shadow: none; + color: @theme_selected_fg_color; +} +.popover.osd .toolbar { + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; +} +.popover.osd .button { + text-shadow: 0 -1px @osd_text_shadow; + icon-shadow: 0 -1px @osd_text_shadow; +} +.popover.osd .button:active, +.popover.osd .button:checked { + box-shadow: none; +} +.popover.osd .button:insensitive { + color: alpha(@theme_selected_fg_color, 0.4); +} + +.popover .list { + background-color: @theme_base_color; +} + +GtkModelButton.button { + color: @theme_selected_fg_color; + border-radius: 3px; +} + +GtkModelButton.button:checked, +GtkModelButton.button:active, +GtkModelButton.button:insensitive, +GtkModelButton.button:active:insensitive, +GtkModelButton.button:checked:insensitive, +GtkModelButton.button, +GtkModelButton.button:focus, +GtkModelButton.button:active:focus, +GtkModelButton.button:checked:focus { + color: @theme_selected_fg_color; + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + border-radius: 3px; +} + +GtkModelButton.button:checked:hover, +GtkModelButton.button:active:hover, +GtkModelButton.button:hover, +GtkModelButton.button:selected { + color: @theme_selected_fg_color; + background-image: linear-gradient(to bottom, + shade(@theme_selected_bg_color, 1.6), + shade(@theme_selected_bg_color, 0.6)); + text-shadow: none; + border-width: 0; + border-color: transparent; + border-radius: 3px; +} + +GtkPopover .separator { + font-size: 80%; + font-weight: bold; + color: alpha(@theme_text_color,0.4); + text-shadow: none; + background-color: transparent; + icon-shadow: none; + border: 0; +} + /******* * CSD * *******/ @@ -2455,9 +2602,11 @@ GtkInfoBar { } /* some apps need this */ -GtkLabel { +/* which apps?, disabled for popover fontcolor*/ +/*GtkLabel { color: @theme_text_color; } +*/ /* but menus are dark */ .menu GtkLabel { color: @theme_selected_fg_color; -- cgit v1.2.1