feat: update style

This commit is contained in:
tux
2025-06-09 05:00:00 +05:30
parent 72f9c24482
commit 9f7a23809e
8 changed files with 42 additions and 61 deletions

View File

@@ -7,6 +7,7 @@ window.Bar {
margin: 5px;
border-radius: $rounded;
padding: 10px;
min-width: 100rem;
.launcher {
background-color: $inactive-color;
@@ -30,8 +31,8 @@ window.Bar {
border: 0px;
margin: 2px;
background-color: $inactive-color;
min-height: 1.3rem;
min-width: 1.3rem;
min-height: 1rem;
min-width: 1rem;
border-radius: calc(list.nth(8px, 1) * 1.5);
transition: min-width 0.15s ease-out;
@@ -43,8 +44,8 @@ window.Bar {
}
&.active {
min-width: 3.5rem;
min-height: 1.3rem;
min-width: 2.5rem;
min-height: 1rem;
background-color: $accent;
}
@@ -59,42 +60,14 @@ window.Bar {
.focused-client {
font-size: $font-size;
font-weight: 900;
color: $fg-color;
}
.tailscale {
.pill {
font-size: $font-size;
font-weight: 900;
color: $bg-color;
color: $fg-color;
background-color: $inactive-color;
border-radius: $rounded;
padding: 0px 10px;
}
.tray {
font-size: $font-size;
font-weight: 900;
color: #fff;
background-color: $inactive-color;
border-radius: $rounded;
padding: 0px 10px;
}
.battery {
font-size: $font-size;
font-weight: 900;
color: $bg-color;
background-color: $inactive-color;
border-radius: $rounded;
padding: 0px 10px;
}
.time {
font-size: $font-size;
font-weight: 900;
color: $bg-color;
background-color: $inactive-color;
border-radius: $rounded;
padding: 0px 10px;
border-radius: calc($rounded / 1.5);
padding: 5px 10px;
}
}