+
+
diff --git a/StreamAwesome/src/components/browser/IconBrowser.vue b/StreamAwesome/src/components/browser/IconBrowser.vue
index c73b60c..a0bbd32 100644
--- a/StreamAwesome/src/components/browser/IconBrowser.vue
+++ b/StreamAwesome/src/components/browser/IconBrowser.vue
@@ -1,29 +1,43 @@
-
-
- {{ unicodeString }}
-
-
diff --git a/StreamAwesome/src/components/browser/InputGroup.vue b/StreamAwesome/src/components/browser/InputGroup.vue
index 0aee32d..fe71792 100644
--- a/StreamAwesome/src/components/browser/InputGroup.vue
+++ b/StreamAwesome/src/components/browser/InputGroup.vue
@@ -21,11 +21,12 @@ defineEmits(['update:modelValue'])
>{{ label }}
diff --git a/StreamAwesome/src/components/settings/ColorSelector.vue b/StreamAwesome/src/components/settings/ColorSelector.vue
new file mode 100644
index 0000000..f76389a
--- /dev/null
+++ b/StreamAwesome/src/components/settings/ColorSelector.vue
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/StreamAwesome/src/components/settings/HueSelector.vue b/StreamAwesome/src/components/settings/HueSelector.vue
deleted file mode 100644
index 0aba0db..0000000
--- a/StreamAwesome/src/components/settings/HueSelector.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/StreamAwesome/src/components/settings/IconSettings.vue b/StreamAwesome/src/components/settings/IconSettings.vue
index 850abab..42cc022 100644
--- a/StreamAwesome/src/components/settings/IconSettings.vue
+++ b/StreamAwesome/src/components/settings/IconSettings.vue
@@ -1,6 +1,8 @@
-
+
-
-
-
-
-
-
+
+