From fe55a38852895d495b7318aa24405aafc32406ed Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 10 Jan 2015 00:51:50 +0100 Subject: BlackMate GTK3: add popovers support --- desktop-themes/BlackMATE/gtk-3.0/gtk-main.css | 6 + desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css | 153 ++++++++++++++++++++++- 2 files changed, 153 insertions(+), 6 deletions(-) diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css index a17aa655..53d6cda1 100644 --- a/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css +++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css @@ -125,6 +125,12 @@ @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); + /* FIXME: needs dark colors from here */ @define-color link_color #2EB8E6; /*#4a90d9*/ @define-color warning_color #f57900; diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css index 40b56718..a7346652 100644 --- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css @@ -385,6 +385,14 @@ GtkHTML.entry { background-color: transparent; }*/ +.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; @@ -394,6 +402,15 @@ GtkHTML.entry { 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 * *******************/ @@ -2063,6 +2080,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, + @theme_selected_bg_color, + shade(@theme_selected_bg_color, 0.5)); + 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(#3D3E40, 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 { + background-image: none; + background-color: transparent; + 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 { + 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 { + background-image: linear-gradient(to bottom, + #999999, + #404040); + color: @theme_selected_fg_color; + 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 * *******/ @@ -2974,7 +3121,6 @@ NemoWindow GtkScrolledWindow.frame { } ContactsWindow .button, -NautilusWindow .button, NemoWindow .button { border-image: url("assets/button-border-dark1.svg") 3 / 3px stretch; background-image: linear-gradient(to bottom, @@ -2983,7 +3129,6 @@ NemoWindow .button { } ContactsWindow .button:hover, -NautilusWindow .button:hover, NemoWindow .button:hover { background-image: -gtk-gradient (radial, 0.5 -2.0, 2.0, @@ -2997,14 +3142,10 @@ NemoWindow .button:hover { ContactsWindow .button:checked, ContactsWindow .button:hover:checked, -NautilusWindow .button:checked, -NautilusWindow .button:hover:checked, NemoWindow .button:checked, NemoWindow .button:hover:checked, ContactsWindow .button:active, ContactsWindow .button:hover:active, -NautilusWindow .button:active, -NautilusWindow .button:hover:active, NemoWindow .button:active, NemoWindow .button:hover:active { background-image: linear-gradient(to bottom, -- cgit v1.2.1