test someones waybar config

home-manager/hyprland/styles/catppuccin.css

@@ -0,0 +1,36 @@
+/*
+*
+* Catppuccin Macchiato palette
+*
+*/
+
+@define-color base   #24273a;
+@define-color mantle #1e2030;
+@define-color crust  #181926;
+
+@define-color text     #cad3f5;
+@define-color subtext0 #b8c0e0;
+@define-color subtext1 #a5adcb;
+
+@define-color surface0 #363a4f;
+@define-color surface1 #494d64;
+@define-color surface2 #5b6078;
+
+@define-color overlay0 #6e738d;
+@define-color overlay1 #8087a2;
+@define-color overlay2 #939ab7;
+
+@define-color blue      #8aadf4;
+@define-color lavender  #b7bdf8;
+@define-color sapphire  #7dc4e4;
+@define-color sky       #91d7e3;
+@define-color teal      #8bd5ca;
+@define-color green     #a6da95;
+@define-color yellow    #eed49f;
+@define-color peach     #f5a97f;
+@define-color maroon    #ee99a0;
+@define-color red       #ed8796;
+@define-color mauve     #c6a0f6;
+@define-color pink      #f5bde6;
+@define-color flamingo  #f0c6c6;
+@define-color rosewater #f4dbd6;

home-manager/hyprland/styles/notifications.css

@@ -0,0 +1,87 @@
+#notifications {
+  margin: 0.5em;
+  padding-left: 5px;
+  padding-right: 5px;
+  color: @peach;
+  font-weight: bold;
+  background-color: @surface0;
+  border: 2px solid @surface1;
+}
+
+#custom-notification,
+#custom-updates,
+#custom-github,
+#idle_inhibitor,
+#wireplumber,
+#pulseaudio,
+#systemd-failed-units
+ {
+  padding: 0 0.5em;
+}
+
+#custom-updates.updated {
+  padding-left: 0;
+  padding-right: 1em;
+}
+
+/* Unique colors for modules */
+#idle_inhibitor {
+  color: @yellow;
+}
+
+#pulseaudio{
+  color: @green;
+}
+
+#custom-github {
+  color: @blue;
+}
+
+#custom-updates {
+  color: @red;
+}
+
+#systemd-failed-units {
+  color: @mauve;
+}
+
+#custom-pipewire.muted,
+#pulseaudio.muted {
+  background-color: #90b1b1;
+  color: #2a5c45;
+}
+
+#keyboard-state {
+  padding: 0 0px;
+  min-width: 16px;
+  color: @mauve;
+}
+
+#keyboard-state > label {
+  padding: 0 5px;
+}
+
+#keyboard-state > label.locked {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+#pulseaudio-slider slider {
+    min-height: 0px;
+    min-width: 0px;
+    opacity: 0;
+    background-color: @green;
+    background-image: none;
+    border: none;
+    box-shadow: none;
+}
+#pulseaudio-slider trough {
+    min-height: 10px;
+    min-width: 80px;
+    border-radius: 5px;
+    background-color: @base;
+}
+#pulseaudio-slider highlight {
+    min-width: 10px;
+    border-radius: 5px;
+    background-color: @green;
+}

home-manager/hyprland/styles/power.css

@@ -0,0 +1,11 @@
+/* Custom styling for the logout icon on end */
+#custom-wlogout {
+  font-size: 1.75em;
+  padding-right: 0.5em;
+  padding-left: 0.5em;
+  color: @blue;
+}
+
+#power .not-power {
+    color: @red;
+  }

home-manager/hyprland/styles/stats.css

@@ -0,0 +1,44 @@
+#other,
+#other-drawer,
+#stats,
+#stats-drawer {
+  margin: 0.5em;
+  padding-left: 5px;
+  padding-right: 5px;
+  color: @peach;
+  font-weight: bold;
+  background-color: @surface0;
+  border: 2px solid @surface1;
+}
+#battery,
+#cpu,
+#memory,
+#temperature,
+#disk,
+#network {
+  padding: 0 0.5em;
+}
+
+/* Unique colors for modules */
+#cpu {
+  color: @red;
+}
+
+#memory {
+  color: @yellow;
+}
+#temperature {
+  color: @green;
+}
+
+#network {
+  color: @blue;
+}
+
+#network.disconnected {
+  background-color: #f53c3c;
+}
+
+#temperature.critical {
+  background-color: #eb4d4b;
+}

home-manager/hyprland/styles/style.css

@@ -0,0 +1,83 @@
+/**
+* Global configuration for theme 
+* {
+  font-family: MonaspiceNe Nerd Font;
+  font-size: 16px;
+  border-radius: 0.75em;
+}
+* */
+* {
+  font-family: FiraCode , Noto Sans,FontAwesome, Roboto, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  border-radius: 0.75em;
+}
+
+window#waybar {
+  background-color: transparent;
+  color: @text;
+  /* border: 2px solid @surface1;
+  background: @base;
+  box-shadow: 1px 1px 10px 10px @mantle;
+  transition-property: background-color;
+  transition-duration: 0.5s;
+  */
+}
+
+window#waybar.hidden {
+  opacity: 0.2;
+}
+
+tooltip {
+  background: @base;
+  border: 1px solid @blue;
+}
+
+tooltip label {
+  color: white;
+}
+
+label:focus {
+  background-color: #000000;
+}
+
+button {
+  /* Use box-shadow instead of border so the text isn't offset */
+  box-shadow: inset 0 -3px transparent;
+  /* Avoid rounded borders under each button name */
+  border: none;
+  border-radius: 0;
+}
+
+/* Remove border from parent waybar */
+box {
+  border: none;
+}
+
+/* Add spacing for right side modules */
+#tray,
+#user,
+#custom-weather,
+#keyboard-state,
+#mpd {
+  padding: 0 1em;
+}
+
+#clock {
+  font-size: 16px;
+  font-weight: 900;
+}
+
+#custom-separator-right,
+#custom-separator-left {
+  font-size: 20px;
+  padding-left: 1em;
+  padding-right: 1em;
+  color: @text;
+}
+
+@keyframes blink {
+  to {
+    background-color: #ffffff;
+    color: #000000;
+  }
+}

home-manager/hyprland/styles/workspaces.css

@@ -0,0 +1,42 @@
+#workspaces {
+  margin: 0.5em;
+  padding-left: 5px;
+  padding-right: 5px;
+  color: @peach;
+  font-weight: bold;
+  background-color: @surface0;
+  border: 2px solid @surface1;
+}
+
+#workspaces label {
+  font-family: MonaspiceNe Nerd Font;
+  font-size: 20px;
+}
+
+#workspaces button {
+  padding: 0 0.5em;
+  background-color: @surface0;
+  color: @text;
+  margin: 0.25em;
+}
+
+#workspaces button.empty {
+  /* background-color: @surface2; */
+  color: @overlay0;
+}
+
+#workspaces button.visible {
+  /* background-color: @surface2; */
+  color: @blue;
+}
+
+#workspaces button.active {
+  /* background-color: @surface2; */
+  color: @green;
+}
+
+#workspaces button.urgent {
+  box-shadow: 2px 2px 2px 2px;
+  border-radius: 1em;
+  color: @red;
+}