isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme: use spaces instead of tabs

Browse Source 
https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/904
This commit is contained in:
Sam Hewitt 2019-12-19 10:38:27 -05:00 committed by Florian Müllner
parent 9ea745bcd4
commit 891f2201c5
37 changed files with 1863 additions and 1981 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

222
data/theme/gnome-shell-high-contrast.css
View File

@ -268,7 +268,7 @@ stage {
padding: 8px 0; }
.calendar .calendar-change-month-back StIcon,
.calendar .calendar-change-month-forward StIcon {
icon-size: 1.09em; }
icon-size: 16px; }
.calendar .pager-button {
background-color: transparent;
height: 32px;
@ -352,7 +352,7 @@ stage {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-box .weather-forecast-icon {
icon-size: 2.18em; }
icon-size: 32px; }
.weather-box .weather-forecast-time {
color: #b3b3b3;
font-feature-settings: "tnum";
@ -495,8 +495,8 @@ stage {
spacing: 20px; }
.message-dialog-icon {
min-width: 3.27em;
icon-size: 3.27em; }
min-width: 48px;
icon-size: 48px; }
.message-dialog-title {
font-weight: bold; }
@ -507,7 +507,7 @@ stage {
/* ShellMountOperation Dialogs */
.shell-mount-operation-icon {
icon-size: 3.27em; }
icon-size: 48px; }
.mount-dialog {
spacing: 24px; }
@ -649,7 +649,7 @@ stage {
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 4.36em; }
icon-size: 64px; }
/* Access Dialog */
.access-dialog {
@ -708,14 +708,14 @@ stage {
.end-session-dialog-logout-icon {
border-radius: 99px;
width: 3.27em;
height: 3.27em;
width: 48px;
height: 48px;
background-size: contain; }
.end-session-dialog-shutdown-icon {
color: #fff;
width: 3.27em;
height: 3.27em; }
width: 48px;
height: 48px; }
.end-session-dialog-inhibitor-layout {
spacing: 24px;
@ -765,7 +765,7 @@ StEntry {
warning-color: #f57900;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.09em;
icon-size: 16px;
padding: 0 4px; }
.hotplug-transient-box {
@ -844,7 +844,20 @@ StEntry {
icon-size: 1em; }
/* On-screen Keyboard */
.keyboard-key, .keyboard-subkeys .keyboard-key {
#keyboard {
background-color: rgba(0, 0, 0, 0.9);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important; }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 6px;
height: 6px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
color: #fff;
background-color: #080808 !important;
border-width: 1px;
@ -852,7 +865,11 @@ StEntry {
border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
font-size: 16pt;
min-height: 1.2em;
min-width: 1.2em;
border-radius: 8px; }
.keyboard-key:focus {
color: #fff;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
@ -876,27 +893,6 @@ StEntry {
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
#keyboard {
background-color: rgba(0, 0, 0, 0.9);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important; }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 6px;
height: 6px; }
#keyboard .page-indicator .page-indicator-icon:checked {
background-color: red; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 16pt;
min-height: 1.2em;
min-width: 1.2em;
border-radius: 8px; }
.keyboard-key:grayed {
background-color: black;
color: #eeeeec;
@ -910,8 +906,7 @@ StEntry {
border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
color: #fff;
background-color: #272c2e !important;
@ -939,8 +934,7 @@ StEntry {
border-color: #113050;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
color: #fff;
background-color: #2b79cb !important;
@ -980,7 +974,38 @@ StEntry {
-arrow-rise: 10px;
-boxpointer-gap: 6px; }
.keyboard-subkeys .keyboard-key {
color: #fff;
background-color: #080808 !important;
border-width: 1px;
border-style: solid;
border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
border-radius: 5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #fff;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.3); }
.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
color: #fff;
background-color: #141414 !important;
border-width: 1px;
border-style: solid;
border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.keyboard-subkeys .keyboard-key:active {
color: #fff;
background-color: black !important;
border-width: 1px;
border-style: solid;
border-color: black;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
.emoji-page .keyboard-key {
background-color: transparent;
@ -1291,16 +1316,17 @@ StEntry {
.message .message-close-button:hover {
color: #e6e6e6; }
.message .message-icon-bin {
padding: 6px;
margin: 6px 0; }
.message .message-icon-bin > StIcon {
color: #fff;
icon-size: 2.18em;
icon-size: 32px;
-st-icon-style: symbolic;
padding: 0;
margin: 6px; }
.message .message-icon-bin > .fallback-window-icon {
width: 1.09em;
height: 1.09em; }
width: 16px;
height: 16px; }
.message .message-secondary-bin {
padding: 0; }
.message .message-secondary-bin > .event-time {
@ -1329,14 +1355,14 @@ StEntry {
border-radius: 7px 0 0 7px; }
.media-message-cover-icon {
icon-size: 2.18em !important;
icon-size: 32px !important;
border-radius: 5px; }
.media-message-cover-icon.fallback {
color: #d4d4d4;
background-color: #000;
border: 1px solid transparent;
border-radius: 5px;
icon-size: 2.18em !important;
icon-size: 32px !important;
padding: 12px; }
/* Notifications & Mesage Tray */
@ -1359,7 +1385,7 @@ StEntry {
.notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content {
color: #fff; }
.notification-banner .message-icon-bin > StIcon {
icon-size: 2.18em;
icon-size: 32px;
color: #fff; }
.notification-banner .notification-icon {
padding: 5px; }
@ -1367,7 +1393,7 @@ StEntry {
padding: 5px;
spacing: 5px; }
.notification-banner .secondary-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.notification-banner .notification-actions {
padding-top: 0;
color: #fff;
@ -1394,7 +1420,7 @@ StEntry {
border-radius: 0.9em; }
.secondary-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.chat-body {
spacing: 5px; }
@ -1502,7 +1528,7 @@ StEntry {
font-weight: bold; }
.nm-dialog-header-icon {
icon-size: 2.18em; }
icon-size: 32px; }
.nm-dialog-header-hbox {
spacing: 10px; }
@ -1522,7 +1548,7 @@ StEntry {
color: #ffffff; }
.nm-dialog-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.nm-dialog-icons {
spacing: 12px; }
@ -1604,7 +1630,7 @@ StEntry {
box-shadow: inset 0 -2px 0 0 #256ab1;
color: #333333; }
#panel .panel-button .system-status-icon {
icon-size: 1.09em;
icon-size: 16px;
padding: 5px; }
#panel .panel-button .app-menu-icon {
margin-left: 4px;
@ -1677,7 +1703,7 @@ StEntry {
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.popup-sub-menu {
background-color: black;
@ -1709,10 +1735,10 @@ StEntry {
-st-icon-style: symbolic; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
padding-left: 14px;
margin-left: 1.09em; }
margin-left: 16px; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
padding-right: 14px;
margin-right: 1.09em; }
margin-right: 16px; }
/* Screen Shield */
.screen-shield-arrows {
@ -1829,11 +1855,14 @@ StScrollBar {
box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
.login-dialog StEntry .search-entry-icon,
.search-entry .search-entry-icon {
icon-size: 1.09em;
icon-size: 16px;
padding: 0 4px;
color: inherit; }
/* Search */
#searchResultsContent {
max-width: 1024px; }
.search-section {
background-color: rgba(58, 65, 68, 0.8);
border-radius: 13px;
@ -1842,91 +1871,8 @@ StScrollBar {
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
color: #eeeeec;
padding: 18px;
margin: 4px; }
#searchResultsContent {
max-width: 1024px; }
.search-section {
spacing: 0;
margin-top: 0;
margin-bottom: 0; }
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
background-color: transparent; }
.search-section .search-section-separator {
height: 0px;
background-color: transparent; }
.search-section .search-section-content {
spacing: 0; }
.grid-search-result > .overview-icon {
color: #eeeeec; }
.grid-search-result > .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: 6px; }
.grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon {
background-color: rgba(46, 52, 54, 0.2);
color: #eeeeec; }
.grid-search-result:drop .overview-icon {
background-color: rgba(33, 93, 156, 0.85); }
.grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon {
background-color: rgba(23, 25, 26, 0.5); }
.search-provider-icon {
padding: 0;
spacing: 0;
margin-right: 8px; }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover {
background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active, .search-provider-icon:checked {
background-color: rgba(23, 25, 26, 0.9); }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
margin-top: 0;
color: #dbdbd6; }
.list-search-results {
spacing: 6px; }
.list-search-result {
spacing: 0;
padding: 6px;
color: #eeeeec; }
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover {
background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; }
.list-search-result:active, .list-search-result:checked {
background-color: rgba(23, 25, 26, 0.9); }
.list-search-result .list-search-result-content {
spacing: 0; }
.list-search-result .list-search-result-title {
color: #eeeeec;
spacing: 12px;
padding-right: 6px; }
.list-search-result .list-search-result-description {
color: #a6a69b; }
/* Search */
.search-section {
background-color: rgba(58, 65, 68, 0.8);
border-radius: 13px;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.9);
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
color: #eeeeec;
padding: 18px;
margin: 4px; }
#searchResultsContent {
max-width: 1024px; }
.search-section {
spacing: 0;
margin-top: 0;
margin-bottom: 0; }
margin: 4px;
spacing: 12px; }
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
background-color: transparent; }
.search-section .search-section-separator {

2
data/theme/gnome-shell-high-contrast.css.map
View File

File diff suppressed because one or more lines are too long

189
data/theme/gnome-shell-sass/_common.scss
View File

@ -55,13 +55,13 @@ $base_font_size: 11;
$text_shadow_color: if($variant == 'light', rgba(255,255,255,0.3), rgba(0,0,0,0.2));
// icons
$base_icon_size: 1.09em;
// $base_icon_size: 16px;
// $base_icon_size: 1.09em;
$base_icon_size: 16px;
// Stage
stage {
@include fontsize($base_font_size);
color: $fg_color;
@include fontsize($base_font_size);
color: $fg_color;
}
/* WIDGETS */
@ -92,7 +92,6 @@ stage {
@import 'widgets/scrollbars';
@import 'widgets/search-entry';
@import 'widgets/search-results';
@import 'widgets/search-results';
@import 'widgets/slider';
@import 'widgets/switches';
@import 'widgets/tiled-previews';
@ -103,139 +102,139 @@ stage {
// Text
%status_text {
font-size: 2em;
font-weight: bold;
color: $osd_fg_color;
font-size: 2em;
font-weight: bold;
color: $osd_fg_color;
}
// osd panels
%osd_panel {
color: $osd_fg_color;
background-color: $osd_bg_color;
border: 1px solid $osd_outer_borders_color;
border-radius: $base_border_radius * 2 + 4px;
padding: $base_padding * 2;
color: $osd_fg_color;
background-color: $osd_bg_color;
border: 1px solid $osd_outer_borders_color;
border-radius: $base_border_radius * 2 + 4px;
padding: $base_padding * 2;
}
// Overview panels
// for the dash and workspace switcher
%overview_panel {
color: $osd_fg_color;
background-color: transparentize($osd_bg_color, 0.2);
border: 1px solid $osd_outer_borders_color;
color: $osd_fg_color;
background-color: transparentize($osd_bg_color, 0.2);
border: 1px solid $osd_outer_borders_color;
}
// icon tiles
%icon_tile {
background-color: transparent; // no background
color: $osd_fg_color;
border-radius: $base_border_radius + 4px;
padding: $base_padding;
border: 2px solid transparent;
transition-duration: 100ms;
text-align: center;
background-color: transparent; // no background
color: $osd_fg_color;
border-radius: $base_border_radius + 4px;
padding: $base_padding;
border: 2px solid transparent;
transition-duration: 100ms;
text-align: center;
}
// dialogs
%bubble_panel {
color: $fg_color;
background-color: $bg_color;
border: 1px solid if($variant=='light', rgba(0,0,0, 0.6), $borders_color);
color: $fg_color;
background-color: $bg_color;
border: 1px solid if($variant=='light', rgba(0,0,0, 0.6), $borders_color);
// entry
StEntry { @extend %bubble_entry;}
// entry
StEntry { @extend %bubble_entry;}
// button
.button {
background-color: $bg_color;
color: $fg_color;
box-shadow: none;
// button
.button {
background-color: $bg_color;
color: $fg_color;
box-shadow: none;
&, &:hover, &:focus, &:active, &:disabled {
border-color: $bubble_borders_color;
}
&, &:hover, &:focus, &:active, &:disabled {
border-color: $bubble_borders_color;
}
&:hover { background-color: $hover_bg_color;}
&:active {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:disabled { color: $insensitive_fg_color;}
}
&:hover { background-color: $hover_bg_color;}
&:active {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:disabled { color: $insensitive_fg_color;}
}
}
// entries in dialogs
%bubble_entry {
color: $fg_color;
background-color: darken($bg_color, 2%);
border-color: $bubble_borders_color;
box-shadow: none;
&:focus { border: 2px solid $selected_bg_color;}
color: $fg_color;
background-color: darken($bg_color, 2%);
border-color: $bubble_borders_color;
box-shadow: none;
&:focus { border: 2px solid $selected_bg_color;}
}
// buttons in dialogs
%bubble_button {
@include button(normal);
padding: $base_padding * 2;
border-color: $bubble_borders_color;
border-style: solid;
border-width: 0 !important;
border-top-width: 1px !important;
box-shadow:none !important;
@include button(normal);
padding: $base_padding * 2;
border-color: $bubble_borders_color;
border-style: solid;
border-width: 0 !important;
border-top-width: 1px !important;
box-shadow:none !important;
&:insensitive { @include button(insensitive);}
&:hover { @include button(hover);}
&:focus { @include button(focus);}
&:active { @include button(active);}
&:insensitive { @include button(insensitive);}
&:hover { @include button(hover);}
&:focus { @include button(focus);}
&:active { @include button(active);}
// radius is 2 pixel less to fit in bubble
&:first-child {
border-right-width: 1px !important;
border-radius: 0px 0px 0px $modal_radius - 2px;
}
&:last-child {
border-right-width: 0 !important;
border-radius: 0px 0px $modal_radius - 2px 0px;
}
&:first-child:last-child {
border-radius: 0px 0px $modal_radius - 2px $modal_radius - 2px;
}
// radius is 2 pixel less to fit in bubble
&:first-child {
border-right-width: 1px !important;
border-radius: 0px 0px 0px $modal_radius - 2px;
}
&:last-child {
border-right-width: 0 !important;
border-radius: 0px 0px $modal_radius - 2px 0px;
}
&:first-child:last-child {
border-radius: 0px 0px $modal_radius - 2px $modal_radius - 2px;
}
}
// button styling
%button {
border-radius: $base_border_radius;
border-width: 1px;
min-height: 22px;
padding: $base_padding * 0.5 $base_padding * 4;
border-radius: $base_border_radius;
border-width: 1px;
min-height: 22px;
padding: $base_padding * 0.5 $base_padding * 4;
@include button(normal);
&:focus { @include button(focus);}
&:hover { @include button(hover);}
&:insensitive { @include button(insensitive);}
&:active { @include button(active);}
@include button(normal);
&:focus { @include button(focus);}
&:hover { @include button(hover);}
&:insensitive { @include button(insensitive);}
&:active { @include button(active);}
}
// notification styling
%notification_bubble {
border-radius:$base_border_radius + 2px;
padding: 0;
margin: $base_margin;
border-radius:$base_border_radius + 2px;
padding: 0;
margin: $base_margin;
@include button(normal);
@include button(normal);
&:focus,
&:hover {
// margin-top: $base_margin - 1px;
// margin-bottom: $base_margin + 1px;
@include button(hover);
}
&:focus,
&:hover {
// margin-top: $base_margin - 1px;
// margin-bottom: $base_margin + 1px;
@include button(hover);
}
&:active {
@include button(active);
// margin: $base_margin;
}
&:active {
@include button(active);
// margin: $base_margin;
}
}

218
data/theme/gnome-shell-sass/_drawing.scss
View File

@ -4,23 +4,23 @@
@function draw_widget_edge($c:$borders_edge) {
// outer highlight "used" on most widgets
@return 0 1px $c;
@return 0 1px $c;
}
// provide font size in rem, with px fallback
@mixin fontsize($size: 24, $base: 16) {
font-size: round($size) + pt;
//font-size: ($size / $base) * 1rem;
font-size: round($size) + pt;
//font-size: ($size / $base) * 1rem;
}
@mixin draw_shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {
//
// Helper function to stack up to 4 box-shadows;
//
@if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; }
@else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; }
@else if $shadow2!=none { box-shadow: $shadow1, $shadow2; }
@else { box-shadow: $shadow1; }
@if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; }
@else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; }
@else if $shadow2!=none { box-shadow: $shadow1, $shadow2; }
@else { box-shadow: $shadow1; }
}
// entries
@ -37,31 +37,31 @@
// normal, focus, insensitive
//
@if $t==normal {
background-color: $base_color;
border-color: $borders_color;
@if $t==normal {
background-color: $base_color;
border-color: $borders_color;
}
@if $t==focus {
border-color: if($fc==$selected_bg_color,
$selected_borders_color,
darken($fc,35%));
}
@if $t==hover { }
@if $t==insensitive {
color: $insensitive_fg_color;
border-color: $insensitive_bg_color;
box-shadow: none;
}
}
@if $t==focus {
border-color: if($fc==$selected_bg_color,
$selected_borders_color,
darken($fc,35%));
}
@if $t==hover { }
@if $t==insensitive {
color: $insensitive_fg_color;
border-color: $insensitive_bg_color;
box-shadow: none;
}
}
// buttons
@function draw_border_color ($c) {
//
// colored buttons want the border form the base color
//
@return if($variant == 'light', darken($c, 18%), darken($c, 4%));
//
// colored buttons want the border form the base color
//
@return if($variant == 'light', darken($c, 18%), darken($c, 4%));
}
@function draw_text_shadow_color ($tc:$fg_color, $bg:$bg_color) {
@ -71,9 +71,9 @@
// $tc is the text color
// $bg is the background color
//
$lbg: lightness($bg)/100%;
@if lightness($tc)<50% { @return rgba(255,255,255,$lbg/($lbg*1.3)); }
@else { @return rgba(0,0,0,1-$lbg*0.8); }
$lbg: lightness($bg)/100%;
@if lightness($tc)<50% { @return rgba(255,255,255,$lbg/($lbg*1.3)); }
@else { @return rgba(0,0,0,1-$lbg*0.8); }
}
@function draw_button_hilight_color($c) {
@ -82,11 +82,11 @@
//
// $c: base color;
//
@if lightness($c)>90% { @return white; }
@else if lightness($c)>80% { @return rgba(255,255,255, 0.7); }
@else if lightness($c)>50% { @return rgba(255,255,255, 0.5); }
@else if lightness($c)>40% { @return rgba(255,255,255, 0.3); }
@else { @return rgba(255,255,255, 0.1); }
@if lightness($c)>90% { @return white; }
@else if lightness($c)>80% { @return rgba(255,255,255, 0.7); }
@else if lightness($c)>50% { @return rgba(255,255,255, 0.5); }
@else if lightness($c)>40% { @return rgba(255,255,255, 0.3); }
@else { @return rgba(255,255,255, 0.1); }
}
@mixin draw_button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
@ -98,16 +98,16 @@
// TODO: this functions needs a way to deal with special cases
//
$shadow: draw_text_shadow_color($tc, $bg);
$shadow: draw_text_shadow_color($tc, $bg);
@if lightness($tc)<50% {
text-shadow: 0 1px $shadow;
icon-shadow: 0 1px $shadow;
}
@else {
text-shadow: 0 -1px $shadow;
icon-shadow: 0 -1px $shadow;
}
@if lightness($tc)<50% {
text-shadow: 0 1px $shadow;
icon-shadow: 0 1px $shadow;
}
@else {
text-shadow: 0 -1px $shadow;
icon-shadow: 0 -1px $shadow;
}
}
@mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: $borders_edge) {
@ -126,75 +126,75 @@
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
//
$hilight_color: draw_button_hilight_color($c);
$button_edge: if($edge == none, none, draw_widget_edge($edge));
$blank_edge: if($edge == none, none, draw_widget_edge(transparentize($edge,1)));
$hilight_color: draw_button_hilight_color($c);
$button_edge: if($edge == none, none, draw_widget_edge($edge));
$blank_edge: if($edge == none, none, draw_widget_edge(transparentize($edge,1)));
// normal button
@if $t==normal {
color: $tc;
background-color: lighten($c, 3%) !important;
border-width: 1px;
border-style: solid;
border-color: draw_border_color($c);
@include draw_shadows(0 1px 1px 0 $shadow_color);
// box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
text-shadow: 0 1px $text_shadow_color;
icon-shadow: 0 1px $text_shadow_color;
}
// normal button
@if $t==normal {
color: $tc;
background-color: lighten($c, 3%) !important;
border-width: 1px;
border-style: solid;
border-color: draw_border_color($c);
@include draw_shadows(0 1px 1px 0 $shadow_color);
// box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
text-shadow: 0 1px $text_shadow_color;
icon-shadow: 0 1px $text_shadow_color;
}
// focused button
@if $t==focus {
color: $tc;
text-shadow: 0 1px $text_shadow_color;
icon-shadow: 0 1px $text_shadow_color;
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.7);
//border-color: $selected_bg_color;
}
// focused button
@if $t==focus {
color: $tc;
text-shadow: 0 1px $text_shadow_color;
icon-shadow: 0 1px $text_shadow_color;
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.7);
//border-color: $selected_bg_color;
}
// hover osd button
@else if $t==hover {
color: $tc;
background-color: lighten($c, if($variant == 'light', 8%, 5%)) !important;
border-width: 1px;
border-style: solid;
border-color: if($variant == 'light', draw_border_color(lighten($c, 7%)), draw_border_color($c));
@include draw_shadows(0 1px 1px 0 $shadow_color);
text-shadow: 0 1px $text_shadow_color;
icon-shadow: 0 1px $text_shadow_color;
}
// hover osd button
@else if $t==hover {
color: $tc;
background-color: lighten($c, if($variant == 'light', 8%, 5%)) !important;
border-width: 1px;
border-style: solid;
border-color: if($variant == 'light', draw_border_color(lighten($c, 7%)), draw_border_color($c));
@include draw_shadows(0 1px 1px 0 $shadow_color);
text-shadow: 0 1px $text_shadow_color;
icon-shadow: 0 1px $text_shadow_color;
}
// active osd button
@else if $t==active {
color: $tc;
background-color: darken($c,3%) !important;
border-width: 1px;
border-style: solid;
border-color: draw_border_color(if($variant == 'light', $c, darken($c,7%)));
text-shadow: none;
icon-shadow: none;
box-shadow: none;
}
// active osd button
@else if $t==active {
color: $tc;
background-color: darken($c,3%) !important;
border-width: 1px;
border-style: solid;
border-color: draw_border_color(if($variant == 'light', $c, darken($c,7%)));
text-shadow: none;
icon-shadow: none;
box-shadow: none;
}
// insensitive button
@else if $t==insensitive {
color: $insensitive_fg_color;
border-width: 1px;
border-style: solid;
border-color: $insensitive_borders_color;
background-color: $insensitive_bg_color !important;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
// insensitive button
@else if $t==insensitive {
color: $insensitive_fg_color;
border-width: 1px;
border-style: solid;
border-color: $insensitive_borders_color;
background-color: $insensitive_bg_color !important;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
// reset
@else if $t==undecorated {
border-color: transparent;
background-color: transparent;
background-image: none;
@include draw_shadows(inset 0 1px rgba(255,255,255,0),$blank_edge);
text-shadow: none;
icon-shadow: none;
}
}
// reset
@else if $t==undecorated {
border-color: transparent;
background-color: transparent;
background-image: none;
@include draw_shadows(inset 0 1px rgba(255,255,255,0),$blank_edge);
text-shadow: none;
icon-shadow: none;
}
}

224
data/theme/gnome-shell-sass/widgets/_app-grid.scss
View File

@ -5,13 +5,13 @@ $app_icon_padding: 20px;
// app icons
.icon-grid {
spacing: 30px;
-shell-grid-horizontal-item-size: $app_icon_size + $app_icon_padding * 2;
-shell-grid-vertical-item-size: $app_icon_size + $app_icon_padding * 2;
spacing: 30px;
-shell-grid-horizontal-item-size: $app_icon_size + $app_icon_padding * 2;
-shell-grid-vertical-item-size: $app_icon_size + $app_icon_padding * 2;
.overview-icon {
icon-size: $app_icon_size;
}
.overview-icon {
icon-size: $app_icon_size;
}
}
//.app-display { spacing: 20px; }
@ -22,135 +22,135 @@ $app_grid_fg_color: #fff;
// Outline for low res icons
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0,0,0,0.3);
icon-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
// Dropshadow for large icons
.icon-dropshadow {
icon-shadow: 0 1px 2px rgba(0,0,0,0.4);
icon-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
// Icon tiles in the app grid
.app-well-app,
.app-folder {
.overview-icon {
@extend %icon_tile;
color: $app_grid_fg_color !important;
}
.overview-icon {
@extend %icon_tile;
color: $app_grid_fg_color !important;
}
&:hover,
&:selected {
.overview-icon {
background-color: transparentize($osd_bg_color,0.7);
color: $app_grid_fg_color;
}
}
&:hover,
&:selected {
.overview-icon {
background-color: transparentize($osd_bg_color,0.7);
color: $app_grid_fg_color;
}
}
&:hover .overview-icon,
&:focus .overview-icon,
&:selected .overview-icon {
background-color: transparentize($osd_fg_color,0.9);
color: $osd_fg_color;
}
&:hover .overview-icon,
&:focus .overview-icon,
&:selected .overview-icon {
background-color: transparentize($osd_fg_color,0.9);
color: $osd_fg_color;
}
&:focus {
.overview-icon {
background-color: transparentize($osd_fg_color,0.7 );
// border-color: $selected_bg_color;
color: $app_grid_fg_color;
}
}
&:focus {
.overview-icon {
background-color: transparentize($osd_fg_color,0.7 );
// border-color: $selected_bg_color;
color: $app_grid_fg_color;
}
}
&:drop {
.overview-icon {
background-color: transparentize($selected_bg_color,.15);
}
}
&:drop {
.overview-icon {
background-color: transparentize($selected_bg_color,.15);
}
}
&:active,
&:checked {
.overview-icon {
background-color: transparentize(darken($osd_bg_color,10%), 0.5);
}
}
&:active,
&:checked {
.overview-icon {
background-color: transparentize(darken($osd_bg_color,10%), 0.5);
}
}
}
/* App Folders */
.app-folder {
.overview-icon {
@extend %icon_tile;
}
.overview-icon {
@extend %icon_tile;
}
}
//expanded folder
.app-folder-popup {
-arrow-border-radius: 8px;
-arrow-background-color: transparentize(darken($osd_bg_color,10%), 0.5);
-arrow-base: 24px;
-arrow-rise: 11px;
-arrow-border-radius: 8px;
-arrow-background-color: transparentize(darken($osd_bg_color,10%), 0.5);
-arrow-base: 24px;
-arrow-rise: 11px;
}
.app-folder-popup-bin { padding: 5px; }
.app-folder-icon {
padding: $base_padding;
spacing-rows: $base_spacing;
spacing-columns: $base_spacing;
padding: $base_padding;
spacing-rows: $base_spacing;
spacing-columns: $base_spacing;
}
// Running app indicator (also shown in dash)
.app-well-app-running-dot {
height: 5px;
width: 5px;
border-radius:5px;
background-color: $osd_fg_color;
margin-bottom: 1px;
height: 5px;
width: 5px;
border-radius:5px;
background-color: $osd_fg_color;
margin-bottom: 1px;
}
// Rename popup for app folders
.rename-folder-popup {
.rename-folder-popup-item {
spacing: $base_spacing;
&:ltr, &:rtl { padding: 0, $base_padding * 2; }
}
.rename-folder-popup-item {
spacing: $base_spacing;
&:ltr, &:rtl { padding: 0, $base_padding * 2; }
}
}
// right-click app menu
.app-menu,
.app-well-menu {
max-width: 27.25em;
max-width: 27.25em;
}
// App Grid pagination indicators
.page-indicator {
padding: 15px 20px;
padding: 15px 20px;
.page-indicator-icon {
width: 12px;
height: 12px;
background-color: transparent;
border: 2px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
}
.page-indicator-icon {
width: 12px;
height: 12px;
background-color: transparent;
border: 2px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
}
&:hover .page-indicator-icon { border-color: white; }
&:active .page-indicator-icon { border: none; margin: 2px; background-color: white; }
&:checked .page-indicator-icon,
&:checked:active .page-indicator-icon { background-color: white;}
&:hover .page-indicator-icon { border-color: white; }
&:active .page-indicator-icon { border: none; margin: 2px; background-color: white; }
&:checked .page-indicator-icon,
&:checked:active .page-indicator-icon { background-color: white;}
}
// Some hacks I don't even know
.all-apps,
.frequent-apps > StBoxLayout {
// horizontal padding to make sure scrollbars or dash don't overlap content
padding: 0px 88px 10px 88px;
// horizontal padding to make sure scrollbars or dash don't overlap content
padding: 0px 88px 10px 88px;
}
.app-well-app > .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: $base_spacing;
padding: 10px 8px 5px 8px;
spacing: $base_spacing;
}
// Label when no frequent apps
@ -158,52 +158,52 @@ $app_grid_fg_color: #fff;
// shutdown and other actions in the grid
.system-action-icon {
background-color: rgba(0,0,0,0.8);
color: #fff;
border-radius: 50%;
icon-size: $app_icon_size * 0.5;
background-color: rgba(0,0,0,0.8);
color: #fff;
border-radius: 50%;
icon-size: $app_icon_size * 0.5;
}
/* Frequent | All toggle */
// container
.app-view-controls {
padding-bottom: 32px;
padding-bottom: 32px;
}
// buttons
.app-view-control {
padding: 4px 32px;
margin: 0;
background-color: transparentize($osd_bg_color, 0.5);
border-width: 1px;
color: darken($osd_fg_color, 25%);
padding: 4px 32px;
margin: 0;
background-color: transparentize($osd_bg_color, 0.5);
border-width: 1px;
color: darken($osd_fg_color, 25%);
&:hover {
background-color: transparentize($osd_bg_color, 0.5) !important;
box-shadow:none !important;
color: darken($osd_fg_color, 25%);
}
&:hover {
background-color: transparentize($osd_bg_color, 0.5) !important;
box-shadow:none !important;
color: darken($osd_fg_color, 25%);
}
&:active {
box-shadow: inset 0 -2px 0 0 $osd_fg_color;
background-color: transparentize($selected_bg_color, 0.5) !important;
font-weight: bold;
}
&:active {
box-shadow: inset 0 -2px 0 0 $osd_fg_color;
background-color: transparentize($selected_bg_color, 0.5) !important;
font-weight: bold;
}
&:checked {
background-color: transparentize(lighten($osd_bg_color, 20%), 0.5);
color: $osd_fg_color;
box-shadow: none;
font-weight: bold;
}
&:checked {
background-color: transparentize(lighten($osd_bg_color, 20%), 0.5);
color: $osd_fg_color;
box-shadow: none;
font-weight: bold;
}
&:first-child {
border-right-width: 0 !important;
border-radius: $base_border_radius 0 0 $base_border_radius;
}
&:first-child {
border-right-width: 0 !important;
border-radius: $base_border_radius 0 0 $base_border_radius;
}
&:last-child {
border-radius: 0 $base_border_radius $base_border_radius 0;
}
&:last-child {
border-radius: 0 $base_border_radius $base_border_radius 0;
}
}

74
data/theme/gnome-shell-sass/widgets/_app-switcher.scss
View File

@ -1,55 +1,55 @@
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: $base_spacing * 4;
padding: 8px;
spacing: $base_spacing * 4;
}
// switcher onscreen panel
.switcher-list {
@extend %osd_panel;
@extend %osd_panel;
.item-box {
padding: 8px;
border-radius: $base_border_radius + 1px;
border: 1px solid transparent;
.item-box {
padding: 8px;
border-radius: $base_border_radius + 1px;
border: 1px solid transparent;
&:outlined {
border: 1px solid darken($borders_color,5%);
background-color: transparentize($osd_fg_color, 0.9);
box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.4);
}
&:outlined {
border: 1px solid darken($borders_color,5%);
background-color: transparentize($osd_fg_color, 0.9);
box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.4);
}
&:selected {
background-color: transparentize($osd_fg_color, 0.9);
color: $osd_fg_color;
}
}
&:selected {
background-color: transparentize($osd_fg_color, 0.9);
color: $osd_fg_color;
}
}
// window thumbnails
.thumbnail-box {
padding: 2px;
spacing: $base_spacing;
}
// window thumbnails
.thumbnail-box {
padding: 2px;
spacing: $base_spacing;
}
.thumbnail {
width: 256px;
}
.thumbnail {
width: 256px;
}
.separator {
width: 1px;
background: $borders_color;
}
.separator {
width: 1px;
background: $borders_color;
}
.switcher-list-item-container {
spacing: $base_spacing * 2;
}
.switcher-list-item-container {
spacing: $base_spacing * 2;
}
}
.switcher-arrow {
border-color: rgba(0,0,0,0);
color: transparentize($fg_color,0.2);
&:highlighted {
color: $fg_color;
}
border-color: rgba(0,0,0,0);
color: transparentize($fg_color,0.2);
&:highlighted {
color: $fg_color;
}
}

2
data/theme/gnome-shell-sass/widgets/_buttons.scss
View File

@ -1,5 +1,5 @@
/* Buttons */
.button {
@extend %button; // that's it
@extend %button; // that's it
}

414
data/theme/gnome-shell-sass/widgets/_calendar.scss
View File

@ -2,267 +2,267 @@
// overall menu
#calendarArea {
padding:0;
margin:0;
padding:0;
margin:0;
}
// Calendar menu side column
.datemenu-calendar-column {
spacing: 0;
border: 0 solid $bubble_borders_color;
padding: $base_padding + $base_margin;
padding-bottom: 3em; // account for the notifications clear button
padding-top:0;
spacing: 0;
border: 0 solid $bubble_borders_color;
padding: $base_padding + $base_margin;
padding-bottom: 3em; // account for the notifications clear button
padding-top:0;
&:ltr { border-left-width: 1px; }
&:rtl { border-right-width: 1px; }
&:ltr { border-left-width: 1px; }
&:rtl { border-right-width: 1px; }
// today button (the date)
.datemenu-today-button {
padding: $base_padding * 1.5;
margin: $base_margin;
border: 1px solid transparent;
// today button (the date)
.datemenu-today-button {
padding: $base_padding * 1.5;
margin: $base_margin;
border: 1px solid transparent;
&:focus,
&:hover {
border-radius:$base_border_radius + 2px;
margin-top: $base_margin - 1px;
margin-bottom: $base_margin + 1px;
}
&:focus,
&:hover {
border-radius:$base_border_radius + 2px;
margin-top: $base_margin - 1px;
margin-bottom: $base_margin + 1px;
}
&:hover { @include button(hover);}
&:focus { @include button(focus);}
&:hover { @include button(hover);}
&:focus { @include button(focus);}
&:active {
@include button(active);
margin: $base_margin;
}
&:active {
@include button(active);
margin: $base_margin;
}
// weekday label
.day-label {
font-size: $base_font_size + 1pt;
font-weight: bold;
}
// weekday label
.day-label {
font-size: $base_font_size + 1pt;
font-weight: bold;
}
// date label
.date-label {
font-size: $base_font_size * 1.5;
font-weight: 1000;
}
}
// date label
.date-label {
font-size: $base_font_size * 1.5;
font-weight: 1000;
}
}
// calendar
.calendar {
@extend %notification_bubble;
margin:$base_margin !important;
margin-bottom: $base_padding + $base_margin !important;
padding:$base_padding !important;
// calendar
.calendar {
@extend %notification_bubble;
margin:$base_margin !important;
margin-bottom: $base_padding + $base_margin !important;
padding:$base_padding !important;
// more below for sub-elements
}
// more below for sub-elements
}
.datemenu-displays-section {
margin:0;
}
.datemenu-displays-section {
margin:0;
}
.datemenu-displays-box {
spacing: $base_spacing;
margin:0;
.datemenu-displays-box {
spacing: $base_spacing;
margin:0;
// world clocks and weather
.world-clocks-button,
.weather-button {
@extend %notification_bubble;
padding:$base_padding !important;
}
}
// world clocks and weather
.world-clocks-button,
.weather-button {
@extend %notification_bubble;
padding:$base_padding !important;
}
}
}
.events-section-title {
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
border-radius: 4px;
padding: .4em;
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
border-radius: 4px;
padding: .4em;
}
/* Calendar */
.calendar {
// month
.calendar-month-label {
color: lighten($fg_color,5%);
font-weight: bold;
padding: 8px 0;
&:focus {}
}
// month
.calendar-month-label {
color: lighten($fg_color,5%);
font-weight: bold;
padding: 8px 0;
&:focus {}
}
// prev/next month icons
.calendar-change-month-back StIcon,
.calendar-change-month-forward StIcon {
icon-size: $base_icon_size;
}
// prev/next month icons
.calendar-change-month-back StIcon,
.calendar-change-month-forward StIcon {
icon-size: $base_icon_size;
}
.pager-button {
background-color: transparent;
height: 32px;
width: 32px;
border-radius: $base_border_radius;
&:hover, &:focus { background-color: lighten($hover_bg_color, 5%); }
&:active { background-color: $active_bg_color; }
}
.pager-button {
background-color: transparent;
height: 32px;
width: 32px;
border-radius: $base_border_radius;
&:hover, &:focus { background-color: lighten($hover_bg_color, 5%); }
&:active { background-color: $active_bg_color; }
}
$calendar_day_size: 32px;
$calendar_day_size: 32px;
.calendar-day-base {
font-size: 80%;
text-align: center;
width: $calendar_day_size;
height: $calendar_day_size;
padding: 0;
margin: 2px;
border-radius: $calendar_day_size * 0.5 + 2px;
border: 1px solid transparent; //avoid jumparound due to today
font-feature-settings: "tnum";
&:hover, &:focus { background-color: $hover_bg_color; }
&:active,&:selected {
color: lighten($fg_color,10%);
background-color: darken($bg_color,5%);
}
.calendar-day-base {
font-size: 80%;
text-align: center;
width: $calendar_day_size;
height: $calendar_day_size;
padding: 0;
margin: 2px;
border-radius: $calendar_day_size * 0.5 + 2px;
border: 1px solid transparent; //avoid jumparound due to today
font-feature-settings: "tnum";
&:hover, &:focus { background-color: $hover_bg_color; }
&:active,&:selected {
color: lighten($fg_color,10%);
background-color: darken($bg_color,5%);
}
// day of week heading
&.calendar-day-heading {
color: lighten($fg_color,10%);
margin-top: 1em;
font-size: 70%;
}
}
.calendar-day { //border collapse hack - see calendar.js
border-width: 0;
}
// day of week heading
&.calendar-day-heading {
color: lighten($fg_color,10%);
margin-top: 1em;
font-size: 70%;
}
}
.calendar-day { //border collapse hack - see calendar.js
border-width: 0;
}
.calendar-day-top {
border-top-width: 1px;
}
.calendar-day-top {
border-top-width: 1px;
}
.calendar-day-left { border-left-width: 1px; }
.calendar-work-day {}
.calendar-nonwork-day {
color: $insensitive_fg_color;
}
.calendar-day-left { border-left-width: 1px; }
.calendar-work-day {}
.calendar-nonwork-day {
color: $insensitive_fg_color;
}
// Today
.calendar-today {
font-weight: bold;
border: 1px solid transparent;
background-color: $selected_bg_color;
color: $selected_fg_color;
// Today
.calendar-today {
font-weight: bold;
border: 1px solid transparent;
background-color: $selected_bg_color;
color: $selected_fg_color;
&:hover,&:focus {
background-color:lighten($selected_bg_color, 3%);
color: $selected_fg_color;
}
&:hover,&:focus {
background-color:lighten($selected_bg_color, 3%);
color: $selected_fg_color;
}
&:active,&:selected {
background-color: $selected_bg_color;
color: $selected_fg_color;
&:hover,&:focus {
background-color:lighten($selected_bg_color, 3%);
color: $selected_fg_color;
}
}
&:active,&:selected {
background-color: $selected_bg_color;
color: $selected_fg_color;
&:hover,&:focus {
background-color:lighten($selected_bg_color, 3%);
color: $selected_fg_color;
}
}
}
.calendar-day-with-events {
color: lighten($fg_color,10%);
font-weight: bold;
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
}
}
.calendar-day-with-events {
color: lighten($fg_color,10%);
font-weight: bold;
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
}
.calendar-other-month-day {
color: transparentize($fg_color ,0.5);
opacity: 0.5;
}
.calendar-other-month-day {
color: transparentize($fg_color ,0.5);
opacity: 0.5;
}
.calendar-week-number {
font-size: 70%;
font-weight: bold;
height: 1.8em;
width: 2.3em;
border-radius: 2px;
padding: 0.5em 0 0;
margin: 6px;
background-color: darken($bg_color, 2%);
color: lighten($fg_color, 5%);
}
.calendar-week-number {
font-size: 70%;
font-weight: bold;
height: 1.8em;
width: 2.3em;
border-radius: 2px;
padding: 0.5em 0 0;
margin: 6px;
background-color: darken($bg_color, 2%);
color: lighten($fg_color, 5%);
}
}
/* Weather */
.weather-box {
spacing: $base_spacing;
padding:$base_padding;
spacing: $base_spacing;
padding:$base_padding;
.weather-header {
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
&.location {
font-weight: normal;
font-size: $base_font_size - 1pt;
}
}
.weather-header {
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
&.location {
font-weight: normal;
font-size: $base_font_size - 1pt;
}
}
.weather-grid {
margin-top: $base_margin;
spacing-rows: $base_spacing;
spacing-columns: $base_spacing * 2;
}
.weather-grid {
margin-top: $base_margin;
spacing-rows: $base_spacing;
spacing-columns: $base_spacing * 2;
}
.weather-forecast-icon {
icon-size: $base_icon_size * 2;
}
.weather-forecast-icon {
icon-size: $base_icon_size * 2;
}
.weather-forecast-time {
color: darken($fg_color,30%);
font-feature-settings: "tnum";
font-size: $base_font_size - 2pt;
font-weight: normal;
}
.weather-forecast-time {
color: darken($fg_color,30%);
font-feature-settings: "tnum";
font-size: $base_font_size - 2pt;
font-weight: normal;
}
}
/* World clocks */
.world-clocks-grid {
padding:$base_padding;
spacing-rows: $base_spacing;
spacing-columns: $base_spacing * 2;
padding:$base_padding;
spacing-rows: $base_spacing;
spacing-columns: $base_spacing * 2;
// title
.world-clocks-header {
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
}
// title
.world-clocks-header {
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
}
// city label
.world-clocks-city {
color: $fg_color;
font-size: $base_font_size;
font-weight: normal;
}
// city label
.world-clocks-city {
color: $fg_color;
font-size: $base_font_size;
font-weight: normal;
}
// timezone time
.world-clocks-time {
font-weight: bold;
color: $fg_color;
font-feature-settings: "lnum";
font-size: $base_font_size;
text-align:right;
}
// timezone time
.world-clocks-time {
font-weight: bold;
color: $fg_color;
font-feature-settings: "lnum";
font-size: $base_font_size;
text-align:right;
}
// timezone offset label
.world-clocks-timezone {
color: darken($fg_color,20%);
font-feature-settings: "tnum";
font-size: $base_font_size - 1pt;
}
// timezone offset label
.world-clocks-timezone {
color: darken($fg_color,20%);
font-feature-settings: "tnum";
font-size: $base_font_size - 1pt;
}
}

18
data/theme/gnome-shell-sass/widgets/_check-box.scss
View File

@ -6,13 +6,13 @@ $check_width: 24px;
.check-box {
StBoxLayout { spacing: .8em; }
StBin {
width: $check_width;
height: $check_height;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg");
}
&:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
&:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
&:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
StBoxLayout { spacing: .8em; }
StBin {
width: $check_width;
height: $check_height;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg");
}
&:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
&:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
&:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
}

26
data/theme/gnome-shell-sass/widgets/_corner-ripple.scss
View File

@ -3,22 +3,22 @@
$ripple_size: 50px;
.ripple-box {
background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
// plus + 2px for the border (box-shadow)
width: $ripple_size + 2px;
height: $ripple_size + 2px;
border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve
background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
// plus + 2px for the border (box-shadow)
width: $ripple_size + 2px;
height: $ripple_size + 2px;
border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve
// just a simple change to the border radius position
&:rtl { border-radius: 0 0 0 $ripple_size + 2px; }
// just a simple change to the border radius position
&:rtl { border-radius: 0 0 0 $ripple_size + 2px; }
}
// Pointer location
.ripple-pointer-location {
width: $ripple_size;
height: $ripple_size;
border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve
background-color: lighten(transparentize($selected_bg_color, 0.7), 30%);
box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
width: $ripple_size;
height: $ripple_size;
border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve
background-color: lighten(transparentize($selected_bg_color, 0.7), 30%);
box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
}

112
data/theme/gnome-shell-sass/widgets/_dash.scss
View File

@ -4,81 +4,81 @@ $dash_placeholder_size: 32px;
$dash_border_radius: $modal_radius * 1.5;
#dash {
@extend %overview_panel;
font-size: $base_font_size - 2pt;
padding: 0;
padding-bottom: $base_padding + 4px;
@extend %overview_panel;
font-size: $base_font_size - 2pt;
padding: 0;
padding-bottom: $base_padding + 4px;
//fixme: can't have non uniform borders :(
border-radius: 0 $dash_border_radius $dash_border_radius 0;
border-left-width: 0 !important;
&:rtl {
border-radius: $dash_border_radius 0 0 $dash_border_radius;
border-right-width: 0 !important;
}
//fixme: can't have non uniform borders :(
border-radius: 0 $dash_border_radius $dash_border_radius 0;
border-left-width: 0 !important;
&:rtl {
border-radius: $dash_border_radius 0 0 $dash_border_radius;
border-right-width: 0 !important;
}
.placeholder {
// background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
background-image:none;
background-size: contain;
height: $dash_placeholder_size;
}
.placeholder {
// background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
background-image:none;
background-size: contain;
height: $dash_placeholder_size;
}
.empty-dash-drop-target {
width: $dash_placeholder_size;
height: $dash_placeholder_size;
}
.empty-dash-drop-target {
width: $dash_placeholder_size;
height: $dash_placeholder_size;
}
}
// Dash Items
.dash-item-container > StWidget {
padding: $base_padding + 4px;
padding-bottom: 0;
padding: $base_padding + 4px;
padding-bottom: 0;
}
// OSD Tooltip
.dash-label {
background-color: transparentize($osd_bg_color,0.05);
border-radius: $base_border_radius + 2px;
border:none;
box-shadow:0 0 0 1px $osd_outer_borders_color;
color: $osd_fg_color;
padding: $base_padding $base_padding + 2px;
text-align: center;
margin-top: $base_margin + 4px;
-x-offset: $base_margin * 2; // distance from the dash edge
background-color: transparentize($osd_bg_color,0.05);
border-radius: $base_border_radius + 2px;
border:none;
box-shadow:0 0 0 1px $osd_outer_borders_color;
color: $osd_fg_color;
padding: $base_padding $base_padding + 2px;
text-align: center;
margin-top: $base_margin + 4px;
-x-offset: $base_margin * 2; // distance from the dash edge
}
// Show apps button
.show-apps {
background-color: transparent;
color: $osd_fg_color;
background-color: transparent;
color: $osd_fg_color;
& .overview-icon {
@extend %icon_tile;
color: $osd_fg_color;
}
& .overview-icon {
@extend %icon_tile;
color: $osd_fg_color;
}
&:hover .overview-icon,
&:focus .overview-icon,
&:selected .overview-icon {
background-color: transparentize($osd_fg_color,0.9);
color: $osd_fg_color;
}
&:hover .overview-icon,
&:focus .overview-icon,
&:selected .overview-icon {
background-color: transparentize($osd_fg_color,0.9);
color: $osd_fg_color;
}
&:drop .overview-icon {
background-color: transparentize($selected_bg_color,.15);
}
&:drop .overview-icon {
background-color: transparentize($selected_bg_color,.15);
}
&:active .overview-icon,
&:checked .overview-icon {
background-color: darken($osd_bg_color,10%);
}
&:active .overview-icon,
&:checked .overview-icon {
background-color: darken($osd_bg_color,10%);
}
&:checked .show-apps-icon,
&:focus .show-apps-icon {
color: $fg_color;
transition-duration: 100ms;
}
&:checked .show-apps-icon,
&:focus .show-apps-icon {
color: $fg_color;
transition-duration: 100ms;
}
}

252
data/theme/gnome-shell-sass/widgets/_dialogs.scss
View File

@ -1,280 +1,280 @@
/* Modal Dialogs */
.modal-dialog {
border-radius: $modal_radius;
@extend %bubble_panel;
border-radius: $modal_radius;
@extend %bubble_panel;
.modal-dialog-content-box {
padding: 24px;
}
.modal-dialog-content-box {
padding: 24px;
}
.run-dialog-entry { width: 20em; margin-bottom: 6px; }
.run-dialog-error-box {
padding-top: 16px;
spacing: 6px;
}
.run-dialog-entry { width: 20em; margin-bottom: 6px; }
.run-dialog-error-box {
padding-top: 16px;
spacing: 6px;
}
.run-dialog-button-box { padding-top: 1em; }
.run-dialog-label {
@include fontsize($base_font_size + 1.1);
font-weight: normal;
color: $fg_color;
padding-bottom: .4em;
}
.run-dialog-button-box { padding-top: 1em; }
.run-dialog-label {
@include fontsize($base_font_size + 1.1);
font-weight: normal;
color: $fg_color;
padding-bottom: .4em;
}
}
.mount-dialog-subject,
.end-session-dialog-subject { //this should be a generic header class
@include fontsize($base_font_size * 1.3);
@include fontsize($base_font_size * 1.3);
}
.modal-dialog-linked-button {
@extend %bubble_button;
@extend %bubble_button;
}
/* Message Dialog */
.message-dialog-main-layout {
padding: 12px 20px 0;
spacing: 12px;
padding: 12px 20px 0;
spacing: 12px;
}
.message-dialog-content {
max-width: 28em;
spacing: 20px;
max-width: 28em;
spacing: 20px;
}
.message-dialog-icon {
min-width: $base_icon_size * 3;
icon-size: $base_icon_size * 3;
min-width: $base_icon_size * 3;
icon-size: $base_icon_size * 3;
}
.message-dialog-title {
font-weight: bold;
font-weight: bold;
}
.message-dialog-subtitle {
color: $fg_color;
font-weight: bold;
color: $fg_color;
font-weight: bold;
}
/* ShellMountOperation Dialogs */
.shell-mount-operation-icon {
icon-size: $base_icon_size * 3;
icon-size: $base_icon_size * 3;
}
.mount-dialog {
spacing: 24px;
spacing: 24px;
.message-dialog-title {
padding-top: 10px;
padding-left: 17px;
padding-bottom: 6px;
max-width: 34em;
}
.message-dialog-title {
padding-top: 10px;
padding-left: 17px;
padding-bottom: 6px;
max-width: 34em;
}
.message-dialog-title:rtl {
padding-left: 0px;
padding-right: 17px;
}
.message-dialog-title:rtl {
padding-left: 0px;
padding-right: 17px;
}
.message-dialog-body {
padding-left: 17px;
width: 28em;
}
.message-dialog-body {
padding-left: 17px;
width: 28em;
}
.message-dialog-body:rtl {
padding-left: 0px;
padding-right: 17px;
}
.message-dialog-body:rtl {
padding-left: 0px;
padding-right: 17px;
}
}
.mount-dialog-app-list {
max-height: 200px;
padding-top: 24px;
padding-left: 49px;
padding-right: 32px;
max-height: 200px;
padding-top: 24px;
padding-left: 49px;
padding-right: 32px;
}
.mount-dialog-app-list:rtl {
padding-right: 49px;
padding-left: 32px;
padding-right: 49px;
padding-left: 32px;
}
.mount-dialog-app-list-item {
color: lighten($fg_color,10%);
&:hover { color: $fg_color; }
&:ltr { padding-right: 1em; }
&:rtl { padding-left: 1em; }
color: lighten($fg_color,10%);
&:hover { color: $fg_color; }
&:ltr { padding-right: 1em; }
&:rtl { padding-left: 1em; }
}
.mount-dialog-app-list-item-icon {
&:ltr { padding-right: 17px; }
&:rtl { padding-left: 17px; }
&:ltr { padding-right: 17px; }
&:rtl { padding-left: 17px; }
}
.mount-dialog-app-list-item-name {
font-size: 10pt;
font-size: 10pt;
}
/* Password or Authentication Dialog */
.prompt-dialog {
@extend %bubble_panel;
//this is the width of the entire modal popup
width: 34em;
@extend %bubble_panel;
//this is the width of the entire modal popup
width: 34em;
.message-dialog-main-layout { spacing: 24px; padding: 10px; }
.message-dialog-content { spacing: $base_spacing * 4; }
.message-dialog-title { color: lighten($fg_color,15%); }
.message-dialog-main-layout { spacing: 24px; padding: 10px; }
.message-dialog-content { spacing: $base_spacing * 4; }
.message-dialog-title { color: lighten($fg_color,15%); }
}
.prompt-dialog-description:rtl {
text-align: right;
text-align: right;
}
.prompt-dialog-password-box {
spacing: 1em;
padding-bottom: 1em;
spacing: 1em;
padding-bottom: 1em;
}
.prompt-dialog-error-label {
font-size: 10pt;
color: $warning_color;
padding-bottom: 8px;
font-size: 10pt;
color: $warning_color;
padding-bottom: 8px;
}
.prompt-dialog-info-label {
font-size: 10pt;
padding-bottom: 8px;
font-size: 10pt;
padding-bottom: 8px;
}
.hidden {
color: rgba(0,0,0,0);
color: rgba(0,0,0,0);
}
.prompt-dialog-null-label {
font-size: 10pt;
padding-bottom: 8px;
font-size: 10pt;
padding-bottom: 8px;
}
.prompt-dialog-pim-box {
spacing: 1em;
spacing: 1em;
}
.prompt-dialog-grid {
spacing-rows: 15px;
spacing-columns: 1em;
spacing-rows: 15px;
spacing-columns: 1em;
}
.prompt-dialog-keyfiles-box {
spacing: 1em;
spacing: 1em;
}
.prompt-dialog-button.button {
padding: 8px;
padding: 8px;
}
.prompt-dialog-caps-lock-warning {
@extend .prompt-dialog-error-label;
padding-left: 6.2em;
@extend .prompt-dialog-error-label;
padding-left: 6.2em;
}
/* Polkit Dialog */
.polkit-dialog-user-layout {
padding-left: 10px;
spacing: 10px;
&:rtl {
padding-left: 0px;
padding-right: 10px;
}
padding-left: 10px;
spacing: 10px;
&:rtl {
padding-left: 0px;
padding-right: 10px;
}
}
.polkit-dialog-user-root-label {
color: $warning_color;
color: $warning_color;
}
.polkit-dialog-user-icon {
border-radius: 99px;
background-size: contain;
width: 48px;
height: 48px;
border-radius: 99px;
background-size: contain;
width: 48px;
height: 48px;
}
/* Audio selection dialog */
.audio-device-selection-dialog {
@extend %bubble_panel;
spacing: 30px;
@extend %bubble_panel;
spacing: 30px;
}
.audio-selection-content {
spacing: 20px;
padding: 24px;
spacing: 20px;
padding: 24px;
}
.audio-selection-title {
font-weight: bold;
text-align: center;
font-weight: bold;
text-align: center;
}
.audio-selection-box {
spacing: 20px;
spacing: 20px;
}
.audio-selection-device {
border: 1px solid $bubble_borders_color;
border-radius: 12px;
&:hover,&:focus { background-color: $hover_bg_color; }
&:active {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
border: 1px solid $bubble_borders_color;
border-radius: 12px;
&:hover,&:focus { background-color: $hover_bg_color; }
&:active {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
.audio-selection-device-box {
padding: 20px;
spacing: 20px;
padding: 20px;
spacing: 20px;
}
.audio-selection-device-icon {
icon-size: $base_icon_size * 4;
icon-size: $base_icon_size * 4;
}
/* Access Dialog */
.access-dialog {
@extend %bubble_panel;
spacing: 30px;
@extend %bubble_panel;
spacing: 30px;
}
/* Geolocation Dialog */
.geolocation-dialog {
@extend %bubble_panel;
spacing: 30px;
@extend %bubble_panel;
spacing: 30px;
}
/* Extension Dialog */
.extension-dialog {
@extend %bubble_panel;
.message-dialog-main-layout { spacing: 24px; padding: 10px; }
.message-dialog-title { font-weight: normal; color: $fg_color; }
@extend %bubble_panel;
.message-dialog-main-layout { spacing: 24px; padding: 10px; }
.message-dialog-title { font-weight: normal; color: $fg_color; }
}
/* Inhibit-Shortcuts Dialog */
.inhibit-shortcuts-dialog {
@extend %bubble_panel;
spacing: 30px;
@extend %bubble_panel;
spacing: 30px;
}
/* Network Agent Dialog */
.network-dialog-secret-table {
spacing-rows: 15px;
spacing-columns: 1em;
spacing-rows: 15px;
spacing-columns: 1em;
}
.keyring-dialog-control-table {
spacing-rows: 15px;
spacing-columns: 1em;
spacing-rows: 15px;
spacing-columns: 1em;
}

68
data/theme/gnome-shell-sass/widgets/_end-session-dialog.scss
View File

@ -3,78 +3,78 @@
$end_session_dialog_width: 28em;
.end-session-dialog {
spacing: $base_spacing;
border: 1px solid $bubble_borders_color;
spacing: $base_spacing;
border: 1px solid $bubble_borders_color;
}
.end-session-dialog-list {
padding-top: 20px;
padding-top: 20px;
}
.end-session-dialog-layout {
padding-left: 17px;
&:rtl { padding-right: 17px; }
padding-left: 17px;
&:rtl { padding-right: 17px; }
}
.end-session-dialog-description {
width: $end_session_dialog_width;
padding-bottom: 10px;
&:rtl {
text-align: right;
}
width: $end_session_dialog_width;
padding-bottom: 10px;
&:rtl {
text-align: right;
}
}
.end-session-dialog-warning {
width: $end_session_dialog_width;
color: $warning_color;
padding-top: 6px;
&:rtl {
text-align: right;
}
width: $end_session_dialog_width;
color: $warning_color;
padding-top: 6px;
&:rtl {
text-align: right;
}
}
// user profile picture
.end-session-dialog-logout-icon {
border-radius: 99px;
width: $base_icon_size * 3;
height: $base_icon_size * 3;
background-size: contain;
border-radius: 99px;
width: $base_icon_size * 3;
height: $base_icon_size * 3;
background-size: contain;
}
.end-session-dialog-shutdown-icon {
color: $fg_color;
width: $base_icon_size * 3;
height: $base_icon_size * 3;
color: $fg_color;
width: $base_icon_size * 3;
height: $base_icon_size * 3;
}
.end-session-dialog-inhibitor-layout {
spacing: $base_spacing * 4;
max-height: 200px;
padding-right: 65px;
padding-left: 65px;
spacing: $base_spacing * 4;
max-height: 200px;
padding-right: 65px;
padding-left: 65px;
}
.end-session-dialog-session-list,
.end-session-dialog-app-list {
spacing: 1em;
spacing: 1em;
}
.end-session-dialog-list-header {
font-weight: bold;
&:rtl { text-align: right; }
font-weight: bold;
&:rtl { text-align: right; }
}
.end-session-dialog-app-list-item,
.end-session-dialog-session-list-item {
spacing: 1em;
spacing: 1em;
}
.end-session-dialog-app-list-item-name,
.end-session-dialog-session-list-item-name {
font-weight: bold;
font-weight: bold;
}
.end-session-dialog-app-list-item-description {
color: darken($fg_color,5%);
font-size: 10pt;
color: darken($fg_color,5%);
font-size: 10pt;
}

38
data/theme/gnome-shell-sass/widgets/_entries.scss
View File

@ -1,23 +1,23 @@
/* Entries */
StEntry {
border-radius: $base_border_radius;
padding: 4px;
border-width: 1px;
color: $fg_color;
@include entry(normal);
//&:hover { @include entry(hover);}
&:focus { @include entry(focus,$fc:transparentize($fg_color,0.5));}
&:insensitive { @include entry(insensitive);}
selection-background-color: $selected_bg_color;
selected-color: $selected_fg_color;
StIcon.capslock-warning {
icon-size: 16px;
warning-color: $warning_color;
padding: 0 4px;
}
StIcon.peek-password {
icon-size: $base_icon_size;
padding: 0 4px;
}
border-radius: $base_border_radius;
padding: 4px;
border-width: 1px;
color: $fg_color;
@include entry(normal);
//&:hover { @include entry(hover);}
&:focus { @include entry(focus,$fc:transparentize($fg_color,0.5));}
&:insensitive { @include entry(insensitive);}
selection-background-color: $selected_bg_color;
selected-color: $selected_fg_color;
StIcon.capslock-warning {
icon-size: 16px;
warning-color: $warning_color;
padding: 0 4px;
}
StIcon.peek-password {
icon-size: $base_icon_size;
padding: 0 4px;
}
}

38
data/theme/gnome-shell-sass/widgets/_hotplug.scss
View File

@ -1,46 +1,46 @@
// hotplug
.hotplug-transient-box {
spacing: 6px;
padding: 2px 72px 2px 12px;
spacing: 6px;
padding: 2px 72px 2px 12px;
}
.hotplug-notification-item {
@extend %bubble_button;
border: none; box-shadow: none;
padding: 2px 10px;
&:focus { padding: 1px 71px 1px 11px; }
@extend %bubble_button;
border: none; box-shadow: none;
padding: 2px 10px;
&:focus { padding: 1px 71px 1px 11px; }
}
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 2px 5px;
icon-size: 24px;
padding: 2px 5px;
}
.hotplug-resident-box { spacing: $base_spacing * 2; }
.hotplug-resident-mount {
spacing: $base_spacing * 2;
border-radius: 4px;
&:hover { background-color: $hover_bg_color; }
spacing: $base_spacing * 2;
border-radius: 4px;
&:hover { background-color: $hover_bg_color; }
}
.hotplug-resident-mount-label {
color: inherit;
padding-left: 6px;
color: inherit;
padding-left: 6px;
}
.hotplug-resident-mount-icon {
icon-size: 24px;
padding-left: 6px;
icon-size: 24px;
padding-left: 6px;
}
.hotplug-resident-eject-icon {
icon-size: 16px;
icon-size: 16px;
}
.hotplug-resident-eject-button {
padding: 7px;
border-radius: 5px;
color: pink;
padding: 7px;
border-radius: 5px;
color: pink;
}

22
data/theme/gnome-shell-sass/widgets/_ibus-popup.scss
View File

@ -1,28 +1,28 @@
// IBus Candidate Popup
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em;
padding: 0.5em;
spacing: 0.3em;
}
.candidate-index {
padding: 0 0.5em 0 0;
color: darken($fg_color,10%);
padding: 0 0.5em 0 0;
color: darken($fg_color,10%);
}
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
border-radius: $base_border_radius;
&:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
padding: 0.3em 0.5em 0.3em 0.5em;
border-radius: $base_border_radius;
&:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
}
.candidate-page-button-box {
height: 2em;
.vertical & { padding-top: 0.5em; }
.horizontal & { padding-left: 0.5em; }
height: 2em;
.vertical & { padding-top: 0.5em; }
.horizontal & { padding-left: 0.5em; }
}
.candidate-page-button {
padding: 4px;
padding: 4px;
}
.candidate-page-button-previous { border-radius: $base_border_radius 0px 0px $base_border_radius; border-right-width: 0; }

158
data/theme/gnome-shell-sass/widgets/_keyboard.scss
View File

@ -8,118 +8,118 @@ $default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten
// draw keys using button function
%keyboard_key {
@include button(normal, $c:$key_bg_color);
&:focus { @include button(focus);}
&:hover, &:checked { @include button(hover, $c: $key_bg_color);}
&:active { @include button(active, $c: $key_bg_color); }
}
#keyboard {
background-color: transparentize(if($variant=='light', darken($bg_color, 5%), darken($bg_color, 8%)), 0.1);
box-shadow: inset 0 1px 0 0 $osd_outer_borders_color !important;
background-color: transparentize(if($variant=='light', darken($bg_color, 5%), darken($bg_color, 8%)), 0.1);
box-shadow: inset 0 1px 0 0 $osd_outer_borders_color !important;
.page-indicator {
padding: $base_padding;
.page-indicator {
padding: $base_padding;
.page-indicator-icon {
width: 6px;
height: 6px;
&:checked {
background-color:red;
}
}
}
.page-indicator-icon {
width: 6px;
height: 6px;
&:checked {
}
}
}
}
// the container for individual keys
.key-container {
padding: $base_margin;
spacing: $base_margin;
padding: $base_margin;
spacing: $base_margin;
}
// the keys
.keyboard-key {
@extend %keyboard_key;
font-size: $base_font_size + 5pt;
min-height: $key_size;
min-width: $key_size;
border-radius: $key_border_radius;
@include button(normal, $c:$key_bg_color);
&:grayed { //FIXMEy
background-color: darken($bg_color, 3%);
color: $osd_fg_color;
border-color: $osd_borders_color;
}
&:focus { @include button(focus);}
&:hover, &:checked { @include button(hover, $c: $key_bg_color);}
&:active { @include button(active, $c: $key_bg_color); }
// non-character keys
&.default-key {
font-size: $base_font_size + 5pt;
min-height: $key_size;
min-width: $key_size;
// size of the icon asset
background-size: 24px;
border-radius: $key_border_radius;
@include button(normal, $c:$default_key_bg_color);
&:hover, &:checked {@include button(hover, $c: $default_key_bg_color);}
&:active { @include button(active, $c: $default_key_bg_color);}
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) !important; // drawing override because of a visual bug
}
&:grayed { //FIXMEy
background-color: darken($bg_color, 3%);
color: $osd_fg_color;
border-color: $osd_borders_color;
}
// enter key is suggested-action
&.enter-key {
background-image: url("resource:///org/gnome/shell/theme/key-enter.svg");
// non-character keys
&.default-key {
@include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color);
&:hover, &:checked { @include button(hover, $c: lighten($selected_bg_color, 3%));}
&:active {@include button(active, $c: darken($selected_bg_color, 2%));}
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) !important; // drawing override because of a visual bug
}
// size of the icon asset
background-size: 24px;
// key assets
&.shift-key-lowercase {background-image: url("resource:///org/gnome/shell/theme/key-shift.svg");}
&.shift-key-uppercase {background-image: url("resource:///org/gnome/shell/theme/key-shift-uppercase.svg");}
&.shift-key-uppercase:latched {background-image: url("resource:///org/gnome/shell/theme/key-shift-latched-uppercase.svg");}
&.hide-key {background-image: url("resource:///org/gnome/shell/theme/key-hide.svg");}
&.layout-key {background-image: url("resource:///org/gnome/shell/theme/key-layout.svg");}
@include button(normal, $c:$default_key_bg_color);
&:hover, &:checked {@include button(hover, $c: $default_key_bg_color);}
&:active { @include button(active, $c: $default_key_bg_color);}
}
// enter key is suggested-action
&.enter-key {
background-image: url("resource:///org/gnome/shell/theme/key-enter.svg");
@include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color);
&:hover, &:checked { @include button(hover, $c: lighten($selected_bg_color, 3%));}
&:active {@include button(active, $c: darken($selected_bg_color, 2%));}
}
// key assets
&.shift-key-lowercase {background-image: url("resource:///org/gnome/shell/theme/key-shift.svg");}
&.shift-key-uppercase {background-image: url("resource:///org/gnome/shell/theme/key-shift-uppercase.svg");}
&.shift-key-uppercase:latched {background-image: url("resource:///org/gnome/shell/theme/key-shift-latched-uppercase.svg");}
&.hide-key {background-image: url("resource:///org/gnome/shell/theme/key-hide.svg");}
&.layout-key {background-image: url("resource:///org/gnome/shell/theme/key-layout.svg");}
}
// long press on a key popup
.keyboard-subkeys {
color: $osd_fg_color;
-arrow-border-radius: $modal_radius;
-arrow-background-color: $osd_bg_color;
-arrow-border-width: 1px;
-arrow-border-color: lighten($osd_bg_color, 9%);
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: $base_spacing;
color: $osd_fg_color;
-arrow-border-radius: $modal_radius;
-arrow-background-color: $osd_bg_color;
-arrow-border-width: 1px;
-arrow-border-color: lighten($osd_bg_color, 9%);
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: $base_spacing;
.keyboard-key {
@extend %keyboard_key;
border-radius:$base_border_radius;
}
.keyboard-key {
@include button(normal, $c:$key_bg_color);
&:focus { @include button(focus);}
&:hover, &:checked { @include button(hover, $c: $key_bg_color);}
&:active { @include button(active, $c: $key_bg_color); }
border-radius:$base_border_radius;
}
}
// emoji
.emoji-page {
.keyboard-key {
background-color: transparent;
border: none;
color: initial;
}
.keyboard-key {
background-color: transparent;
border: none;
color: initial;
}
}
.emoji-panel {
.keyboard-key:latched {
border-color: lighten($selected_bg_color, 5%);
background-color: $selected_bg_color;
}
.keyboard-key:latched {
border-color: lighten($selected_bg_color, 5%);
background-color: $selected_bg_color;
}
}
// suggestions
.word-suggestions {
font-size: $base_font_size + 3pt;
spacing: 12px;
min-height: 20pt;
font-size: $base_font_size + 3pt;
spacing: 12px;
min-height: 20pt;
}

