insects/home
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use a mix of gruvbox-dark and custom colors

Browse source
This commit is contained in:
mokou 2020-04-25 15:18:57 +02:00
parent 5b3e03c776
commit 06ac8d77db
6 changed files with 89 additions and 254 deletions
Download patch file Download diff file Expand all files Collapse all files

66
dot_config/waybar/style.css
View file

@ -8,9 +8,9 @@
}
window#waybar {
background-color: #004043;
border-bottom: 3px solid #004043;
color: #069993;
background-color: #111;
border-bottom: 3px solid #111;
color: #fff;
transition-property: background-color;
transition-duration: .5s;
}
@ -30,32 +30,32 @@ window#waybar.solo {
#workspaces button {
padding: 0 5px;
background-color: #004043;
color: #069993;
border-bottom: 3px solid #004043;
background-color: #111;
color: #fff;
border-bottom: 3px solid #111;
}
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
box-shadow: inherit;
border-bottom: 3px solid #ffffff;
border-bottom: 3px solid #111;
}
#workspaces button.focused {
background-color: #004043;
color: #fff;
background-color: #fff;
color: #111;
border-bottom: 3px solid #fff;
}
#workspaces button.urgent {
background-color: #004043;
color: navy;
border-bottom: 3px solid #004043;
background-color: #111;
color: #2ecc40;
border-bottom: 3px solid #111;
}
#mode {
background-color: #004043;
border-bottom: 3px solid #004043;
background-color: #111;
border-bottom: 3px solid #111;
}
#clock,
@ -77,30 +77,30 @@ window#waybar.solo {
}
#clock {
background-color: #004043;
background-color: #111;
color: #fff;
}
#battery {
background-color: #ffffff;
color: #000000;
color: #111;
}
#battery.charging {
color: #ffffff;
background-color: #26A65B;
background-color: #3d9970;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
color: #111;
}
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
background-color: #ff4136;
color: #ffffff;
animation-name: blink;
animation-duration: 0.5s;
@ -110,66 +110,66 @@ window#waybar.solo {
}
label:focus {
background-color: #000000;
background-color: #111;
}
#cpu {
background-color: #004043;
background-color: #111;
color: #fff;
}
#memory {
background-color: #004043;
background-color: #111;
color: #fff;
}
#backlight {
background-color: #004043;
background-color: #111;
color: #fff;
}
#network {
background-color: #004043;
background-color: #111;
color: #fff;
}
#network.disconnected {
background-color: #004043;
background-color: #111;
color: #fff;
}
#pulseaudio {
background-color: #004043;
background-color: #111;
color: #fff;
}
#pulseaudio.muted {
background-color: #004043;
background-color: #111;
color: #fff;
}
#temperature {
background-color: #004043;
background-color: #111;
color: #fff;
}
#temperature.critical {
background-color: #004043;
background-color: #111;
color: #fff;
}
#tray {
background-color: #004043;
background-color: #111;
color: #fff;
}
#idle_inhibitor {
background-color: #004043;
background-color: #111;
color: #fff;
}
#idle_inhibitor.activated {
background-color: #004043;
background-color: #111;
color: #fff;
}