From 17478f87e5aa333f40ab70447bb11554a0c64ad6 Mon Sep 17 00:00:00 2001 From: A Farzat Date: Thu, 21 Nov 2024 17:15:56 +0900 Subject: Made an initial attempt --- sass/_mixins.scss | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 sass/_mixins.scss (limited to 'sass/_mixins.scss') diff --git a/sass/_mixins.scss b/sass/_mixins.scss new file mode 100644 index 0000000..62c52e3 --- /dev/null +++ b/sass/_mixins.scss @@ -0,0 +1,22 @@ +@use "sass:map"; +@mixin color-theme2($theme) { + @if $theme == dark { + --color-primary: #{$color-primary-dark}; + --color-secondary: #{$color-secondary-dark}; + --color-tertiary: #{$color-tertiary-dark}; + --color-accent: #{$color-accent-dark}; + } + @if $theme == light { + --color-primary: #{$color-primary-light}; + --color-secondary: #{$color-secondary-light}; + --color-tertiary: #{$color-tertiary-light}; + --color-accent: #{$color-accent-light}; + } +} +@mixin color-theme($theme) { + --color-text: #{map.get($themes, $theme, "text")}; + --color-background: #{map.get($themes, $theme, "background")}; + --color-primary: #{map.get($themes, $theme, "primary")}; + --color-secondary: #{map.get($themes, $theme, "secondary")}; + --color-accent: #{map.get($themes, $theme, "accent")}; +} -- cgit v1.2.3-70-g09d2