configured notification to waybar

Signed-off-by: thomas <thomas.williams29899@gmail.com>
This commit is contained in:
2026-05-03 14:32:17 +01:00
parent a35b3b75a3
commit 03d58f73fb
2 changed files with 54 additions and 21 deletions

View File

@@ -1,6 +1,10 @@
* {
border: none;
font-family: Font Awesome, Roboto, Arial, sans-serif;
font-family:
Font Awesome,
Roboto,
Arial,
sans-serif;
font-size: 13px;
color: #ffffff;
border-radius: 20px;
@@ -14,9 +18,18 @@ window#waybar {
margin: 2px 10px 0 0;
}
#custom-notification {
font-family: "NotoSansMono Nerd Font";
font-size: 13px;
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
padding: 5px 2px 5px 8px;
margin: 5px 3px;
}
#custom-updater {
font-size: 13px;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
padding: 5px 8px;
margin: 5px 3px;
@@ -32,16 +45,16 @@ window#waybar {
}
#workspaces button:hover {
box-shadow: inherit;
background-color: rgba(0,153,153,1);
background-color: rgba(0, 153, 153, 1);
}
#workspaces button.focused {
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
}
#clock {
padding: 5px 15px;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
margin: 5px 3px;
}
@@ -51,28 +64,28 @@ window#waybar {
#temperature,
#network {
padding: 5px 15px;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
margin: 5px 3px;
}
#pulseaudio {
padding: 5px 10px 5px 15px;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
margin: 5px 3px;
}
#bluetooth {
padding: 5px 15px 5px 15px;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
margin: 5px 3px;
}
#custom-media,
#custom-launcher{
#custom-launcher {
font-size: 16px;
background-image: url('./bitwarden.svg');
background-image: url("./bitwarden.svg");
background-position: center;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
background-repeat: no-repeat;
background-size: 18px 18px;
padding: 5px 8px;
@@ -86,7 +99,7 @@ window#waybar {
#custom-menu,
#idle_inhibitor {
padding: 5px 15px;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
margin: 5px 3px;
}
@@ -112,7 +125,7 @@ window#waybar {
color: #2dcc36;
}
#battery.warning:not(.charging) {
color: #e6e600;
color: #e6e600;
}
#battery.critical:not(.charging) {
color: #cc3436;
@@ -122,14 +135,14 @@ window#waybar {
}
#workspaces {
padding: 5px 13px 5px 10px;
background-color: rgba(0,43,51,0.85);
background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px;
margin: 5px 3px;
}
/*-----Colors----*/
/*
*rgba(0,85,102,1),#005566 --> Indigo(dye)
*rgba(0,43,51,1),#002B33 --> Dark Green
*rgba(0,153,153,1),#009999 --> Persian Green
*rgba(0,43,51,1),#002B33 --> Dark Green
*rgba(0,153,153,1),#009999 --> Persian Green
*
*/