mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
add more Gnome Flashback styling
This commit is contained in:
parent
a7e9f80aab
commit
fb1a401ba9
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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
|
||||
//
|
||||
|
Loading…
Reference in New Issue
Block a user