[gnome-shell-sass] theme: use spaces instead of tabs
- From: Florian Müllner <fmuellner src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell-sass] theme: use spaces instead of tabs
- Date: Thu, 9 Jan 2020 17:28:23 +0000 (UTC)
commit 82d228bff77e6f5b817d459fd1600af27fc78e94
Author: Sam Hewitt <sam snwh org>
Date: Thu Dec 19 10:38:27 2019 -0500
theme: use spaces instead of tabs
https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/904
_common.scss | 209 +++++++++--------
_drawing.scss | 232 +++++++++----------
widgets/_app-grid.scss | 248 ++++++++++----------
widgets/_app-switcher.scss | 88 +++----
widgets/_buttons.scss | 2 +-
widgets/_calendar.scss | 484 +++++++++++++++++++--------------------
widgets/_check-box.scss | 18 +-
widgets/_corner-ripple.scss | 26 +--
widgets/_dash.scss | 112 ++++-----
widgets/_dialogs.scss | 252 ++++++++++----------
widgets/_end-session-dialog.scss | 68 +++---
widgets/_entries.scss | 38 +--
widgets/_hotplug.scss | 38 +--
widgets/_ibus-popup.scss | 22 +-
widgets/_keyboard.scss | 180 +++++++--------
widgets/_login-dialog.scss | 218 +++++++++---------
widgets/_looking-glass.scss | 118 +++++-----
widgets/_message-list.scss | 224 +++++++++---------
widgets/_misc.scss | 42 ++--
widgets/_network-dialog.scss | 42 ++--
widgets/_notifications.scss | 144 ++++++------
widgets/_osd.scss | 44 ++--
widgets/_overview.scss | 6 +-
widgets/_popovers.scss | 138 +++++------
widgets/_screen-shield.scss | 88 +++----
widgets/_scrollbars.scss | 38 +--
widgets/_search-entry.scss | 46 ++--
widgets/_search-results.scss | 255 ++++++++++-----------
widgets/_slider.scss | 40 ++--
widgets/_switches.scss | 16 +-
widgets/_tiled-previews.scss | 10 +-
widgets/_window-picker.scss | 72 +++---
widgets/_workspace-switcher.scss | 94 ++++----
33 files changed, 1821 insertions(+), 1831 deletions(-)
---
diff --git a/_common.scss b/_common.scss
index bb80f9a..60afa54 100644
--- a/_common.scss
+++ b/_common.scss
@@ -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);
-
- // entry
- StEntry { @extend %bubble_entry;}
-
- // button
- .button {
- background-color: $bg_color;
- color: $fg_color;
- box-shadow: none;
-
- &, &: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;}
- }
+ 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;}
+
+ // button
+ .button {
+ background-color: $bg_color;
+ color: $fg_color;
+ box-shadow: none;
+
+ &, &: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;}
+ }
}
// 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;
-
- &: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;
- }
+ @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);}
+
+ // 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;
-
- @include button(normal);
- &:focus { @include button(focus);}
- &:hover { @include button(hover);}
- &:insensitive { @include button(insensitive);}
- &:active { @include button(active);}
+ 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);}
}
// notification styling
%notification_bubble {
- border-radius:$base_border_radius + 2px;
- padding: 0;
- margin: $base_margin;
-
- @include button(normal);
-
- &:focus,
- &:hover {
- // margin-top: $base_margin - 1px;
- // margin-bottom: $base_margin + 1px;
- @include button(hover);
- }
-
- &:active {
- @include button(active);
- // margin: $base_margin;
- }
+ border-radius:$base_border_radius + 2px;
+ padding: 0;
+ margin: $base_margin;
+
+ @include button(normal);
+
+ &:focus,
+ &:hover {
+ // margin-top: $base_margin - 1px;
+ // margin-bottom: $base_margin + 1px;
+ @include button(hover);
+ }
+
+ &:active {
+ @include button(active);
+ // margin: $base_margin;
+ }
}
\ No newline at end of file
diff --git a/_drawing.scss b/_drawing.scss
index b767528..0ce778a 100644
--- a/_drawing.scss
+++ b/_drawing.scss
@@ -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==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==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;
+ }
}
// 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)));
-
- // 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;
- }
-
- // 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;
- }
-
- // 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;
- }
-}
\ No newline at end of file
+ $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;
+ }
+
+ // 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;
+ }
+
+ // 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;
+ }
+
+ // 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;
+ }
+}
diff --git a/widgets/_app-grid.scss b/widgets/_app-grid.scss
index 4576f8d..ee43775 100644
--- a/widgets/_app-grid.scss
+++ b/widgets/_app-grid.scss
@@ -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;
- }
-
- &: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;
- }
-
- &: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);
- }
- }
-
- &:active,
- &:checked {
- .overview-icon {
- background-color: transparentize(darken($osd_bg_color,10%), 0.5);
- }
- }
+ .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 .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;
+ }
+ }
+
+ &:drop {
+ .overview-icon {
+ background-color: transparentize($selected_bg_color,.15);
+ }
+ }
+
+ &: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;
-
- .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;}
+ 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;
+ }
+
+ &: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%);
-
- &: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;
- }
-
- &: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;
- }
-
- &:last-child {
- border-radius: 0 $base_border_radius $base_border_radius 0;
- }
+ 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%);
+ }
+
+ &: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;
+ }
+
+ &: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;
+ }
}
\ No newline at end of file
diff --git a/widgets/_app-switcher.scss b/widgets/_app-switcher.scss
index 7fbc9da..2406e17 100644
--- a/widgets/_app-switcher.scss
+++ b/widgets/_app-switcher.scss
@@ -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;
-
- .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);
- }
-
- &:selected {
- background-color: transparentize($osd_fg_color, 0.9);
- color: $osd_fg_color;
- }
- }
-
- // window thumbnails
- .thumbnail-box {
- padding: 2px;
- spacing: $base_spacing;
- }
-
- .thumbnail {
- width: 256px;
- }
-
- .separator {
- width: 1px;
- background: $borders_color;
- }
-
- .switcher-list-item-container {
- spacing: $base_spacing * 2;
- }
+ @extend %osd_panel;
+
+ .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);
+ }
+
+ &:selected {
+ background-color: transparentize($osd_fg_color, 0.9);
+ color: $osd_fg_color;
+ }
+ }
+
+ // window thumbnails
+ .thumbnail-box {
+ padding: 2px;
+ spacing: $base_spacing;
+ }
+
+ .thumbnail {
+ width: 256px;
+ }
+
+ .separator {
+ width: 1px;
+ background: $borders_color;
+ }
+
+ .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;
+ }
}
\ No newline at end of file
diff --git a/widgets/_buttons.scss b/widgets/_buttons.scss
index 25d3471..709ac46 100644
--- a/widgets/_buttons.scss
+++ b/widgets/_buttons.scss
@@ -1,5 +1,5 @@
/* Buttons */
.button {
- @extend %button; // that's it
+ @extend %button; // that's it
}
diff --git a/widgets/_calendar.scss b/widgets/_calendar.scss
index 6e86490..20d68a2 100644
--- a/widgets/_calendar.scss
+++ b/widgets/_calendar.scss
@@ -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;
-
- &: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;
-
- &: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);}
-
- &:active {
- @include button(active);
- margin: $base_margin;
- }
-
- // 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;
- }
- }
-
- // 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
- }
-
- .datemenu-displays-section {
- 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;
- }
- }
+ 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; }
+
+
+ // 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;
+ }
+
+ &:hover { @include button(hover);}
+ &:focus { @include button(focus);}
+
+ &:active {
+ @include button(active);
+ margin: $base_margin;
+ }
+
+ // 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;
+ }
+ }
+
+ // 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
+ }
+
+ .datemenu-displays-section {
+ 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;
+ }
+ }
}
.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 {}
- }
-
- // 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; }
- }
-
-
- $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%);
- }
-
- // 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-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;
-
- &: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-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%);
- }
+ // 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;
+ }
+
+ .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-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;
+ }
+
+ .calendar-day-top {
+ border-top-width: 1px;
+ }
+
+ .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;
+
+ &: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-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%);
+ }
}
/* Weather */
.weather-box {
- 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-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-time {
- color: darken($fg_color,30%);
- font-feature-settings: "tnum";
- font-size: $base_font_size - 2pt;
- font-weight: normal;
- }
+ 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-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-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;
-
- // 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;
- }
-
- // 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;
- }
+ 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;
+ }
+
+ // 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 offset label
+ .world-clocks-timezone {
+ color: darken($fg_color,20%);
+ font-feature-settings: "tnum";
+ font-size: $base_font_size - 1pt;
+ }
}
\ No newline at end of file
diff --git a/widgets/_check-box.scss b/widgets/_check-box.scss
index a5b4b78..fc71467 100644
--- a/widgets/_check-box.scss
+++ b/widgets/_check-box.scss
@@ -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"); }
}
\ No newline at end of file
diff --git a/widgets/_corner-ripple.scss b/widgets/_corner-ripple.scss
index 4321a3f..fb022e4 100644
--- a/widgets/_corner-ripple.scss
+++ b/widgets/_corner-ripple.scss
@@ -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%);
}
diff --git a/widgets/_dash.scss b/widgets/_dash.scss
index 354e98c..99058d5 100644
--- a/widgets/_dash.scss
+++ b/widgets/_dash.scss
@@ -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;
+ }
}
diff --git a/widgets/_dialogs.scss b/widgets/_dialogs.scss
index 0c8591c..c62a2ee 100644
--- a/widgets/_dialogs.scss
+++ b/widgets/_dialogs.scss
@@ -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;
}
\ No newline at end of file
diff --git a/widgets/_end-session-dialog.scss b/widgets/_end-session-dialog.scss
index 19aa993..c1bd525 100644
--- a/widgets/_end-session-dialog.scss
+++ b/widgets/_end-session-dialog.scss
@@ -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;
}
\ No newline at end of file
diff --git a/widgets/_entries.scss b/widgets/_entries.scss
index 7c10558..43abdc2 100644
--- a/widgets/_entries.scss
+++ b/widgets/_entries.scss
@@ -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;
+ }
}
\ No newline at end of file
diff --git a/widgets/_hotplug.scss b/widgets/_hotplug.scss
index 04e4185..89dd266 100644
--- a/widgets/_hotplug.scss
+++ b/widgets/_hotplug.scss
@@ -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;
}
\ No newline at end of file
diff --git a/widgets/_ibus-popup.scss b/widgets/_ibus-popup.scss
index e8fee85..33f1697 100644
--- a/widgets/_ibus-popup.scss
+++ b/widgets/_ibus-popup.scss
@@ -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; }
diff --git a/widgets/_keyboard.scss b/widgets/_keyboard.scss
index 5cd9caf..bd028a4 100644
--- a/widgets/_keyboard.scss
+++ b/widgets/_keyboard.scss
@@ -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;
-
- .page-indicator {
- padding: $base_padding;
-
- .page-indicator-icon {
- width: 6px;
- height: 6px;
- &:checked {
- background-color:red;
- }
- }
- }
+ 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-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;
-
- &:grayed { //FIXMEy
- background-color: darken($bg_color, 3%);
- color: $osd_fg_color;
- border-color: $osd_borders_color;
- }
-
- // non-character keys
- &.default-key {
-
- // size of the icon asset
- background-size: 24px;
-
- @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
- }
-
- // 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%));}
- box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) !important; // drawing override because of a visual
bug
- }
-
- // 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:$key_bg_color);
+
+ &:focus { @include button(focus);}
+ &:hover, &:checked { @include button(hover, $c: $key_bg_color);}
+ &:active { @include button(active, $c: $key_bg_color); }
+
+ font-size: $base_font_size + 5pt;
+ min-height: $key_size;
+ min-width: $key_size;
+
+ border-radius: $key_border_radius;
+
+ &:grayed { //FIXMEy
+ background-color: darken($bg_color, 3%);
+ color: $osd_fg_color;
+ border-color: $osd_borders_color;
+ }
+
+ // non-character keys
+ &.default-key {
+
+ // size of the icon asset
+ background-size: 24px;
+
+ @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;
-
- .keyboard-key {
- @extend %keyboard_key;
- border-radius:$base_border_radius;
- }
+ 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 {
+ @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;
}
\ No newline at end of file
diff --git a/widgets/_login-dialog.scss b/widgets/_login-dialog.scss
index 8902802..8b24db9 100644
--- a/widgets/_login-dialog.scss
+++ b/widgets/_login-dialog.scss
@@ -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;
-
- $_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;
- }
- }
-
- .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);
- }
- }
- }
+ //reset
+ border: none;
+ background-color: transparent;
+
+ $_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;
+ }
+ }
+
+ .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);
+ }
+ }
+ }
}
.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%); }
}
\ No newline at end of file
diff --git a/widgets/_looking-glass.scss b/widgets/_looking-glass.scss
index f065812..ad1ed90 100644
--- a/widgets/_looking-glass.scss
+++ b/widgets/_looking-glass.scss
@@ -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;
}
\ No newline at end of file
diff --git a/widgets/_message-list.scss b/widgets/_message-list.scss
index 4317c4e..9edc7b1 100644
--- a/widgets/_message-list.scss
+++ b/widgets/_message-list.scss
@@ -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;
-
- // 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;
- }
- }
-
- // 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;
-
- &:rtl {
- // padding: $base_padding;
- }
-
- // icon size and color
- > StIcon {
- color: $fg_color;
- icon-size: $base_icon_size * 2; // 32px
- -st-icon-style: symbolic;
-
- padding:0;
- margin:$base_padding;
- }
-
- // fallback
- > .fallback-window-icon {
- width: $base_icon_size;
- height: $base_icon_size;
- }
- }
-
- // 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;
- }
- }
+ @extend %notification_bubble;
+
+ // 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;
+ }
+ }
+
+ // 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;
+
+ &:rtl {
+ // padding: $base_padding;
+ }
+
+ // icon size and color
+ > StIcon {
+ color: $fg_color;
+ icon-size: $base_icon_size*2; // 32px
+ -st-icon-style: symbolic;
+
+ padding:0;
+ margin:$base_padding;
+ }
+
+ // fallback
+ > .fallback-window-icon {
+ width: $base_icon_size;
+ height: $base_icon_size;
+ }
+ }
+
+ // 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;
+ }
+ }
}
/* Media Controls */
.message-media-control {
- 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;
- }
-
- &: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;} }
+ 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;
+ }
+
+ &: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;} }
}
// album-art
.media-message-cover-icon {
- 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;
- }
+ 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;
+ }
}
\ No newline at end of file
diff --git a/widgets/_misc.scss b/widgets/_misc.scss
index f905de0..e91d7af 100644
--- a/widgets/_misc.scss
+++ b/widgets/_misc.scss
@@ -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;
}
diff --git a/widgets/_network-dialog.scss b/widgets/_network-dialog.scss
index 5b3aa63..b234ca1 100644
--- a/widgets/_network-dialog.scss
+++ b/widgets/_network-dialog.scss
@@ -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
diff --git a/widgets/_notifications.scss b/widgets/_notifications.scss
index e132c2d..3bc6909 100644
--- a/widgets/_notifications.scss
+++ b/widgets/_notifications.scss
@@ -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;
-
- .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;
- }
-
- // entries
- StEntry { @extend %bubble_entry; }
-
- .notification-icon {
- padding: 5px;
- }
-
- .notification-content {
- padding: 5px;
- spacing: 5px;
- }
-
- .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-button {
- @extend %bubble_button;
- min-height: $notification_banner_height * 0.5;
- padding: $base_padding !important;
- border-top-width: 0 !important;
-
- &:focus { box-shadow: none; }
- }
+ 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; }
+
+ &: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;
+ }
+
+ // entries
+ StEntry { @extend %bubble_entry; }
+
+ .notification-icon {
+ padding: 5px;
+ }
+
+ .notification-content {
+ padding: 5px;
+ spacing: 5px;
+ }
+
+ .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-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; }
}
\ No newline at end of file
diff --git a/widgets/_osd.scss b/widgets/_osd.scss
index ad2d1d1..85ce2d5 100644
--- a/widgets/_osd.scss
+++ b/widgets/_osd.scss
@@ -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;
}
\ No newline at end of file
diff --git a/widgets/_overview.scss b/widgets/_overview.scss
index b48bd05..18497de 100644
--- a/widgets/_overview.scss
+++ b/widgets/_overview.scss
@@ -1,10 +1,10 @@
/* OVERVIEW */
#overview {
- spacing: 24px;
- background-color: transparent;
+ spacing: 24px;
+ background-color: transparent;
}
.overview-controls {
- padding-bottom: 32px;
+ padding-bottom: 32px;
}
\ No newline at end of file
diff --git a/widgets/_popovers.scss b/widgets/_popovers.scss
index 9cf6b10..6b70801 100644
--- a/widgets/_popovers.scss
+++ b/widgets/_popovers.scss
@@ -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;
-
- //.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;
- }
+ 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-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;
-
- // 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;
- }
- }
+ min-width: 21em;
+
+ // 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;
+ }
+ }
}
\ No newline at end of file
diff --git a/widgets/_screen-shield.scss b/widgets/_screen-shield.scss
index 0f8a8be..823ac81 100644
--- a/widgets/_screen-shield.scss
+++ b/widgets/_screen-shield.scss
@@ -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); }
+ }
}
\ No newline at end of file
diff --git a/widgets/_scrollbars.scss b/widgets/_scrollbars.scss
index 640c532..5d50994 100644
--- a/widgets/_scrollbars.scss
+++ b/widgets/_scrollbars.scss
@@ -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; }
+ }
}
\ No newline at end of file
diff --git a/widgets/_search-entry.scss b/widgets/_search-entry.scss
index 5ecba46..115b693 100644
--- a/widgets/_search-entry.scss
+++ b/widgets/_search-entry.scss
@@ -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;
+ }
}
\ No newline at end of file
diff --git a/widgets/_search-results.scss b/widgets/_search-results.scss
index dd3f28c..7b1ae0a 100644
--- a/widgets/_search-results.scss
+++ b/widgets/_search-results.scss
@@ -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;
-
- // 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;
- }
-
- // content
- .search-section-content {
- spacing: 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;
+ }
+
+ // 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;
+ }
}
-
// "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.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;
- }
- }
-
- &: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);
- }
+ > .overview-icon {
+ @extend %icon_tile;
+ color: $osd_fg_color;
+ }
+
+ > .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;
+ }
+ }
+
+ &: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);
+ }
}
// search result provider
.search-provider-icon {
- @extend %icon_tile;
-
- padding: 0;
- spacing: 0;
- margin-right: $base_margin * 2;
-
- &: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-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;
- }
- }
+ @extend %icon_tile;
+
+ padding: 0;
+ spacing: 0;
+ margin-right: $base_margin * 2;
+
+ &: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-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;
+ }
+ }
}
// 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;
-
- &: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;
- }
-
- // 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%);
- }
-}
\ No newline at end of file
+ @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);
+ }
+
+ // 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 description
+ .list-search-result-description {
+ color: darken($osd_fg_color, 30%);
+ }
+}
diff --git a/widgets/_slider.scss b/widgets/_slider.scss
index 4b84ad6..c0fdbb0 100644
--- a/widgets/_slider.scss
+++ b/widgets/_slider.scss
@@ -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; }
}
\ No newline at end of file
diff --git a/widgets/_switches.scss b/widgets/_switches.scss
index 51dc478..fd7472e 100644
--- a/widgets/_switches.scss
+++ b/widgets/_switches.scss
@@ -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"));
+ }
}
\ No newline at end of file
diff --git a/widgets/_tiled-previews.scss b/widgets/_tiled-previews.scss
index f4b8f54..a9d000f 100644
--- a/widgets/_tiled-previews.scss
+++ b/widgets/_tiled-previews.scss
@@ -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;
}
\ No newline at end of file
diff --git a/widgets/_window-picker.scss b/widgets/_window-picker.scss
index 5c9d565..156f845 100644
--- a/widgets/_window-picker.scss
+++ b/widgets/_window-picker.scss
@@ -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%);
+ }
}
\ No newline at end of file
diff --git a/widgets/_workspace-switcher.scss b/widgets/_workspace-switcher.scss
index cf5e6af..5c3e0c6 100644
--- a/widgets/_workspace-switcher.scss
+++ b/widgets/_workspace-switcher.scss
@@ -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);
}
\ No newline at end of file
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
