From e0648fe311dfe4c4b8d3142597921d46ccb8bbdb Mon Sep 17 00:00:00 2001 From: Franek Date: Tue, 18 Feb 2025 18:52:35 +0100 Subject: [PATCH] update theming --- styles/colors/index.scss | 40 +++++++++++++------------- styles/components/_quick_settings.scss | 14 ++++----- 2 files changed, 27 insertions(+), 27 deletions(-) diff --git a/styles/colors/index.scss b/styles/colors/index.scss index 8ae007f..a63f338 100644 --- a/styles/colors/index.scss +++ b/styles/colors/index.scss @@ -1,29 +1,29 @@ // SCSS Variables // Generated by 'wal' -$wallpaper: "/home/sadorowo/images/wallpapers/youtube_Sheri_217.jpg"; +$wallpaper: "/home/sadorowo/images/wallpapers/youtube_Sheri_36.jpg"; // Special -$background: #0C1325; -$foreground: #e1e7e9; -$cursor: #e1e7e9; +$background: #0D0809; +$foreground: #b5b4b9; +$cursor: #b5b4b9; // Colors -$color0: #0C1325; -$color1: #6C8FAD; -$color2: #76A6C7; -$color3: #9CA3AF; -$color4: #CCBFB5; -$color5: #95B7CB; -$color6: #AFCDDC; -$color7: #e1e7e9; -$color8: #9da1a3; -$color9: #6C8FAD; -$color10: #76A6C7; -$color11: #9CA3AF; -$color12: #CCBFB5; -$color13: #95B7CB; -$color14: #AFCDDC; -$color15: #e1e7e9; +$color0: #0D0809; +$color1: #655250; +$color2: #975334; +$color3: #9A6854; +$color4: #C96F45; +$color5: #B18970; +$color6: #EC9863; +$color7: #b5b4b9; +$color8: #7e7d81; +$color9: #655250; +$color10: #975334; +$color11: #9A6854; +$color12: #C96F45; +$color13: #B18970; +$color14: #EC9863; +$color15: #b5b4b9; $primary: lighten($color4, 20%); $onPrimary: darken($color2, 20%); $primaryContainer: darken($color2, 10%); diff --git a/styles/components/_quick_settings.scss b/styles/components/_quick_settings.scss index f29e091..85f2db3 100644 --- a/styles/components/_quick_settings.scss +++ b/styles/components/_quick_settings.scss @@ -46,24 +46,24 @@ window.qs_bluetooth { window.quick_settings button, window.qs_bluetooth button { transition: all 0.2s ease-in-out; - background: $onPrimaryContainer; - border: 2px solid $foreground; + background: $primary; + border: 2px solid $onPrimary; margin: 5px; &:hover { - background: $foreground; + background: $onPrimary; * { - color: $onPrimary; + color: $primary; } } &.active { - background: $foreground; - border: 0.5px solid $onPrimary; + background: $onPrimary; + border: 0.5px solid $primary; * { - color: $onPrimary; + color: $primary; } } }