|
|
- * {
- border: none;
- border-radius: 0;
- /* `otf-font-awesome` is required to be installed for icons */
- font-family: JetBrains Mono, mono, sans-serif;
- font-size: 12px;
- min-height: 0;
- }
-
- window#waybar {
- background-color: #1d2021;
- /*border-bottom: 3px solid rgba(100, 114, 125, 0.2);*/
- color: #fbf1c7;
- transition-property: background-color;
- transition-duration: .5s;
- }
-
- window#waybar.hidden {
- opacity: 0.2;
- }
-
- /*
- window#waybar.empty {
- background-color: transparent;
- }
- window#waybar.solo {
- background-color: #FFFFFF;
- }
- */
-
- window#waybar.termite {
- background-color: #3F3F3F;
- }
-
- window#waybar.chromium {
- background-color: #000000;
- border: none;
- }
-
- #workspaces button {
- padding: 0 2px;
- background-color: #fbf1c7;
- color: #1d2021;
- }
-
- /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
- #workspaces button:hover {
- background: #17917a;
- box-shadow: inherit;
- color: #fbf1c7;
- }
-
- #workspaces button.focused {
- background-color: #17917a;
- color: #fbf1c7;
- }
-
- #workspaces button.urgent {
- background-color: #eb4d4b;
- }
-
- #mode {
- background-color: #64727D;
- }
-
- #clock,
- #battery,
- #cpu,
- #memory,
- #temperature,
- #backlight,
- #network,
- #pulseaudio,
- #custom-media,
- #tray,
- #mode,
- #idle_inhibitor,
- #custom-temperature,
- #custom-watson,
- #custom-calc,
- #mpd {
- padding: 0 4px;
- margin: 0 4px;
- color: #fbf1c7;
- }
-
- #clock {
- }
-
-
-
- @keyframes blink {
- to {
- background-color: #ffffff;
- color: #000000;
- }
- }
-
- #battery.critical:not(.charging) {
- background-color: #f53c3c;
- color: #ffffff;
- animation-name: blink;
- animation-duration: 0.5s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- animation-direction: alternate;
- }
-
- label:focus {
- background-color: #000000;
- }
-
- #cpu {
- }
-
- #memory {
- }
-
- #backlight {
- }
-
- #network {
- /*background-color: #2980b9;*/
- }
-
- #network.disconnected {
- }
-
- #pulseaudio {
- }
-
- #pulseaudio.muted {
- }
-
- #custom-media {
- min-width: 100px;
- padding-top: 5px;
- padding-left: 15px;
- }
-
- #custom-media.custom-spotify {
- }
-
- #custom-media.custom-vlc {
- }
- #custom-power {
- padding-right: 15px;
- padding-top: 3px;
- }
-
- #temperature {
- }
-
- #temperature.critical {
- background-color: #eb4d4b;
- }
-
- #tray {
- background-color: #2980b9;
- }
-
- #idle_inhibitor {
- }
-
- #idle_inhibitor.activated {
- background-color: #ecf0f1;
- color: #2d3436;
- }
-
- #mpd {
- }
-
- #mpd.disconnected {
- }
-
- #mpd.stopped {
- }
-
- #mpd.paused {
- }
-
|