From 2c9c102b5869af666d39ca6bfd2f047b1634d309 Mon Sep 17 00:00:00 2001 From: Drew Haven Date: Sat, 1 Mar 2025 16:01:46 -0800 Subject: [PATCH] [eww] Changes color-scheme to Tokyo Night --- home-manager/apps/eww/config/eww.scss | 20 +++++++++---------- .../apps/eww/config/tokyonight-night.scss | 20 +++++++++++++++++++ 2 files changed, 30 insertions(+), 10 deletions(-) create mode 100644 home-manager/apps/eww/config/tokyonight-night.scss diff --git a/home-manager/apps/eww/config/eww.scss b/home-manager/apps/eww/config/eww.scss index 39854b6..6cf692b 100644 --- a/home-manager/apps/eww/config/eww.scss +++ b/home-manager/apps/eww/config/eww.scss @@ -1,13 +1,13 @@ -@use '/home/drew/.config/colors/decay' as decay; +@use 'tokyonight-night.scss' as colors; -$color-primary: decay.$blue-bright; -$color-standout: decay.$green; -$color-danger: decay.$red; -$color-foreground: decay.$foreground; -$color-background: decay.$background; +$color-primary: colors.$blue-bright; +$color-standout: colors.$green; +$color-danger: colors.$red; +$color-foreground: colors.$foreground; +$color-background: colors.$background; -$color-primary-dark: decay.$blue; -$color-background-light: decay.$black; +$color-primary-dark: colors.$blue; +$color-background-light: colors.$black; $color-border: darker($color-background); $color-foreground-dark: darker($color-foreground); $color-standout-dark: darker($color-standout); @@ -133,10 +133,10 @@ $color-standout-dark: darker($color-standout); } &-mem .system-monitor-sparkgraph-graph { - color: decay.$magenta; + color: colors.$magenta; } &-temp .system-monitor-sparkgraph-graph { - color: decay.$green; + color: colors.$green; } &-value { color: $color-foreground; diff --git a/home-manager/apps/eww/config/tokyonight-night.scss b/home-manager/apps/eww/config/tokyonight-night.scss new file mode 100644 index 0000000..7cdb96c --- /dev/null +++ b/home-manager/apps/eww/config/tokyonight-night.scss @@ -0,0 +1,20 @@ +$background: #1a1b26; +$foreground: #c0caf5; +$black: #15161e; +$red: #f7768e; +$green: #9ece6a; +$yellow: #e0af68; +$blue: #7aa2f7; +$magenta: #bb9af7; +$cyan: #7dcfff; +$white: #a9b1d6; + +$black-bright: lighter(#15161e); +$red-bright: lighter(#f7768e); +$green-bright: lighter(#9ece6a); +$yellow-bright: lighter(#e0af68); +$blue-bright: lighter(#7aa2f7); +$magenta-bright: lighter(#bb9af7); +$cyan-bright: lighter(#7dcfff); +$white-bright: lighter(#a9b1d6); +