From c0ba7adadcab0cec8171abe9a7e47a69feee1f96 Mon Sep 17 00:00:00 2001 From: retrozinndev Date: Mon, 14 Apr 2025 18:27:47 -0300 Subject: [PATCH] :lipstick: ags(style): add styles for slider marks and more improvements --- ags/style.scss | 16 +++++++++++++++ ags/style/_apps-window.scss | 2 +- ags/style/_logout-menu.scss | 4 ++++ ags/style/_wal.scss | 40 ++++++++++++++++++------------------- 4 files changed, 41 insertions(+), 21 deletions(-) diff --git a/ags/style.scss b/ags/style.scss index 6c40c5e..3c775bd 100644 --- a/ags/style.scss +++ b/ags/style.scss @@ -210,3 +210,19 @@ scrollbar trough { padding: 0 2px; } } + +slider, scale { + & marks mark { + & indicator { + color: colors.$fg-disabled; + min-width: 1px; + min-height: 6px; + } + + & label { + font-size: 11px; + font-weight: 400; + color: colors.$fg-disabled; + } + } +} diff --git a/ags/style/_apps-window.scss b/ags/style/_apps-window.scss index 13f6ea9..05f63aa 100644 --- a/ags/style/_apps-window.scss +++ b/ags/style/_apps-window.scss @@ -14,7 +14,7 @@ padding: 10px 9px; margin-bottom: 32px; border-radius: 12px; - min-width: 350px; + min-width: 400px; &:focus { box-shadow: inset 0 0 0 2px colors.$bg-secondary; diff --git a/ags/style/_logout-menu.scss b/ags/style/_logout-menu.scss index 4644ef0..92c5988 100644 --- a/ags/style/_logout-menu.scss +++ b/ags/style/_logout-menu.scss @@ -1,12 +1,16 @@ +@use "./colors"; + .logout-menu { .top { .time { font-size: 128px; font-weight: 900; + text-shadow: 1px 1px 2px colors.$bg-translucent; } .date { font-size: 24px; font-weight: 500; + text-shadow: 1px 1px 2px colors.$bg-translucent; } } .button-row { diff --git a/ags/style/_wal.scss b/ags/style/_wal.scss index ccc84d4..ed26fcb 100644 --- a/ags/style/_wal.scss +++ b/ags/style/_wal.scss @@ -1,26 +1,26 @@ // SCSS Variables // Generated by 'wal' -$wallpaper: "/home/joaov/wallpapers/Frieren Night Film.jpeg"; +$wallpaper: "/home/joaov/wallpapers/Frieren Underwater.jpg"; // Special -$background: #16131b; -$foreground: #c4c4c6; -$cursor: #c4c4c6; +$background: #0a1d30; +$foreground: #c1c6cb; +$cursor: #c1c6cb; // Colors -$color0: #16131b; -$color1: #5D6893; -$color2: #96768D; -$color3: #5E98BA; -$color4: #6E9EC4; -$color5: #A3969E; -$color6: #BEB4BA; -$color7: #96909b; -$color8: #655d71; -$color9: #7080c2; -$color10: #c87fb3; -$color11: #85b1cb; -$color12: #93b5d0; -$color13: #d297ba; -$color14: #dfb4cf; -$color15: #c4c4c6; +$color0: #0a1d30; +$color1: #13A9D8; +$color2: #4EAED3; +$color3: #2AC9EB; +$color4: #97A0AB; +$color5: #D1B8B5; +$color6: #9CB6CD; +$color7: #93989d; +$color8: #606b76; +$color9: #6eadc0; +$color10: #8abacd; +$color11: #84bdca; +$color12: #9cb2d4; +$color13: #e3c2bf; +$color14: #afc8dd; +$color15: #c1c6cb;