sadorowo/dots
1
0
Fork 0
Code Issues Activity

feat(ags): follow the pywal16 docs on colors usage

Browse Source
This commit is contained in:
Franek
2025-05-07 16:33:26 +02:00
parent 1466d43206
commit 777a84066e
7 changed files with 53 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ags/styles/components/_bar.scss
View File

@ -10,17 +10,17 @@ window.bar {
>.inner { >.inner {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
background: $base0B; background: $base00;
padding: 0.25rem 1rem; padding: 0.25rem 1rem;
margin: 0; margin: 0;
* { color: $base00; } * { color: $base0B; }
} }
.tray .item { .tray .item {
padding: 0; padding: 0;
margin: 0; margin: 0;
background: $base0B; background: $base00;
image { image {
padding: 0; padding: 0;

16
ags/styles/components/_battery_info.scss
View File

@ -4,7 +4,7 @@ window.battery_info {
font-weight: bold; font-weight: bold;
>box { >box {
border: 1px solid $base00; border: 1px solid $base01;
border-radius: 10px; border-radius: 10px;
margin: 8px; margin: 8px;
} }
@ -12,7 +12,7 @@ window.battery_info {
>.inner { >.inner {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
background: $base0B; background: $base00;
padding: 0.75rem 3rem; padding: 0.75rem 3rem;
margin: 0; margin: 0;
@ -22,7 +22,7 @@ window.battery_info {
* { * {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
color: $base00; color: $base0B;
} }
} }
@ -33,12 +33,12 @@ window.battery_info {
window.battery_info button { window.battery_info button {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
background: $base0B; background: $base00;
border: 2px solid $base00; border: 2px solid $base01;
margin: 5px; margin: 5px;
&:hover { &:hover {
background: $base00; background: $base01;
* { * {
color: $base0B; color: $base0B;
@ -46,8 +46,8 @@ window.battery_info button {
} }
&.active { &.active {
background: $base00; background: $base01;
border: 0.5px solid $base0B; border: 2px solid $base00;
* { * {
color: $base0B; color: $base0B;

29
ags/styles/components/_clipboard.scss
View File

@ -2,50 +2,45 @@
.clipboard { .clipboard {
entry { entry {
background: $base0B; background: $base00;
color: $base00; color: $base0B;
padding: 8px 12px; padding: 8px 12px;
border: none; border: none;
margin-bottom: 6px; margin-bottom: 6px;
&:focus { &:focus {
outline: 2px solid $base00; outline: 2px solid $base01;
} }
} }
.entry.primary { .entry.primary {
background: $base0C; background: $base01;
&:hover>.content { &:focus {
color: $base0C; background: $base00;
} }
} }
.entry { .entry {
padding: 10px; padding: 10px;
background: $base0B; background: $base00;
border-radius: 8px; border-radius: 8px;
transition: background 0.2s ease; transition: background 0.2s ease;
&:hover { &:hover { background: $base01; }
background: $base00;
>.content {
color: $base0B;
}
}
.content { .content {
color: $base00; color: $base0B;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
} }
.not-found { .not-found {
background: $base0B; border: 1px solid $base07;
color: $base00; background: $base01;
color: $base0B;
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;

23
ags/styles/components/_launcher.scss
View File

@ -2,31 +2,26 @@
.launcher { .launcher {
entry { entry {
background: $base0B; background: $base00;
color: $base00; color: $base0B;
padding: 8px 12px; padding: 8px 12px;
border: none; border: none;
margin-bottom: 6px; margin-bottom: 6px;
&:focus { &:focus {
outline: 2px solid $base00; outline: 2px solid $base01;
} }
} }
.application { .application {
padding: 10px; padding: 10px;
background: $base0B; background: $base00;
border-radius: 8px; border-radius: 8px;
transition: background 0.2s ease; transition: background 0.2s ease;
&:hover { &:hover {
background: $base00; background: $base01;
box>.name,
box>.description {
color: $base0B;
}
} }
image { image {
@ -34,20 +29,20 @@
} }
.name { .name {
color: $base00; color: $base0B;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
.description { .description {
color: $base00; color: $base0B;
font-size: 12px; font-size: 12px;
} }
} }
.not-found { .not-found {
background: $base0B; background: $base01;
color: $base00; color: $base0B;
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;

28
ags/styles/components/_quick_settings.scss
View File

@ -4,7 +4,7 @@ window.quick_settings {
font-weight: bold; font-weight: bold;
>box { >box {
border: 1px solid $base00; border: 1px solid $base01;
border-radius: 10px; border-radius: 10px;
margin: 8px; margin: 8px;
} }
@ -12,13 +12,13 @@ window.quick_settings {
>.inner { >.inner {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
background: $base0B; background: $base00;
padding: 0.75rem 3rem; padding: 0.75rem 3rem;
margin: 0; margin: 0;
* { * {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
color: $base00; color: $base0B;
} }
} }
@ -29,11 +29,11 @@ window.quick_settings {
window.qs_bluetooth { window.qs_bluetooth {
>.inner { >.inner {
background: $base0B; background: $base00;
padding: 0.75rem 3rem; padding: 0.75rem 3rem;
border-radius: 10px; border-radius: 10px;
* { color: $base00; } * { color: $base0B; }
} }
.device { .device {
@ -47,24 +47,16 @@ window.qs_bluetooth {
window.quick_settings button, window.qs_bluetooth button { window.quick_settings button, window.qs_bluetooth button {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
background: $base0B; background: $base00;
border: 2px solid $base00; border: 2px solid $base01;
margin: 5px; margin: 5px;
&:hover { &:hover {
background: $base00; background: $base01;
* {
color: $base0B;
}
} }
&.active { &.active {
background: $base00; background: $base01;
border: 0.5px solid $base0B; border: 0.5px solid $base00;
* {
color: $base0B;
}
} }
} }

21
ags/styles/components/_shortcuts.scss
View File

@ -3,25 +3,20 @@
.shortcuts { .shortcuts {
.entry { .entry {
padding: 10px; padding: 10px;
background: $base0B; background: $base00;
border-radius: 8px; border-radius: 8px;
transition: background 0.2s ease; transition: background 0.2s ease;
&:hover { &:hover {
background: $base00; background: $base01;
>label {
color: $base0B;
}
>.kbd { >.kbd {
background: $base0B; background: $base00;
color: $base00;
} }
} }
label { label {
color: $base00; color: $base0B;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
@ -33,14 +28,14 @@
border-radius: 4px; border-radius: 4px;
margin: 0 2px; margin: 0 2px;
background: $base00; background: $base01;
color: $base0B; color: $base0B;
} }
} }
.not-found { .not-found {
background: $base0B; background: $base01;
color: $base00; color: $base0B;
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;
@ -49,4 +44,4 @@
margin-bottom: 8px; margin-bottom: 8px;
} }
} }
} }

6
ags/styles/style.scss
View File

@ -10,11 +10,11 @@
} }
separator { separator {
background: $base00; background: $base01;
} }
popover>contents, calendar { popover>contents, calendar {
background: $base0B; background: $base00;
} }
button, button:hover { button, button:hover {
@ -22,7 +22,7 @@ button, button:hover {
} }
popover modelbutton { popover modelbutton {
&:hover, &:focus { background: $base0C; } &:hover, &:focus { background: $base01; }
} }
image { image {