roundabout,
created on Sunday, 25 October 2015, 09:15:00 (1445764500),
received on Sunday, 11 May 2025, 13:21:53 (1746969713)
Author identity: nana4 <hnmaigo@gmail.com>
6f14cd932ab77f06a8db4a73cdb3a540a57f6c16
gnome-shell/gnome-shell-sass/_colors.scss
@@ -24,6 +24,7 @@ $success_color: if($variant =='light', #2ecc71, #27ae60);
$destructive_color: if($variant =='light', #e74c3c, #c0392b);
$osd_fg_color: white;
$osd_secondary_fg_color: scale-color($osd_fg_color, $alpha: -20%);
$osd_base_color: scale-color($osd_fg_color, $alpha: -90%);
$osd_bg_color: scale-color(black, $alpha: -50%);
$osd_dim_fg_color: scale-color($osd_fg_color, $alpha: -50%);
@@ -38,6 +39,10 @@ $tooltip_borders_color: $osd_outer_borders_color;
//insensitive state derived colors
$insensitive_fg_color: scale-color($fg_color, $alpha: -60%);
$insensitive_secondary_fg_color: scale-color($secondary_fg_color, $alpha: -60%);
$insensitive_fill_color: scale-color($fill_color, $alpha: -60%);
$insensitive_osd_fg_color: scale-color($osd_fg_color, $alpha: -60%);
$insensitive_osd_secondary_fg_color: scale-color($osd_secondary_fg_color, $alpha: -60%);
$insensitive_osd_fill_color: scale-color($osd_fill_color, $alpha: -60%);
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
$insensitive_borders_color: $borders_color;
gnome-shell/gnome-shell-sass/_common.scss
@@ -1161,7 +1161,7 @@ StScrollBar {
color: $osd_dim_fg_color;
selection-background-color: $osd_fill_color;
selected-color: $osd_fg_color;
@include entry(normal,$fc:$osd_indicator_color);
@include entry(normal,$fc:$osd_semi_fill_color);
&:focus {
@include entry(focus,$fc:$osd_indicator_color);
padding: 7px 8px 8px;
@@ -1702,7 +1702,6 @@ $legacy_icon_size: 24px;
.keyboard-row { spacing: 15px; }
.keyboard-key {
@include button(normal);
min-height: 2em;
min-width: 2em;
font-size: 2em;
@@ -1710,6 +1709,7 @@ $legacy_icon_size: 24px;
border-radius: 2px;
border: none;
color: inherit;
@include button(normal);
&:focus { @include button(focus); }
&:hover,&:checked { @include button(hover); }
&:active { @include button(active);}
@@ -1774,12 +1774,12 @@ $legacy_icon_size: 24px;
.framed-user-icon {
background-size: contain;
border: 2px solid $osd_fg_color;
border: none;
color: $osd_fg_color;
border-radius: 2px;
&:hover {
border-color: lighten($osd_fg_color,30%);
color: lighten($osd_fg_color,30%);
border-color: $osd_fg_color;
color: $osd_fg_color;
}
}
@@ -1795,14 +1795,30 @@ $legacy_icon_size: 24px;
border: none;
background-color: transparent;
.modal-dialog-button-box { spacing: 3px; }
.modal-dialog-button {
padding: 7px 16px 8px;
@include button(flat-normal, $tc:$osd_secondary_fg_color);
&:hover,&:focus { @include button(flat-hover, $c:$osd_semi_fill_color, $tc:$osd_fg_color); }
&:active { @include button(flat-active, $c:$osd_fill_color, $tc:$osd_fg_color); }
&:insensitive { @include button(flat-insensitive, $tc:$insensitive_osd_secondary_fg_color); }
&:default {
@include button(normal,$c:$selected_bg_color);
&:hover,&:focus { @include button(hover,$c:$selected_bg_color); }
&:active { @include button(active,$c:$selected_bg_color); }
&:insensitive { @include button(insensitive); }
@include button(normal, $c:$selected_bg_color, $tc:$osd_fg_color);
&:hover,&:focus { @include button(hover, $c:$selected_bg_color, $tc:$osd_fg_color); }
&:active { @include button(active, $c:$selected_bg_color, $tc:$osd_fg_color); }
&:insensitive { @include button(insensitive, $c:$insensitive_osd_fill_color, $tc:$insensitive_osd_fg_color); }
}
}
@@ -1810,7 +1826,7 @@ $legacy_icon_size: 24px;
}
.login-dialog-logo-bin { padding: 24px 0px; }
.login-dialog-banner { color: darken($osd_fg_color,10%); }
.login-dialog-banner { color: $osd_secondary_fg_color; }
.login-dialog-button-box { spacing: 5px; }
.login-dialog-message-warning { color: $warning_color; }
.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
@@ -1827,8 +1843,10 @@ $legacy_icon_size: 24px;
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: darken($osd_fg_color,30%);
color: $osd_secondary_fg_color;
padding-top: 1em;
&:hover { color: $osd_fg_color; }
&:focus { background-color: $osd_semi_fill_color; }
}
.login-dialog-user-list-view { -st-vfade-offset: 1em; }
@@ -1836,22 +1854,25 @@ $legacy_icon_size: 24px;
spacing: 12px;
padding: .2em;
width: 23em;
&:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; }
&:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; }
&:expanded .login-dialog-user-list-item:focus { background-color: $osd_semi_fill_color; color: $osd_fg_color; }
&:expanded .login-dialog-user-list-item:hover { background-color: $osd_semi_fill_color; color: $osd_fg_color; }
&:expanded .login-dialog-user-list-item:active { background-color: $osd_fill_color; color: $osd_fg_color; }
&:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $osd_indicator_color; }
}
.login-dialog-user-list-item {
border-radius: 2px;
padding: .2em;
color: darken($osd_fg_color,30%);
color: $osd_secondary_fg_color;
&:ltr { padding-right: 1em; }
&:rtl { padding-left: 1em; }
&:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
&:hover { background-color: $osd_semi_fill_color; color: $osd_fg_color; }
&:active { background-color: $osd_fill_color; color: $osd_fg_color; }
.login-dialog-timed-login-indicator {
height: 2px;
margin: 2px 0 0 0;
background-color: $osd_fg_color;
}
&:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; }
&:focus .login-dialog-timed-login-indicator { background-color: $osd_fg_color; }
}
.login-dialog-username,
@@ -1875,8 +1896,8 @@ $legacy_icon_size: 24px;
}
.login-dialog-prompt-label {
color: darken($osd_fg_color, 20%);
font-size: 110%;
color: $osd_dim_fg_color;
font-size: 1em;
padding-top: 1em;
}
@@ -1885,9 +1906,9 @@ $legacy_icon_size: 24px;
}
.login-dialog-session-list-button {
color: darken($osd_fg_color,30%);
color: $osd_secondary_fg_color;
&:hover,&:focus { color: $osd_fg_color; }
&:active { color: darken($osd_fg_color, 50%); }
&:active { color: $osd_fg_color; }
}
//SCREEN SHIELD
@@ -1901,23 +1922,24 @@ $legacy_icon_size: 24px;
width: 80px;
height: 48px;
-arrow-thickness: 12px;
-arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
-arrow-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.screen-shield-clock {
color: white;
text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
font-weight: bold;
text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
font-weight: normal;
text-align: center;
padding-bottom: 1.5em;
}
.screen-shield-clock-time {
font-size: 72pt;
text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
font-size: 112px;
font-weight: 300;
text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.screen-shield-clock-date { font-size: 28pt; }
.screen-shield-clock-date { font-size: 45px; }
.screen-shield-notifications-container {
spacing: 6px;
@@ -1952,19 +1974,19 @@ $legacy_icon_size: 24px;
.screen-shield-background { //just the shadow, really
background: black;
box-shadow: 0px 2px 4px transparentize(black,0.6);
@include shadow(5);
}
#lockDialogGroup {
background: #2e3436 url(noise-texture.png);
background: #333333 url(noise-texture.png);
background-repeat: repeat;
}
#screenShieldNotifications {
StButton#vhandle, StButton#hhandle {
background-color: transparentize($bg_color,0.7);
&:hover, &:focus { background-color: transparentize($bg_color,0.5); }
&:active { background-color: transparentize($selected_bg_color,0.5); }
background-color: transparentize($osd_fg_color,0.4);
&:hover, &:focus { background-color: transparentize($osd_fg_color,0.2); }
&:active { background-color: transparentize($osd_fg_color,0.0); }
}
}
gnome-shell/gnome-shell-sass/_drawing.scss
@@ -42,24 +42,18 @@
@if $t==normal {
background-color: rgba(0, 0, 0, 0.01);
border-color: transparent;
box-shadow: inset 0 -1px if($fc==$selected_bg_color,
$fill_color,
$osd_semi_fill_color);
box-shadow: inset 0 -1px if($fc!=$selected_bg_color, $fc, $fill_color);
}
@if $t==focus {
border-color: transparent;
box-shadow: inset 0 -2px if($fc==$selected_bg_color,
$selected_bg_color,
$osd_indicator_color);
box-shadow: inset 0 -2px if($fc!=$selected_bg_color, $fc, $selected_bg_color);
}
@if $t==hover { }
@if $t==insensitive {
color: $insensitive_fg_color;
border-color: transparent;
box-shadow: inset 0 -1px if($fc==$selected_bg_color,
$semi_fill_color,
$osd_semi_fill_color);
box-shadow: inset 0 -1px if($fc!=$selected_bg_color, $fc, $insensitive_fill_color);
}
}
@@ -115,7 +109,7 @@
// pushed button
//
color: if($tc!=$fg_color, $tc, $fg_color);
background-color: mix($tc,$c,20%);
background-color: mix($tc, $c, 20%);
border-color: transparent;
@include shadow(2);
text-shadow: none;
@@ -125,8 +119,8 @@
//
// insensitive button
//
color: if($tc!=$fg_color, $insensitive_fg_color, $insensitive_secondary_fg_color);
background-color: $semi_fill_color;
color: if($tc!=$fg_color, $tc, $insensitive_secondary_fg_color);
background-color: if($c!=$bg_color, $c, $insensitive_fill_color);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
@@ -159,7 +153,7 @@
// hovered flat button
//
color: if($tc!=$fg_color, $tc, $fg_color);
background-color: $semi_fill_color;
background-color: if($c!=$bg_color, $c, $semi_fill_color);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
@@ -171,7 +165,7 @@
// pushed flat button
//
color: if($tc!=$fg_color, $tc, $fg_color);
background-color: $fill_color;
background-color: if($c!=$bg_color, $c, $fill_color);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
@@ -181,7 +175,7 @@
//
// insensitive flat button
//
color: if($tc!=$fg_color, $insensitive_fg_color, $insensitive_secondary_fg_color);
color: if($tc!=$fg_color, $tc, $insensitive_secondary_fg_color);
background-color: transparent;
border-color: transparent;
box-shadow: 0 0 transparent;
gnome-shell/gnome-shell-theme.gresource
gnome-shell/gnome-shell-theme.gresource.sh
@@ -0,0 +1,3 @@
#!/usr/bin/bash
glib-compile-resources gnome-shell-theme.gresource.xml
gnome-shell/gnome-shell-theme.gresource.xml
@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
<gresource prefix="/org/gnome/shell/theme">
<file>calendar-arrow-left.svg</file>
<file>calendar-arrow-right.svg</file>
<file>checkbox.svg</file>
<file>checkbox-focused.svg</file>
<file>checkbox-off.svg</file>
<file>checkbox-off-focused.svg</file>
<file>corner-ripple-ltr.svg</file>
<file>corner-ripple-rtl.svg</file>
<file>dash-placeholder.svg</file>
<file>gnome-shell.css</file>
<file>logged-in-indicator.svg</file>
<file>more-results.svg</file>
<file>no-events.svg</file>
<file>no-notifications.svg</file>
<file>noise-texture.png</file>
<file>noise-texture@2.png</file>
<file>process-working.svg</file>
<file>running1.svg</file>
<file>running1-focused.svg</file>
<file>running2.svg</file>
<file>running2-focused.svg</file>
<file>running3.svg</file>
<file>running3-focused.svg</file>
<file>running4.svg</file>
<file>running4-focused.svg</file>
<file>running-indicator.svg</file>
<file>source-button-border.svg</file>
<file>toggle-off.svg</file>
<file>toggle-on.svg</file>
<file>window-close.svg</file>
<file>window-close-active.svg</file>
</gresource>
</gresources>
gnome-shell/gnome-shell.css
@@ -130,7 +130,7 @@ StEntry {
StEntry:insensitive {
color: rgba(0, 0, 0, 0.32);
border-color: transparent;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); }
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.064); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #e67e22;
@@ -1569,19 +1569,19 @@ StScrollBar {
spacing: 15px; }
.keyboard-key {
color: rgba(0, 0, 0, 0.64);
background-color: rgba(255, 255, 255, 0.95);
border-color: transparent;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
text-shadow: none;
icon-shadow: none;
min-height: 2em;
min-width: 2em;
font-size: 2em;
font-weight: bold;
border-radius: 2px;
border: none;
color: inherit; }
color: inherit;
color: rgba(0, 0, 0, 0.64);
background-color: rgba(255, 255, 255, 0.95);
border-color: transparent;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
text-shadow: none;
icon-shadow: none; }
.keyboard-key:focus {
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
@@ -1665,7 +1665,7 @@ StScrollBar {
/* Auth Dialogs & Screen Shield */
.framed-user-icon {
background-size: contain;
border: 2px solid white;
border: none;
color: white;
border-radius: 2px; }
.framed-user-icon:hover {
@@ -1679,34 +1679,76 @@ StScrollBar {
.login-dialog {
border: none;
background-color: transparent; }
.login-dialog StEntry {
color: white;
selection-background-color: rgba(255, 255, 255, 0.4);
selected-color: white;
background-color: rgba(0, 0, 0, 0.01);
border-color: transparent;
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); }
.login-dialog StEntry:focus {
border-color: transparent;
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.8); }
.login-dialog StEntry:insensitive {
color: rgba(0, 0, 0, 0.32);
border-color: transparent;
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.4); }
.login-dialog .modal-dialog-button-box {
spacing: 3px; }
.login-dialog .modal-dialog-button {
padding: 7px 16px 8px; }
padding: 7px 16px 8px;
color: rgba(255, 255, 255, 0.8);
background-color: transparent;
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
color: white;
background-color: rgba(255, 255, 255, 0.2);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:active {
color: white;
background-color: rgba(255, 255, 255, 0.4);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:insensitive {
color: rgba(255, 255, 255, 0.32);
background-color: transparent;
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:default {
color: rgba(0, 0, 0, 0.64);
color: white;
background-color: #3498db;
border-color: transparent;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
color: rgba(0, 0, 0, 0.8);
color: white;
background-color: #3498db;
border-color: transparent;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24), 0 3px 6px rgba(0, 0, 0, 0.345);
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:default:active {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(45, 130, 188, 0.96);
color: white;
background-color: #5dade2;
border-color: transparent;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24), 0 3px 6px rgba(0, 0, 0, 0.345);
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:default:insensitive {
color: rgba(0, 0, 0, 0.256);
background-color: rgba(0, 0, 0, 0.08);
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0.16);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
@@ -1716,7 +1758,7 @@ StScrollBar {
padding: 24px 0px; }
.login-dialog-banner {
color: #e6e6e6; }
color: rgba(255, 255, 255, 0.8); }
.login-dialog-button-box {
spacing: 5px; }
@@ -1738,8 +1780,12 @@ StScrollBar {
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: #b3b3b3;
color: rgba(255, 255, 255, 0.8);
padding-top: 1em; }
.login-dialog-not-listed-label:hover {
color: white; }
.login-dialog-not-listed-label:focus {
background-color: rgba(255, 255, 255, 0.2); }
.login-dialog-user-list-view {
-st-vfade-offset: 1em; }
@@ -1749,21 +1795,30 @@ StScrollBar {
padding: .2em;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
background-color: #3498db;
background-color: rgba(255, 255, 255, 0.2);
color: white; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
background-color: rgba(255, 255, 255, 0.2);
color: white; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
background-color: rgba(255, 255, 255, 0.4);
color: white; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
border-right: 2px solid #3498db; }
border-right: 2px solid rgba(255, 255, 255, 0.8); }
.login-dialog-user-list-item {
border-radius: 2px;
padding: .2em;
color: #b3b3b3; }
color: rgba(255, 255, 255, 0.8); }
.login-dialog-user-list-item:ltr {
padding-right: 1em; }
.login-dialog-user-list-item:rtl {
padding-left: 1em; }
.login-dialog-user-list-item:hover {
background-color: #3498db;
background-color: rgba(255, 255, 255, 0.2);
color: white; }
.login-dialog-user-list-item:active {
background-color: rgba(255, 255, 255, 0.4);
color: white; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
@@ -1792,19 +1847,19 @@ StScrollBar {
width: 23em; }
.login-dialog-prompt-label {
color: #cccccc;
font-size: 110%;
color: rgba(255, 255, 255, 0.5);
font-size: 1em;
padding-top: 1em; }
.login-dialog-session-list-button StIcon {
icon-size: 1.25em; }
.login-dialog-session-list-button {
color: #b3b3b3; }
color: rgba(255, 255, 255, 0.8); }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
color: white; }
.login-dialog-session-list-button:active {
color: gray; }
color: white; }
.screen-shield-arrows {
padding-bottom: 3em; }
@@ -1814,21 +1869,22 @@ StScrollBar {
width: 80px;
height: 48px;
-arrow-thickness: 12px;
-arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
-arrow-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.screen-shield-clock {
color: white;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
font-weight: bold;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
font-weight: normal;
text-align: center;
padding-bottom: 1.5em; }
.screen-shield-clock-time {
font-size: 72pt;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
font-size: 112px;
font-weight: 300;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.screen-shield-clock-date {
font-size: 28pt; }
font-size: 45px; }
.screen-shield-notifications-container {
spacing: 6px;
@@ -1860,18 +1916,18 @@ StScrollBar {
.screen-shield-background {
background: black;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); }
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.45), 0 15px 12px rgba(0, 0, 0, 0.33); }
#lockDialogGroup {
background: #2e3436 url(noise-texture.png);
background: #333333 url(noise-texture.png);
background-repeat: repeat; }
#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
background-color: rgba(255, 255, 255, 0.25); }
background-color: rgba(255, 255, 255, 0.6); }
#screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
background-color: rgba(255, 255, 255, 0.45); }
background-color: rgba(255, 255, 255, 0.8); }
#screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
background-color: rgba(52, 152, 219, 0.5); }
background-color: white; }
#LookingGlassDialog {
background-color: rgba(255, 255, 255, 0.95);