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.css213
1 files changed, 125 insertions, 88 deletions
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
index 555b20a..9edbfee 100644
--- a/gnome-shell/gnome-shell.css
+++ b/gnome-shell/gnome-shell.css
@@ -28,31 +28,38 @@ stage {
padding: 5px 32px;
transition-duration: 0;
border-radius: 2px;
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
border: 1px solid #cfd6e6; }
.button:focus, .notification-banner .notification-button:focus {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: none;
border: 1px solid #5294E2; }
.button:hover, .notification-banner .notification-button:hover {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: none;
border: 1px solid #5294E2; }
.button:hover:focus, .notification-banner .notification-button:hover:focus {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5294E2;
background-color: #fcfdfd;
- box-shadow: none;
border: 1px solid #5294E2; }
.button:active, .notification-banner .notification-button:active, .button:active:focus, .notification-banner .notification-button:active:focus {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
background-color: #5294E2;
- box-shadow: none;
border: 1px solid #5294E2; }
.button:insensitive, .notification-banner .notification-button:insensitive {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(252, 253, 253, 0.55); }
@@ -63,6 +70,7 @@ StEntry {
selection-background-color: #5294E2;
selected-color: #ffffff;
transition-duration: 300ms;
+ border-radius: 20px;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
@@ -160,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; }
@@ -171,23 +179,31 @@ StScrollBar {
background-color: #3c4049;
border: solid 0px rgba(0, 0, 0, 0.3);
border-top: 1px;
- border-radius: 0px 0px 2px 2px; }
+ border-radius: 0px 0px 1px 1px; }
.modal-dialog-button-box .button, .modal-dialog-button-box .notification-banner .notification-button, .notification-banner .modal-dialog-button-box .notification-button {
- color: #A8ADB5;
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
+ 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); }
.modal-dialog-button-box .button:hover, .modal-dialog-button-box .notification-banner .notification-button:hover, .notification-banner .modal-dialog-button-box .notification-button:hover {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
border-color: #5294E2;
background-color: rgba(48, 52, 59, 0.95); }
.modal-dialog-button-box .button:focus, .modal-dialog-button-box .notification-banner .notification-button:focus, .notification-banner .modal-dialog-button-box .notification-button:focus {
color: #5294E2; }
.modal-dialog-button-box .button:active, .modal-dialog-button-box .notification-banner .notification-button:active, .notification-banner .modal-dialog-button-box .notification-button:active {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
border-color: #5294E2;
background-color: #5294E2; }
.modal-dialog-button-box .button:insensitive, .modal-dialog-button-box .notification-banner .notification-button:insensitive, .notification-banner .modal-dialog-button-box .notification-button:insensitive {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: rgba(53, 57, 65, 0.95); }
@@ -427,9 +443,9 @@ StScrollBar {
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
- -arrow-background-color: #ffffff;
+ -arrow-background-color: rgba(37, 39, 45, 0.95);
-arrow-border-width: 1px;
- -arrow-border-color: #dde3e9;
+ -arrow-border-color: rgba(21, 22, 25, 0.95);
-arrow-base: 5;
-arrow-rise: 5; }
@@ -481,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 {
@@ -525,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; }
@@ -561,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 {
@@ -706,16 +726,18 @@ StScrollBar {
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: none;
border: 1px solid #5294E2; }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
background-color: #5294E2;
- box-shadow: none;
border: 1px solid #5294E2; }
.datemenu-today-button .date-label {
@@ -853,20 +875,23 @@ StScrollBar {
background-color: #5294E2; }
.message {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
border: 1px solid #cfd6e6;
padding: 4px; }
.message:hover, .message:focus {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: none;
border: 1px solid #5294E2; }
.message:active {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
background-color: #5294E2;
- box-shadow: none;
border: 1px solid #5294E2; }
.message-icon-bin {
@@ -1057,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 {
@@ -1084,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;
@@ -1103,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 {
+#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; }
-.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;
@@ -1151,14 +1163,16 @@ 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);
border-color: #5294E2; }
.app-view-control:checked {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
border-color: #5294E2;
background-color: #5294E2; }
@@ -1175,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,
@@ -1184,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,
@@ -1192,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; }
@@ -1215,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 {
@@ -1226,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; }
@@ -1262,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);
@@ -1295,7 +1312,7 @@ StScrollBar {
margin: 5px;
padding: 10px;
border-radius: 2px;
- color: #A8ADB5;
+ color: #5c616c;
background-color: #f9fafb;
border: 0px solid transparent;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
@@ -1339,7 +1356,7 @@ StScrollBar {
margin: 5px; }
.chat-log-message {
- color: #8c939e; }
+ color: #5c616c; }
.chat-new-group {
padding-top: 1em; }
@@ -1352,7 +1369,7 @@ StScrollBar {
.chat-sent {
padding-left: 18pt;
- color: #7f8692; }
+ color: #5294E2; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
@@ -1361,7 +1378,7 @@ StScrollBar {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
- color: #727985; }
+ color: rgba(92, 97, 108, 0.6); }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }
@@ -1454,7 +1471,9 @@ StScrollBar {
spacing: 15px; }
.keyboard-key {
- color: #A8ADB5;
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
+ 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);
@@ -1465,15 +1484,20 @@ StScrollBar {
border-radius: 3px;
box-shadow: none; }
.keyboard-key:focus {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: none;
border: 1px solid #5294E2; }
.keyboard-key:hover, .keyboard-key:checked {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
border-color: #5294E2;
background-color: rgba(48, 52, 59, 0.95); }
.keyboard-key:active {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
border-color: #5294E2;
background-color: #5294E2; }
@@ -1495,15 +1519,17 @@ StScrollBar {
.candidate-popup-content {
padding: 0.5em;
- spacing: 0.3em; }
+ spacing: 0.3em;
+ color: #A8ADB5; }
.candidate-index {
padding: 0 0.5em 0 0;
- color: #454850; }
+ color: #c4c7cc; }
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
- border-radius: 4px; }
+ border-radius: 4px;
+ color: #A8ADB5; }
.candidate-box:selected, .candidate-box:hover {
background-color: #5294E2;
color: #ffffff; }
@@ -1549,21 +1575,26 @@ StScrollBar {
.login-dialog .modal-dialog-button {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
border: 1px solid #cfd6e6; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fcfdfd;
- box-shadow: none;
border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:active {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
background-color: #5294E2;
- box-shadow: none;
border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:insensitive {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(252, 253, 253, 0.55); }
@@ -1735,11 +1766,12 @@ StScrollBar {
background-color: rgba(0, 0, 0, 0.7);
border: 1px solid black;
border-image: url("misc/osd.svg") 10 10 9 11;
- border-radius: 2px; }
+ border-radius: 2px;
+ color: #A8ADB5; }
#LookingGlassDialog > #Toolbar {
padding: 3px;
- border: 1px solid #dde3e9;
- background-color: #f9fafb;
+ border: 1px solid rgba(44, 47, 53, 0.95);
+ background-color: transparent;
border-radius: 0px; }
#LookingGlassDialog .labels {
spacing: 4px; }
@@ -1747,16 +1779,16 @@ StScrollBar {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
- color: rgba(92, 97, 108, 0.5);
+ color: #A8ADB5;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em; }
#LookingGlassDialog .notebook-tab:hover {
- color: #5c616c;
+ color: #ffffff;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected {
border-bottom-width: 0px;
- color: #ffffff;
+ color: #5294E2;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
@@ -1765,8 +1797,13 @@ StScrollBar {
spacing: 4px; }
.lg-dialog StEntry {
+ background-color: rgba(0, 0, 0, 0.3);
+ color: #A8ADB5;
selection-background-color: #5294E2;
- selected-color: #ffffff; }
+ selected-color: #ffffff;
+ border-color: rgba(168, 173, 181, 0.3); }
+ .lg-dialog StEntry:focus {
+ border-color: #5294E2; }
.lg-dialog .shell-link {
color: #2679db; }
.lg-dialog .shell-link:hover {
generated by cgit v1.2.3 (git 2.25.1) at 2024-09-22 05:32:51 +0000