dotfiles/dotconfig/eww/bar_widget/bar.scss
2024-08-03 13:18:47 +02:00

112 lines
1.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;
}
.tray {
padding-top: 2px;
padding-left: 12px;
padding-right: 12px;
margin-right: 16px;
transition: none;
color: #bd93f9;
border-radius: 13px 13px 13px 13px;
background: #362a28;
}
// 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;
}