waybar

modules/home/programs/hyprland/config/hyprland.conf

@@ -1,30 +1,10 @@
-
-# #######################################################################################
-# AUTOGENERATED HYPR CONFIG.
-# PLEASE USE THE CONFIG PROVIDED IN THE GIT REPO /examples/hypr.conf AND EDIT IT,
-# OR EDIT THIS ONE ACCORDING TO THE WIKI INSTRUCTIONS.
-# #######################################################################################
-
-# This is an example Hyprland config file.
-# Refer to the wiki for more information.
-# https://wiki.hyprland.org/Configuring/
-
-# Please note not all available settings / options are set here.
-# For a full list, see the wiki
-
-# You can split this configuration into multiple files
-# Create your files separately and then link them to this file like this:
-# source = ~/.config/hypr/myColors.conf
-
-
 ################
 ### MONITORS ###
 ################
 
 # See https://wiki.hyprland.org/Configuring/Monitors/
-monitor=,highres,auto,1.5
-# monitor=HDMI-A-1,1920x1080,0x0,1
-
+monitor=,highres,auto,1.68 # 2
+debug:disable_scale_checks = true
 
 ###################
 ### MY PROGRAMS ###
@@ -183,6 +163,7 @@ input {
     sensitivity = 0 # -1.0 - 1.0, 0 means no modification.
 
     touchpad {
+	scroll_factor = 0.2
 	disable_while_typing = true
         natural_scroll = true
         clickfinger_behavior = true

modules/home/programs/hyprland/config/waybar-style.css

@@ -1,88 +1,122 @@
+@define-color rosewater #f5e0dc;
+@define-color flamingo #f2cdcd;
+@define-color pink #f5c2e7;
+@define-color mauve #cba6f7;
+@define-color red #f38ba8;
+@define-color maroon #eba0ac;
+@define-color peach #fab387;
+@define-color yellow #f9e2af;
+@define-color green #a6e3a1;
+@define-color teal #94e2d5;
+@define-color sky #89dceb;
+@define-color sapphire #74c7ec;
+@define-color blue #89b4fa;
+@define-color lavender #b4befe;
+@define-color text #cdd6f4;
+@define-color subtext1 #bac2de;
+@define-color subtext0 #a6adc8;
+@define-color overlay2 #9399b2;
+@define-color overlay1 #7f849c;
+@define-color overlay0 #6c7086;
+@define-color surface2 #585b70;
+@define-color surface1 #45475a;
+@define-color surface0 #313244;
+@define-color base #1e1e2e;
+@define-color mantle #181825;
+@define-color crust #11111b;
+
+/* Common Styles */
 * {
-  border: none;
-  border-radius: 0;
-  font-family:
-    Cartograph CF Nerd Font,
-    monospace;
-  font-weight: bold;
+  font-family: FantasqueSansMono Nerd Font;
   font-size: 14px;
   min-height: 0;
 }
 
-window#waybar {
-  background: rgba(21, 18, 27, 0);
-  color: #cdd6f4;
+/* Primary Waybar */
+#waybar {
+  background: transparent;
+  color: @text;
 }
 
-tooltip {
-}
-
-#workspaces button {
-}
-
-#workspaces button.active {
-  color: #9ccfd8;
-}
-
-#workspaces button.focused {
-  color: #9ccfd8;
-}
-
-#workspaces button.urgent {
-}
-
-#workspaces button:hover {
-}
-
-#custom-language,
-#custom-updates,
-#custom-caffeine,
-#custom-weather,
+/* Node Styles */
+#workspaces,
 #window,
-#clock,
+#cpu,
+#memory,
 #battery,
+#backlight,
 #pulseaudio,
 #network,
-#workspaces,
-#tray,
-#backlight {
-}
-
-#tray {
+#clock {
+  margin-top: 0.75rem;
+  padding: 0px 0.5rem;
+  background-color: @surface0;
 }
 
 #workspaces {
-}
-
-#custom-caffeine {
-}
-
-#custom-language {
-}
-
-#custom-updates {
+  margin-left: 1rem;
+  border-radius: 1rem;
+  padding: 0px;
+  background-color: @surface0;
 }
 
 #window {
+  background: transparent;
+  margin-left: 0.5rem;
+  margin-right: 8rem; /* Notch */
+}
+
+#workspaces button {
+  color: @lavender;
+  border-radius: 1rem;
+}
+
+#workspaces button.active {
+  color: @sky;
+  background-color: @surface2;
+  border-radius: 1rem;
+}
+
+#workspaces button:hover {
+  color: @sapphire;
+  border-radius: 1rem;
 }
 
 #clock {
+  color: @blue;
+  border-radius: 0px 1rem 1rem 0px;
+  margin-right: 1rem;
+}
+
+#memory {
+  color: @blue;
+  border-radius: 0px 1rem 1rem 0px;
+  margin-right: 0.5rem;
 }
 
 #network {
-}
-
-#pulseaudio {
-}
-
-#pulseaudio.microphone {
+  color: @mauve;
 }
 
 #battery {
+  color: @green;
 }
 
-#custom-weather {
+#battery.charging {
+  color: @green;
 }
 
-#custom-endright {
+#battery.warning:not(.charging) {
+  color: @red;
+}
+
+#backlight {
+  color: @yellow;
+}
+
+#pulseaudio,
+#cpu {
+  color: @maroon;
+  border-radius: 1rem 0px 0px 1rem;
+  margin-left: 0.5rem;
 }