Improved styling for waybar
This commit is contained in:
parent
c8c53b6c87
commit
c332e78616
7 changed files with 40 additions and 18 deletions
|
|
@ -1,7 +1,7 @@
|
|||
.module
|
||||
{
|
||||
color: $foreground;
|
||||
padding: 3px 6px 3px 6px;
|
||||
padding: 0.2rem 0.3rem 0.2rem 0.3rem;
|
||||
}
|
||||
|
||||
#battery.warning,
|
||||
|
|
|
|||
|
|
@ -35,6 +35,17 @@ window.semi-hidden {
|
|||
|
||||
.modules-left, .modules-center, .modules-right {
|
||||
background-color: $background;
|
||||
border-bottom: 1px solid rgba($foreground, 0.4);
|
||||
border-left: 1px solid rgba($foreground, 0.4);
|
||||
border-right: 1px solid rgba($foreground, 0.4);
|
||||
}
|
||||
|
||||
.modules-center {
|
||||
padding-left: 0.3rem;
|
||||
}
|
||||
|
||||
.modules-left {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -23,6 +23,15 @@ window.semi-hidden * {
|
|||
}
|
||||
window.semi-hidden .modules-left, window.semi-hidden .modules-center, window.semi-hidden .modules-right {
|
||||
background-color: #282828;
|
||||
border-bottom: 1px solid rgba(213, 196, 161, 0.4);
|
||||
border-left: 1px solid rgba(213, 196, 161, 0.4);
|
||||
border-right: 1px solid rgba(213, 196, 161, 0.4);
|
||||
}
|
||||
window.semi-hidden .modules-center {
|
||||
padding-left: 0.3rem;
|
||||
}
|
||||
window.semi-hidden .modules-left {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
#taskbar button,
|
||||
|
|
@ -46,7 +55,7 @@ window.semi-hidden .modules-left, window.semi-hidden .modules-center, window.sem
|
|||
|
||||
.module {
|
||||
color: #d5c4a1;
|
||||
padding: 3px 6px 3px 6px;
|
||||
padding: 0.2rem 0.3rem 0.2rem 0.3rem;
|
||||
}
|
||||
|
||||
#battery.warning,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue