summaryrefslogtreecommitdiffstats
path: root/waybar-theme.nix
diff options
context:
space:
mode:
Diffstat (limited to 'waybar-theme.nix')
-rw-r--r--waybar-theme.nix183
1 files changed, 0 insertions, 183 deletions
diff --git a/waybar-theme.nix b/waybar-theme.nix
deleted file mode 100644
index 92beca2..0000000
--- a/waybar-theme.nix
+++ /dev/null
@@ -1,183 +0,0 @@
-{ config, pkgs, ... }:
-{
- home.file = {
- style = ''
- * {
- font-size: 14px;
- border-radius: 5px;
- }
-
- window#waybar {
- /* `otf-font-awesome` is required to be installed for icons */
- font-family: "Noto Color Emoji", monospace;
- background-color: transparent;
- border-bottom: 0px;
- color: #ebdbb2;
- transition-property: background-color;
- transition-duration: .5s;
- }
-
- window#waybar.hidden {
- opacity: 0.2;
- }
-
- window#waybar.empty #window {
- background-color: transparent;
- }
-
- /*
- window#waybar.empty {
- background-color: transparent;
- }
- window#waybar.solo {
- background-color: #FFFFFF;
- }
- */
-
- .modules-right {
- margin: 10px 10px 0 0;
- }
- .modules-center {
- margin: 10px 0 0 0;
- }
- .modules-left {
- margin: 10px 0 0 10px;
- }
-
- button {
- /* Use box-shadow instead of border so the text isn't offset */
- /* box-shadow: inset 0 -3px transparent; */
- border: none;
- }
-
- /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
- /*
- button:hover {
- background: inherit;
- box-shadow: inset 0 -3px #ebdbb2;
- } */
-
- #workspaces {
- background-color: #282828;
- }
-
- #workspaces button {
- padding: 0 5px;
- background-color: transparent;
- color: #ebdbb2;
- border-radius: 0;
- }
-
- #workspaces button:first-child {
- border-radius: 5px 0 0 5px;
- }
-
- #workspaces button:last-child {
- border-radius: 0 5px 5px 0;
- }
-
- #workspaces button:hover {
- color: #d79921;
- }
-
- #workspaces button.focused {
- background-color: #665c54;
- /* box-shadow: inset 0 -3px #ffffff; */
- }
-
- #workspaces button.urgent {
- background-color: #b16286;
- }
-
- #idle_inhibitor,
- #cava,
- #scratchpad,
- #mode,
- #window,
- #clock,
- #battery,
- #backlight,
- #wireplumber,
- #tray,
- #mpris,
- #load {
- padding: 0 10px;
- background-color: #282828;
- color: #ebdbb2;
- }
-
- #mode {
- background-color: #689d6a;
- color: #282828;
- /* box-shadow: inset 0 -3px #ffffff; */
- }
-
- /* If workspaces is the leftmost module, omit left margin */
- .modules-left > widget:first-child > #workspaces {
- margin-left: 0;
- }
-
- /* If workspaces is the rightmost module, omit right margin */
- .modules-right > widget:last-child > #workspaces {
- margin-right: 0;
- }
-
- #cava {
- padding: 0 5px;
- }
-
- #battery.charging, #battery.plugged {
- background-color: #98971a;
- color: #282828;
- }
-
- @keyframes blink {
- to {
- background-color: #282828;
- color: #ebdbb2;
- }
- }
-
- /* Using steps() instead of linear as a timing function to limit cpu usage */
- #battery.critical:not(.charging) {
- background-color: #cc241d;
- color: #ebdbb2;
- animation-name: blink;
- animation-duration: 0.5s;
- animation-timing-function: steps(12);
- animation-iteration-count: infinite;
- animation-direction: alternate;
- }
-
- label:focus {
- background-color: #000000;
- }
-
- #wireplumber.muted {
- background-color: #458588;
- }
-
- #tray > .passive {
- -gtk-icon-effect: dim;
- }
-
- #tray > .needs-attention {
- -gtk-icon-effect: highlight;
- }
-
- #mpris.playing {
- background-color: #d79921;
- color: #282828;
- }
-
- #tray menu {
- font-family: sans-serif;
- }
-
- #scratchpad.empty {
- background: transparent;
- }
- '';
-
- };
-}