reorganize bar, make styles consistent
This commit is contained in:
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user