add: ironbar style

This commit is contained in:
nithonaj 2025-06-12 22:24:21 -04:00
parent 429b191a9c
commit 2f25a2d3b0

77
.config/ironbar/style.css Normal file
View file

@ -0,0 +1,77 @@
@define-color bg rgba(24, 25, 25, 0.80);
@define-color subbg rgba( 40, 40, 40, 1);
@define-color text #EEEEEE;
@define-color hl #86E0B6;
@define-color optext #242424;
* {
color: @text;
}
button {
background: @subbg;
border: 0px none black;
box-shadow: none;
}
.background {
background: rgba(0,0,0,0);
}
.container > #bar {
border: 0px none black;
border-radius: 20px;
background: @bg;
padding: 5px;
}
#bar > #start, #bar > #end {
margin: 0px 15px;
}
#bar > #center {
border: 0px none black;
border-radius: 20px;
padding: 0px 20px;
background: @hl;
font-weight: bold;
}
.widget {
padding: 0px 13px;
margin: 0px 3px;
}
#bar #end button {
border-radius: 10px;
}
.popup {
background: @subbg;
}
.launcher .item {
margin: 5px 2px 3px;
background: none;
}
.launcher .item.open {
background: @subbg;
}
.launcher .item.focused {
box-shadow: @hl 0px -4px;
}
.focused .label {
color: @optext;
}
.tray {
border: 0px none black;
border-radius: 20px;
margin: 0px 5px;
padding: 0px 10px;
background: darker(@hl);
}