210
data/theme/gnome-shell-sass/widgets/_login-dialog.scss
View File

@ -1,76 +1,76 @@
/* Login Dialog */
.login-dialog-banner-view {
padding-top: 24px;
max-width: 23em;
padding-top: 24px;
max-width: 23em;
}
.login-dialog {
//reset
border: none;
background-color: transparent;
//reset
border: none;
background-color: transparent;
$_gdm_bg: lighten(#2e3436, 19%);
$_gdm_bg: lighten(#2e3436, 19%);
StEntry {
@extend %search_entry;
border-radius: $base_border_radius;
@if $variant=='dark' {
$_gdm_entry_bg: transparentize(lighten(desaturate(#241f31, 20%), 2%), 0.5);
background-color: $_gdm_entry_bg;
border-color: $_gdm_entry_bg;
color: $osd_fg_color;
}
}
StEntry {
@extend %search_entry;
border-radius: $base_border_radius;
@if $variant=='dark' {
$_gdm_entry_bg: transparentize(lighten(desaturate(#241f31, 20%), 2%), 0.5);
background-color: $_gdm_entry_bg;
border-color: $_gdm_entry_bg;
color: $osd_fg_color;
}
}
.modal-dialog-button-box { spacing: 3px; }
.modal-dialog-button {
padding: 4px 18px;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
background-color: $_gdm_bg;
border-color: $_gdm_bg;
color: $fg_color;
.modal-dialog-button-box { spacing: 3px; }
.modal-dialog-button {
padding: 4px 18px;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
background-color: $_gdm_bg;
border-color: $_gdm_bg;
color: $fg_color;
$_hover_c: lighten($_gdm_bg, 5%);
&:hover, &:focus {
background-color: $_hover_c;
border-color: $_hover_c;
}
&:active {
$_active_c: darken($_gdm_bg, 5%);
box-shadow: none;
background-color: $_active_c;
border-color: $_active_c;
}
&:insensitive {
@include button(insensitive);
border-color: darken($_gdm_bg, 5%);
background-color: darken($_gdm_bg, 5%);
color: transparentize($fg_color, 0.3);
}
&:default {
@include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color);
border-color: $selected_bg_color;
&:hover, &:focus {
@include button(hover,$c:$selected_bg_color, $tc:$selected_fg_color);
$_def_hover_c: lighten($selected_bg_color, 5%);
background-color: $_def_hover_c;
border-color: $_def_hover_c;
}
&:active {
@include button(active,$c:$selected_bg_color, $tc:$selected_fg_color);
$_def_active_c: darken($selected_bg_color, 5%);
background-color: $_def_active_c;
border-color: $_def_active_c;
}
&:insensitive {
@include button(insensitive);
border-color: darken($selected_bg_color, 10%);
background-color: darken($selected_bg_color, 10%);
color: transparentize($selected_fg_color, 0.3);
}
}
}
$_hover_c: lighten($_gdm_bg, 5%);
&:hover, &:focus {
background-color: $_hover_c;
border-color: $_hover_c;
}
&:active {
$_active_c: darken($_gdm_bg, 5%);
box-shadow: none;
background-color: $_active_c;
border-color: $_active_c;
}
&:insensitive {
@include button(insensitive);
border-color: darken($_gdm_bg, 5%);
background-color: darken($_gdm_bg, 5%);
color: transparentize($fg_color, 0.3);
}
&:default {
@include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color);
border-color: $selected_bg_color;
&:hover, &:focus {
@include button(hover,$c:$selected_bg_color, $tc:$selected_fg_color);
$_def_hover_c: lighten($selected_bg_color, 5%);
background-color: $_def_hover_c;
border-color: $_def_hover_c;
}
&:active {
@include button(active,$c:$selected_bg_color, $tc:$selected_fg_color);
$_def_active_c: darken($selected_bg_color, 5%);
background-color: $_def_active_c;
border-color: $_def_active_c;
}
&:insensitive {
@include button(insensitive);
border-color: darken($selected_bg_color, 10%);
background-color: darken($selected_bg_color, 10%);
color: transparentize($selected_fg_color, 0.3);
}
}
}
}
.login-dialog-logo-bin { padding: 24px 0px; }
@ -80,75 +80,75 @@
.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
.login-dialog-user-selection-box { padding: 100px 0px; }
.login-dialog-not-listed-label {
padding-left: 2px;
.login-dialog-not-listed-button:focus &,
.login-dialog-not-listed-button:hover & {
color: $osd_fg_color;
}
padding-left: 2px;
.login-dialog-not-listed-button:focus &,
.login-dialog-not-listed-button:hover & {
color: $osd_fg_color;
}
}
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: darken($osd_fg_color,30%);
padding-top: 1em;
font-size: 90%;
font-weight: bold;
color: darken($osd_fg_color,30%);
padding-top: 1em;
}
.login-dialog-user-list-view { -st-vfade-offset: 1em; }
.login-dialog-user-list {
spacing: 12px;
width: 23em;
&:expanded .login-dialog-user-list-item:selected { background-color: $selected_bg_color; color: $selected_fg_color; }
&:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; }
spacing: 12px;
width: 23em;
&:expanded .login-dialog-user-list-item:selected { background-color: $selected_bg_color; color: $selected_fg_color; }
&:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; }
}
.login-dialog-user-list-item {
border-radius: 5px;
padding: 6px;
color: darken($osd_fg_color,30%);
&:ltr .user-widget { padding-right: 1em; }
&:rtl .user-widget { padding-left: 1em; }
.login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: $osd_fg_color;
}
&:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; }
border-radius: 5px;
padding: 6px;
color: darken($osd_fg_color,30%);
&:ltr .user-widget { padding-right: 1em; }
&:rtl .user-widget { padding-left: 1em; }
.login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: $osd_fg_color;
}
&:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; }
}
.login-dialog-username,
.user-widget-label {
color: $osd_fg_color;
font-size: 120%;
font-weight: bold;
text-align: left;
padding-left: 15px;
color: $osd_fg_color;
font-size: 120%;
font-weight: bold;
text-align: left;
padding-left: 15px;
}
.user-widget-label {
&:ltr { padding-left: 14px; }
&:rtl { padding-right: 14px; }
&:ltr { padding-left: 14px; }
&:rtl { padding-right: 14px; }
}
.login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: $base_spacing * 2;
width: 23em;
padding-top: 24px;
padding-bottom: 12px;
spacing: $base_spacing * 2;
width: 23em;
}
.login-dialog-prompt-label {
color: darken($osd_fg_color, 20%);
font-size: 110%;
padding-top: 1em;
color: darken($osd_fg_color, 20%);
font-size: 110%;
padding-top: 1em;
}
.login-dialog-session-list-button StIcon {
icon-size: 1.25em;
icon-size: 1.25em;
}
.login-dialog-session-list-button {
color: darken($osd_fg_color,30%);
&:hover,&:focus { color: $osd_fg_color; }
&:active { color: darken($osd_fg_color, 50%); }
color: darken($osd_fg_color,30%);
&:hover,&:focus { color: $osd_fg_color; }
&:active { color: darken($osd_fg_color, 50%); }
}

