tweaks to simplify eww

This commit is contained in:
Chris Cochrun 2023-08-30 10:26:25 -05:00
parent 472ab71a95
commit 8c9d0a03db
5 changed files with 429 additions and 351 deletions

View file

@ -102,8 +102,8 @@ tooltip label {
}
.right_modules {
padding-bottom: 2px;
padding-right: 5px;
// padding-bottom: 2px;
// padding-right: 5px;
}
.separ {
@ -153,22 +153,12 @@ tooltip label {
border-radius: 10px;
}
.vol_module, .bright_module {
background-color: rgba(00, 00, 00, 0.0);
margin: 0px 3px 0px 5px;
}
.volbar {
color: $base08;
background-color: $widget-background;
border-radius: 5px;
}
.vol_label {
color: $base08;
padding-top: 3px;
}
.volume_icon {
font-size: 14;
color: $base08;
@ -186,51 +176,87 @@ tooltip label {
margin: 0px 25px 0px 0px;
}
.iconlauncher {
color: $white;
font-size: 10px;
margin: 0px 10px 0px 10px;
// ALL RIGHT MODULES
.vol_module, .bright_module {
// background-color: rgba(00, 00, 00, 0.0);
// margin: 0px 3px 0px 5px;
}
.iconsearch {
color: $white;
font-size: 18px;
}
.iconmem {
color: $base0A;
padding: 2px 10px 0px 8px;
}
.iconbat {
color: $base0E;
margin: 2px 10px 0px 8px;
}
.iconcpu {
color: $base0D;
margin: 2px 10px 0px 8px;
}
.iconvol {
color: $base08;
margin: 2px 10px 0px 8px;
}
.iconbright {
color: $base09;
margin: 3px 13px 0px 8px;
}
// Icon Size
.iconbat, .iconmem, .iconcpu .iconvol .iconbright {
font-size: 12;
}
// Memory
.mem_module {
// background-color: rgba(00, 00, 00, 0.0);
// border-radius: 16px;
// margin: 0px 5px 0px 0px;
}
.iconmem {
color: $base0A;
padding-top: 2px;
}
.mem_label {
color: $base0A;
padding-top: 3px;
}
// Battery
.bat_module {
background-color: rgba(00, 00, 00, 0.0);
border-radius: 16px;
// margin: 0px 0px 0px 5px;
}
.iconbat {
color: $base0E;
// margin: 2px 10px 0px 8px;
padding-top: 3px;
}
.bat_label {
color: $base0E;
padding-top: 3px;
// padding-left: 3px;
}
// Cpu
.iconcpu {
color: $base0D;
// margin: 2px 10px 0px 8px;
padding-top: 3px;
// padding-right: 12px;
}
.cpu_label {
color: $base0D;
padding-top: 3px;
}
.bat_label {
color: $base0E;
// Volume
.iconvol {
color: $base08;
// margin: 2px 10px 0px 8px;
padding-top: 3px;
padding-left: 3px;
// padding-right: 4px;
}
.vol_label {
color: $base08;
padding-top: 3px;
}
//Brightness
.iconbright {
color: $base09;
padding-top: 3px;
// padding-right: 8px;
}
.bright_icon {
font-size: 18;
@ -238,6 +264,7 @@ tooltip label {
margin: 0px 15px 0px 3px;
}
//Disk
.disk_label {
color: $base09;
padding-top: 3px;
@ -246,7 +273,8 @@ tooltip label {
.icondisk {
font-size: 18;
color: $base09;
margin: 3px 5px 0px 3px;
// margin: 3px 5px 0px 3px;
padding-top: 3px;
}
.separ {
@ -256,26 +284,19 @@ tooltip label {
margin: 0px 8px 0px 8px;
}
.launcher_module {
background-color: rgba(00, 00, 00, 0.0);
.right_sep {
color: $base03;
font-weight: bold;
font-size: 14px;
margin-left: 8px;
margin-right: 8px;
}
.mem_module {
background-color: rgba(00, 00, 00, 0.0);
border-radius: 16px;
margin: 0px 5px 0px 0px;
}
.bat_module {
background-color: rgba(00, 00, 00, 0.0);
border-radius: 16px;
margin: 0px 0px 0px 5px;
}
.cpu_module {
background-color: rgba(00, 00, 00, 0.0);
border-radius: 16px;
margin: 0px 10px 0px 5px;
.left_sep {
color: $base03;
font-weight: bold;
font-size: 14px;
margin-right: 0px;
}
.works {
@ -285,30 +306,45 @@ tooltip label {
background-color: rgba(00, 00, 00, 0.0);
}
.0, .01, .02, .03, .04, .05, .06,
.011, .022, .033, .044, .055, .066 {
margin: 0px 15px 0px 0px;
}
.04 {
margin: 0px 2px 0px 0px;
}
/* Unoccupied */
.0 {
.empty_workspace {
color: $base03;
}
/* Occupied */
.01, .02, .03, .04, .05, .06, .07, .08, .09 {
.occupied_workspace {
color: $base05;
}
/* Focused */
.011, .022, .033, .044, .055, .066, .077, .088, .099{
.focused_workspace {
color: $base0D;
}
.busy_workspace {
}
// .0, .01, .02, .03, .04, .05, .06,
// .011, .022, .033, .044, .055, .066 {
// margin: 0px 15px 0px 0px;
// }
// .04 {
// margin: 0px 2px 0px 0px;
// }
// /* Unoccupied */
// .0 {
// color: $base03;
// }
// /* Occupied */
// .01, .02, .03, .04, .05, .06, .07, .08, .09 {
// color: $base05;
// }
// /* Focused */
// .011, .022, .033, .044, .055, .066, .077, .088, .099{
// color: $base0D;
// }
// Calendar
.cal {