diff --git a/ags/style.scss b/ags/style.scss index 560c54a..9b862b3 100644 --- a/ags/style.scss +++ b/ags/style.scss @@ -268,7 +268,7 @@ trough highlight { trough slider { border-radius: 50%; - margin: -2px 0; + margin: -4px 0; background: wal.$foreground; min-width: 1.2em; min-height: 1.2em; diff --git a/ags/style/_apps-window.scss b/ags/style/_apps-window.scss index 3a67c37..dc147bb 100644 --- a/ags/style/_apps-window.scss +++ b/ags/style/_apps-window.scss @@ -1,7 +1,7 @@ @use "sass:color"; @use "./colors"; -.apps-window-container { +.apps-window .popup-window-container { $radius: 48px; padding: 28px; @@ -9,7 +9,7 @@ border-radius: $radius $radius 0 0; & entry { - background: rgba(colors.$bg-primary, .4); + background: transparent; margin-bottom: 32px; min-width: 450px; padding: 14px; @@ -17,6 +17,7 @@ &:focus-within { box-shadow: inset 0 0 0 2px colors.$bg-tertiary; + background: rgba(colors.$bg-primary, .2); } } diff --git a/ags/style/_control-center.scss b/ags/style/_control-center.scss index 324eef9..fce22aa 100644 --- a/ags/style/_control-center.scss +++ b/ags/style/_control-center.scss @@ -77,10 +77,6 @@ } & .page .content { - & > eventbox > box { - margin: 6px 0; - } - & label.name { font-size: 14px; font-weight: 500; @@ -100,7 +96,7 @@ } } - & .page { + & #page { transition: 120ms linear; background: colors.$bg-secondary; padding: 14px; @@ -109,12 +105,12 @@ & .header { margin-bottom: 12px; - & .top > .title { + & .top .title { font-size: 20px; font-weight: 600; } - & > .description { + & .description { font-size: 12px; font-weight: 500; color: colors.$fg-disabled; @@ -127,11 +123,21 @@ margin-bottom: 4px; } - & button { - padding: 6px; - border-radius: 12px; + & .page-button, .extra-buttons { + & button { + padding: 6px; + border-radius: 12px; - & label { + &:hover { + background: rgba(colors.$fg-primary, .1); + } + + &:active { + border-radius: 10px; + } + } + + & label.title { font-size: 14px; } @@ -144,10 +150,6 @@ & icon { font-size: 16px; } - - &:hover { - background: rgba(colors.$fg-primary, .1); - } } & .bottom-buttons button { @@ -165,8 +167,13 @@ & .extra-buttons { margin-left: 2px; - & > button { - border-radius: 12px; + + button { + border-radius: 10px; + + &:active { + border-radius: 8px; + } } } } @@ -251,8 +258,7 @@ } } -.tile-pages .page { - transition: 180ms linear; +.tile-pages #page { margin-top: 10px; &.bluetooth { @@ -260,10 +266,6 @@ background: colors.$bg-tertiary; } } - - &.revealed { - padding-top: 12px; - } } box.notif-history { diff --git a/ags/style/_runner.scss b/ags/style/_runner.scss index d7433f3..711c0ca 100644 --- a/ags/style/_runner.scss +++ b/ags/style/_runner.scss @@ -21,14 +21,17 @@ box-shadow: none; } - & image.left { + & image { margin-right: 6px; + -gtk-icon-size: 16px; } } - & list { - padding: 6px; + & scrolledwindow { + margin: 6px; + } + & list { & .result { padding: 10px; background: colors.$bg-primary; diff --git a/ags/style/_wal.scss b/ags/style/_wal.scss index cd23f7c..a31897a 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 Battleground.jpg"; +$wallpaper: "/home/joaov/wallpapers/Frieren Underwater.jpg"; // Special -$background: #181515; -$foreground: #c5c4c4; -$cursor: #c5c4c4; +$background: #0a1d30; +$foreground: #c1c6cb; +$cursor: #c1c6cb; // Colors -$color0: #181515; -$color1: #975969; -$color2: #7f6960; -$color3: #7f697f; -$color4: #a57e83; -$color5: #878193; -$color6: #9d8793; -$color7: #9b9090; -$color8: #715c5c; -$color9: #CA778C; -$color10: #AA8C81; -$color11: #AA8CAA; -$color12: #DCA8AF; -$color13: #B4ADC5; -$color14: #D2B5C5; -$color15: #c5c4c4; +$color0: #0a1d30; +$color1: #0e7ea2; +$color2: #3a829e; +$color3: #1f96b0; +$color4: #717880; +$color5: #9c8a87; +$color6: #758899; +$color7: #93989d; +$color8: #606b76; +$color9: #13A9D8; +$color10: #4EAED3; +$color11: #2AC9EB; +$color12: #97A0AB; +$color13: #D1B8B5; +$color14: #9CB6CD; +$color15: #c1c6cb;