aboutsummaryrefslogtreecommitdiff
path: root/gnome-shell
diff options
context:
space:
mode:
Diffstat (limited to 'gnome-shell')
-rw-r--r--gnome-shell/_common.scss19
-rw-r--r--gnome-shell/_drawing.scss7
-rw-r--r--gnome-shell/gnome-shell.css81
3 files changed, 70 insertions, 37 deletions
diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss
index c9bdc89..40237ab 100644
--- a/gnome-shell/_common.scss
+++ b/gnome-shell/_common.scss
@@ -75,6 +75,7 @@ StEntry {
selection-background-color: $selected_bg_color;
selected-color: $selected_fg_color;
transition-duration: 300ms;
+ border-radius: 20px;
@include entry(normal);
@@ -1712,7 +1713,7 @@ StScrollBar {
margin: 5px;
padding: 10px;
border-radius: 2px;
- color: $osd_fg_color;
+ color: $fg_color;
background-color: $bg_color;
border: 0px solid transparent;
box-shadow: 0 1px 5px transparentize(black, 0.8);
@@ -1743,7 +1744,7 @@ StScrollBar {
// Chat Bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
-.chat-log-message { color: darken($osd_fg_color,10%); }
+.chat-log-message { color: $fg_color; }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
@@ -1753,7 +1754,7 @@ StScrollBar {
.chat-sent {
padding-left: 18pt;
- color: darken($osd_fg_color, 15%);
+ color: $selected_bg_color;
&:rtl { padding-left: 0; padding-right: 18pt; }
}
@@ -1762,7 +1763,7 @@ StScrollBar {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
- color: darken($osd_fg_color,20%);
+ color: transparentize($fg_color, 0.4);
&:rtl { padding-left: 0; padding-right: 4px; }
}
@@ -2136,8 +2137,8 @@ $legacy_icon_size: 24px;
border-radius: 2px;
& > #Toolbar {
padding: 3px;
- border: 1px solid $borders_color;
- background-color: $bg_color;
+ border: 1px solid darken($osd_bg_color, 7%);
+ background-color: $osd_bg_color;
border-radius: 0px;
}
.labels { spacing: 4px; }
@@ -2145,17 +2146,17 @@ $legacy_icon_size: 24px;
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
- color: transparentize($fg_color, 0.5);
+ color: $osd_fg_color;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em;
&:hover {
- color: $fg_color;
+ color: $selected_fg_color;
text-shadow: black 0px 2px 2px;
}
&:selected {
border-bottom-width: 0px;
- color: $selected_fg_color;
+ color: $selected_bg_color;
text-shadow: black 0px 2px 2px;
}
}
diff --git a/gnome-shell/_drawing.scss b/gnome-shell/_drawing.scss
index 9c8ca57..f3c1f04 100644
--- a/gnome-shell/_drawing.scss
+++ b/gnome-shell/_drawing.scss
@@ -44,6 +44,8 @@
//
//@extend %reset_style;
+ text-shadow: 0 1px transparentize($base_color, 1);
+ box-shadow: inset 0 0 transparentize($base_color, 1);
@if $t==normal {
//
@@ -51,7 +53,6 @@
//
color: $fg_color;
background-color: $button_bg;
- box-shadow: inset 0 0 transparentize($base_color, 1);
border: 1px solid $button_border;
}
@@ -61,7 +62,6 @@
//
color: $fg_color;
background-color: $button_bg;
- box-shadow: none;
border: 1px solid $selected_bg_color;
}
@@ -71,7 +71,6 @@
//
color: $selected_bg_color;
background-color: $button_bg;
- box-shadow: none;
border: 1px solid $selected_bg_color;
}
@@ -81,7 +80,6 @@
//
color: $fg_color;
background-color: $button_bg;
- box-shadow: none;
border: 1px solid $selected_bg_color;
}
@@ -91,7 +89,6 @@
//
color: $selected_fg_color;
background-color: $selected_bg_color;
- box-shadow: none;
border: 1px solid $selected_bg_color;
}
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
index 555b20a..1eab0aa 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;
@@ -173,21 +181,29 @@ StScrollBar {
border-top: 1px;
border-radius: 0px 0px 2px 2px; }
.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;
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); }
@@ -706,16 +722,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 +871,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 {
@@ -1159,6 +1180,8 @@ StScrollBar {
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; }
@@ -1295,7 +1318,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 +1362,7 @@ StScrollBar {
margin: 5px; }
.chat-log-message {
- color: #8c939e; }
+ color: #5c616c; }
.chat-new-group {
padding-top: 1em; }
@@ -1352,7 +1375,7 @@ StScrollBar {
.chat-sent {
padding-left: 18pt;
- color: #7f8692; }
+ color: #5294E2; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
@@ -1361,7 +1384,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,6 +1477,8 @@ StScrollBar {
spacing: 15px; }
.keyboard-key {
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
@@ -1465,15 +1490,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; }
@@ -1549,21 +1579,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); }
@@ -1738,8 +1773,8 @@ StScrollBar {
border-radius: 2px; }
#LookingGlassDialog > #Toolbar {
padding: 3px;
- border: 1px solid #dde3e9;
- background-color: #f9fafb;
+ border: 1px solid rgba(44, 47, 53, 0.95);
+ background-color: rgba(60, 64, 73, 0.95);
border-radius: 0px; }
#LookingGlassDialog .labels {
spacing: 4px; }
@@ -1747,16 +1782,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;