PR: Custom Color Choice (#38)

2025-03-11 14:45:04 -05:00
parent 664e3a5910
commit d1800ffd98
10 changed files with 183 additions and 3 deletions
@@ -0,0 +1,54 @@
+import { array } from "@ember/helper";
+import icon from "discourse/helpers/d-icon";
+import DMenu from "float-kit/components/d-menu";
+import SitePallette from "./site-pallette";
+
+const PALLETTES = [
+  {
+    name: "marigold",
+    color: "#d3881f",
+  },
+  {
+    name: "violet",
+    color: "#9b15de",
+  },
+  {
+    name: "lily",
+    color: "#CC336F",
+  },
+  {
+    name: "clover",
+    color: "#4caf50",
+  },
+  {
+    name: "royal",
+    color: "#4169e1",
+  },
+  {
+    name: "horizon",
+    color: "#595bca",
+  },
+];
+
+<template>
+  <DMenu
+    @identifier="user-color-pallette"
+    @triggers={{array "click"}}
+    @placementStrategy="fixed"
+    class="btn-flat user-color-pallette sidebar-footer-actions-button"
+    @inline={{true}}
+  >
+    <:trigger>
+      {{icon "paint-brush"}}
+    </:trigger>
+    <:content>
+      <div class="color-pallette-menu">
+        <div class="color-pallette-menu__content">
+          {{#each PALLETTES as |colorScheme|}}
+            <SitePallette @colorScheme={{colorScheme}} />
+          {{/each}}
+        </div>
+      </div>
+    </:content>
+  </DMenu>
+</template>