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