3

app/tools/color-picker/themes/monokai.css

@@ -0,0 +1,16 @@
+:root {
+  --bg: #272822;
+  --fg: #f8f8f2;
+  --primary: #f92672;
+  --success: #a6e22e;
+}
+body {
+  background: var(--bg);
+  color: var(--fg);
+  font-family: 'Fira Code', 'JetBrains Mono', monospace;
+}
+button {
+  background: var(--primary);
+  color: var(--fg);
+  border: none;
+}

app/tools/color-picker/themes/solarized-light.css

@@ -0,0 +1,13 @@
+:root {
+  --bg: #fdf6e3;
+  --fg: #657b83;
+  --primary: #268bd2;
+  --accent: #2aa198;
+}
+body {
+  background: var(--bg);
+  color: var(--fg);
+}
+header, .palette-card {
+  border-color: var(--accent);
+}

app/tools/color-picker/themes/themes.json

@@ -0,0 +1,16 @@
+{
+  "themes": [
+    {
+      "name": "Monokai",
+      "file": "monokai.css",
+      "description": "Palette sombre inspirée de Monokai",
+      "type": ".css"
+    },
+    {
+      "name": "Solarized Light",
+      "file": "solarized-light.css",
+      "description": "Theme clair Solarized",
+      "type": ".css"
+    }
+  ]
+}