Olivier/colorshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 ags(style): update styles

Browse Source
This commit is contained in:
retrozinndev
2025-04-10 16:34:06 -03:00
parent 79b0983da7
commit 2a7928e6bf
4 changed files with 42 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ags/style/_center-window.scss
-1
View File
@@ -1,7 +1,6 @@
@use "sass:color"; @use "sass:color";
@use "./wal"; @use "./wal";
@use "./colors"; @use "./colors";
@use "./functions" as funs;
.center-window-container { .center-window-container {
background: colors.$bg-translucent; background: colors.$bg-translucent;
ags/style/_control-center.scss
+16 -2
View File
@@ -71,6 +71,11 @@ box.history {
background: colors.$bg-translucent; background: colors.$bg-translucent;
border-radius: 24px; border-radius: 24px;
padding: 20px 14px; padding: 20px 14px;
transition: 120ms linear;
&.hide {
opacity: 0;
}
& .notifications { & .notifications {
& .notification { & .notification {
@@ -160,7 +165,7 @@ box.history {
border-radius: 24px; border-radius: 24px;
& .header { & .header {
margin-bottom: 6px; margin-bottom: 12px;
& > .title:first-child { & > .title:first-child {
font-size: 20px; font-size: 20px;
@@ -172,11 +177,16 @@ box.history {
font-weight: 500; font-weight: 500;
color: colors.$fg-disabled; color: colors.$fg-disabled;
} }
& button label {
font-size: 14px;
}
} }
& .sub-header { & .sub-header {
font-size: 18px; font-size: 14px;
font-weight: 500; font-weight: 500;
margin-bottom: 6px;
} }
& button { & button {
@@ -190,5 +200,9 @@ box.history {
button.connected { button.connected {
background: colors.$bg-tertiary; background: colors.$bg-tertiary;
} }
&.paired {
margin-bottom: 20px;
}
} }
} }
ags/style/_runner.scss
+6 -2
View File
@@ -2,13 +2,15 @@
.runner.main { .runner.main {
background: colors.$bg-translucent; background: colors.$bg-translucent;
padding: 12px; padding: 10px;
border-radius: 24px; border-radius: 22px;
& entry { & entry {
background: colors.$bg-primary; background: colors.$bg-primary;
padding: 10px 9px; padding: 10px 9px;
border-radius: 12px; border-radius: 12px;
margin-bottom: 1px;
min-height: 1.4em;
&:focus { &:focus {
box-shadow: inset 0 0 0 2px colors.$bg-secondary; box-shadow: inset 0 0 0 2px colors.$bg-secondary;
@@ -20,6 +22,8 @@
} }
& list { & list {
all: unset;
& > *:selected > .result, & > *:selected > .result,
& > *:active > .result, & > *:active > .result,
& > *:hover > .result { & > *:hover > .result {
ags/style/_wal.scss
+20 -20
View File
@@ -1,26 +1,26 @@
// SCSS Variables // SCSS Variables
// Generated by 'wal' // Generated by 'wal'
$wallpaper: "/home/joaov/wallpapers/Gumi Bridge.jpg"; $wallpaper: "/home/joaov/wallpapers/Frieren Underwater.jpg";
// Special // Special
$background: #253d36; $background: #0a1d30;
$foreground: #c8cecc; $foreground: #c1c6cb;
$cursor: #c8cecc; $cursor: #c1c6cb;
// Colors // Colors
$color0: #253d36; $color0: #0a1d30;
$color1: #2FA4CE; $color1: #13A9D8;
$color2: #56B5D4; $color2: #4EAED3;
$color3: #5FC1CA; $color3: #2AC9EB;
$color4: #63CBDF; $color4: #97A0AB;
$color5: #B1BBA4; $color5: #D1B8B5;
$color6: #9BD7E1; $color6: #9CB6CD;
$color7: #9ca6a3; $color7: #93989d;
$color8: #6c847e; $color8: #606b76;
$color9: #77b0c5; $color9: #6eadc0;
$color10: #8ebfcf; $color10: #8abacd;
$color11: #8ec9cf; $color11: #84bdca;
$color12: #9ccbd4; $color12: #9cb2d4;
$color13: #c5daab; $color13: #e3c2bf;
$color14: #badce1; $color14: #afc8dd;
$color15: #c8cecc; $color15: #c1c6cb;