From 5b6242137fe85ae776a2a5da26905f763f73e797 Mon Sep 17 00:00:00 2001 From: Penelope Gwen Date: Mon, 3 Mar 2025 21:15:02 -0800 Subject: [PATCH] New backup 2025-03-03 21:15:02 --- .../.config/de-vars/colors/blazer/colors.scss | 49 +++++++++---------- de/home/.config/eww/eww.scss | 18 +++++-- de/home/.config/eww/eww.yuck | 4 +- de/home/.config/eww/style/colors.scss | 49 +++++++++---------- 4 files changed, 62 insertions(+), 58 deletions(-) diff --git a/de/home/.config/de-vars/colors/blazer/colors.scss b/de/home/.config/de-vars/colors/blazer/colors.scss index ef88e93..933d31b 100644 --- a/de/home/.config/de-vars/colors/blazer/colors.scss +++ b/de/home/.config/de-vars/colors/blazer/colors.scss @@ -1,28 +1,25 @@ -/* CSS variables - Generated by 'wal' */ -:root { - --wallpaper: url("None"); +/* SCSS variables */ +$wallpaper: url("None"); - /* Special */ - --background: #2C2423; - --foreground: #FFFFFF; - --cursor: #B87A7A; +/* Special */ +$background: #2C2423; +$foreground: #FFFFFF; +$cursor: #B87A7A; - /* Colors */ - --color0: #2C2423; - --color1: #B87A7A; - --color2: #7AB87A; - --color3: #B8B87A; - --color4: #7A7AB8; - --color5: #B87AB8; - --color6: #7AB8B8; - --color7: #D9D9D9; - --color8: #918988; - --color9: #DBBDBD; - --color10: #BDDBBD; - --color11: #DBDBBD; - --color12: #BDBDDB; - --color13: #DBBDDB; - --color14: #BDDBDB; - --color15: #FFFFFF; -} +/* Colors */ +$color0: #2C2423; +$color1: #B87A7A; +$color2: #7AB87A; +$color3: #B8B87A; +$color4: #7A7AB8; +$color5: #B87AB8; +$color6: #7AB8B8; +$color7: #D9D9D9; +$color8: #918988; +$color9: #DBBDBD; +$color10: #BDDBBD; +$color11: #DBDBBD; +$color12: #BDBDDB; +$color13: #DBBDDB; +$color14: #BDDBDB; +$color15: #FFFFFF; diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss index 96fee14..1cb42a9 100644 --- a/de/home/.config/eww/eww.scss +++ b/de/home/.config/eww/eww.scss @@ -2,6 +2,8 @@ all: unset; // Unsets everything so you can style everything from scratch font-family: FontAwesome, Overpass; } + +@import "./style/colors.scss"; // Global Styles .bar { background-color: #3a3a3a; @@ -38,20 +40,26 @@ font-size: large; } -.workspaces button:hover { - color: #D35D6E; -} .workspaces { background-color: #B87A7A; color: #2C2423; border-radius: 8px; } .workspaces button { - background-color: red; - color: #fff; + background-color: $color9; + border: 2px solid $color1; + color: $color0; margin: 0px 0px; padding: 2px; } +.workspaces button:hover { + background-color: $color1; + transition-property: background-color; + transition-duration: .25s; +} +.workspaces .focused { + background-color: $color1; +} .workspaces button:first-child { border-radius:8px 0px 0px 8px; } diff --git a/de/home/.config/eww/eww.yuck b/de/home/.config/eww/eww.yuck index 9a19e23..8155329 100644 --- a/de/home/.config/eww/eww.yuck +++ b/de/home/.config/eww/eww.yuck @@ -6,6 +6,8 @@ (defwidget rightgroup [] (box :class "rightgroup" :orientation "h" :space-evenly false :halign "end" + " " + " " (sysdisk) (sysmem) {formattime(EWW_TIME,"%b %d, %Y %H:%M")} @@ -23,7 +25,7 @@ (for entry in array (button :onclick `swaymsg workspace "${entry.name}"` :class {entry.focused ? "focused" : ""} - `${entry.name}`)))) + `${replace(entry.name,".*:","")}`)))) (defwidget systemtray [] (systray diff --git a/de/home/.config/eww/style/colors.scss b/de/home/.config/eww/style/colors.scss index ef88e93..933d31b 100644 --- a/de/home/.config/eww/style/colors.scss +++ b/de/home/.config/eww/style/colors.scss @@ -1,28 +1,25 @@ -/* CSS variables - Generated by 'wal' */ -:root { - --wallpaper: url("None"); +/* SCSS variables */ +$wallpaper: url("None"); - /* Special */ - --background: #2C2423; - --foreground: #FFFFFF; - --cursor: #B87A7A; +/* Special */ +$background: #2C2423; +$foreground: #FFFFFF; +$cursor: #B87A7A; - /* Colors */ - --color0: #2C2423; - --color1: #B87A7A; - --color2: #7AB87A; - --color3: #B8B87A; - --color4: #7A7AB8; - --color5: #B87AB8; - --color6: #7AB8B8; - --color7: #D9D9D9; - --color8: #918988; - --color9: #DBBDBD; - --color10: #BDDBBD; - --color11: #DBDBBD; - --color12: #BDBDDB; - --color13: #DBBDDB; - --color14: #BDDBDB; - --color15: #FFFFFF; -} +/* Colors */ +$color0: #2C2423; +$color1: #B87A7A; +$color2: #7AB87A; +$color3: #B8B87A; +$color4: #7A7AB8; +$color5: #B87AB8; +$color6: #7AB8B8; +$color7: #D9D9D9; +$color8: #918988; +$color9: #DBBDBD; +$color10: #BDDBBD; +$color11: #DBDBBD; +$color12: #BDBDDB; +$color13: #DBBDDB; +$color14: #BDDBDB; +$color15: #FFFFFF;