118
data/theme/gnome-shell-sass/widgets/_looking-glass.scss
View File

@ -2,96 +2,96 @@
// Dialog
#LookingGlassDialog {
background-color: $osd_bg_color;
spacing: $base_spacing;
padding: 4px;
border: 2px solid transparentize($osd_fg_color, 0.8);
border-top-width:0;
border-radius: 0 0 $base_border_radius $base_border_radius;
background-color: $osd_bg_color;
spacing: $base_spacing;
padding: 4px;
border: 2px solid transparentize($osd_fg_color, 0.8);
border-top-width:0;
border-radius: 0 0 $base_border_radius $base_border_radius;
& > #Toolbar {
border: none;
border-radius: $base_border_radius;
background-color: darken($osd_bg_color, 10%);
}
& > #Toolbar {
border: none;
border-radius: $base_border_radius;
background-color: darken($osd_bg_color, 10%);
}
.labels { spacing: $base_spacing; }
.notebook-tab {
-natural-hpadding: $base_padding * 2;
-minimum-hpadding: 6px;
font-weight: bold;
color: $fg_color;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em;
&:hover {
color: white;
text-shadow: black 0px 2px 2px;
}
&:selected {
border-bottom-width: 2px;
border-color: lighten($selected_bg_color,5%);
color: white;
text-shadow: black 0px 2px 2px;
}
}
StBoxLayout#EvalBox { padding: 4px; spacing: $base_spacing; }
StBoxLayout#ResultsArea { spacing: $base_spacing; }
.labels { spacing: $base_spacing; }
.notebook-tab {
-natural-hpadding: $base_padding * 2;
-minimum-hpadding: 6px;
font-weight: bold;
color: $fg_color;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em;
&:hover {
color: white;
text-shadow: black 0px 2px 2px;
}
&:selected {
border-bottom-width: 2px;
border-color: lighten($selected_bg_color,5%);
color: white;
text-shadow: black 0px 2px 2px;
}
}
StBoxLayout#EvalBox { padding: 4px; spacing: $base_spacing; }
StBoxLayout#ResultsArea { spacing: $base_spacing; }
}
.lg-dialog {
StEntry {
selection-background-color: #bbbbbb;
selected-color: $osd_bg_color;
}
.shell-link {
color: #999999;
&:hover { color: #dddddd; }
}
StEntry {
selection-background-color: #bbbbbb;
selected-color: $osd_bg_color;
}
.shell-link {
color: #999999;
&:hover { color: #dddddd; }
}
}
.lg-completions-text {
font-size: .9em;
font-style: italic;
font-size: .9em;
font-style: italic;
}
.lg-obj-inspector-title {
spacing: $base_spacing;
spacing: $base_spacing;
}
.lg-obj-inspector-button {
border: 1px solid gray;
padding: 4px;
border-radius: $base_border_radius;
&:hover { border: 1px solid #ffffff; }
border: 1px solid gray;
padding: 4px;
border-radius: $base_border_radius;
&:hover { border: 1px solid #ffffff; }
}
// Extensions
#lookingGlassExtensions { padding: 4px; }
.lg-extensions-list {
padding: 4px;
spacing: 6px;
padding: 4px;
spacing: 6px;
}
.lg-extension {
border: 1px solid $osd_borders_color;
border-radius: $base_border_radius;
padding: 4px;
border: 1px solid $osd_borders_color;
border-radius: $base_border_radius;
padding: 4px;
}
.lg-extension-name {
font-weight: bold;
font-weight: bold;
}
.lg-extension-meta {
spacing: 6px;
spacing: 6px;
}
// Inspector
#LookingGlassPropertyInspector {
background: $osd_bg_color;
border: 1px solid $osd_borders_color;
border-radius: $base_border_radius;
padding: 6px;
background: $osd_bg_color;
border: 1px solid $osd_borders_color;
border-radius: $base_border_radius;
padding: 6px;
}

196
data/theme/gnome-shell-sass/widgets/_message-list.scss
View File

@ -3,143 +3,143 @@
// main list
.message-list {
width: 31.5em;
padding: 0 $base_padding * 2;
width: 31.5em;
padding: 0 $base_padding * 2;
}
.message-list-sections {
margin:0;
spacing: $base_spacing;
margin:0;
spacing: $base_spacing;
}
.message-list-section,
.message-list-section-list {
spacing: $base_spacing;
spacing: $base_spacing;
}
.message-list-section-list {
&:ltr {padding:0;}
&:rtl {padding:0;}
&:ltr {padding:0;}
&:rtl {padding:0;}
}
// clear button
.message-list-clear-button {
margin:$base_margin;
.button {
@extend %button;
}
margin:$base_margin;
.button {
@extend %button;
}
}
// message bubbles
.message {
@extend %notification_bubble;
@extend %notification_bubble;
// title
.message-title {
color: $fg_color;
font-weight: bold;
margin-bottom:4px;
}
// title
.message-title {
color: $fg_color;
font-weight: bold;
margin-bottom:4px;
}
// content
.message-content {
color: darken($fg_color, 10%);
padding: $base_padding 0;
margin:$base_margin * 2;
&:ltr {
margin-left: $base_margin;
padding-right:$base_padding;
}
&:rtl {
margin-right: $base_margin;
padding-left:$base_padding;
}
}
// content
.message-content {
color: darken($fg_color, 10%);
padding: $base_padding 0;
margin:$base_margin * 2;
&:ltr {
margin-left: $base_margin;
padding-right:$base_padding;
}
&:rtl {
margin-right: $base_margin;
padding-left:$base_padding;
}
}
// close button
.message-close-button {
color: lighten($fg_color, 15%);
&:hover { color: darken($fg_color, 10%);}
}
// close button
.message-close-button {
color: lighten($fg_color, 15%);
&:hover { color: darken($fg_color, 10%);}
}
// icon container
.message-icon-bin {
// padding: $base_padding;
margin:$base_padding 0;
// icon container
.message-icon-bin {
padding: $base_padding;
margin:$base_padding 0;
&:rtl {
// padding: $base_padding;
}
&:rtl {
// padding: $base_padding;
}
// icon size and color
> StIcon {
color: $fg_color;
icon-size: $base_icon_size * 2; // 32px
-st-icon-style: symbolic;
// icon size and color
> StIcon {
color: $fg_color;
icon-size: $base_icon_size*2; // 32px
-st-icon-style: symbolic;
padding:0;
margin:$base_padding;
}
padding:0;
margin:$base_padding;
}
// fallback
> .fallback-window-icon {
width: $base_icon_size;
height: $base_icon_size;
}
}
// fallback
> .fallback-window-icon {
width: $base_icon_size;
height: $base_icon_size;
}
}
// secondary container in title box
.message-secondary-bin {
padding: 0;
// secondary container in title box
.message-secondary-bin {
padding: 0;
// notification time stamp
> .event-time {
color: transparentize($fg_color, 0.5);
font-size: 80%;
text-align: right;
margin: 0 $base_margin * 2;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-bottom: $base_padding;
}
}
// notification time stamp
> .event-time {
color: transparentize($fg_color, 0.5);
font-size: 80%;
text-align: right;
margin: 0 $base_margin * 2;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-bottom: $base_padding;
}
}
}
/* Media Controls */
.message-media-control {
padding: $base_padding * 2 $base_padding * 4;
color: darken($fg_color, 15%);
padding: $base_padding * 2 $base_padding * 4;
color: darken($fg_color, 15%);
// uses $hover_bg_color since the media controls are in a notification_bubble
&:hover {
background-color: lighten($hover_bg_color, 5%);
color: $fg_color;
}
// uses $hover_bg_color since the media controls are in a notification_bubble
&:hover {
background-color: lighten($hover_bg_color, 5%);
color: $fg_color;
}
&:active {
background-color: darken($hover_bg_color, 2%);
color: $fg_color;
}
&:active {
background-color: darken($hover_bg_color, 2%);
color: $fg_color;
}
&:insensitive { color: darken($fg_color,40%); }
// fix border-radius for last button on hover
&:last-child:ltr { &:hover {border-radius: 0 $base_border_radius+2 $base_border_radius+2 0;} }
&:last-child:rtl { &:hover {border-radius: $base_border_radius+2 0 0 $base_border_radius+2;} }
&:insensitive { color: darken($fg_color,40%); }
// fix border-radius for last button on hover
&:last-child:ltr { &:hover {border-radius: 0 $base_border_radius+2 $base_border_radius+2 0;} }
&:last-child:rtl { &:hover {border-radius: $base_border_radius+2 0 0 $base_border_radius+2;} }
}
// album-art
.media-message-cover-icon {
icon-size: $base_icon_size * 2 !important; // 48px
border-radius: $base_border_radius;
icon-size: $base_icon_size*2 !important; // 48px
border-radius: $base_border_radius;
// when there is no artwork
&.fallback {
color: darken($fg_color, 17%);
background-color: $bg_color;
border: 1px solid transparent;
border-radius: $base_border_radius;
icon-size: $base_icon_size * 2 !important;
padding: $base_padding * 2;
}
// when there is no artwork
&.fallback {
color: darken($fg_color, 17%);
background-color: $bg_color;
border: 1px solid transparent;
border-radius: $base_border_radius;
icon-size: $base_icon_size * 2 !important;
padding: $base_padding * 2;
}
}

42
data/theme/gnome-shell-sass/widgets/_misc.scss
View File

@ -1,52 +1,52 @@
// Links/URLs
.shell-link {
color: $link_color;
&:hover { color: lighten($link_color,10%); }
color: $link_color;
&:hover { color: lighten($link_color,10%); }
}
.url-highlighter { link-color: $link_color; }
// Rubberband for select-area screenshots
.select-area-rubberband {
background-color: transparentize($selected_bg_color,0.7);
border: 1px solid $selected_bg_color;
background-color: transparentize($selected_bg_color,0.7);
border: 1px solid $selected_bg_color;
}
// Pointer accessibility notifications
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: $selected_bg_color;
-pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: $selected_bg_color;
-pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
}
// Screen zoom/Magnifier
.magnifier-zoom-region {
border: 2px solid $selected_bg_color;
&.full-screen { border-width: 0; }
border: 2px solid $selected_bg_color;
&.full-screen { border-width: 0; }
}
// User icon
.user-icon {
background-size: contain;
color: $osd_fg_color;
border-radius: 99px;
&:hover {
color: lighten($osd_fg_color,30%);
}
background-size: contain;
color: $osd_fg_color;
border-radius: 99px;
&:hover {
color: lighten($osd_fg_color,30%);
}
}
// Input Source Switcher
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px;
font-size: 34pt;
width: 96px;
height: 96px;
}
// Window cycler highlight
.cycler-highlight {
border: 5px solid $selected_bg_color;
border: 5px solid $selected_bg_color;
}

42
data/theme/gnome-shell-sass/widgets/_network-dialog.scss
View File

@ -1,51 +1,51 @@
/* Network Dialogs */
.nm-dialog {
@extend %bubble_panel;
max-height: 34em;
min-height: 31em;
min-width: 32em;
@extend %bubble_panel;
max-height: 34em;
min-height: 31em;
min-width: 32em;
}
.nm-dialog-content {
spacing: 20px;
padding: 24px;
spacing: 20px;
padding: 24px;
}
.nm-dialog-airplane-box { spacing: 12px; }
.nm-dialog-airplane-headline {
font-weight: bold;
text-align: center;
font-weight: bold;
text-align: center;
}
.nm-dialog-airplane-text { color: $fg_color; }
// header
.nm-dialog-header {
font-weight: bold;
font-weight: bold;
}
.nm-dialog-header-icon {
icon-size: $base_icon_size * 2;
icon-size: $base_icon_size * 2;
}
.nm-dialog-header-hbox { spacing: 10px; }
// list of networks
.nm-dialog-scroll-view {
border: 1px solid $borders_color;
padding:0;
background-color: darken($bg_color, 3%);
border: 1px solid $borders_color;
padding:0;
background-color: darken($bg_color, 3%);
}
// list item
.nm-dialog-item {
font-size: $base_font_size;
border-bottom: 1px solid $borders_color;
padding: $base_padding * 2;
spacing: 0px;
&:selected {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
font-size: $base_font_size;
border-bottom: 1px solid $borders_color;
padding: $base_padding * 2;
spacing: 0px;
&:selected {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
// icons in list

126
data/theme/gnome-shell-sass/widgets/_notifications.scss
View File

@ -5,72 +5,72 @@ $notification_banner_width: 34em;
// Banner notifications
.notification-banner {
min-height: $notification_banner_height;
width: $notification_banner_width;
font-size: $base_font_size;
margin: $base_margin;
border-radius: $modal_radius;
min-height: $notification_banner_height;
width: $notification_banner_width;
font-size: $base_font_size;
margin: $base_margin;
border-radius: $modal_radius;
.message-title { color: $fg_color }
.message-content { color: $fg_color; }
.message-title { color: $fg_color }
.message-content { color: $fg_color; }
&:hover { background: $bg_color; }
&, &:focus, &:active {
background-color: $bg_color;
.message-title { color: $fg_color }
.message-content { color: $fg_color; }
}
&:hover { background: $bg_color; }
&, &:focus, &:active {
background-color: $bg_color;
.message-title { color: $fg_color }
.message-content { color: $fg_color; }
}
// icon
.message-icon-bin > StIcon {
icon-size: $base_icon_size * 2;
color: $fg_color;
}
// icon
.message-icon-bin > StIcon {
icon-size: $base_icon_size * 2;
color: $fg_color;
}
// entries
StEntry { @extend %bubble_entry; }
// entries
StEntry { @extend %bubble_entry; }
.notification-icon {
padding: 5px;
}
.notification-icon {
padding: 5px;
}
.notification-content {
padding: 5px;
spacing: 5px;
}
.notification-content {
padding: 5px;
spacing: 5px;
}
.secondary-icon { icon-size: $base_icon_size; }
.secondary-icon { icon-size: $base_icon_size; }
.notification-actions {
padding-top: 0;
color: $fg_color;
border-top: 1px solid $bubble_borders_color;
spacing: 0;
}
.notification-actions {
padding-top: 0;
color: $fg_color;
border-top: 1px solid $bubble_borders_color;
spacing: 0;
}
.notification-button {
@extend %bubble_button;
min-height: $notification_banner_height * 0.5;
padding: $base_padding !important;
border-top-width: 0 !important;
&:focus { box-shadow: none; }
}
.notification-button {
@extend %bubble_button;
min-height: $notification_banner_height * 0.5;
padding: $base_padding !important;
border-top-width: 0 !important;
&:focus { box-shadow: none; }
}
}
// counter
.summary-source-counter {
font-size: $base_font_size - 1pt;
font-weight: bold;
height: 1.6em;
width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $selected_bg_color;
color: $selected_fg_color;
border: 2px solid $fg_color;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
font-size: $base_font_size - 1pt;
font-weight: bold;
height: 1.6em;
width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $selected_bg_color;
color: $selected_fg_color;
border: 2px solid $fg_color;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
}
.secondary-icon { icon-size: $base_icon_size; }
@ -81,20 +81,20 @@ $notification_banner_width: 34em;
.chat-log-message { color: darken($fg_color,10%); }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
}
.chat-sent {
padding-left: 18pt;
color: lighten($fg_color, 15%);
&:rtl { padding-left: 0; padding-right: 18pt; }
padding-left: 18pt;
color: lighten($fg_color, 15%);
&:rtl { padding-left: 0; padding-right: 18pt; }
}
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: lighten($fg_color,18%);
&:rtl { padding-left: 0; padding-right: 4px; }
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: lighten($fg_color,18%);
&:rtl { padding-left: 0; padding-right: 4px; }
}

44
data/theme/gnome-shell-sass/widgets/_osd.scss
View File

@ -1,37 +1,37 @@
/* OSD */
.osd-window {
@extend %osd_panel;
text-align: center;
font-weight: bold;
spacing: 1em;
margin: 32px;
min-width: 64px;
min-height: 64px;
@extend %osd_panel;
text-align: center;
font-weight: bold;
spacing: 1em;
margin: 32px;
min-width: 64px;
min-height: 64px;
.osd-monitor-label { font-size: 3em; }
.level {
height: 0.6em;
-barlevel-height: 0.6em;
-barlevel-background-color: transparentize($fg_color, if($variant=='light', 0.2, 0.9));
-barlevel-active-background-color: $osd_fg_color;
-barlevel-overdrive-color: $destructive_color;
-barlevel-overdrive-separator-width: 0.2em;
}
.osd-monitor-label { font-size: 3em; }
.level {
height: 0.6em;
-barlevel-height: 0.6em;
-barlevel-background-color: transparentize($fg_color, if($variant=='light', 0.2, 0.9));
-barlevel-active-background-color: $osd_fg_color;
-barlevel-overdrive-color: $destructive_color;
-barlevel-overdrive-separator-width: 0.2em;
}
}
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: transparentize(#000, 0.2);
padding: 32px;
background-color: transparentize(#000, 0.2);
.pad-osd-title-box { spacing: 12px; }
.pad-osd-title-menu-box { spacing: 6px; }
.pad-osd-title-box { spacing: 12px; }
.pad-osd-title-menu-box { spacing: 6px; }
}
.combo-box-label {
width: 15em;
width: 15em;
}
.resize-popup {
@extend %osd_panel;
@extend %osd_panel;
}

6
data/theme/gnome-shell-sass/widgets/_overview.scss
View File

@ -1,10 +1,10 @@
/* OVERVIEW */
#overview {
spacing: 24px;
background-color: transparent;
spacing: 24px;
background-color: transparent;
}
.overview-controls {
padding-bottom: 32px;
padding-bottom: 32px;
}

132
data/theme/gnome-shell-sass/widgets/_popovers.scss
View File

@ -5,62 +5,62 @@ $popover_arrow_height: 12px;
//.the popover itself
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
-arrow-border-radius: $base_border_radius+4;
-arrow-background-color: $bg_color;
-arrow-border-width: 1px;
-arrow-border-color: $borders_color;
-arrow-base: $popover_arrow_height * 2;
-arrow-rise: $popover_arrow_height;
-arrow-box-shadow: 0 1px 3px rgba(0,0,0,0.5); // dreaming bugzilla #689995
-arrow-border-radius: $base_border_radius+4;
-arrow-background-color: $bg_color;
-arrow-border-width: 1px;
-arrow-border-color: $borders_color;
-arrow-base: $popover_arrow_height * 2;
-arrow-rise: $popover_arrow_height;
-arrow-box-shadow: 0 1px 3px rgba(0,0,0,0.5); // dreaming bugzilla #689995
}
// container of the popover menu
.popup-menu {
min-width: 15em;
color: $fg_color;
min-width: 15em;
color: $fg_color;
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: $base_margin; // distance from the panel
margin-bottom: 1.75em;
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: $base_margin; // distance from the panel
margin-bottom: 1.75em;
}
}
.popup-menu-content {
padding: $base_padding * 2 + $base_margin 0;
padding: $base_padding * 2 + $base_margin 0;
}
// menu items
.popup-menu-item {
spacing: $base_padding;
padding: $base_padding;
spacing: $base_padding;
padding: $base_padding;
&:ltr { padding-right:1.75em; padding-left: 0; }
&:rtl { padding-right: 0; padding-left:1.75em; }
&:ltr { padding-right:1.75em; padding-left: 0; }
&:rtl { padding-right: 0; padding-left:1.75em; }
&:checked {
background-color: lighten($bg_color, 2%);
box-shadow: none;
}
&:checked {
background-color: lighten($bg_color, 2%);
box-shadow: none;
}
&.selected {
background-color: transparentize(white, if($variant=='light', 0.2, 0.9));
color: $fg_color;
}
&.selected {
background-color: transparentize(white, if($variant=='light', 0.2, 0.9));
color: $fg_color;
}
&:active {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:active {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:insensitive { color: transparentize($fg_color,0.5);}
&:insensitive { color: transparentize($fg_color,0.5);}
}
// all icons and other graphical elements
.popup-inactive-menu-item {
color: $fg_color;
color: $fg_color;
&:insensitive { color: transparentize($fg_color,0.5); }
&:insensitive { color: transparentize($fg_color,0.5); }
}
// symbolic icons in popover
@ -69,55 +69,55 @@ $popover_arrow_height: 12px;
// popover submenus
.popup-sub-menu {
background-color: darken($bg_color, 3%);
box-shadow: none;
border-top: 1px solid transparentize($borders_color, 0.2);
border-bottom: 1px solid transparentize($borders_color, 0.2);
background-color: darken($bg_color, 3%);
box-shadow: none;
border-top: 1px solid transparentize($borders_color, 0.2);
border-bottom: 1px solid transparentize($borders_color, 0.2);
.popup-menu-item:hover {background-color: darken($bg_color, 7%);}
.popup-menu-item:hover {background-color: darken($bg_color, 7%);}
}
// container for radio and check boxes
.popup-menu-ornament {
text-align: right;
width: 1.2em;
text-align: right;
width: 1.2em;
}
// separator
.popup-separator-menu-item {
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 6px 64px;
background-color: lighten($borders_color, 2%);
border: none !important;
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 6px 64px;
background-color: lighten($borders_color, 2%);
border: none !important;
}
// desktop background menu
.background-menu {
-boxpointer-gap: $base_margin;
-arrow-rise: 0px; // hide the beak on the menu
-boxpointer-gap: $base_margin;
-arrow-rise: 0px; // hide the beak on the menu
}
// system status menu
.aggregate-menu {
min-width: 21em;
min-width: 21em;
// lock screen, shutdown, etc. buttons
.popup-menu-icon {
padding:0;
margin: 0 $base_margin;
-st-icon-style: symbolic;
}
// lock screen, shutdown, etc. buttons
.popup-menu-icon {
padding:0;
margin: 0 $base_margin;
-st-icon-style: symbolic;
}
.popup-sub-menu .popup-menu-item > :first-child {
// account for icons in submenus with padding
&:ltr {
padding-left: $base_padding + $base_margin * 2;
margin-left: $base_icon_size;
}
&:rtl {
padding-right: $base_padding + $base_margin * 2; ;
margin-right: $base_icon_size;
}
}
.popup-sub-menu .popup-menu-item > :first-child {
// account for icons in submenus with padding
&:ltr {
padding-left: $base_padding + $base_margin * 2;
margin-left: $base_icon_size;
}
&:rtl {
padding-right: $base_padding + $base_margin * 2; ;
margin-right: $base_icon_size;
}
}
}

88
data/theme/gnome-shell-sass/widgets/_screen-shield.scss
View File

@ -3,61 +3,61 @@
$_screenshield_shadow: 0px 0px 6px rgba(0, 0, 0, 0.726);
.screen-shield-arrows {
padding-bottom: 3em;
padding-bottom: 3em;
}
.screen-shield-arrows Gjs_Arrow {
color: white;
width: 80px;
height: 48px;
-arrow-thickness: 12px;
-arrow-shadow: $_screenshield_shadow;
color: white;
width: 80px;
height: 48px;
-arrow-thickness: 12px;
-arrow-shadow: $_screenshield_shadow;
}
.screen-shield-clock {
color: white;
text-shadow: $_screenshield_shadow;
font-weight: bold;
text-align: center;
padding-bottom: 1.5em;
color: white;
text-shadow: $_screenshield_shadow;
font-weight: bold;
text-align: center;
padding-bottom: 1.5em;
}
.screen-shield-clock-time {
font-size: 72pt;
text-shadow: $_screenshield_shadow;
font-feature-settings: "tnum";
font-size: 72pt;
text-shadow: $_screenshield_shadow;
font-feature-settings: "tnum";
}
.screen-shield-clock-date {
font-size: 28pt;
font-weight: normal;
font-size: 28pt;
font-weight: normal;
}
.screen-shield-notifications-container {
spacing: 6px;
width: 30em;
background-color: transparent;
max-height: 500px;
.summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0;
}
spacing: 6px;
width: 30em;
background-color: transparent;
max-height: 500px;
.summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0;
}
.notification,
.screen-shield-notification-source {
padding: 12px 6px;
border: 1px solid $osd_outer_borders_color;
background-color: transparentize($osd_bg_color,0.5);
color: $osd_fg_color;
border-radius: 4px;
}
.notification { margin-right: 15px; } //compensate for space allocated to the scrollbar
.notification,
.screen-shield-notification-source {
padding: 12px 6px;
border: 1px solid $osd_outer_borders_color;
background-color: transparentize($osd_bg_color,0.5);
color: $osd_fg_color;
border-radius: 4px;
}
.notification { margin-right: 15px; } //compensate for space allocated to the scrollbar
}
.screen-shield-notification-label {
font-weight: bold;
padding: 0px 0px 0px 12px;
font-weight: bold;
padding: 0px 0px 0px 12px;
}
.screen-shield-notification-count-text { padding: 0px 0px 0px 12px; }
@ -65,19 +65,19 @@ $_screenshield_shadow: 0px 0px 6px rgba(0, 0, 0, 0.726);
#panel.lock-screen { background-color: transparentize($osd_bg_color, 0.5); }
.screen-shield-background { //just the shadow, really
background: black;
box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
background: black;
box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
}
#lockDialogGroup {
background: lighten(#2e3436, 8%) url(resource:///org/gnome/shell/theme/noise-texture.png);
background-repeat: repeat;
background: lighten(#2e3436, 8%) url(resource:///org/gnome/shell/theme/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); }
}
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); }
}
}

