refactor: use pre-defined colors for card-shadow

Dobromir Hristov · Dobromir Hristov · commit c894277d9eaa · 2022-09-08T10:40:52.000+03:00
diff --git a/src/styles/core/colors/_dark.scss b/src/styles/core/colors/_dark.scss
@@ -87,5 +87,5 @@
   --color-tutorial-background: var(--color-fill-tertiary);
   --color-navigator-item-hover: #{change-color(dark-color(fill-blue), $alpha: 0.5)};
 
-  --color-card-shadow: rgb(255, 255, 255, 0.04);
+  --color-card-shadow: #{change-color(light-color(fill), $alpha: 0.04)};
 }
diff --git a/src/styles/core/colors/_light.scss b/src/styles/core/colors/_light.scss
@@ -194,5 +194,5 @@
   --color-card-background: var(--color-fill);
   --color-card-content-text: var(--color-figure-gray);
   --color-card-eyebrow: var(--color-figure-gray-secondary-alt);
-  --color-card-shadow: rgb(0, 0, 0, 0.04);
+  --color-card-shadow: #{change-color(dark-color(fill), $alpha: 0.04)};
 }

Original file line number	Diff line number	Diff line change
`@@ -87,5 +87,5 @@`
`87`	`87`	`--color-tutorial-background: var(--color-fill-tertiary);`
`88`	`88`	`--color-navigator-item-hover: #{change-color(dark-color(fill-blue), $alpha: 0.5)};`
`89`	`89`
`90`		`- --color-card-shadow: rgb(255, 255, 255, 0.04);`
	`90`	`+ --color-card-shadow: #{change-color(light-color(fill), $alpha: 0.04)};`
`91`	`91`	`}`
Original file line number	Diff line number	Diff line change
`@@ -194,5 +194,5 @@`
`194`	`194`	`--color-card-background: var(--color-fill);`
`195`	`195`	`--color-card-content-text: var(--color-figure-gray);`
`196`	`196`	`--color-card-eyebrow: var(--color-figure-gray-secondary-alt);`
`197`		`- --color-card-shadow: rgb(0, 0, 0, 0.04);`
	`197`	`+ --color-card-shadow: #{change-color(dark-color(fill), $alpha: 0.04)};`
`198`	`198`	`}`