[libadwaita/wip/exalm/background-colors2: 14/17] stylesheet: Extract card colors

[Alexander Mikhaylenko <alexm src gnome org>]

commit ed8776dd3bc481bddb18fe79c1be586553c71e53
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Oct 1 18:00:38 2021 +0500

    stylesheet: Extract card colors

 src/stylesheet/_colors.scss                   | 3 +++
 src/stylesheet/widgets/_lists.scss            | 6 +++---
 src/stylesheet/widgets/_shortcuts-window.scss | 8 ++++----
 3 files changed, 10 insertions(+), 7 deletions(-)
---
diff --git a/src/stylesheet/_colors.scss b/src/stylesheet/_colors.scss
index 21754ba8..27691149 100644
--- a/src/stylesheet/_colors.scss
+++ b/src/stylesheet/_colors.scss
@@ -33,6 +33,9 @@ $headerbar_bg_color: darken($bg_color, if($variant == 'dark', 5%, 10%));
 $headerbar_fg_color: $fg_color;
 $headerbar_border_color: gtkalpha($fg_color, $border_opacity);
 $headerbar_backdrop_color: $bg_color;
+$card_bg_color: $base_color;
+$card_fg_color: $text_color;
+$card_border_color: $borders_color;
 
 $popover_bg_color: $base_color;
 $popover_fg_color: $text_color;
diff --git a/src/stylesheet/widgets/_lists.scss b/src/stylesheet/widgets/_lists.scss
index de9cdec9..da12a303 100644
--- a/src/stylesheet/widgets/_lists.scss
+++ b/src/stylesheet/widgets/_lists.scss
@@ -233,9 +233,9 @@ row.expander {
 
 list.content,
 listview.content {
-  background-color: $base_color;
-  color: $text_color;
-  border: 1px solid $borders_color;
+  background-color: $card_bg_color;
+  color: $card_fg_color;
+  border: 1px solid $card_border_color;
   border-radius: 8px;
 
   > row {
diff --git a/src/stylesheet/widgets/_shortcuts-window.scss b/src/stylesheet/widgets/_shortcuts-window.scss
index 67968c27..5bfe8569 100644
--- a/src/stylesheet/widgets/_shortcuts-window.scss
+++ b/src/stylesheet/widgets/_shortcuts-window.scss
@@ -19,13 +19,13 @@ shortcut {
     padding-left: 6px;
     padding-right: 6px;
 
-    color: $fg_color;
-    background-color: $base_color;
+    color: $card_fg_color;
+    background-color: $card_bg_color;
     background-clip: padding-box;
     border: 1px solid;
-    border-color: $borders_color;
+    border-color: $card_border_color;
     border-radius: 5px;
-    box-shadow: inset 0 -3px $thin_borders_color;
+    box-shadow: inset 0 -3px gtkalpha($card_border_color, .5);
     font-size: smaller;
   }
 }