38
data/theme/gnome-shell-sass/widgets/_scrollbars.scss
View File

@ -1,29 +1,29 @@
/* Scrollbars */
StScrollView {
&.vfade { -st-vfade-offset: 68px; }
&.hfade { -st-hfade-offset: 68px; }
&.vfade { -st-vfade-offset: 68px; }
&.hfade { -st-hfade-offset: 68px; }
}
StScrollBar {
padding: 0;
padding: 0;
StScrollView & {
min-width: 14px;
min-height: 14px;
}
StScrollView & {
min-width: 14px;
min-height: 14px;
}
StBin#trough {
border-radius: 0;
background-color: transparent;
}
StBin#trough {
border-radius: 0;
background-color: transparent;
}
StButton#vhandle, StButton#hhandle {
border-radius: 8px;
background-color: mix($fg_color, $bg_color, 60%);
//border: 3px solid transparent; //would be nice to margin or at least to transparent
margin: 3px;
&:hover { background-color: mix($fg_color, $bg_color, 80%); }
&:active { background-color: $selected_bg_color; }
}
StButton#vhandle, StButton#hhandle {
border-radius: 8px;
background-color: mix($fg_color, $bg_color, 60%);
//border: 3px solid transparent; //would be nice to margin or at least to transparent
margin: 3px;
&:hover { background-color: mix($fg_color, $bg_color, 80%); }
&:active { background-color: $selected_bg_color; }
}
}

