erin
/
misc
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Transparency, reverse colours, waybar

This commit is contained in:
~erin 2022-04-22 15:44:07 -04:00
parent a394bfd09a
commit d4619a3572
No known key found for this signature in database
GPG Key ID: DA70E064A8C70F44
1 changed files with 50 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
.config/waybar/style.css
View File

@ -1,21 +1,19 @@
* {
border: none;
font-family: Iosevka Nerd Font, sans-serif;
font-size: 13px;
border: none;
font-family: Iosevka Nerd Font, sans-serif;
font-size: 13px;
}
window#waybar {
/* background-color: rgba(18, 21, 29, 0.98); */
background-color: #161320;
/* background-color: rgba(0, 0, 0, 0); */
border-bottom: 3px solid #1A1826;
color: #D9E0EE;
transition-property: background-color;
transition-duration: .5s;
/* background-color: rgba(18, 21, 29, 0.98); */
background-color: rgba(0, 0, 0, 0);
color: #D9E0EE;
transition-property: background-color;
transition-duration: .5s;
}
window#waybar.hidden {
opacity: 0.2;
opacity: 0.2;
}
#workspaces,
@ -33,79 +31,90 @@ window#waybar.hidden {
#battery,
#network,
#tray {
background-color: #1E1E2E;
padding: 0 10px;
margin: 2px 4px 5px 4px;
border: 3px solid rgba(0, 0, 0, 0);
border-radius: 90px;
background-clip: padding-box;
background-color: #1E1E2E;
padding: 0 10px;
margin: 2px 4px 5px 4px;
border: 3px solid rgba(0, 0, 0, 0);
border-radius: 10px;
background-clip: padding-box;
}
#workspaces {
background-color: #161320;
}
#workspaces button {
padding: 0 5px;
min-width: 20px;
color: #575268;
padding: 0 5px;
min-width: 20px;
color: #302D41;
}
#workspaces button:hover {
background-color: rgba(0, 0, 0, 0.2)
background-color: rgba(0, 0, 0, 0.2)
}
#workspaces button.focused {
color: #F2CDCD;
color: #F2CDCD;
}
#workspaces button.urgent {
color: #F28FAD;
color: #F28FAD;
}
#cpu {
color: #FAE3B0;
color: #302D41;
background-color: #FAE3B0;
}
#memory {
color: #F5C2E7;
color: #302D41;
background-color: #F5C2E7;
}
#temperature {
color: #F8BD96;
color: #302D41;
background-color: #F8BD96;
}
#temperature.critical {
background-color: #F28FAD;
color: #1A1826;
color: #F28FAD;
background-color: #1A1826;
}
#clock {
color: #D9E0EE;
background-color: #302D41;
color: #D9E0EE;
}
#pulseaudio {
color: #B5E8E0;
color: #302D41;
background-color: #B5E8E0;
}
#pulseaudio.muted {
background-color: #E8A2AF;
color: #1e222a;
background-color: #E8A2AF;
color: #1e222a;
}
#backlight {
color: #89DCEB;
color: #302D41;
background-color: #89DCEB;
}
#battery {
color: #ABE9B3;
color: #302D41;
background-color: #ABE9B3;
}
#battery.charging, #battery.plugged {
background-color: #ABE9B3;
color: #1e222a;
background-color: #ABE9B3;
color: #1e222a;
}
@keyframes blink {
to {
background-color: #1e222a;
color: #F28FAD;
background-color: #1e222a;
color: #F28FAD;
}
}
@ -120,10 +129,12 @@ window#waybar.hidden {
}
#network {
color: #DDB6F2;
color: #302D41;
background-color: #DDB6F2;
}
#network.disconnected {
background-color: #F28FAD;
color: #1e222a;
}