dotfiles/dotconfig/eww/bar_widget/bar.scss
statzitz 4201b4f102 Changes in eww bar
Addings
- makes the sound volume/mic appears
- makes the correct light appears
- makes the batteries appears

Fix
- The tray widget menu now have a background.
2024-09-08 23:51:25 +02:00

192 lines
2.8 KiB
SCSS

//Global Styles
.bar {
background: rgba(40, 31, 30, 0.5);
font-size: 14px;
/*padding: 10px;*/
}
.workspaces {
/*padding-top: 2px;
padding-left: 16px;
padding-right: 16px;*/
transition: none;
color: #f8f8f2;
margin-left: 8px;
border-radius: 13px;
background: #362a28;
}
.btw {
padding-top: 6px;
padding-left: 12px;
padding-right: 12px;
}
.active {
padding-top: 6px;
padding-left: 12px;
padding-right: 12px;
color: #ffaa00;
}
.time_box {
padding-top: 2px;
padding-left: 12px;
padding-right: 8px;
transition: none;
color: #ffcc44;
margin-left: 16px;
border-radius: 13px 0px 0px 13px;
background: #362a28;
}
.wifi_box {
padding-top: 2px;
padding-left: 8px;
padding-right: 12px;
transition: none;
color: #bd93f9;
border-radius: 0px 13px 13px 0px;
background: #362a28;
}
.sound_box {
padding-top: 2px;
padding-left: 12px;
padding-right: 4px;
transition: none;
color: #99ddff;
border-radius: 13px 0px 0px 13px;
background: #362a28;
}
.mic_box {
padding-top: 2px;
padding-left: 4px;
padding-right: 4px;
transition: none;
color: #99ddff;
border-radius: 0px 0px 0px 0px;
background: #362a28;
}
.light_box {
padding-top: 2px;
padding-left: 4px;
padding-right: 4px;
transition: none;
color: #ff8844;
border-radius: 0px 0px 0px 0px;
background: #362a28;
}
.battery_box {
padding-top: 2px;
padding-left: 4px;
padding-right: 12px;
margin-right: 8px;
transition: none;
color: #ffdd44;
border-radius: 0px 13px 13px 0px;
background: #362a28;
}
.tray {
padding-top: 2px;
padding-left: 12px;
padding-right: 12px;
margin-right: 16px;
transition: none;
color: #ffa500;
border-radius: 13px 13px 13px 13px;
background: #362a28;
menu {
background: #201010;
border-radius: 10px;
}
menuitem {
border-radius: 13px;
font-size: 14px;
padding: 2px 5px;
&disabled label {
color: #928374;
}
&:hover {
background-color: #282828;
}
separator {
padding-top: 1px;
&:last-child {
padding: unset;
}
}
}
}
// Styles on classes (see eww.yuck for more information)
.left_pane slider {
all: unset;
color: #ffd5cd;
}
.metric scale trough highlight {
all: unset;
background-color: #D35D6E;
color: #000000;
border-radius: 10px;
}
.metric scale trough {
all: unset;
background-color: #4e4e4e;
border-radius: 50px;
min-height: 3px;
min-width: 50px;
margin-left: 10px;
margin-right: 20px;
}
.metric scale trough highlight {
all: unset;
background-color: #D35D6E;
color: #000000;
border-radius: 10px;
}
.metric scale trough {
all: unset;
background-color: #4e4e4e;
border-radius: 50px;
min-height: 3px;
min-width: 50px;
margin-left: 10px;
margin-right: 20px;
}
.label-ram {
font-size: large;
}
.workspaces button:hover {
color: #D35D6E;
}