GTK3: Improve OSD visibility

This commit is contained in:
Daniel Ruiz de Alegría
2020-06-01 11:16:54 +02:00
parent 4c14258455
commit 929a929ac2
6 changed files with 129 additions and 124 deletions
@@ -30,14 +30,14 @@ stage {
.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
color: white;
background-color: #111217;
background-color: #272a34;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 12px; }
.workspace-thumbnails, #dash {
color: white;
background-color: rgba(17, 18, 23, 0.8);
background-color: rgba(39, 42, 52, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1); }
.show-apps .overview-icon, .app-well-app .overview-icon,
@@ -1240,7 +1240,7 @@ StScrollBar {
.window-caption {
color: white;
background-color: #111217;
background-color: #272a34;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 6px 12px;
@@ -1301,7 +1301,7 @@ StScrollBar {
background-color: transparent; }
.search-section-content {
background-color: rgba(28, 30, 37, 0.8);
background-color: rgba(50, 54, 67, 0.8);
border-radius: 13px;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
@@ -1315,7 +1315,7 @@ StScrollBar {
transition-duration: 200ms; }
.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(0, 0, 0, 0.9); }
background-color: rgba(17, 18, 23, 0.9); }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
@@ -1365,7 +1365,7 @@ StScrollBar {
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(0, 0, 0, 0.5); }
background-color: rgba(17, 18, 23, 0.5); }
.app-well-app .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label {
@@ -1376,14 +1376,14 @@ StScrollBar {
/* App Folders */
.app-well-app.app-folder {
background-color: rgba(17, 18, 23, 0.2);
background-color: rgba(39, 42, 52, 0.2);
border-radius: 9px; }
.app-folder-dialog {
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
spacing: 12px;
background-color: rgba(0, 0, 0, 0.95); }
background-color: rgba(17, 18, 23, 0.95); }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
@@ -1498,7 +1498,7 @@ StScrollBar {
padding: 5px 10px; }
.dash-label {
background-color: rgba(17, 18, 23, 0.95);
background-color: rgba(39, 42, 52, 0.95);
border-radius: 7px;
border: none;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
@@ -1520,10 +1520,10 @@ StScrollBar {
background-color: rgba(39, 119, 255, 0.85); }
.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
background-color: rgba(0, 0, 0, 0.5); }
background-color: rgba(17, 18, 23, 0.5); }
.show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
background-color: black;
background-color: #111217;
color: #eeeeec; }
/* Workspace pager */
@@ -1676,22 +1676,22 @@ StScrollBar {
border-color: black; }
.keyboard-key.default-key {
color: #eeeeec;
background-color: #1c1e25;
border-color: #0d0e11;
background-color: #323643;
border-color: #23252e;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
color: #eeeeec;
background-color: #20232b;
border-color: #0d0e11;
background-color: #363a48;
border-color: #23252e;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.default-key:active {
color: #eeeeec;
background-color: #0f1014;
border-color: black;
background-color: #252831;
border-color: #13151a;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
@@ -1724,9 +1724,9 @@ StScrollBar {
.keyboard-subkeys {
color: white;
-arrow-border-radius: 10px;
-arrow-background-color: #111217;
-arrow-background-color: #272a34;
-arrow-border-width: 1px;
-arrow-border-color: #252831;
-arrow-border-color: #3b3f4e;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px; }
@@ -1774,7 +1774,7 @@ StScrollBar {
/* Looking Glass */
#LookingGlassDialog {
background-color: #111217;
background-color: #272a34;
spacing: 6px;
padding: 4px;
border: 1px solid rgba(255, 255, 255, 0.2);
@@ -1783,7 +1783,7 @@ StScrollBar {
#LookingGlassDialog > #Toolbar {
border: none;
border-radius: 5px;
background-color: #111217; }
background-color: #272a34; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
@@ -1808,7 +1808,7 @@ StScrollBar {
spacing: 6px; }
.lg-dialog StEntry {
background-color: rgba(28, 30, 37, 0.6);
background-color: rgba(50, 54, 67, 0.6);
color: white;
border-color: rgba(255, 255, 255, 0.2);
min-height: 22px;
@@ -1845,7 +1845,7 @@ StScrollBar {
.lg-extension {
border: 1px solid #0d0d0d;
background-color: #1c1e25;
background-color: #323643;
border-radius: 5px;
padding: 4px; }
@@ -1856,7 +1856,7 @@ StScrollBar {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #111217;
background: #272a34;
border: 1px solid black;
border-radius: 5px;
padding: 6px; }
@@ -2074,12 +2074,12 @@ StScrollBar {
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px;
border: none;
background-color: rgba(17, 18, 23, 0.3);
background-color: rgba(39, 42, 52, 0.3);
color: white;
border-radius: 10px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(17, 18, 23, 0.9); }
background-color: rgba(39, 42, 52, 0.9); }
.unlock-dialog-notification-label {
padding: 0px 0px 0px 12px; }
@@ -2087,7 +2087,7 @@ StScrollBar {
.unlock-dialog-notification-count-text {
weight: bold;
padding: 0 6px;
color: #111217;
color: #272a34;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 99px;
margin-right: 12px; }