ported all templates to json

2026-02-01 18:51:43 +02:00
parent ae3a339db6
commit 74f033d5e8
403 changed files with 68948 additions and 5936 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,110 @@
+@import "tailwindcss";
+
+/* Custom scrollbar - always visible at consistent size */
+* {
+  scrollbar-width: 6px;
+  scrollbar-color: #52525b transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+  background: transparent;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: #52525b;
+  border-radius: 3px;
+  min-height: 40px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: #71717a;
+}
+
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+@layer base {
+  :root {
+    font-size: 16px;
+  }
+  
+  body {
+    font-family: 'Inter', sans-serif;
+    background-color: #09090b;
+    color: #e4e4e7;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+  }
+  
+  #root {
+    width: 100vw;
+    height: 100vh;
+    overflow: hidden;
+  }
+}
+
+/* Force custom scrollbars everywhere */
+html ::-webkit-scrollbar,
+body ::-webkit-scrollbar,
+* ::-webkit-scrollbar {
+  width: 6px !important;
+  height: 6px !important;
+  background: transparent !important;
+}
+
+html ::-webkit-scrollbar-track,
+body ::-webkit-scrollbar-track,
+* ::-webkit-scrollbar-track {
+  background: transparent !important;
+}
+
+html ::-webkit-scrollbar-thumb,
+body ::-webkit-scrollbar-thumb,
+* ::-webkit-scrollbar-thumb {
+  background: #52525b !important;
+  border-radius: 3px !important;
+  min-height: 40px !important;
+}
+
+html ::-webkit-scrollbar-thumb:hover,
+body ::-webkit-scrollbar-thumb:hover,
+* ::-webkit-scrollbar-thumb:hover {
+  background: #71717a !important;
+}
+
+/* Firefox */
+*,
+*::before,
+*::after {
+  scrollbar-width: 6px !important;
+  scrollbar-color: #52525b transparent !important;
+}
+
+/* No scrollbar utility */
+.no-scrollbar::-webkit-scrollbar {
+  display: none !important;
+}
+
+.no-scrollbar {
+  -ms-overflow-style: none !important;
+  scrollbar-width: none !important;
+}
+
+/* Focus ring spacing */
+.focus-ring-spacing {
+  padding: 4px;
+}
+
+.focus-ring-spacing:focus-within {
+  outline: 2px solid rgba(99, 102, 241, 0.3);
+  outline-offset: -2px;
+  border-radius: 8px;
+}