46
data/theme/gnome-shell-sass/widgets/_search-entry.scss
View File

@ -4,30 +4,30 @@ $search_entry_width: 320px;
%search_entry,
.search-entry {
width: $search_entry_width;
padding: 7px 9px;
border-radius: 18px;
color: transparentize($fg_color,0.3);
background-color: $bg_color;
border-color: $borders_color;
width: $search_entry_width;
padding: 7px 9px;
border-radius: 18px;
color: transparentize($fg_color,0.3);
background-color: $bg_color;
border-color: $borders_color;
&:hover {
background-color: $hover_bg_color;
border-color: $hover_borders_color;
color: $hover_fg_color;
}
&:hover {
background-color: $hover_bg_color;
border-color: $hover_borders_color;
color: $hover_fg_color;
}
&:focus {
padding: 6px 8px; // 1px less to account for wider border
border-width: 2px;
color: $fg_color;
border-color: $selected_bg_color;
box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2);
}
&:focus {
padding: 6px 8px; // 1px less to account for wider border
border-width: 2px;
color: $fg_color;
border-color: $selected_bg_color;
box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2);
}
.search-entry-icon {
icon-size: $base_icon_size;
padding: 0 4px;
color: inherit;
}
.search-entry-icon {
icon-size: $base_icon_size;
padding: 0 4px;
color: inherit;
}
}

