211 lines
3.5 KiB
CSS
211 lines
3.5 KiB
CSS
/*
|
|
* 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(235, 219, 178, 0.8);
|
|
border-radius: 8px;
|
|
}
|
|
.modules-right {
|
|
background: rgba(235, 219, 178, 0.8);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
/* Hypr stuff */
|
|
#workspaces {
|
|
}
|
|
#workspaces button {
|
|
/* Any random button */
|
|
background: transparent;
|
|
color: #7c6f64;
|
|
padding: 0 0.9em;
|
|
border-radius: 8px;
|
|
}
|
|
#workspaces button.persistent {
|
|
color: rgba(40, 40, 40, 0.8);
|
|
}
|
|
#workspaces button.empty {
|
|
color: rgba(40, 40, 40, 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: #928374;
|
|
}
|
|
#workspaces button.focused {
|
|
color: rgba(235, 219, 178, 0.8);
|
|
background: #928374;
|
|
font-weight: bold;
|
|
}
|
|
#workspaces button.visible {
|
|
color: rgba(235, 219, 178, 0.8);
|
|
background: #076678;
|
|
font-weight: bold;
|
|
}
|
|
#workspaces button.active {
|
|
color: rgba(235, 219, 178, 0.8);
|
|
background: #458588;
|
|
font-weight: bold;
|
|
}
|
|
#workspaces button.urgent {
|
|
color: #d79921;
|
|
font-weight: bold;
|
|
}
|
|
/* Window and mode display */
|
|
#window {
|
|
color: rgba(40, 40, 40, 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(235, 219, 178, 0.8);
|
|
background: #689d6a;
|
|
}
|
|
window#waybar.fullscreen #window {
|
|
/* Workspace containing a "fullscreen" window (note that this includes fullscreen, 1, which is maximize) */
|
|
color: rgba(235, 219, 178, 0.8);
|
|
background: #b16286;
|
|
}
|
|
|
|
/* widgets */
|
|
#pulseaudio {
|
|
padding: 0 1em;
|
|
color: #282828;
|
|
border-radius: 8px;
|
|
}
|
|
#pulseaudio.muted {
|
|
border-radius: 8px;
|
|
background: #cc241d;
|
|
color: #ebdbb2;
|
|
}
|
|
#tray {
|
|
padding: 0 1em;
|
|
}
|
|
#mpris {
|
|
padding: 0 1em;
|
|
}
|
|
#mpris.playing {
|
|
color: #b16286;
|
|
}
|
|
#mpris.paused, #mpris.stopped {
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
|
|
#network {
|
|
padding: 0 1em;
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
#network.disconnected {
|
|
color: #cc241d;
|
|
}
|
|
|
|
#idle_inhibitor {
|
|
padding: 0 1em;
|
|
}
|
|
#idle_inhibitor.deactivated {
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
#idle_inhibitor.activated {
|
|
color: #282828;
|
|
}
|
|
|
|
#backlight {
|
|
padding: 0 1em;
|
|
color: #282828;
|
|
}
|
|
#gamemode {
|
|
padding: 0 1em;
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
#gamemode.running {
|
|
color: #b8bb26;
|
|
}
|
|
/* Memory */
|
|
#memory {
|
|
padding: 0 1em;
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
#memory.critical {
|
|
color: #cc241d;
|
|
}
|
|
#memory.warning {
|
|
color: #d79921;
|
|
}
|
|
#memory.regular {
|
|
color: #282828;
|
|
}
|
|
/* CPU */
|
|
#cpu {
|
|
padding: 0 1em;
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
#cpu.critical {
|
|
color: #cc241d;
|
|
}
|
|
#cpu.warning {
|
|
color: #d79921;
|
|
}
|
|
#cpu.regular {
|
|
color: #282828;
|
|
}
|
|
/* Battery */
|
|
#battery {
|
|
padding: 0 1em;
|
|
}
|
|
#battery.charging {
|
|
color: #b8bb26;
|
|
}
|
|
#battery.good {
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
#battery.discharging.warning {
|
|
color: #d79921;
|
|
}
|
|
#battery.discharging.critical {
|
|
color: #cc241d;
|
|
}
|
|
#clock {
|
|
color: #282828;
|
|
padding: 0 1em;
|
|
}
|
|
/* Temperature*/
|
|
#temperature {
|
|
padding: 0 1em;
|
|
color: rgba(40, 40, 40, 0.2);
|
|
}
|
|
#temperature.critical {
|
|
color: #cc241d;
|
|
}
|
|
/* Custom modules */
|
|
#custom-backup {
|
|
color: #cc241d;
|
|
padding: 0 1em;
|
|
}
|
|
#custom-flatpak {
|
|
color: rgba(40, 40, 40, 0.2);
|
|
padding: 0 1em;
|
|
}
|