mirror of
https://github.com/elkowar/dots-of-war.git
synced 2024-12-27 06:32:23 +00:00
328 lines
6 KiB
CSS
328 lines
6 KiB
CSS
* {
|
|
/* `otf-font-awesome` is required to be installed for icons */
|
|
font-family: Terminus, "Font awesome 6 Free", Helvetica, Arial, sans-serif;
|
|
/*font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;*/
|
|
font-size: 16px;
|
|
}
|
|
window.eDP-1 * { font-size: 10px; }
|
|
|
|
window#waybar {
|
|
background-color: #1d2021;
|
|
/*border-bottom: 3px solid rgba(100, 114, 125, 0.5);*/
|
|
color: #ebdbb2;
|
|
/*transition-property: background-color;*/
|
|
/*transition-duration: .5s;*/
|
|
}
|
|
|
|
window .modules-right > * > * {
|
|
background-color: #282828;
|
|
padding: 0 10px;
|
|
}
|
|
window .modules-left, .modules-right, .modules-center {
|
|
margin: 3px 0;
|
|
}
|
|
window.eDP-1 .modules-left, window.eDP-1 .modules-right, window.eDP-1 .modules-center {
|
|
margin: 0px 0;
|
|
}
|
|
|
|
|
|
window#waybar.hidden {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
#workspaces button * {
|
|
padding: 0px 0px;
|
|
color: #ebdbb2;
|
|
font-size: 24px;
|
|
padding-top: 0px;
|
|
}
|
|
#workspaces button.empty * {
|
|
color: #928374
|
|
}
|
|
#workspaces button.active * {
|
|
color: #8ec07c;
|
|
}
|
|
|
|
#window, #workspaces {
|
|
/*margin: 0 4px;*/
|
|
}
|
|
#workspaces * {
|
|
color: #ebdbb2;
|
|
}
|
|
|
|
/* If workspaces is the leftmost module, omit left margin */
|
|
.modules-left > widget:first-child > #workspaces {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.modules-right > widget:last-child > * {
|
|
/*padding-right: 4px;*/
|
|
margin-right: 4px;
|
|
}
|
|
|
|
|
|
#battery.charging, #battery.plugged {
|
|
color: #b8bb26;
|
|
/*background-color: #26A65B;*/
|
|
}
|
|
|
|
@keyframes blink {
|
|
to {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
}
|
|
}
|
|
|
|
/* Using steps() instead of linear as a timing function to limit cpu usage */
|
|
#battery.critical:not(.charging) {
|
|
/*background-color: #f53c3c;*/
|
|
color: #fb4934;
|
|
animation-name: blink;
|
|
animation-duration: 0.5s;
|
|
animation-timing-function: steps(12);
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
#privacy {
|
|
padding: 0;
|
|
}
|
|
|
|
#privacy-item {
|
|
padding: 0 5px;
|
|
color: white;
|
|
}
|
|
|
|
#privacy-item.screenshare {
|
|
background-color: #cf5700;
|
|
}
|
|
|
|
#privacy-item.audio-in {
|
|
background-color: #1ca000;
|
|
}
|
|
|
|
#privacy-item.audio-out {
|
|
background-color: #0069d4;
|
|
}
|
|
|
|
#power-profiles-daemon {
|
|
min-width: 20px;
|
|
}
|
|
|
|
#power-profiles-daemon.performance {
|
|
background-color: #3c2525;
|
|
}
|
|
|
|
#power-profiles-daemon.balanced {
|
|
}
|
|
|
|
#power-profiles-daemon.power-saver {
|
|
background-color: #253125;
|
|
}
|
|
|
|
|
|
/*button {*/
|
|
/*[> Use box-shadow instead of border so the text isn't offset <]*/
|
|
/*box-shadow: inset 0 -3px transparent;*/
|
|
/*[> Avoid rounded borders under each button name <]*/
|
|
/*border: none;*/
|
|
/*border-radius: 0;*/
|
|
/*}*/
|
|
|
|
/*[> https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect <]*/
|
|
/*button:hover {*/
|
|
/*background: inherit;*/
|
|
/*box-shadow: inset 0 -3px #ffffff;*/
|
|
/*}*/
|
|
|
|
/*[> you can set a style on hover for any module like this <]*/
|
|
/*#pulseaudio:hover {*/
|
|
/*background-color: #a37800;*/
|
|
/*}*/
|
|
|
|
/*#workspaces button {*/
|
|
/*padding: 0 5px;*/
|
|
/*background-color: transparent;*/
|
|
/*color: #ffffff;*/
|
|
/*}*/
|
|
|
|
/*#workspaces button:hover {*/
|
|
/*background: rgba(0, 0, 0, 0.2);*/
|
|
/*}*/
|
|
|
|
/*#workspaces button.focused {*/
|
|
/*background-color: #64727D;*/
|
|
/*box-shadow: inset 0 -3px #ffffff;*/
|
|
/*}*/
|
|
|
|
/*#workspaces button.urgent {*/
|
|
/*background-color: #eb4d4b;*/
|
|
/*}*/
|
|
|
|
/*#mode {*/
|
|
/*background-color: #64727D;*/
|
|
/*box-shadow: inset 0 -3px #ffffff;*/
|
|
/*}*/
|
|
|
|
/*#clock,*/
|
|
/*#battery,*/
|
|
/*#cpu,*/
|
|
/*#memory,*/
|
|
/*#disk,*/
|
|
/*#temperature,*/
|
|
/*#backlight,*/
|
|
/*#network,*/
|
|
/*#pulseaudio,*/
|
|
/*#wireplumber,*/
|
|
/*#custom-media,*/
|
|
/*#tray,*/
|
|
/*#mode,*/
|
|
/*#idle_inhibitor,*/
|
|
/*#scratchpad,*/
|
|
/*#power-profiles-daemon,*/
|
|
/*#mpd {*/
|
|
/*padding: 0 5px;*/
|
|
/*color: #ebdbb2;*/
|
|
/*}*/
|
|
|
|
/*label:focus {*/
|
|
/*background-color: #000000;*/
|
|
/*}*/
|
|
|
|
/*#cpu {*/
|
|
/*background-color: #2ecc71;*/
|
|
/*color: #000000;*/
|
|
/*}*/
|
|
|
|
/*#memory {*/
|
|
/*background-color: #9b59b6;*/
|
|
/*}*/
|
|
|
|
/*#disk {*/
|
|
/*background-color: #964B00;*/
|
|
/*}*/
|
|
|
|
/*#backlight {*/
|
|
/*background-color: #90b1b1;*/
|
|
/*}*/
|
|
|
|
/*#network {*/
|
|
/*background-color: #2980b9;*/
|
|
/*}*/
|
|
|
|
/*#network.disconnected {*/
|
|
/*background-color: #f53c3c;*/
|
|
/*}*/
|
|
|
|
/*#pulseaudio {*/
|
|
/*background-color: #f1c40f;*/
|
|
/*color: #000000;*/
|
|
/*}*/
|
|
|
|
/*#pulseaudio.muted {*/
|
|
/*background-color: #90b1b1;*/
|
|
/*color: #2a5c45;*/
|
|
/*}*/
|
|
|
|
/*#wireplumber {*/
|
|
/*background-color: #fff0f5;*/
|
|
/*color: #000000;*/
|
|
/*}*/
|
|
|
|
/*#wireplumber.muted {*/
|
|
/*background-color: #f53c3c;*/
|
|
/*}*/
|
|
|
|
/*#custom-media {*/
|
|
/*background-color: #66cc99;*/
|
|
/*color: #2a5c45;*/
|
|
/*min-width: 100px;*/
|
|
/*}*/
|
|
|
|
/*#custom-media.custom-spotify {*/
|
|
/*background-color: #66cc99;*/
|
|
/*}*/
|
|
|
|
/*#custom-media.custom-vlc {*/
|
|
/*background-color: #ffa000;*/
|
|
/*}*/
|
|
|
|
/*#temperature {*/
|
|
/*background-color: #f0932b;*/
|
|
/*}*/
|
|
|
|
/*#temperature.critical {*/
|
|
/*background-color: #eb4d4b;*/
|
|
/*}*/
|
|
|
|
/*#tray {*/
|
|
/*background-color: #2980b9;*/
|
|
/*}*/
|
|
|
|
/*#tray > .passive {*/
|
|
/*-gtk-icon-effect: dim;*/
|
|
/*}*/
|
|
|
|
/*#tray > .needs-attention {*/
|
|
/*-gtk-icon-effect: highlight;*/
|
|
/*background-color: #eb4d4b;*/
|
|
/*}*/
|
|
|
|
/*#idle_inhibitor {*/
|
|
/*background-color: #2d3436;*/
|
|
/*}*/
|
|
|
|
/*#idle_inhibitor.activated {*/
|
|
/*background-color: #ecf0f1;*/
|
|
/*color: #2d3436;*/
|
|
/*}*/
|
|
|
|
/*#mpd {*/
|
|
/*background-color: #66cc99;*/
|
|
/*color: #2a5c45;*/
|
|
/*}*/
|
|
|
|
/*#mpd.disconnected {*/
|
|
/*background-color: #f53c3c;*/
|
|
/*}*/
|
|
|
|
/*#mpd.stopped {*/
|
|
/*background-color: #90b1b1;*/
|
|
/*}*/
|
|
|
|
/*#mpd.paused {*/
|
|
/*background-color: #51a37a;*/
|
|
/*}*/
|
|
|
|
/*#language {*/
|
|
/*background: #00b093;*/
|
|
/*color: #740864;*/
|
|
/*padding: 0 5px;*/
|
|
/*margin: 0 5px;*/
|
|
/*min-width: 16px;*/
|
|
/*}*/
|
|
|
|
/*#keyboard-state {*/
|
|
/*background: #97e1ad;*/
|
|
/*color: #000000;*/
|
|
/*padding: 0 0px;*/
|
|
/*margin: 0 5px;*/
|
|
/*min-width: 16px;*/
|
|
/*}*/
|
|
|
|
/*#keyboard-state > label {*/
|
|
/*padding: 0 5px;*/
|
|
/*}*/
|
|
|
|
/*#keyboard-state > label.locked {*/
|
|
/*background: rgba(0, 0, 0, 0.2);*/
|
|
/*}*/
|
|
|
|
/*#scratchpad {*/
|
|
/*background: rgba(0, 0, 0, 0.2);*/
|
|
/*}*/
|
|
|
|
/*#scratchpad.empty {*/
|
|
/*background-color: transparent;*/
|
|
/*}*/
|
|
|