[FEATURE] Customn Theme

2026-07-07 19:55:42 +02:00
parent 5ed6937c88
commit d947833214
9 changed files with 528 additions and 12 deletions
@@ -1 +1,43 @@
-/* Add your styles here */
+/* Dialect design system tokens (https://www.figma.com/design/6DRThj0vmRgfjMIdsmkaIy) */
+:root {
+  --dialect-primary: #e86c00;
+  --dialect-secondary: #f6b93b;
+  --dialect-bg: #f4f6f9;
+  --dialect-surface: #ffffff;
+  --dialect-ink: #14171f;
+  --dialect-border: #e6eaf0;
+  --dialect-radius: 14px;
+  --dialect-shadow: 0 6px 20px rgba(20, 23, 31, 0.08), 0 1px 2px rgba(20, 23, 31, 0.06);
+
+  /* Alias onto Aura's theming hooks */
+  --aura-accent-color-light: var(--dialect-primary);
+  --aura-accent-color-dark: var(--dialect-primary);
+  --aura-background-color-light: var(--dialect-bg);
+  --aura-orange: var(--dialect-primary);
+  --aura-yellow: var(--dialect-secondary);
+}
+
+.dialect-title {
+  font-weight: 600;
+  color: var(--dialect-ink);
+}
+
+.dialect-content {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: var(--lumo-space-l, 24px);
+  gap: 24px;
+}
+
+.dialect-card {
+  background: var(--dialect-surface);
+  border-radius: var(--dialect-radius);
+  box-shadow: var(--dialect-shadow);
+  padding: 20px;
+}
+
+.dialect-card__title {
+  font-weight: 600;
+  color: var(--dialect-ink);
+  margin: 0 0 12px 0;
+}