[gnome-shell/wip/snwh/sass-cleanup] theme: dash styling refinements



commit 131fa96d549fdb0ee859945665fc3cbc649fda45
Author: Sam Hewitt <sam snwh org>
Date:   Wed Oct 2 10:28:45 2019 -0400

    theme: dash styling refinements

 data/theme/gnome-shell-sass/widgets/_dash.scss | 35 +++++++++++++++-----------
 data/theme/gnome-shell.scss                    |  2 +-
 2 files changed, 22 insertions(+), 15 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_dash.scss b/data/theme/gnome-shell-sass/widgets/_dash.scss
index 41ca7bfc0b..6b061a1565 100644
--- a/data/theme/gnome-shell-sass/widgets/_dash.scss
+++ b/data/theme/gnome-shell-sass/widgets/_dash.scss
@@ -1,22 +1,25 @@
 /* Dash */
 
-$dash_placeholder_size: 24px;
+$dash_placeholder_size: 32px;
+$dash_border_radius: $dialog_border_radius * 1.5;
 
 #dash {
        @extend %overview_panel;
        font-size: $base_font_size - 2pt;
-       padding: $base_padding 0;
+       padding: 0;
+       padding-bottom: $base_padding + 4px;
 
        //fixme: can't have non uniform borders :(
-       border-radius: 0 $dialog_border_radius $dialog_border_radius 0; 
+       border-radius: 0 $dash_border_radius $dash_border_radius 0; 
        border-left-width: 0 !important;
        &:rtl { 
-               border-radius: $dialog_border_radius 0 0 $dialog_border_radius;
+               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: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+               background-image:none;
                background-size: contain;
                height: $dash_placeholder_size;
        }
@@ -27,19 +30,22 @@ $dash_placeholder_size: 24px;
        }
 }
 
+// Dash Items
 .dash-item-container > StWidget {
-       padding: $base_padding $base_padding * 2;
+       padding: $base_padding + 4px;
+       padding-bottom: 0;
 }
 
 // OSD Tooltip
 .dash-label {
-       border-radius: $base_border_radius + 2px;
-       padding: $base_padding $base_padding + 2px;
-       color: $osd_fg_color;
        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
 }
 
@@ -68,10 +74,11 @@ $dash_placeholder_size: 24px;
        &:checked .overview-icon {
                background-color: darken($osd_bg_color,10%);
        }
+
+       &:checked .show-apps-icon,
+       &:focus .show-apps-icon {
+               color: $fg_color;
+               transition-duration: 100ms;
+       }
 }
 
-.show-apps:checked .show-apps-icon,
-.show-apps:focus .show-apps-icon {
-       color: $fg_color;
-       transition-duration: 100ms;
-}
\ No newline at end of file
diff --git a/data/theme/gnome-shell.scss b/data/theme/gnome-shell.scss
index 62237fd5d3..3def5896cf 100644
--- a/data/theme/gnome-shell.scss
+++ b/data/theme/gnome-shell.scss
@@ -1,4 +1,4 @@
-$variant: 'light';
+$variant: 'dark';
 
 @import "gnome-shell-sass/_colors"; //use gtk colors
 @import "gnome-shell-sass/_drawing";


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]