223
data/theme/gnome-shell-sass/widgets/_search-results.scss
View File

@ -1,160 +1,151 @@
/* Search */
$overview_search_container_width: 1024px;
%search_result_bubble {
background-color: transparentize(lighten($osd_bg_color, 5%), 0.2);
border-radius: $modal_radius + 3px;
border: 1px solid $osd_outer_borders_color;
box-shadow: 0 2px 4px 0 $shadow_color;
text-shadow: 0 1px if($variant == 'light', rgba(255,255,255,0.2), rgba(0,0,0,0.2));
color: $osd_fg_color;
padding: $base_padding * 3;
margin: $base_margin;
}
// search overview container
#searchResultsContent {
max-width: $overview_search_container_width;
max-width: 1024px;
}
// search results sections "the boxes"
.search-section {
@extend %search_result_bubble;
spacing:0;
margin-top:0;
margin-bottom:0;
background-color: transparentize(lighten($osd_bg_color, 5%), 0.2);
border-radius: $modal_radius+3;
border: 1px solid $osd_outer_borders_color;
box-shadow: 0 2px 4px 0 $shadow_color;
text-shadow: 0 1px if($variant == 'light', rgba(255,255,255,0.2), rgba(0,0,0,0.2));
color: $osd_fg_color;
padding: $base_padding * 3;
margin: $base_margin;
spacing:$base_spacing * 2;
// hide separator
&:first-child .search-section-separator,
&:last-child .search-section-separator {
background-color: transparent;
}
// hide separator
&:first-child .search-section-separator,
&:last-child .search-section-separator {
background-color: transparent;
}
// separator
.search-section-separator {
// margin-top: $base_padding * 2;
// height: 1px;
// background-color: $osd_outer_borders_color;
height: 0px;
background-color: transparent;
}
// separator
.search-section-separator {
// margin-top: $base_padding * 2;
// height: 1px;
// background-color: $osd_outer_borders_color;
height: 0px;
background-color: transparent;
}
// content
.search-section-content {
spacing: 0;
}
// content
.search-section-content {
spacing: 0;
}
}
// "no results" text
.search-statustext {
@extend %status_text;
@extend %status_text;
}
// Search results with icons
.grid-search-result {
> .overview-icon {
@extend %icon_tile;
color: $osd_fg_color;
}
> .overview-icon {
@extend %icon_tile;
color: $osd_fg_color;
}
> .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: $base_spacing;
}
> .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: $base_spacing;
}
&:hover,
&:focus,
&:selected {
.overview-icon {
background-color: transparentize($osd_bg_color,0.8);
color: $osd_fg_color;
}
}
&:hover,
&:focus,
&:selected {
.overview-icon {
background-color: transparentize($osd_bg_color,0.8);
color: $osd_fg_color;
}
}
&:drop .overview-icon {
background-color: transparentize($selected_bg_color,.15);
}
&:drop .overview-icon {
background-color: transparentize($selected_bg_color,.15);
}
&:active .overview-icon,
&:checked .overview-icon {
background-color: transparentize(darken($osd_bg_color,10%), 0.5);
}
&:active .overview-icon,
&:checked .overview-icon {
background-color: transparentize(darken($osd_bg_color,10%), 0.5);
}
}
// search result provider
.search-provider-icon {
@extend %icon_tile;
@extend %icon_tile;
padding: 0;
spacing: 0;
margin-right: $base_margin * 2;
padding: 0;
spacing: 0;
margin-right: $base_margin * 2;
&:focus,
&:selected,
&:hover {
background-color: transparentize($osd_fg_color,.9);
transition-duration: 200ms;
}
&:focus,
&:selected,
&:hover {
background-color: transparentize($osd_fg_color,.9);
transition-duration: 200ms;
}
&:active,
&:checked {
background-color: transparentize(darken($osd_bg_color,10%),.1);
}
&:active,
&:checked {
background-color: transparentize(darken($osd_bg_color,10%),.1);
}
// content
.list-search-provider-content {
spacing: $base_spacing * 2;
// content
.list-search-provider-content {
spacing: $base_spacing * 2;
// provider labels
.list-search-provider-details {
width: 120px;
margin-top: 0;
color: darken($osd_fg_color, 8%);
// font-weight: bold;
}
}
// provider labels
.list-search-provider-details {
width: 120px;
margin-top: 0;
color: darken($osd_fg_color, 8%);
// font-weight: bold;
}
}
}
// search results list
.list-search-results {
spacing: $base_spacing;
spacing: $base_spacing;
}
// search result listitem
.list-search-result {
@extend %icon_tile;
spacing: 0;
padding: $base_padding;
color: $osd_fg_color;
@extend %icon_tile;
spacing: 0;
padding: $base_padding;
color: $osd_fg_color;
&:focus,
&:selected,
&:hover {
background-color: transparentize($osd_fg_color,.9);
transition-duration: 200ms;
}
&:active,
&:checked {
background-color: transparentize(darken($osd_bg_color,10%),.1);
}
&:focus,
&:selected,
&:hover {
background-color: transparentize($osd_fg_color,.9);
transition-duration: 200ms;
}
&:active,
&:checked {
background-color: transparentize(darken($osd_bg_color,10%),.1);
}
// content
.list-search-result-content {
spacing: 0;
}
// content
.list-search-result-content {
spacing: 0;
}
// list item title
.list-search-result-title {
color: $osd_fg_color;
spacing: $base_spacing * 2;
padding-right: $base_padding;
// font-weight: bold;
}
// list item title
.list-search-result-title {
color: $osd_fg_color;
spacing: $base_spacing * 2;
padding-right: $base_padding;
// font-weight: bold;
}
// list item description
.list-search-result-description {
color: darken($osd_fg_color, 30%);
}
}
// list item description
.list-search-result-description {
color: darken($osd_fg_color, 30%);
}
}

