first

frontend/public/themes/theme-dark-monokai.css

@@ -0,0 +1,25 @@
+:root {
+  --bg-main: #272822;
+  --bg-panel: #1e1f1c;
+  --bg-code: #141411;
+  --border: #49483e;
+  --text-main: #f8f8f2;
+  --text-secondary: #e0e0d8;
+  --text-muted: #75715e;
+  --accent-blue: #66d9ef;
+  --accent-green: #a6e22e;
+  --accent-yellow: #e6db74;
+  --accent-orange: #fd971f;
+  --accent-red: #f92672;
+  --accent-purple: #ae81ff;
+  --json-key: #66d9ef;
+  --json-string: #e6db74;
+  --json-number: #a6e22e;
+  --json-boolean: #ae81ff;
+  --json-null: #f92672;
+  --tree-guide: #49483e;
+  --selected-bg: #3e3d32;
+  --hover-bg: #34342f;
+  --focus-ring: #66d9ef;
+  --icon: #f8f8f2;
+}

frontend/public/themes/theme-light.css

@@ -0,0 +1,25 @@
+:root {
+  --bg-main: #f8f9fa;
+  --bg-panel: #ffffff;
+  --bg-code: #e9ecef;
+  --border: #dee2e6;
+  --text-main: #212529;
+  --text-secondary: #343a40;
+  --text-muted: #6c757d;
+  --accent-blue: #007bff;
+  --accent-green: #28a745;
+  --accent-yellow: #ffc107;
+  --accent-orange: #fd7e14;
+  --accent-red: #dc3545;
+  --accent-purple: #6f42c1;
+  --json-key: #007bff;
+  --json-string: #ffc107;
+  --json-number: #28a745;
+  --json-boolean: #6f42c1;
+  --json-null: #dc3545;
+  --tree-guide: #dee2e6;
+  --selected-bg: #e9ecef;
+  --hover-bg: #f1f3f5;
+  --focus-ring: #007bff;
+  --icon: #212529;
+}