[gnome-shell/wip/snwh/tidy-up-card-style] css: Tidy up the card style




commit 8b1389209b5e8e12c6cbf246b49e106ea48be4ea
Author: Sam Hewitt <sam snwh org>
Date:   Mon Oct 17 13:43:46 2022 -0230

    css: Tidy up the card style
    
    - remove the drop shadow
    - clean up mixin references

 data/theme/gnome-shell-sass/_colors.scss               | 1 +
 data/theme/gnome-shell-sass/_drawing.scss              | 2 +-
 data/theme/gnome-shell-sass/_high-contrast-colors.scss | 1 +
 data/theme/gnome-shell-sass/widgets/_calendar.scss     | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_colors.scss b/data/theme/gnome-shell-sass/_colors.scss
index c42a95543b..b83b1edf1d 100644
--- a/data/theme/gnome-shell-sass/_colors.scss
+++ b/data/theme/gnome-shell-sass/_colors.scss
@@ -40,6 +40,7 @@ $button_mix_factor: 5%;
 
 // cards
 $card_bg_color: if($variant == 'light', darken($bg_color, 5%), lighten($bg_color, 2%));
+$card_outer_borders_color: transparentize($fg_color, 0.98);
 
 // notifications
 $bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 10%));
diff --git a/data/theme/gnome-shell-sass/_drawing.scss b/data/theme/gnome-shell-sass/_drawing.scss
index 3a47034920..7c8959e2cf 100644
--- a/data/theme/gnome-shell-sass/_drawing.scss
+++ b/data/theme/gnome-shell-sass/_drawing.scss
@@ -313,7 +313,7 @@
 @mixin card($flat: false) {
   border-radius: $base_border_radius;
   margin: $base_margin;
-  box-shadow: 0 1px 1px 0 $shadow_color;
+  box-shadow: inset 0 0 0 1px $card_outer_borders_color;
 
   @if $flat {
     @include button(undecorated);
diff --git a/data/theme/gnome-shell-sass/_high-contrast-colors.scss 
b/data/theme/gnome-shell-sass/_high-contrast-colors.scss
index 0d48644a1e..15fdec3ec4 100644
--- a/data/theme/gnome-shell-sass/_high-contrast-colors.scss
+++ b/data/theme/gnome-shell-sass/_high-contrast-colors.scss
@@ -38,6 +38,7 @@ $button_mix_factor: 10%;
 
 // cards
 $card_bg_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 12%));
+$card_outer_borders_color: $card_bg_color;
 
 // notifications
 $bubble_buttons_color: if($variant == 'light', darken($bg_color, 22%), lighten($bg_color, 31%));
diff --git a/data/theme/gnome-shell-sass/widgets/_calendar.scss 
b/data/theme/gnome-shell-sass/widgets/_calendar.scss
index 336372cd6c..fa7080b44c 100644
--- a/data/theme/gnome-shell-sass/widgets/_calendar.scss
+++ b/data/theme/gnome-shell-sass/widgets/_calendar.scss
@@ -15,7 +15,7 @@
 
 /* today button (the date) */
 .datemenu-today-button {
-  @include card($flat: true);
+  @include card(flat);
   padding: $base_padding * 1.5;
 
   // weekday label


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