40
data/theme/gnome-shell-sass/widgets/_slider.scss
View File

@ -3,25 +3,25 @@
$slider_size: 15px;
.slider {
height: $slider_size;
// slider trough
-barlevel-height: 3px; // has to be an odd number
-barlevel-background-color: $borders_color; //background of the trough
-barlevel-border-width: 1px;
-barlevel-border-color: $borders_color; // trough border color
// fill style
-barlevel-active-background-color: $selected_bg_color; //active trough fill
-barlevel-active-border-color: if($variant == 'light', darken($selected_bg_color, 4%), lighten($selected_bg_color, 2%)); //active trough border
// overfill style (red in this case)
-barlevel-overdrive-color: $destructive_color;
-barlevel-overdrive-border-color: if($variant == 'light', darken($destructive_color, 4%), lighten($destructive_color, 2%)); //trough border when red;
-barlevel-overdrive-separator-width:1px;
// slider hander
-slider-handle-radius: $slider_size * 0.5; // half the size of the size
-slider-handle-border-width: 1px;
-slider-handle-border-color: if($variant == 'light', $borders_color, $fg_color);
height: $slider_size;
// slider trough
-barlevel-height: 3px; // has to be an odd number
-barlevel-background-color: $borders_color; //background of the trough
-barlevel-border-width: 1px;
-barlevel-border-color: $borders_color; // trough border color
// fill style
-barlevel-active-background-color: $selected_bg_color; //active trough fill
-barlevel-active-border-color: if($variant == 'light', darken($selected_bg_color, 4%), lighten($selected_bg_color, 2%)); //active trough border
// overfill style (red in this case)
-barlevel-overdrive-color: $destructive_color;
-barlevel-overdrive-border-color: if($variant == 'light', darken($destructive_color, 4%), lighten($destructive_color, 2%)); //trough border when red;
-barlevel-overdrive-separator-width:1px;
// slider hander
-slider-handle-radius: $slider_size * 0.5; // half the size of the size
-slider-handle-border-width: 1px;
-slider-handle-border-color: if($variant == 'light', $borders_color, $fg_color);
color: if($variant == 'light', lighten($bg_color, 10%), $fg_color);
&:hover { color: $hover_bg_color; }
&:active { color: $active_bg_color; }
color: if($variant == 'light', lighten($bg_color, 10%), $fg_color);
&:hover { color: $hover_bg_color; }
&:active { color: $active_bg_color; }
}

16
data/theme/gnome-shell-sass/widgets/_switches.scss
View File

@ -5,12 +5,12 @@ $switch_height: 22px;
$switch_width: 46px;
.toggle-switch {
color: $fg_color;
height: $switch_height;
width: $switch_width;
background-size: contain;
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off.svg"),url("resource:///org/gnome/shell/theme/toggle-off-dark.svg"));
&:checked {
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on.svg"),url("resource:///org/gnome/shell/theme/toggle-on-dark.svg"));
}
color: $fg_color;
height: $switch_height;
width: $switch_width;
background-size: contain;
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off.svg"),url("resource:///org/gnome/shell/theme/toggle-off-dark.svg"));
&:checked {
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on.svg"),url("resource:///org/gnome/shell/theme/toggle-on-dark.svg"));
}
}

