[gnome-shell/wip/sass: 38/52] theme: consistent osd colors for overview
- From: Carlos Soriano Sánchez <csoriano src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/sass: 38/52] theme: consistent osd colors for overview
- Date: Wed, 18 Feb 2015 17:06:34 +0000 (UTC)
commit 579a388d68814d3df909785ef3b06ead4d13a08b
Author: Jakub Steiner <jimmac gmail com>
Date: Mon Feb 9 15:45:33 2015 +0100
theme: consistent osd colors for overview
- needed for reusal of the same theme for light/dark variant
(gnome3 vs classic)
data/theme/_common.scss | 62 +++++++++++++++-------------
data/theme/gnome-shell-high-contrast.css | 64 ++++++++++++++++--------------
data/theme/gnome-shell.css | 50 ++++++++++++-----------
3 files changed, 94 insertions(+), 82 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index 0d2d3a4..5b50496 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -29,9 +29,9 @@ $panel-corner-radius: 6px;
/* GLOBALS */
$font-size: 11;
$font-family: Cantarell, Sans-Serif;
-$_bubble_bg_color: transparentize($osd_borders_color,.2);
+$_bubble_bg_color: opacify($osd_bg_color,0.25);
$_bubble_fg_color: $osd_fg_color;
-$_bubble_border_color: opacify($osd_outer_borders_color, 0.1);
+$_bubble_borders_color: transparentize($osd_fg_color,0.5);
stage {
font-family: $font-family;
@@ -149,8 +149,9 @@ StScrollBar {
.modal-dialog {
border-radius: 5px;
- background-color: transparentize(darken($bg_color,10%),0.05);
- border: 3px solid transparentize($fg_color, 0.8);
+ color: $osd_fg_color;
+ background-color: transparentize(darken($osd_bg_color,10%),0.05);
+ border: 3px solid transparentize($osd_fg_color,0.5);
padding: 24px;
.run-dialog-entry { width: 20em; margin-bottom: 6px; }
@@ -162,7 +163,7 @@ StScrollBar {
.run-dialog-label {
font-size: fontsize($font-size + 1.1);
font-weight: bold;
- color: darken($fg_color,10%);
+ color: darken($osd_fg_color,10%);
padding-bottom: .4em;
}
@@ -181,7 +182,7 @@ StScrollBar {
/* End Session Dialog */
.end-session-dialog {
spacing: 42px;
- border: 3px solid $_bubble_border_color;
+ border: 3px solid $_bubble_borders_color;
}
.end-session-dialog-list {
@@ -326,7 +327,7 @@ StScrollBar {
.prompt-dialog {
//this is the width of the entire modal popup
width: 500px;
- border: 3px solid $_bubble_border_color;
+ border: 3px solid $_bubble_borders_color;
}
.prompt-dialog-main-layout {
@@ -586,7 +587,7 @@ StScrollBar {
%osd-panel {
color: $_bubble_fg_color;
background-color: $_bubble_bg_color;
- border: 1px solid $_bubble_border_color;
+ border: 1px solid $_bubble_borders_color;
border-radius: 12px;
padding: 12px;
}
@@ -718,7 +719,7 @@ StScrollBar {
.calendar-vertical-separator {
width: .3em;
-stipple-width: 1px;
- -stipple-color: $_bubble_border_color;
+ -stipple-color: $_bubble_borders_color;
}
.calendar-month-label {
@@ -990,14 +991,14 @@ StScrollBar {
}
.window-caption {
spacing: 25px;
- background-color: transparentize($bg_color,0.3);
+ background-color: transparentize($osd_bg_color,0.3);
border-radius: 8px;
padding: 4px 12px;
-shell-caption-spacing: 12px;
&:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
}
- .messages-indicator { color: transparentize($fg_color,.2); height: 32px; }
+ .messages-indicator { color: transparentize($osd_fg_color,.2); height: 32px; }
.messages-indicator-contents { spacing: 12px; padding-bottom: 12px; }
//search entry
@@ -1010,7 +1011,7 @@ StScrollBar {
border-width: 2px;
}
- .search-entry-icon { icon-size: 1em; padding: 0 4px; color: transparentize($fg_color,.3); }
+ .search-entry-icon { icon-size: 1em; padding: 0 4px; color: transparentize($osd_fg_color,.3); }
&:hover, &:focus {
.search-entry-icon { color: $fg_color; }
@@ -1045,8 +1046,8 @@ StScrollBar {
}
.list-search-result-content { spacing: 12px; padding: 12px; }
- .list-search-result-title { font-size: 1.5em; color: darken($fg_color,5%); }
- .list-search-result-description { color: darken($fg_color,15%); }
+ .list-search-result-title { font-size: 1.5em; color: darken($osd_fg_color,5%); }
+ .list-search-result-description { color: darken($osd_fg_color,15%); }
.search-provider-icon { padding: 15px; }
.search-provider-icon-more {
width: 16px;
@@ -1089,7 +1090,8 @@ StScrollBar {
.dash-label { //osd tooltip
border-radius: 7px;
padding: 4px 12px;
- background-color: transparentize($osd_borders_color,0.3);
+ color: $osd_fg_color;
+ background-color: transparentize($osd_bg_color,0.3);
text-align: center;
-x-offset: 8px;
}
@@ -1123,9 +1125,9 @@ StScrollBar {
.search-provider-icon,
.list-search-result {
@extend %icon_tile;
- &:active, &:checked { background-color: transparentize(darken($bg_color,10%),.1); }
- &:focus, &:selected, &:hover {
- background-color: transparentize($fg_color,.9);
+ &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); }
+ &:focus, &:selected, &:hover {
+ background-color: transparentize($osd_fg_color,.9);
transition-duration: 200ms;
}
}
@@ -1141,14 +1143,14 @@ StScrollBar {
}
&:active .overview-icon,
&:checked .overview-icon {
- background-color: transparentize(darken($bg_color,10%),.1); //FIXME not working?
- box-shadow: inset 0 1px 2px $borders_color;
+ background-color: transparentize(darken($osd_bg_color,10%),.1); //FIXME not working?
+ box-shadow: inset 0 1px 2px $osd_borders_color;
}
&:hover .overview-icon,
&.running:hover .overview-icon,
&:focus .overview-icon,
&:selected .overview-icon {
- background-color: transparentize($fg_color,.9);
+ background-color: transparentize($osd_fg_color,.9);
transition-duration: 0ms;
border-image: none;
background-image: none;
@@ -1163,6 +1165,7 @@ StScrollBar {
}
%icon_tile {
+ color: $osd_fg_color;
border-radius: 4px;
padding: 6px;
border: 1px solid transparent;
@@ -1171,7 +1174,7 @@ StScrollBar {
}
.app-well-app.app-folder > .overview-icon {
- background-color: transparentize($bg_color,.6);
+ background-color: transparentize($osd_bg_color,.6);
}
.show-apps:checked .show-apps-icon,
@@ -1184,7 +1187,7 @@ StScrollBar {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: 8px;
- -arrow-background-color: transparentize($bg_color,0.7);
+ -arrow-background-color: transparentize($osd_bg_color,0.7);
-arrow-base: 24px;
-arrow-rise: 11px;
}
@@ -1245,7 +1248,7 @@ StScrollBar {
%overview-panel {
color: $_bubble_fg_color;
background-color: $_bubble_bg_color;
- border: 1px solid $_bubble_border_color;
+ border: 1px solid $_bubble_borders_color;
}
%status_text {
@@ -1257,7 +1260,7 @@ StScrollBar {
/* NOTIFICATIONS & MESSAGE TRAY */
#message-tray {
- background: darken($bg_color,10%) url("noise-texture.png");
+ background: darken($osd_bg_color,10%) url("noise-texture.png");
background-repeat: repeat;
height: 72px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
@@ -1283,6 +1286,7 @@ StScrollBar {
font-size: 11pt;
width: 34em;
border-radius: 6px 6px 0 0;
+ color: $_bubble_fg_color;
background-color: $_bubble_bg_color;
border: 1px solid $borders_color;
border-bottom-width: 0;
@@ -1499,7 +1503,7 @@ StScrollBar {
-arrow-border-radius: 10px;
-arrow-background-color: transparentize($osd_bg_color, 0.3);
-arrow-border-width: 2px;
- -arrow-border-color: $_bubble_border_color;
+ -arrow-border-color: $_bubble_borders_color;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px;
@@ -1689,12 +1693,12 @@ StScrollBar {
.summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0;
- }
+ }
.screen-shield-notification-source {
padding: 12px 6px;
- border: 1px solid $_bubble_border_color;
- background-color: $_bubble_bg_color;
+ border: 1px solid $_bubble_borders_color;
+ background-color: transparentize($osd_bg_color,0.5);
color: $_bubble_fg_color;
border-radius: 4px;
}
diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css
index edd4bf7..f40d351 100644
--- a/data/theme/gnome-shell-high-contrast.css
+++ b/data/theme/gnome-shell-high-contrast.css
@@ -156,8 +156,9 @@ StScrollBar {
.modal-dialog {
border-radius: 5px;
- background-color: rgba(0, 0, 0, 0.95);
- border: 3px solid rgba(255, 255, 255, 0.2);
+ color: #eeeeec;
+ background-color: rgba(23, 25, 26, 0.95);
+ border: 3px solid rgba(238, 238, 236, 0.5);
padding: 24px; }
.modal-dialog .run-dialog-entry {
width: 20em;
@@ -170,7 +171,7 @@ StScrollBar {
.modal-dialog .run-dialog-label {
font-size: fontsize(12.1);
font-weight: bold;
- color: #e6e6e6;
+ color: #d6d6d1;
padding-bottom: .4em; }
.button-dialog-button-box {
@@ -185,7 +186,7 @@ StScrollBar {
/* End Session Dialog */
.end-session-dialog {
spacing: 42px;
- border: 3px solid rgba(255, 255, 255, 0.2); }
+ border: 3px solid rgba(238, 238, 236, 0.5); }
.end-session-dialog-list {
padding-top: 20px; }
@@ -307,7 +308,7 @@ StScrollBar {
/* Password or Authentication Dialog */
.prompt-dialog {
width: 500px;
- border: 3px solid rgba(255, 255, 255, 0.2); }
+ border: 3px solid rgba(238, 238, 236, 0.5); }
.prompt-dialog-main-layout {
spacing: 24px;
@@ -514,8 +515,8 @@ StScrollBar {
.osd-window,
.switcher-list, .workspace-switcher-container {
color: #eeeeec;
- background-color: rgba(0, 0, 0, 0.5);
- border: 1px solid rgba(255, 255, 255, 0.2);
+ background-color: #2e3436;
+ border: 1px solid rgba(238, 238, 236, 0.5);
border-radius: 12px;
padding: 12px; }
@@ -604,7 +605,7 @@ StScrollBar {
.calendar-vertical-separator {
width: .3em;
-stipple-width: 1px;
- -stipple-color: rgba(255, 255, 255, 0.2); }
+ -stipple-color: rgba(238, 238, 236, 0.5); }
.calendar-month-label {
color: #f2f2f2;
@@ -847,7 +848,7 @@ StScrollBar {
.window-caption {
spacing: 25px;
- background-color: rgba(0, 0, 0, 0.7);
+ background-color: rgba(46, 52, 54, 0.7);
border-radius: 8px;
padding: 4px 12px;
-shell-caption-spacing: 12px; }
@@ -856,7 +857,7 @@ StScrollBar {
color: #ffffff; }
.messages-indicator {
- color: rgba(255, 255, 255, 0.8);
+ color: rgba(238, 238, 236, 0.8);
height: 32px; }
.messages-indicator-contents {
@@ -873,7 +874,7 @@ StScrollBar {
.search-entry .search-entry-icon {
icon-size: 1em;
padding: 0 4px;
- color: rgba(255, 255, 255, 0.7); }
+ color: rgba(238, 238, 236, 0.7); }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
color: #fff; }
@@ -907,10 +908,10 @@ StScrollBar {
.list-search-result-title {
font-size: 1.5em;
- color: #f2f2f2; }
+ color: #e2e2df; }
.list-search-result-description {
- color: #d9d9d9; }
+ color: #cacac4; }
.search-provider-icon {
padding: 15px; }
@@ -943,7 +944,8 @@ StScrollBar {
.dash-label {
border-radius: 7px;
padding: 4px 12px;
- background-color: rgba(0, 0, 0, 0.4);
+ color: #eeeeec;
+ background-color: rgba(46, 52, 54, 0.7);
text-align: center;
-x-offset: 8px; }
@@ -976,12 +978,12 @@ StScrollBar {
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(23, 25, 26, 0.9); }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.list-search-result:focus,
.list-search-result:selected,
.list-search-result:hover {
- background-color: rgba(255, 255, 255, 0.1);
+ background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; }
.app-well-app.running .overview-icon,
@@ -996,8 +998,8 @@ StScrollBar {
.show-apps:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(0, 0, 0, 0.9);
- box-shadow: inset 0 1px 2px black; }
+ background-color: rgba(23, 25, 26, 0.9);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); }
.app-well-app:hover .overview-icon, .app-well-app.running:hover .overview-icon, .app-well-app:focus
.overview-icon, .app-well-app:selected .overview-icon,
.app-well-app.app-folder:hover .overview-icon,
.app-well-app.app-folder.running:hover .overview-icon,
@@ -1011,7 +1013,7 @@ StScrollBar {
.grid-search-result.running:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
- background-color: rgba(255, 255, 255, 0.1);
+ background-color: rgba(238, 238, 236, 0.1);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@@ -1027,6 +1029,7 @@ StScrollBar {
.app-well-app.app-folder .overview-icon,
.show-apps .overview-icon,
.grid-search-result .overview-icon {
+ color: #eeeeec;
border-radius: 4px;
padding: 6px;
border: 1px solid transparent;
@@ -1034,7 +1037,7 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(46, 52, 54, 0.4); }
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
@@ -1043,7 +1046,7 @@ StScrollBar {
.app-folder-popup {
-arrow-border-radius: 8px;
- -arrow-background-color: rgba(0, 0, 0, 0.3);
+ -arrow-background-color: rgba(46, 52, 54, 0.3);
-arrow-base: 24px;
-arrow-rise: 11px; }
@@ -1092,8 +1095,8 @@ StScrollBar {
#dash, .workspace-thumbnails {
color: #eeeeec;
- background-color: rgba(0, 0, 0, 0.5);
- border: 1px solid rgba(255, 255, 255, 0.2); }
+ background-color: #2e3436;
+ border: 1px solid rgba(238, 238, 236, 0.5); }
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
@@ -1102,7 +1105,7 @@ StScrollBar {
/* NOTIFICATIONS & MESSAGE TRAY */
#message-tray {
- background: black url("noise-texture.png");
+ background: #17191a url("noise-texture.png");
background-repeat: repeat;
height: 72px;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
@@ -1128,7 +1131,8 @@ StScrollBar {
font-size: 11pt;
width: 34em;
border-radius: 6px 6px 0 0;
- background-color: rgba(0, 0, 0, 0.5);
+ color: #eeeeec;
+ background-color: #2e3436;
border: 1px solid black;
border-bottom-width: 0;
spacing-rows: 4px;
@@ -1175,7 +1179,7 @@ StScrollBar {
.summary-boxpointer {
-arrow-border-radius: 15px;
- -arrow-background-color: rgba(0, 0, 0, 0.5);
+ -arrow-background-color: #2e3436;
-arrow-base: 36px;
-arrow-rise: 18px;
color: #fff;
@@ -1359,7 +1363,7 @@ StScrollBar {
-arrow-border-radius: 10px;
-arrow-background-color: rgba(46, 52, 54, 0.7);
-arrow-border-width: 2px;
- -arrow-border-color: rgba(255, 255, 255, 0.2);
+ -arrow-border-color: rgba(238, 238, 236, 0.5);
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px; }
@@ -1570,8 +1574,8 @@ StScrollBar {
padding-bottom: 0; }
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
- border: 1px solid rgba(255, 255, 255, 0.2);
- background-color: rgba(0, 0, 0, 0.5);
+ border: 1px solid rgba(238, 238, 236, 0.5);
+ background-color: rgba(46, 52, 54, 0.5);
color: #eeeeec;
border-radius: 4px; }
@@ -1583,7 +1587,7 @@ StScrollBar {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
- background-color: transparent; }
+ background-color: rgba(46, 52, 54, 0.5); }
.screen-shield-background {
background: black;
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index b742a93..a4c6aea 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -156,8 +156,9 @@ StScrollBar {
.modal-dialog {
border-radius: 5px;
- background-color: rgba(33, 36, 36, 0.95);
- border: 3px solid rgba(238, 238, 236, 0.2);
+ color: #eeeeec;
+ background-color: rgba(23, 25, 26, 0.95);
+ border: 3px solid rgba(238, 238, 236, 0.5);
padding: 24px; }
.modal-dialog .run-dialog-entry {
width: 20em;
@@ -185,7 +186,7 @@ StScrollBar {
/* End Session Dialog */
.end-session-dialog {
spacing: 42px;
- border: 3px solid rgba(255, 255, 255, 0.2); }
+ border: 3px solid rgba(238, 238, 236, 0.5); }
.end-session-dialog-list {
padding-top: 20px; }
@@ -307,7 +308,7 @@ StScrollBar {
/* Password or Authentication Dialog */
.prompt-dialog {
width: 500px;
- border: 3px solid rgba(255, 255, 255, 0.2); }
+ border: 3px solid rgba(238, 238, 236, 0.5); }
.prompt-dialog-main-layout {
spacing: 24px;
@@ -514,8 +515,8 @@ StScrollBar {
.osd-window,
.switcher-list, .workspace-switcher-container {
color: #eeeeec;
- background-color: rgba(0, 0, 0, 0.5);
- border: 1px solid rgba(255, 255, 255, 0.2);
+ background-color: #2e3436;
+ border: 1px solid rgba(238, 238, 236, 0.5);
border-radius: 12px;
padding: 12px; }
@@ -604,7 +605,7 @@ StScrollBar {
.calendar-vertical-separator {
width: .3em;
-stipple-width: 1px;
- -stipple-color: rgba(255, 255, 255, 0.2); }
+ -stipple-color: rgba(238, 238, 236, 0.5); }
.calendar-month-label {
color: #e2e2df;
@@ -847,7 +848,7 @@ StScrollBar {
.window-caption {
spacing: 25px;
- background-color: rgba(57, 63, 63, 0.7);
+ background-color: rgba(46, 52, 54, 0.7);
border-radius: 8px;
padding: 4px 12px;
-shell-caption-spacing: 12px; }
@@ -943,7 +944,8 @@ StScrollBar {
.dash-label {
border-radius: 7px;
padding: 4px 12px;
- background-color: rgba(0, 0, 0, 0.4);
+ color: #eeeeec;
+ background-color: rgba(46, 52, 54, 0.7);
text-align: center;
-x-offset: 8px; }
@@ -976,7 +978,7 @@ StScrollBar {
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
- background-color: rgba(33, 36, 36, 0.9); }
+ background-color: rgba(23, 25, 26, 0.9); }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.list-search-result:focus,
.list-search-result:selected,
@@ -996,8 +998,8 @@ StScrollBar {
.show-apps:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(33, 36, 36, 0.9);
- box-shadow: inset 0 1px 2px #1c1f1f; }
+ background-color: rgba(23, 25, 26, 0.9);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); }
.app-well-app:hover .overview-icon, .app-well-app.running:hover .overview-icon, .app-well-app:focus
.overview-icon, .app-well-app:selected .overview-icon,
.app-well-app.app-folder:hover .overview-icon,
.app-well-app.app-folder.running:hover .overview-icon,
@@ -1027,6 +1029,7 @@ StScrollBar {
.app-well-app.app-folder .overview-icon,
.show-apps .overview-icon,
.grid-search-result .overview-icon {
+ color: #eeeeec;
border-radius: 4px;
padding: 6px;
border: 1px solid transparent;
@@ -1034,7 +1037,7 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(57, 63, 63, 0.4); }
+ background-color: rgba(46, 52, 54, 0.4); }
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
@@ -1043,7 +1046,7 @@ StScrollBar {
.app-folder-popup {
-arrow-border-radius: 8px;
- -arrow-background-color: rgba(57, 63, 63, 0.3);
+ -arrow-background-color: rgba(46, 52, 54, 0.3);
-arrow-base: 24px;
-arrow-rise: 11px; }
@@ -1092,8 +1095,8 @@ StScrollBar {
#dash, .workspace-thumbnails {
color: #eeeeec;
- background-color: rgba(0, 0, 0, 0.5);
- border: 1px solid rgba(255, 255, 255, 0.2); }
+ background-color: #2e3436;
+ border: 1px solid rgba(238, 238, 236, 0.5); }
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
@@ -1102,7 +1105,7 @@ StScrollBar {
/* NOTIFICATIONS & MESSAGE TRAY */
#message-tray {
- background: #212424 url("noise-texture.png");
+ background: #17191a url("noise-texture.png");
background-repeat: repeat;
height: 72px;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
@@ -1128,7 +1131,8 @@ StScrollBar {
font-size: 11pt;
width: 34em;
border-radius: 6px 6px 0 0;
- background-color: rgba(0, 0, 0, 0.5);
+ color: #eeeeec;
+ background-color: #2e3436;
border: 1px solid #1c1f1f;
border-bottom-width: 0;
spacing-rows: 4px;
@@ -1175,7 +1179,7 @@ StScrollBar {
.summary-boxpointer {
-arrow-border-radius: 15px;
- -arrow-background-color: rgba(0, 0, 0, 0.5);
+ -arrow-background-color: #2e3436;
-arrow-base: 36px;
-arrow-rise: 18px;
color: #eeeeec;
@@ -1359,7 +1363,7 @@ StScrollBar {
-arrow-border-radius: 10px;
-arrow-background-color: rgba(46, 52, 54, 0.7);
-arrow-border-width: 2px;
- -arrow-border-color: rgba(255, 255, 255, 0.2);
+ -arrow-border-color: rgba(238, 238, 236, 0.5);
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px; }
@@ -1570,8 +1574,8 @@ StScrollBar {
padding-bottom: 0; }
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
- border: 1px solid rgba(255, 255, 255, 0.2);
- background-color: rgba(0, 0, 0, 0.5);
+ border: 1px solid rgba(238, 238, 236, 0.5);
+ background-color: rgba(46, 52, 54, 0.5);
color: #eeeeec;
border-radius: 4px; }
@@ -1583,7 +1587,7 @@ StScrollBar {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
- background-color: transparent; }
+ background-color: rgba(46, 52, 54, 0.5); }
.screen-shield-background {
background: black;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]