aboutsummaryrefslogtreecommitdiff
path: root/gnome-shell/gnome-shell.css
diff options
context:
space:
mode:
Diffstat (limited to 'gnome-shell/gnome-shell.css')
-rw-r--r--gnome-shell/gnome-shell.css108
1 files changed, 51 insertions, 57 deletions
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
index c7db223..9edbfee 100644
--- a/gnome-shell/gnome-shell.css
+++ b/gnome-shell/gnome-shell.css
@@ -168,7 +168,7 @@ StScrollBar {
color: #5c616c;
background-color: rgba(249, 250, 251, 0);
border: none;
- border-image: url("misc/modal2.svg") 10 10 10 10;
+ border-image: url("misc/modal.svg") 10 10 10 10;
padding: 0 6px 6px 6px; }
.modal-dialog > * {
padding: 14px; }
@@ -183,7 +183,7 @@ StScrollBar {
.modal-dialog-button-box .button, .modal-dialog-button-box .notification-banner .notification-button, .notification-banner .modal-dialog-button-box .notification-button {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
- color: #A8ADB5;
+ color: #c4c7cc;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: rgba(48, 52, 59, 0.95); }
@@ -497,7 +497,7 @@ StScrollBar {
.switcher-list {
background: none;
border: none;
- border-image: url("misc/modal.svg") 10 10 35 14;
+ border-image: url("misc/bg.svg") 10 10 35 14;
border-radius: 3px;
padding: 20px; }
.switcher-list-item-container {
@@ -541,7 +541,7 @@ StScrollBar {
.workspace-switcher-group {
padding: 12px; }
.workspace-switcher-container {
- border-image: url("misc/modal.svg") 10 10 35 14;
+ border-image: url("misc/bg.svg") 10 10 35 14;
border-radius: 3px;
padding: 20px;
padding-bottom: 24px; }
@@ -577,12 +577,16 @@ StScrollBar {
#panel {
background-color: rgba(37, 39, 45, 0.95);
+ border-color: rgba(16, 17, 20, 0.95);
+ border-bottom-width: 1px;
font-weight: bold;
height: 2.1em;
- min-height: 23px; }
+ min-height: 26px; }
#panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
border-image: none; }
+ #panel:overview {
+ background-color: rgba(14, 15, 17, 0.8); }
#panel #panelLeft, #panel #panelCenter {
spacing: 8px; }
#panel .panel-corner {
@@ -1078,26 +1082,22 @@ StScrollBar {
#dash {
font-size: 1em;
- color: #5c616c;
- background-color: transparent;
- padding: 10px 0px 10px 0px;
- border: none;
- border-radius: 0px 3px 3px 0px;
- border-image: url("dash/dash.svg") 6 11 10 10; }
+ color: #A8ADB5;
+ background-color: rgba(37, 39, 45, 0.87);
+ padding: 6px 0px 6px 0px;
+ border-color: rgba(16, 17, 20, 0.87);
+ border-radius: 0px 3px 3px 0px; }
.right #dash, #dash:rtl {
- padding: 10px 0px 10px 0px;
- border-radius: 3px 0 0 3px;
- border-image: url("dash/dash-right.svg") 11 6 10 10; }
+ padding: 6px 0px 6px 0px;
+ border-radius: 3px 0 0 3px; }
.bottom #dash {
- padding: 0px 10px 0px 10px;
- border-radius: 3px 3px 0 0;
- border-image: url("dash/dash-bottom.svg") 10 10 11 6; }
+ padding: 0px 6px 0px 6px;
+ border-radius: 3px 3px 0 0; }
.top #dash {
- padding: 0px 10px 0px 10px;
- border-radius: 0 0 3px 3px;
- border-image: url("dash/dash-top.svg") 10 10 6 11; }
+ padding: 0px 6px 0px 6px;
+ border-radius: 0 0 3px 3px; }
#dash .placeholder {
- background-image: url("dash/dash-placeholder.svg");
+ background-image: url("misc/dash-placeholder.svg");
background-size: contain;
height: 24px; }
#dash .empty-dash-drop-target {
@@ -1105,13 +1105,13 @@ StScrollBar {
height: 24px; }
.dash-item-container > StWidget {
- padding: 0px 10px 0px 3px; }
+ padding: 0px 4px 0px 5px; }
.right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl {
- padding: 0px 3px 0px 10px; }
+ padding: 0px 5px 0px 4px; }
.bottom .dash-item-container > StWidget {
- padding: 10px 0px 3px 0px; }
+ padding: 4px 0px 5px 0px; }
.top .dash-item-container > StWidget {
- padding: 3px 0px 10px 0px; }
+ padding: 5px 0px 4px 0px; }
.dash-label {
border-radius: 3px;
@@ -1124,27 +1124,18 @@ StScrollBar {
-y-offset: 3px;
-x-offset: 0; }
-#dash .app-well-app .overview-icon, .right #dash .app-well-app .overview-icon {
- padding: 10px; }
-.bottom #dash .app-well-app .overview-icon, .top #dash .app-well-app .overview-icon {
+#dash .app-well-app .overview-icon, .right #dash .app-well-app .overview-icon, .bottom #dash .app-well-app .overview-icon, .top #dash .app-well-app .overview-icon {
padding: 10px; }
-#dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon {
- background-color: #5294E2; }
-.bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon {
+#dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon, .bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon {
background-color: #5294E2; }
-#dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon {
- box-shadow: none;
- background-color: #2679db; }
-.bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon {
+#dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon, .bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon {
box-shadow: none;
background-color: #2679db; }
#dash .app-well-app-running-dot {
- width: 20px;
+ width: 11px;
height: 2px;
- margin-bottom: 4px;
+ margin-bottom: 6px;
background-color: #5294E2; }
- .bottom #dash .app-well-app-running-dot, .top #dash .app-well-app-running-dot {
- margin-bottom: 0px; }
.show-apps .overview-icon {
padding: 11px;
@@ -1172,9 +1163,9 @@ StScrollBar {
.app-view-control {
padding: 4px 32px;
- color: rgba(255, 255, 255, 0.6);
+ color: rgba(255, 255, 255, 0.8);
background-color: rgba(14, 15, 17, 0.8);
- border-color: rgba(14, 15, 17, 0.8); }
+ border-color: rgba(168, 173, 181, 0.3); }
.app-view-control:hover {
color: #ffffff;
background-color: rgba(14, 15, 17, 0.8);
@@ -1198,7 +1189,7 @@ StScrollBar {
.list-search-result:focus,
.list-search-result:selected,
.list-search-result:hover {
- background-color: rgba(168, 173, 181, 0.1);
+ background-color: rgba(168, 173, 181, 0.4);
transition-duration: 200ms; }
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
@@ -1207,7 +1198,7 @@ StScrollBar {
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(37, 39, 45, 0.85);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); }
+ box-shadow: inset 0 0 #5294E2; }
.app-well-app: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:focus .overview-icon,
@@ -1215,7 +1206,7 @@ StScrollBar {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
- background-color: rgba(168, 173, 181, 0.1);
+ background-color: rgba(168, 173, 181, 0.4);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@@ -1238,7 +1229,8 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(37, 39, 45, 0.95); }
+ background-color: rgba(14, 15, 17, 0.8);
+ border: 1px solid rgba(168, 173, 181, 0.3); }
.app-well-app.app-folder:hover > .overview-icon {
background-color: rgba(60, 64, 73, 0.95); }
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
@@ -1249,12 +1241,11 @@ StScrollBar {
.app-folder-popup {
-arrow-border-radius: 2px;
- -arrow-background-color: transparent;
- -arrow-border-color: transparent;
- -arrow-border-width: 0px;
- -arrow-base: 0px;
- -arrow-rise: 0px;
- border-image: url("misc/modal.svg") 10 10 35 14; }
+ -arrow-background-color: rgba(14, 15, 17, 0.8);
+ -arrow-border-color: rgba(168, 173, 181, 0.3);
+ -arrow-border-width: 1px;
+ -arrow-base: 5;
+ -arrow-rise: 5; }
.app-folder-popup-bin {
padding: 5px; }
@@ -1285,12 +1276,15 @@ StScrollBar {
.workspace-thumbnails {
visible-width: 40px;
spacing: 11px;
- padding: 18px 9px 18px 18px;
- background-color: transparent;
- border-image: url("dash/dash-right.svg") 10 10 10 10; }
+ padding: 12px;
+ padding-right: 7px;
+ border-radius: 3px 0 0 3px;
+ background-color: rgba(37, 39, 45, 0.87);
+ border-color: rgba(16, 17, 20, 0.87); }
.workspace-thumbnails:rtl {
- padding: 18px 18px 18px 9px;
- border-image: url("dash/dash.svg") 10 10 10 10; }
+ padding: 12px;
+ padding-left: 7px;
+ border-radius: 0 3px 3px 0; }
.workspace-thumbnail-indicator {
border: 4px solid rgba(82, 148, 226, 0.8);
@@ -1479,7 +1473,7 @@ StScrollBar {
.keyboard-key {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
- color: #A8ADB5;
+ color: #c4c7cc;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: rgba(48, 52, 59, 0.95);