first commit

nwg-dock-hyprland/mocha.css

@@ -0,0 +1,26 @@
+@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;

nwg-dock-hyprland/style.css

@@ -0,0 +1,42 @@
+@import 'mocha.css';
+
+window {
+    background: alpha(@base, 0.6);
+    border-radius: 20px;
+    border-style: none;
+}
+
+#box {
+    /* Define attributes of the box surrounding icons here */
+    padding: 10px;
+}
+
+#active {
+    /* This is to underline the button representing the currently active window */
+    border-color: @blue;
+}
+
+button,
+image {
+    background: none;
+    border-style: none;
+    box-shadow: none;
+    color: @overlay0;
+}
+
+button {
+    padding: 4px;
+    margin-left: 4px;
+    margin-right: 4px;
+    color: @overlay2;
+    font-size: 12px;
+}
+
+button:hover {
+    background: @surface0;
+    border-radius: 14px;
+}
+
+button:focus {
+    box-shadow: none;
+}