update: custom waybar

This commit is contained in:
wyj
2024-04-03 13:25:27 -04:00
parent 2e985927af
commit beb717a961
3 changed files with 420 additions and 37 deletions
+27 -30
View File
@@ -39,7 +39,7 @@ window#waybar {
#workspaces {
background: @workspacesbackground1;
margin: 5px 1px 6px 1px;
margin: 5px 10px 6px 0px;
padding: 0px 1px;
border-radius: 15px;
border: 0px;
@@ -99,9 +99,9 @@ tooltip label {
#window {
background: @backgroundlight;
margin: 8px 15px 8px 0px;
padding: 2px 10px 0px 10px;
border-radius: 12px;
margin: 6px 15px 6px 0px;
padding: 0px 10px 0px 10px;
border-radius: 15px;
color:@textcolor2;
font-size:16px;
font-weight:normal;
@@ -118,7 +118,7 @@ window#waybar.empty #window {
#taskbar {
background: @backgroundlight;
margin: 6px 15px 6px 0px;
margin: 6px 10px 6px 0px;
padding:0px;
border-radius: 15px;
font-weight: normal;
@@ -133,17 +133,6 @@ window#waybar.empty #window {
padding: 0px 5px 0px 5px;
}
/* -----------------------------------------------------
* Modules
* ----------------------------------------------------- */
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
/* -----------------------------------------------------
* Custom Quicklinks
@@ -223,23 +212,28 @@ window#waybar.empty #window {
* Custom Modules
* ----------------------------------------------------- */
#custom-appmenu {
#custom-appmenu, #custom-appmenuicon {
background-color: @backgrounddark;
font-size: 16px;
color: @textcolor1;
border-radius: 15px;
padding: 0px 10px 0px 10px;
margin: 6px 15px 6px 14px;
margin: 6px 10px 6px 10px;
opacity:0.8;
border:3px solid @bordercolor;
}
#custom-appmenuicon {
padding-right: 12px;
padding-left: 8px;
}
/* -----------------------------------------------------
* Custom Exit
* ----------------------------------------------------- */
#custom-exit {
margin: 0px 20px 0px 0px;
margin: 0px 15px 0px 0px;
padding:0px;
font-size:20px;
color: @iconcolor;
@@ -255,7 +249,7 @@ window#waybar.empty #window {
color: @textcolor2;
border-radius: 15px;
padding: 2px 10px 0px 10px;
margin: 8px 15px 8px 0px;
margin: 8px 10px 8px 0px;
opacity:0.8;
}
@@ -292,10 +286,13 @@ window#waybar.empty #window {
* ----------------------------------------------------- */
#disk,#memory,#cpu,#language {
margin:0px;
padding:0px;
font-size:16px;
color:@iconcolor;
background-color: @backgroundlight;
font-size: 16px;
color: @textcolor2;
border-radius: 15px;
padding: 2px 10px 0px 10px;
margin: 8px 10px 8px 0px;
opacity:0.8;
}
#language {
@@ -312,7 +309,7 @@ window#waybar.empty #window {
color: @textcolor1;
border-radius: 15px;
padding: 1px 10px 0px 10px;
margin: 6px 15px 6px 0px;
margin: 6px 10px 6px 0px;
opacity:0.8;
border:3px solid @bordercolor;
}
@@ -327,7 +324,7 @@ window#waybar.empty #window {
color: @textcolor2;
border-radius: 15px;
padding: 2px 10px 0px 10px;
margin: 8px 15px 8px 0px;
margin: 8px 10px 8px 0px;
opacity:0.8;
}
@@ -346,7 +343,7 @@ window#waybar.empty #window {
color: @textcolor2;
border-radius: 15px;
padding: 2px 10px 0px 10px;
margin: 8px 15px 8px 0px;
margin: 8px 10px 8px 0px;
opacity:0.8;
}
@@ -370,7 +367,7 @@ window#waybar.empty #window {
color: @textcolor2;
border-radius: 15px;
padding: 2px 10px 0px 10px;
margin: 8px 15px 8px 0px;
margin: 8px 10px 8px 0px;
opacity:0.8;
}
@@ -390,7 +387,7 @@ window#waybar.empty #window {
color: @textcolor2;
border-radius: 15px;
padding: 2px 15px 0px 10px;
margin: 8px 15px 8px 0px;
margin: 8px 10px 8px 0px;
opacity:0.8;
}
@@ -421,7 +418,7 @@ window#waybar.empty #window {
* ----------------------------------------------------- */
#tray {
padding: 0px 15px 0px 0px;
padding: 0px 10px 0px 0px;
color: @textcolor3;
}