10
data/theme/gnome-shell-sass/widgets/_tiled-previews.scss
View File

@ -2,18 +2,18 @@
/* Tiled window previews */
$tile_corner_radius: $base_border_radius + 1px;
.tile-preview {
background-color: transparentize($selected_bg_color,0.5);
border: 1px solid $selected_bg_color;
background-color: transparentize($selected_bg_color,0.5);
border: 1px solid $selected_bg_color;
}
.tile-preview-left.on-primary {
border-radius: $tile_corner_radius 0 0 0;
border-radius: $tile_corner_radius 0 0 0;
}
.tile-preview-right.on-primary {
border-radius: 0 $tile_corner_radius 0 0;
border-radius: 0 $tile_corner_radius 0 0;
}
.tile-preview-left.tile-preview-right.on-primary {
border-radius: $tile_corner_radius $tile_corner_radius 0 0;
border-radius: $tile_corner_radius $tile_corner_radius 0 0;
}

72
data/theme/gnome-shell-sass/widgets/_window-picker.scss
View File

@ -11,56 +11,56 @@ $window_close_button_padding: 3px;
// Window picker
.window-picker {
// Space between window thumbnails
-horizontal-spacing: $window_picker_spacing;
-vertical-spacing: $window_picker_spacing;
// Padding for container around window thumbnails
padding: $window_picker_padding;
// Space between window thumbnails
-horizontal-spacing: $window_picker_spacing;
-vertical-spacing: $window_picker_spacing;
// Padding for container around window thumbnails
padding: $window_picker_padding;
&.external-monitor { padding: $window_picker_padding; }
&.external-monitor { padding: $window_picker_padding; }
}
// Borders on window thumbnails
.window-clone-border {
border: 6px solid $window_thumbnail_border_color;
border-radius: $base_border_radius + 2px;
// For window decorations with round corners we can't match
// the exact shape when the window is scaled. So apply a shadow
// to fix that case
box-shadow: inset 0 0 0 1px transparentize($borders_color, 0.8);
border: 6px solid $window_thumbnail_border_color;
border-radius: $base_border_radius + 2px;
// For window decorations with round corners we can't match
// the exact shape when the window is scaled. So apply a shadow
// to fix that case
box-shadow: inset 0 0 0 1px transparentize($borders_color, 0.8);
}
// Window titles
.window-caption {
spacing: 24px;
color: $selected_fg_color;
background-color: rgba(0,0,0,0.5);
border:1px solid rgba(0,0,0,0.6);
border-radius: 8px;
margin-top: 24px;
padding: 4px 12px;
font-size: $base_font_size + 1pt;
font-weight: bold;
spacing: 24px;
color: $selected_fg_color;
background-color: rgba(0,0,0,0.5);
border:1px solid rgba(0,0,0,0.6);
border-radius: 8px;
margin-top: 24px;
padding: 4px 12px;
font-size: $base_font_size + 1pt;
font-weight: bold;
}
// Close button
.window-close {
background-color: $selected_bg_color;
color: $selected_fg_color;
border: none;
border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2;
padding: $window_close_button_padding;
height: $window_close_button_size;
width: $window_close_button_size;
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5);
background-color: $selected_bg_color;
color: $selected_fg_color;
border: none;
border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2;
padding: $window_close_button_padding;
height: $window_close_button_size;
width: $window_close_button_size;
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5);
-shell-close-overlap: $window_close_button_size * 0.5;
-shell-close-overlap: $window_close_button_size * 0.5;
&:hover {
background-color: lighten($selected_bg_color, 5%);
}
&:hover {
background-color: lighten($selected_bg_color, 5%);
}
&:active {
background-color: darken($selected_bg_color, 5%);
}
&:active {
background-color: darken($selected_bg_color, 5%);
}
}

94
data/theme/gnome-shell-sass/widgets/_workspace-switcher.scss
View File

@ -1,70 +1,70 @@
/* Workspace Switcher */
.workspace-switcher-group {
padding: $base_padding * 2;
padding: $base_padding * 2;
}
.workspace-switcher-container {
@extend %osd_panel;
box-shadow: 0 2px 10px 2px rgba(0,0,0,0.2);
@extend %osd_panel;
box-shadow: 0 2px 10px 2px rgba(0,0,0,0.2);
}
.workspace-switcher {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
spacing: $base_spacing * 2;
background: transparent;
border: none;
border-radius: 0;
padding: 0;
spacing: $base_spacing * 2;
.ws-switcher-box {
// background: transparent;
background: transparent;
height: 50px;
background-size: 32px;
border: 1px solid transparentize($osd_fg_color,0.9);
border-radius: $base_border_radius + 3px;
}
.ws-switcher-box {
// background: transparent;
background: transparent;
height: 50px;
background-size: 32px;
border: 1px solid transparentize($osd_fg_color,0.9);
border-radius: $base_border_radius + 3px;
}
// active workspace in the switcher
.ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
background-color: $selected_bg_color;
border: 1px solid if($variant=='light', darken($selected_bg_color, 8%), lighten($selected_bg_color, 5%));
color: $selected_fg_color;
}
// active workspace in the switcher
.ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
background-color: $selected_bg_color;
border: 1px solid if($variant=='light', darken($selected_bg_color, 8%), lighten($selected_bg_color, 5%));
color: $selected_fg_color;
}
}
/* Workspace pager */
// thumbnails in overview
.workspace-thumbnails {
@extend %overview_panel;
visible-width: 32px; //amount visible before hover
spacing: $base_spacing;
padding: $base_padding;
@extend %overview_panel;
visible-width: 32px; //amount visible before hover
spacing: $base_spacing;
padding: $base_padding;
//fixme: can't have non uniform borders :(
border-top-left-radius:0 !important;
border-bottom-left-radius:0 !important;
border-right-width: 0 !important;
&:rtl {
border-radius: 0 $modal_radius $modal_radius 0;
border-left-width: 0 !important;
}
//fixme: can't have non uniform borders :(
border-top-left-radius:0 !important;
border-bottom-left-radius:0 !important;
border-right-width: 0 !important;
&:rtl {
border-radius: 0 $modal_radius $modal_radius 0;
border-left-width: 0 !important;
}
// drag and drop indicator
.placeholder {
background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
background-size: contain;
height: 24px;
}
// drag and drop indicator
.placeholder {
background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
background-size: contain;
height: 24px;
}
}
// selected indicator
.workspace-thumbnail-indicator {
border: 3px solid $selected_bg_color;
border-radius: 3px;
padding: 0px;
// background-color: transparentize($selected_bg_color, 0.9);
border: 3px solid $selected_bg_color;
border-radius: 3px;
padding: 0px;
// background-color: transparentize($selected_bg_color, 0.9);
}

222
data/theme/gnome-shell.css
View File

@ -268,7 +268,7 @@ stage {
padding: 8px 0; }
.calendar .calendar-change-month-back StIcon,
.calendar .calendar-change-month-forward StIcon {
icon-size: 1.09em; }
icon-size: 16px; }
.calendar .pager-button {
background-color: transparent;
height: 32px;
@ -352,7 +352,7 @@ stage {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-box .weather-forecast-icon {
icon-size: 2.18em; }
icon-size: 32px; }
.weather-box .weather-forecast-time {
color: #a6a69b;
font-feature-settings: "tnum";
@ -495,8 +495,8 @@ stage {
spacing: 20px; }
.message-dialog-icon {
min-width: 3.27em;
icon-size: 3.27em; }
min-width: 48px;
icon-size: 48px; }
.message-dialog-title {
font-weight: bold; }
@ -507,7 +507,7 @@ stage {
/* ShellMountOperation Dialogs */
.shell-mount-operation-icon {
icon-size: 3.27em; }
icon-size: 48px; }
.mount-dialog {
spacing: 24px; }
@ -649,7 +649,7 @@ stage {
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 4.36em; }
icon-size: 64px; }
/* Access Dialog */
.access-dialog {
@ -708,14 +708,14 @@ stage {
.end-session-dialog-logout-icon {
border-radius: 99px;
width: 3.27em;
height: 3.27em;
width: 48px;
height: 48px;
background-size: contain; }
.end-session-dialog-shutdown-icon {
color: #eeeeec;
width: 3.27em;
height: 3.27em; }
width: 48px;
height: 48px; }
.end-session-dialog-inhibitor-layout {
spacing: 24px;
@ -765,7 +765,7 @@ StEntry {
warning-color: #f57900;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.09em;
icon-size: 16px;
padding: 0 4px; }
.hotplug-transient-box {
@ -844,7 +844,20 @@ StEntry {
icon-size: 1em; }
/* On-screen Keyboard */
.keyboard-key, .keyboard-subkeys .keyboard-key {
#keyboard {
background-color: rgba(32, 32, 32, 0.9);
box-shadow: inset 0 1px 0 0 rgba(50, 50, 50, 0.96) !important; }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 6px;
height: 6px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
color: #eeeeec;
background-color: #3c3c3c !important;
border-width: 1px;
@ -852,7 +865,11 @@ StEntry {
border-color: #2b2b2b;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
font-size: 16pt;
min-height: 1.2em;
min-width: 1.2em;
border-radius: 8px; }
.keyboard-key:focus {
color: #eeeeec;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
@ -876,27 +893,6 @@ StEntry {
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
#keyboard {
background-color: rgba(32, 32, 32, 0.9);
box-shadow: inset 0 1px 0 0 rgba(50, 50, 50, 0.96) !important; }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 6px;
height: 6px; }
#keyboard .page-indicator .page-indicator-icon:checked {
background-color: red; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 16pt;
min-height: 1.2em;
min-width: 1.2em;
border-radius: 8px; }
.keyboard-key:grayed {
background-color: #2d2d2d;
color: #eeeeec;
@ -910,8 +906,7 @@ StEntry {
border-color: rgba(27, 27, 27, 0.96);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.96) !important;
@ -939,8 +934,7 @@ StEntry {
border-color: #1961b9;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
color: #eeeeec;
background-color: #2c7fe3 !important;
@ -980,7 +974,38 @@ StEntry {
-arrow-rise: 10px;
-boxpointer-gap: 6px; }
.keyboard-subkeys .keyboard-key {
color: #eeeeec;
background-color: #3c3c3c !important;
border-width: 1px;
border-style: solid;
border-color: #2b2b2b;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
border-radius: 5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #eeeeec;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(27, 106, 203, 0.3); }
.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
color: #eeeeec;
background-color: #424242 !important;
border-width: 1px;
border-style: solid;
border-color: #2b2b2b;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-subkeys .keyboard-key:active {
color: #eeeeec;
background-color: #2d2d2d !important;
border-width: 1px;
border-style: solid;
border-color: #191919;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
.emoji-page .keyboard-key {
background-color: transparent;
@ -1294,16 +1319,17 @@ StEntry {
.message .message-close-button:hover {
color: #d6d6d1; }
.message .message-icon-bin {
padding: 6px;
margin: 6px 0; }
.message .message-icon-bin > StIcon {
color: #eeeeec;
icon-size: 2.18em;
icon-size: 32px;
-st-icon-style: symbolic;
padding: 0;
margin: 6px; }
.message .message-icon-bin > .fallback-window-icon {
width: 1.09em;
height: 1.09em; }
width: 16px;
height: 16px; }
.message .message-secondary-bin {
padding: 0; }
.message .message-secondary-bin > .event-time {
@ -1332,14 +1358,14 @@ StEntry {
border-radius: 7px 0 0 7px; }
.media-message-cover-icon {
icon-size: 2.18em !important;
icon-size: 32px !important;
border-radius: 5px; }
.media-message-cover-icon.fallback {
color: #c5c5be;
background-color: #353535;
border: 1px solid transparent;
border-radius: 5px;
icon-size: 2.18em !important;
icon-size: 32px !important;
padding: 12px; }
/* Notifications & Mesage Tray */
@ -1362,7 +1388,7 @@ StEntry {
.notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content {
color: #eeeeec; }
.notification-banner .message-icon-bin > StIcon {
icon-size: 2.18em;
icon-size: 32px;
color: #eeeeec; }
.notification-banner .notification-icon {
padding: 5px; }
@ -1370,7 +1396,7 @@ StEntry {
padding: 5px;
spacing: 5px; }
.notification-banner .secondary-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.notification-banner .notification-actions {
padding-top: 0;
color: #eeeeec;
@ -1397,7 +1423,7 @@ StEntry {
border-radius: 0.9em; }
.secondary-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.chat-body {
spacing: 5px; }
@ -1505,7 +1531,7 @@ StEntry {
font-weight: bold; }
.nm-dialog-header-icon {
icon-size: 2.18em; }
icon-size: 32px; }
.nm-dialog-header-hbox {
spacing: 10px; }
@ -1525,7 +1551,7 @@ StEntry {
color: #fff; }
.nm-dialog-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.nm-dialog-icons {
spacing: 12px; }
@ -1607,7 +1633,7 @@ StEntry {
box-shadow: inset 0 -2px 0 0 #1f76e1;
color: white; }
#panel .panel-button .system-status-icon {
icon-size: 1.09em;
icon-size: 16px;
padding: 5px; }
#panel .panel-button .app-menu-icon {
margin-left: 4px;
@ -1680,7 +1706,7 @@ StEntry {
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.09em; }
icon-size: 16px; }
.popup-sub-menu {
background-color: #2d2d2d;
@ -1712,10 +1738,10 @@ StEntry {
-st-icon-style: symbolic; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
padding-left: 14px;
margin-left: 1.09em; }
margin-left: 16px; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
padding-right: 14px;
margin-right: 1.09em; }
margin-right: 16px; }
/* Screen Shield */
.screen-shield-arrows {
@ -1832,11 +1858,14 @@ StScrollBar {
box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
.login-dialog StEntry .search-entry-icon,
.search-entry .search-entry-icon {
icon-size: 1.09em;
icon-size: 16px;
padding: 0 4px;
color: inherit; }
/* Search */
#searchResultsContent {
max-width: 1024px; }
.search-section {
background-color: rgba(45, 45, 45, 0.76);
border-radius: 13px;
@ -1845,91 +1874,8 @@ StScrollBar {
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
color: #eeeeec;
padding: 18px;
margin: 4px; }
#searchResultsContent {
max-width: 1024px; }
.search-section {
spacing: 0;
margin-top: 0;
margin-bottom: 0; }
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
background-color: transparent; }
.search-section .search-section-separator {
height: 0px;
background-color: transparent; }
.search-section .search-section-content {
spacing: 0; }
.grid-search-result > .overview-icon {
color: #eeeeec; }
.grid-search-result > .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: 6px; }
.grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon {
background-color: rgba(32, 32, 32, 0.16);
color: #eeeeec; }
.grid-search-result:drop .overview-icon {
background-color: rgba(27, 106, 203, 0.85); }
.grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon {
background-color: rgba(7, 7, 7, 0.46); }
.search-provider-icon {
padding: 0;
spacing: 0;
margin-right: 8px; }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover {
background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active, .search-provider-icon:checked {
background-color: rgba(7, 7, 7, 0.86); }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
margin-top: 0;
color: #dbdbd6; }
.list-search-results {
spacing: 6px; }
.list-search-result {
spacing: 0;
padding: 6px;
color: #eeeeec; }
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover {
background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; }
.list-search-result:active, .list-search-result:checked {
background-color: rgba(7, 7, 7, 0.86); }
.list-search-result .list-search-result-content {
spacing: 0; }
.list-search-result .list-search-result-title {
color: #eeeeec;
spacing: 12px;
padding-right: 6px; }
.list-search-result .list-search-result-description {
color: #a6a69b; }
/* Search */
.search-section {
background-color: rgba(45, 45, 45, 0.76);
border-radius: 13px;
border: 1px solid rgba(50, 50, 50, 0.96);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
color: #eeeeec;
padding: 18px;
margin: 4px; }
#searchResultsContent {
max-width: 1024px; }
.search-section {
spacing: 0;
margin-top: 0;
margin-bottom: 0; }
margin: 4px;
spacing: 12px; }
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
background-color: transparent; }
.search-section .search-section-separator {

2
data/theme/gnome-shell.css.map
View File

File diff suppressed because one or more lines are too long