diff --git a/home-modules/color-pallete.nix b/home-modules/color-pallete.nix
index 3c904fc..797a03e 100644
--- a/home-modules/color-pallete.nix
+++ b/home-modules/color-pallete.nix
@@ -1,29 +1,106 @@
-{ config, pkgs, rice, ... }:
+{ rice, ... }:
 {
-  home.file.".config/color-pallet.txt".text = with rice.color; ''
-    black:   dark:   ${black.dark}
-             base:   ${black.base}
-             bright: ${black.bright}
-    white:   dark:   ${white.dark}
-             base:   ${white.base}
-             bright: ${white.bright}
-    blue:    dark:   ${blue.dark}
-             base:   ${blue.base}
-             bright: ${blue.bright}
-    magenta: dark:   ${magenta.dark}
-             base:   ${magenta.base}
-             bright: ${magenta.bright}
-    red:     dark:   ${red.dark}
-             base:   ${red.base}
-             bright: ${red.bright}
-    cyan:    dark:   ${cyan.dark}
-             base:   ${cyan.base}
-             bright: ${cyan.bright}
-    green:   dark:   ${green.dark}
-             base:   ${green.base}
-             bright: ${green.bright}
-    yellow:  dark:   ${yellow.dark}
-             base:   ${yellow.base}
-             bright: ${yellow.bright}
+  home.file.".config/color-pallete.html".text = with rice.color; let
+    cb = color-set: color-name: size: /* html */ ''
+      <div class="color-container" style="border-color: ${color-set.base}">
+        <div class="color-box" style="background: ${color-set.dark}; height: ${builtins.toString size}px;">
+          <p style="color: ${color-set.bright}"> ${color-name}.dark </p>
+        </div>
+        <div class="color-box" style="background: ${color-set.base}; height: ${builtins.toString size}px;">
+          <p class="dynamic-text"> ${color-name}.base </p>
+        </div>
+        <div class="color-box" style="background: ${color-set.bright}; height: ${builtins.toString size}px;">
+          <p style="color: ${color-set.dark}"> ${color-name}.bright </p>
+        </div>
+      </div>
+    '';
+  
+  
+  in /* html */ ''
+    <!DOCTYPE html>
+    <head>
+      <meta charset="UTF-8">
+      <meta name="darkreader-lock">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Color Pallete</title>
+      <style>
+        * {
+          margin: 0px;
+          padding: 0px;
+        }
+        html {
+          background: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency});
+          padding: auto;
+        }
+        body {
+          font-family: ${rice.font.base.name};
+          color: ${foreground};
+          width: fit-content;
+          margin: 10px auto 10px auto;
+          background: ${background};
+          border: ${builtins.toString rice.border-width}px solid ${border}; 
+          border-radius: ${builtins.toString rice.rounding}px;
+          padding: ${builtins.toString rice.gap-size}px;
+        }
+        h1 {
+          margin: ${builtins.toString rice.gap-size}px;
+        }
+        .color-container {
+          font-family: ${rice.font.code.name2};
+          display: flex;
+          gap: ${builtins.toString rice.gap-size}px;
+          margin: ${builtins.toString rice.gap-size}px;
+        }
+        .color-box {
+          width: 200px;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          border-radius: ${builtins.toString rice.rounding}px;
+        }
+      </style>
+    </head>
+    <body>
+      <h1> Color Pallete </h1>
+      ${cb accent "accent" 100}
+      ${cb secondary "secondary" 100}
+      ${cb tertiary "tertiary" 100}
+      ${cb weird "weird" 75}
+      ${cb special "special" 75}
+      ${cb positive "positive" 30}
+      ${cb negative "negative" 30}
+      ${cb black "black" 25}
+      ${cb white "white" 25}
+      ${cb blue "blue" 25}
+      ${cb cyan "cyan" 25}
+      ${cb green "green" 25}
+      ${cb magenta "magenta" 25}
+      ${cb red "red" 25}
+      ${cb yellow "yellow" 25}
+    </body>
+    <script>
+      function getLuminance(color) {
+        const rgb = color.match(/\w\w/g).map((c) => parseInt(c, 16));
+        const [r, g, b] = rgb.map((val) => {
+          const channel = val / 255;
+          return channel <= 0.03928 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);
+        });
+        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+      }
+      function setDynamicTextColor() {
+        const texts = document.getElementsByClassName("dynamic-text");
+        function ff(text) {
+          const backgroundColor = text.parentElement.style.backgroundColor;
+          const rgbValues = backgroundColor.match(/\d+/g).map(Number);
+          const hexColor = `#''${rgbValues.map(c => c.toString(16).padStart(2, '0')).join("")}`;
+          const luminance = getLuminance(hexColor);
+          text.style.color = luminance < 0.2 ? '${foreground}' : '${background}';
+        };
+        for (let id in texts) { ff(texts[id]); } 
+      }
+      setDynamicTextColor();
+    </script>
+    </html>
   '';
 }
diff --git a/home-modules/hyprland.nix b/home-modules/hyprland.nix
index 6e12929..0880b4a 100755
--- a/home-modules/hyprland.nix
+++ b/home-modules/hyprland.nix
@@ -331,9 +331,10 @@ lib.mkIf (user != "tv")
         # "SUPER,       F4,"
         "SUPER,       F5, exec, nx_gcal_event force-lookup"
         "SUPER SHIFT, F5, exec, nx_gcal_event reauthenticate"
-        # "SUPER,       F6,"
+        "SUPER,       F6, exec, kitty -e 'htop'"
         ''SUPER,       F8, exec, find ~/Pictures/wallpapers/* -type f -not -path "~/Pictures/wallpapers/.git/*" | sort -R | head -n 1 | xargs swww img --transition-type wipe --transition-angle 60 --transition-step 120 --transition-fps 120''
-        "SUPER,       F9, exec, change_colors_json $(swww query | sed -n 1p | sed -e 's-.*image: --g') && nh home switch" 
+        ''SUPER,       F9, exec, kitty -e sh -c 'change_colors_json $(swww query | sed -n 1p | sed -e "s-.*image: --g") && nh home switch && firefox /home/${user}/.config/color-pallete.html' '' 
+        ''SUPER SHIFT, F9, exec, firefox /home/${user}/.config/color-pallete.html '' 
         # "SUPER,       F10, hyprload,update"
         "SUPER,       F11, exec, waybar"
         "SUPER SHIFT, F11, exec, pkill waybar "
diff --git a/home-modules/wallpaper-to-colors.nix b/home-modules/wallpaper-to-colors.nix
index 50dcc57..ef5220d 100644
--- a/home-modules/wallpaper-to-colors.nix
+++ b/home-modules/wallpaper-to-colors.nix
@@ -116,10 +116,7 @@ def extract_colors(
 
     return Palette(colors)
 if __name__ == "__main__":
-    try:
-        img = sys.argv[1]
-    except IndexError:
-        img = "/home/nx2/Pictures/wallpapers/absolute-cinema-acid.png"
+    img = sys.argv[1]
 
     palette = extract_colors(image=img, palette_size=3)
 
