/* * style.css * Copyright (C) 2021 Vintage Salt * * Distributed under terms of the MIT license. */ * { border: none; border-radius: 0; font-family: "IBM Plex Sans", "Font Awesome 6 Free", sans-serif; font-size: 13px; } window#waybar { background: transparent; } .modules-left { background: rgba(40, 40, 40, 0.8); border-radius: 8px; } .modules-right { background: rgba(40, 40, 40, 0.8); border-radius: 8px; } /* Hypr stuff */ #workspaces { } #workspaces button { /* Any random button */ background: transparent; color: #a89984; padding: 0 0.9em; border-radius: 8px; } #workspaces button.persistent { color: rgba(235, 219, 178, 0.8); } #workspaces button.empty { color: rgba(235, 219, 178, 0.2); } #workspaces button:hover { /* A button that is currently being hovered over by the mouse cursor */ /* This comes with free transitions */ box-shadow: inherit; text-shadow: inherit; background-color: #504945; } #workspaces button.focused { color: rgba(40, 40, 40, 0.8); background: #504945; font-weight: bold; } #workspaces button.visible { color: rgba(40, 40, 40, 0.8); background: #458588; font-weight: bold; } #workspaces button.active { color: rgba(40, 40, 40, 0.8); background: #83a598; font-weight: bold; } #workspaces button.urgent { color: #fabd2f; font-weight: bold; } /* Window and mode display */ #window { color: rgba(235, 219, 178, 0.4); padding: 0 1em; border-radius: 8px; } window#waybar.empty #window { /* We do this so it properly hides when on an empty workspace */ padding: 0; } window#waybar.solo #window { /* Nothing */ } window#waybar.floating #window { /* Workspace contains only floating windows */ color: rgba(40, 40, 40, 0.8); background: #8ec07c; } window#waybar.fullscreen #window { /* Workspace containing a "fullscreen" window (note that this includes fullscreen, 1, which is maximize) */ color: rgba(40, 40, 40, 0.8); background: #d3869b; } /* widgets */ #pulseaudio { padding: 0 1em; color: #ebdbb2; border-radius: 8px; } #pulseaudio.muted { border-radius: 8px; background: #fb4934; color: #282828; } #tray { padding: 0 1em; } #mpris { padding: 0 1em; } #mpris.playing { color: #d3869b; } #mpris.paused, #mpris.stopped { color: rgba(235, 219, 178, 0.2); } #network { padding: 0 1em; color: rgba(235, 219, 178, 0.2); } #network.disconnected { color: #fb4934; } #idle_inhibitor { padding: 0 1em; } #idle_inhibitor.deactivated { color: rgba(235, 219, 178, 0.2); } #idle_inhibitor.activated { color: #ebdbb2; } #backlight { padding: 0 1em; color: #ebdbb2; } #gamemode { padding: 0 1em; color: rgba(235, 219, 178, 0.2); } #gamemode.running { color: #b8bb26; } /* Memory */ #memory { padding: 0 1em; color: rgba(235, 219, 178, 0.2); } #memory.critical { color: #fb4934; } #memory.warning { color: #fabd2f; } #memory.regular { color: #ebdbb2; } /* CPU */ #cpu { padding: 0 1em; color: rgba(235, 219, 178, 0.2); } #cpu.critical { color: #fb4934; } #cpu.warning { color: #fabd2f; } #cpu.regular { color: #ebdbb2; } /* Battery */ #battery { padding: 0 1em; } #battery.charging { color: #b8bb26; } #battery.good { color: rgba(235, 219, 178, 0.2); } #battery.discharging.warning { color: #fabd2f; } #battery.discharging.critical { color: #fb4934; } #clock { color: #ebdbb2; padding: 0 1em; } /* Temperature*/ #temperature { padding: 0 1em; color: rgba(235, 219, 178, 0.2); } #temperature.critical { color: #fb4934; } /* Custom modules */ #custom-backup { color: #fb4934; padding: 0 1em; } #custom-flatpak { color: rgba(235, 219, 178, 0.2); padding: 0 1em; }