statzitz
4201b4f102
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.
192 lines
2.8 KiB
SCSS
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;
|
|
}
|