Add Hyprland work config
This commit is contained in:
210
hyprland-work/.config/waybar/style.css
Normal file
210
hyprland-work/.config/waybar/style.css
Normal file
@@ -0,0 +1,210 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
Reference in New Issue
Block a user