GTK3: Improve OSD visibility
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user