From fb1a401ba9c8b32a2c1159ea26816ad21750174a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 20 Sep 2016 22:44:33 +0200 Subject: add more Gnome Flashback styling --- common/gtk-3.0/3.20/gtk-dark.css | 53 +++++++++++++++++++++++++++++ common/gtk-3.0/3.20/gtk-darker.css | 53 +++++++++++++++++++++++++++++ common/gtk-3.0/3.20/gtk-solid-dark.css | 53 +++++++++++++++++++++++++++++ common/gtk-3.0/3.20/gtk-solid-darker.css | 53 +++++++++++++++++++++++++++++ common/gtk-3.0/3.20/gtk-solid.css | 53 +++++++++++++++++++++++++++++ common/gtk-3.0/3.20/gtk.css | 53 +++++++++++++++++++++++++++++ common/gtk-3.0/3.20/sass/_applications.scss | 50 +++++++++++++++++++++++++++ 7 files changed, 368 insertions(+) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 772ce2d..198b0e6 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -3340,6 +3340,59 @@ button.documents-favorite:active:hover { .tr-workarea overshoot { border-color: transparent; } +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(35, 38, 46, 0.95); + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #5294e2; + border-color: #5294e2; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(42, 45, 55, 0.95); } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index ded7838..bc2691f 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -3339,6 +3339,59 @@ button.documents-favorite:active:hover { .tr-workarea overshoot { border-color: transparent; } +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(35, 38, 46, 0.95); + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #5294e2; + border-color: #5294e2; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(42, 45, 55, 0.95); } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 4c6709c..bfcc985 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -3340,6 +3340,59 @@ button.documents-favorite:active:hover { .tr-workarea overshoot { border-color: transparent; } +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: #353945; + border: 1px solid #23262e; + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #5294e2; + border-color: #5294e2; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #2a2d37; } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 5468bd7..47a287a 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -3339,6 +3339,59 @@ button.documents-favorite:active:hover { .tr-workarea overshoot { border-color: transparent; } +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: #353945; + border: 1px solid #23262e; + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #5294e2; + border-color: #5294e2; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #2a2d37; } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 22457f2..30fe0c7 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -3343,6 +3343,59 @@ button.documents-favorite:active:hover { .tr-workarea overshoot { border-color: transparent; } +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: #353945; + border: 1px solid #23262e; + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #5294e2; + border-color: #5294e2; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #2a2d37; } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index bc3037d..2140fbd 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -3343,6 +3343,59 @@ button.documents-favorite:active:hover { .tr-workarea overshoot { border-color: transparent; } +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #cfd5de; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(35, 38, 46, 0.95); + border-radius: 2px; } + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #5294e2; + border-color: #5294e2; } + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(42, 45, 55, 0.95); } + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #5294e2; + border-radius: 2px; } + .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index c5882b0..2f4e4cb 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -448,6 +448,56 @@ button.documents-favorite:active:hover { border-color: transparent; // Remove black border on over- and undershoot } +// +// Gnome Flashback +// +#gf-bubble, +#gf-osd-window, +#gf-input-source-popup, +#gf-candidate-popup { + &, &.solid { + color: lighten($osd_fg_color, 7%); + background-color: $osd_bg_color; + border: 1px solid darken($osd_bg_color, 8%); + border-radius: 2px; + } + + levelbar { + block { + &.low, &.high, &.full { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + &.empty { background-color: darken($osd_bg_color, 5%); } + } + trough { background: none; } + } + + // FIXME still needs button styling +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 2px; + } +} + +gf-candidate-box { + label { padding: 3px; } + + &:hover, + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 2px; + } +} + // // Mate/Gnome Flashback Panel // -- cgit v1.2.3