From c4ac242d02953196a9dcc633a277b58cd4ffbb7c Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 10 Jan 2015 00:29:50 +0100 Subject: ContrastHighIOnverse GTK3: add popovers support --- .../ContrastHighInverse/gtk-3.0/gtk-widgets.css | 129 +++++++++++++++++++++ desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css | 43 +++++++ 2 files changed, 172 insertions(+) diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css index d4677cc9..ab6ac99f 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css @@ -1164,6 +1164,135 @@ GtkProgressBar.osd.progressbar { font: 9; } +/************* + * 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_active_color, 0.8); + background-image: linear-gradient(to bottom, + shade(@theme_base_color, 1.0), + shade(@theme_base_color, 0.85)); + box-shadow: 0 1px 5px @wm_shadow; + text-shadow: none; + icon-shadow: none; +} + +.popover > .list, +.popover > .view, +.popover > .toolbar .popover.osd > .toolbar, +.popover > .inline-toolbar .popover.osd > .toolbar, +.popover > .search-bar .popover.osd > .toolbar, +.popover > .location-bar .popover.osd > .toolbar, +.popover > .toolbar .popover.osd > .inline-toolbar, +.popover > .inline-toolbar .popover.osd > .inline-toolbar, +.popover > .search-bar .popover.osd > .inline-toolbar, +.popover > .location-bar .popover.osd > .inline-toolbar, +.popover > .toolbar .popover.osd > .search-bar, +.popover > .inline-toolbar .popover.osd > .search-bar, +.popover > .search-bar .popover.osd > .search-bar, +.popover > .location-bar .popover.osd > .search-bar, +.popover > .toolbar .popover.osd > .location-bar, +.popover > .inline-toolbar .popover.osd > .location-bar, +.popover > .search-bar .popover.osd > .location-bar, +.popover > .location-bar .popover.osd > .location-bar { + border-style: none; + background-color: transparent; +} + +.popover .separator { + font-size: 80%; + font-weight: bold; + color: alpha(@theme_fg_color,0.5); + text-shadow: none; + background-color: transparent; + icon-shadow: none; + border: 0; +} + +.popover.osd { + background-image: none; + background-color: alpha(shade(#3E403D, 0.85), 0.75); + border: 1px solid black; + box-shadow: none; + color: @theme_base_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_base_color, 0.4); +} + +.popover .list { + background-color: @theme_base_color; +} + +GtkModelButton.button { + color: @theme_fg_color; + border-radius: 3px; +} + +GtkModelButton.button:checked, +GtkModelButton.button:active, +GtkModelButton.button:insensitive, +GtkModelButton.button:active:insensitive, +GtkModelButton.button:checked:insensitive, +GtkModelButton.button, +GtkModelButton.button:focus, +GtkModelButton.button:active:focus, +GtkModelButton.button:checked:focus { + color: @theme_fg_color; + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + border-radius: 3px; +} + +GtkModelButton.button:checked:hover, +GtkModelButton.button:active:hover, +GtkModelButton.button:hover, +GtkModelButton.button:selected { + color: @theme_base_color; + background-image: none; + background-color: @theme_active_color; + text-shadow: none; + border-width: 0; + border-color: transparent; + border-radius: 3px; +} + +GtkPopover .separator { + font-size: 80%; + font-weight: bold; + color: alpha(@theme_fg_color,0.4); + text-shadow: none; + background-color: transparent; + icon-shadow: none; + border: 0; +} + /******* * CSD * *******/ diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css index 60719537..66d38c3d 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css @@ -72,6 +72,49 @@ @define-color wm_button_pressed_bg @theme_fg_color; @define-color wm_button_prelight_fg @theme_base_color; @define-color wm_button_pressed_fg @theme_base_color; +@define-color wm_shadow alpha(black, 0.5); + +/******* + * 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); * { /* Pidgin */ -- cgit v1.2.1