reorganize bar, make styles consistent

This commit is contained in:
2025-05-19 20:23:08 +02:00
parent ca99a94e94
commit d05f6174b7
4 changed files with 21 additions and 16 deletions

View File

@ -1,10 +1,18 @@
@use '../theme_colors.scss' as *;
window.bar {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: color-mix(in srgb, $base00, transparent 15%);
margin: 0;
>box {
padding: 0.25rem 0;
}
>box>*:not(box), >box>box>* {
margin: 0 0.25rem;
padding: 0 0.5rem;
background: $base01;
border-radius: 1rem;
}
* {
color: $base0A;
@ -17,7 +25,6 @@ window.bar {
.tray .item {
padding: 0;
margin: 0;
background: transparent;
image {
padding: 0;

View File

@ -33,24 +33,20 @@ window.battery_info {
window.battery_info button {
transition: all 0.2s ease-in-out;
background: color-mix(in srgb, $base00, transparent 15%);
background: $base00;
border: 2px solid $base01;
margin: 5px;
&:hover {
background: $base01;
* {
color: $base0A;
}
}
&.active {
background: $base01;
border: 2px solid $base00;
background: $base0A;
border: 0.5px solid $base00;
* {
color: $base0A;
color: $base01;
}
}
}