aboutsummaryrefslogtreecommitdiff
path: root/common/gnome-shell/3.14/gnome-shell.css
diff options
context:
space:
mode:
Diffstat (limited to 'common/gnome-shell/3.14/gnome-shell.css')
-rw-r--r--common/gnome-shell/3.14/gnome-shell.css188
1 files changed, 89 insertions, 99 deletions
diff --git a/common/gnome-shell/3.14/gnome-shell.css b/common/gnome-shell/3.14/gnome-shell.css
index fd409c3..467c822 100644
--- a/common/gnome-shell/3.14/gnome-shell.css
+++ b/common/gnome-shell/3.14/gnome-shell.css
@@ -39,40 +39,40 @@ stage {
border-radius: 2px;
background-gradient-direction: none !important;
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #cfd6e6; }
+ border: 1px solid #cfd6e6;
+ box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.popup-menu .modal-dialog-button:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #5294E2; }
+ border: 1px solid #5294E2;
+ box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.popup-menu .modal-dialog-button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #5c616c;
- background-color: #fbfbfc;
- border: 1px solid #5294E2; }
+ background-color: white;
+ border: 1px solid #cfd6e6;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
.popup-menu .modal-dialog-button:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
- color: #5294E2;
+ color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #5294E2; }
+ border: 1px solid #5294E2;
+ box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.popup-menu .modal-dialog-button:active, .popup-menu .modal-dialog-button:active:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #ffffff;
background-color: #5294E2;
- border: 1px solid #5294E2; }
+ border: 1px solid #5294E2;
+ box-shadow: inset 0 2px 4px #5294E2; }
.popup-menu .modal-dialog-button:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55);
- background-color: rgba(251, 251, 252, 0.55); }
+ background-color: rgba(251, 251, 252, 0.55);
+ box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.candidate-page-button,
.hotplug-notification-item,
@@ -90,19 +90,17 @@ stage {
transition-duration: 0;
border-radius: 2px;
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #BAC3CF;
- border: 1px solid rgba(0, 0, 0, 0.45);
- background-color: rgba(0, 0, 0, 0.3); }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35); }
.candidate-page-button:hover,
.hotplug-notification-item:hover,
.hotplug-resident-eject-button:hover,
.modal-dialog-button:hover, .modal-dialog-button-box .button:hover, .notification-button:hover, .notification-icon-button:hover, .hotplug-resident-mount:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #BAC3CF;
- border: 1px solid #5294E2;
- background-color: rgba(0, 0, 0, 0.3); }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45); }
.candidate-page-button:focus,
.hotplug-notification-item:focus,
.hotplug-resident-eject-button:focus,
@@ -113,7 +111,6 @@ stage {
.hotplug-resident-eject-button:active,
.modal-dialog-button:active, .modal-dialog-button-box .button:active, .notification-button:active, .notification-icon-button:active, .hotplug-resident-mount:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #ffffff;
border: 1px solid #5294E2;
background-color: #5294E2; }
@@ -122,10 +119,9 @@ stage {
.hotplug-resident-eject-button:insensitive,
.modal-dialog-button:insensitive, .modal-dialog-button-box .button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .hotplug-resident-mount:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
- color: #555a62;
- border: 1px solid rgba(0, 0, 0, 0.45);
- background-color: rgba(0, 0, 0, 0.15); }
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2); }
StEntry {
font-size: 1em;
@@ -139,17 +135,17 @@ StEntry {
color: #5c616c;
background-color: #ffffff;
border: 1px solid #cfd6e6;
- box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); }
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
StEntry:focus, StEntry:hover {
color: #5c616c;
background-color: #ffffff;
border: 1px solid #5294E2;
- box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); }
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
StEntry:insensitive {
color: rgba(92, 97, 108, 0.55);
background-color: #fbfbfb;
border-color: 1px solid #e0e4ee;
- box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.1); }
+ box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #F27835;
@@ -488,7 +484,7 @@ StScrollBar {
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(42, 44, 51, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 5;
@@ -499,7 +495,7 @@ StScrollBar {
margin: 10px 0px;
background-color: transparent;
border: none;
- border-image: url("common-assets/menu-separator.svg") 1 1 1 1; }
+ border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
.background-menu {
-boxpointer-gap: 4px;
@@ -552,7 +548,7 @@ StScrollBar {
padding: 8px;
border-radius: 2px; }
.switcher-list .item-box:outlined {
- padding: 6px;
+ padding: 8px;
border: 1px solid #5294E2; }
.switcher-list .item-box:selected {
color: #ffffff;
@@ -626,7 +622,7 @@ StScrollBar {
height: 2.1em;
min-height: 27px;
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
- #panel .dynamic-top-bar-white-btn {
+ #panel.dynamic-top-bar-white-btn {
border-image: none; }
#panel.unlock-screen,
#panel.login-screen,
@@ -1004,7 +1000,8 @@ StScrollBar {
spacing: 12px; }
#overview {
- spacing: 24px; }
+ spacing: 24px;
+ background: #3c404e; }
.overview-controls {
padding-bottom: 32px; }
@@ -1273,30 +1270,31 @@ StScrollBar {
.app-view-control {
padding: 4px 32px;
background-gradient-direction: none;
- background-color: rgba(42, 44, 51, 0.95);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #BAC3CF;
- border-color: rgba(0, 0, 0, 0.7); }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35); }
.app-view-control:hover {
- background-color: rgba(42, 44, 51, 0.95);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #BAC3CF;
- border-color: #5294E2; }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45); }
.app-view-control:checked {
- text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #ffffff;
- border: 1px solid #5294E2;
background-color: #5294E2; }
.app-view-control:first-child:ltr,
.app-view-control:last-child:rtl {
- border-radius: 2px 0 0 2px; }
+ border-radius: 2px 0 0 2px;
+ border-right-width: 0; }
.app-view-control:last-child:ltr,
.app-view-control:first-child:rtl {
- border-radius: 0 2px 2px 0; }
+ border-radius: 0 2px 2px 0;
+ border-left-width: 0; }
.search-provider-icon:active,
.search-provider-icon:checked,
.list-search-result:active, .list-search-result:checked {
- background-color: rgba(19, 20, 23, 0.85); }
+ background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus,
.search-provider-icon:selected,
@@ -1311,7 +1309,7 @@ StScrollBar {
.app-well-app.app-folder:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(19, 20, 23, 0.85);
+ background-color: rgba(31, 33, 40, 0.85);
box-shadow: inset 0 0 #5294E2; }
.app-well-app:hover .overview-icon,
@@ -1340,11 +1338,11 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(8, 8, 9, 0.8);
- border: 1px solid rgba(186, 195, 207, 0.3); }
+ background-color: rgba(46, 50, 60, 0.95);
+ border: 1px solid rgba(37, 40, 49, 0.95); }
.app-well-app.app-folder:hover > .overview-icon {
- background-color: rgba(54, 57, 65, 0.95); }
+ background-color: rgba(71, 76, 92, 0.95); }
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
background-color: #5294E2;
@@ -1355,12 +1353,11 @@ StScrollBar {
.app-folder-popup {
-arrow-border-radius: 2px;
- -arrow-background-color: transparent;
- -arrow-border-color: transparent;
- -arrow-border-width: 0;
- -arrow-base: 0;
- -arrow-rise: 0;
- border-image: url("common-assets/misc/bg.svg") 9 9 9 9; }
+ -arrow-background-color: rgba(46, 50, 60, 0.95);
+ -arrow-border-color: rgba(37, 40, 49, 0.95);
+ -arrow-border-width: 1px;
+ -arrow-base: 5;
+ -arrow-rise: 5; }
.app-folder-popup-bin {
padding: 5px; }
@@ -1416,7 +1413,7 @@ StScrollBar {
color: #5c616c; }
#message-tray {
- background: #2a2c33;
+ background: #353945;
background-repeat: repeat;
height: 72px;
border: solid rgba(0, 0, 0, 0.6);
@@ -1492,20 +1489,17 @@ StScrollBar {
padding-left: 6px; }
.summary-source-button .summary-source {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #BAC3CF;
- border: 1px solid rgba(0, 0, 0, 0.45);
- background-color: rgba(0, 0, 0, 0.3); }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35); }
.summary-source-button:hover .summary-source {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #BAC3CF;
- border: 1px solid #5294E2;
- background-color: rgba(0, 0, 0, 0.3); }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45); }
.summary-source-button:focus .summary-source,
.summary-source-button:selected .summary-source {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #ffffff;
border: 1px solid #5294E2;
background-color: #5294E2; }
@@ -1562,12 +1556,12 @@ StScrollBar {
padding: 7px;
caret-color: #BAC3CF;
color: #BAC3CF;
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid rgba(0, 0, 0, 0.4);
+ background-color: rgba(102, 109, 132, 0.35);
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.notification StEntry:focus {
- color: #BAC3CF;
- background-color: rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ background-color: #5294E2;
border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
@@ -1595,12 +1589,12 @@ StScrollBar {
StEntry.chat-response {
padding: 7px;
color: #BAC3CF;
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid rgba(0, 0, 0, 0.4);
+ background-color: rgba(102, 109, 132, 0.35);
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
StEntry.chat-response:focus {
- color: #BAC3CF;
- background-color: rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ background-color: #5294E2;
border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
@@ -1667,10 +1661,10 @@ StEntry.chat-response {
border-width: 0; }
#keyboard {
- background-color: rgba(42, 44, 51, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
border-width: 0;
border-top-width: 1px;
- border-color: rgba(0, 0, 0, 0.4); }
+ border-color: rgba(0, 0, 0, 0.2); }
.keyboard-layout {
spacing: 10px;
@@ -1688,34 +1682,30 @@ StEntry.chat-response {
box-shadow: none;
background-gradient-direction: none;
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #BAC3CF;
- border: 1px solid rgba(0, 0, 0, 0.45);
- background-color: rgba(0, 0, 0, 0.3); }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35); }
.keyboard-key:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #BAC3CF;
- border: 1px solid #5294E2;
- background-color: rgba(0, 0, 0, 0.3); }
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45); }
.keyboard-key:active, .keyboard-key:checked {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #ffffff;
border: 1px solid #5294E2;
background-color: #5294E2; }
.keyboard-key:grayed {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
- color: #555a62;
- border: 1px solid rgba(0, 0, 0, 0.45);
- background-color: rgba(0, 0, 0, 0.15); }
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2); }
.keyboard-subkeys {
color: #BAC3CF;
padding: 5px;
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(42, 44, 51, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
@@ -1782,28 +1772,28 @@ StEntry.chat-response {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #cfd6e6; }
+ border: 1px solid #cfd6e6;
+ box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.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 black;
color: #5c616c;
- background-color: #fbfbfc;
- border: 1px solid #5294E2; }
+ background-color: white;
+ border: 1px solid #cfd6e6;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
.login-dialog .modal-dialog-button:default:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: #ffffff;
background-color: #5294E2;
- border: 1px solid #5294E2; }
+ border: 1px solid #5294E2;
+ box-shadow: inset 0 2px 4px #5294E2; }
.login-dialog .modal-dialog-button:default:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
- box-shadow: inset 0 0 black;
color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55);
- background-color: rgba(251, 251, 252, 0.55); }
+ background-color: rgba(251, 251, 252, 0.55);
+ box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.login-dialog-logo-bin {
padding: 24px 0px; }
@@ -1937,7 +1927,7 @@ StEntry.chat-response {
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
border: 1px solid rgba(186, 195, 207, 0.2);
- background-color: rgba(42, 44, 51, 0.45);
+ background-color: rgba(53, 57, 69, 0.45);
color: #BAC3CF;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
@@ -1951,7 +1941,7 @@ StEntry.chat-response {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
- background-color: rgba(42, 44, 51, 0.5); }
+ background-color: rgba(53, 57, 69, 0.5); }
.screen-shield-background {
background: black;
@@ -2008,12 +1998,12 @@ StEntry.chat-response {
selection-background-color: #5294E2;
selected-color: #ffffff;
color: #BAC3CF;
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid rgba(0, 0, 0, 0.4);
+ background-color: rgba(102, 109, 132, 0.35);
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus {
- color: #BAC3CF;
- background-color: rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ background-color: #5294E2;
border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
@@ -2046,7 +2036,7 @@ StEntry.chat-response {
.lg-extension {
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 2px;
- background-color: rgba(42, 44, 51, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
padding: 4px; }
.lg-extension-name {