domma-cms 0.36.1 → 0.36.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/admin/css/admin.css +1 -1
  2. package/admin/css/dashboard.css +1 -1
  3. package/admin/js/lib/card-builder.js +1 -1
  4. package/admin/js/lib/effects-builder.js +2 -2
  5. package/admin/js/lib/embed-builder.js +1 -1
  6. package/admin/js/lib/markdown-toolbar.js +2 -2
  7. package/admin/js/lib/project-quick-create.js +2 -2
  8. package/admin/js/lib/scribe-composer.js +3 -3
  9. package/admin/js/lib/shortcode-context-menu.js +6 -6
  10. package/admin/js/lib/shortcode-modal.js +1 -1
  11. package/admin/js/lib/sidebar-renderer.js +2 -2
  12. package/admin/js/lib/timeline-builder.js +2 -2
  13. package/admin/js/templates/api-endpoint-editor.html +2 -2
  14. package/admin/js/templates/block-editor.html +1 -1
  15. package/admin/js/templates/component-editor.html +4 -4
  16. package/admin/js/templates/docs/api-actions.html +11 -11
  17. package/admin/js/templates/docs/api-authentication.html +11 -11
  18. package/admin/js/templates/docs/api-collections.html +11 -11
  19. package/admin/js/templates/docs/api-layouts.html +11 -11
  20. package/admin/js/templates/docs/api-media.html +11 -11
  21. package/admin/js/templates/docs/api-navigation.html +11 -11
  22. package/admin/js/templates/docs/api-pages.html +11 -11
  23. package/admin/js/templates/docs/api-plugins.html +11 -11
  24. package/admin/js/templates/docs/api-settings.html +11 -11
  25. package/admin/js/templates/docs/api-users.html +11 -11
  26. package/admin/js/templates/docs/api-views.html +11 -11
  27. package/admin/js/templates/form-editor.html +4 -4
  28. package/admin/js/templates/form-submissions.html +1 -1
  29. package/admin/js/templates/navigation.html +3 -3
  30. package/admin/js/templates/notifications.html +1 -1
  31. package/admin/js/templates/page-editor.html +3 -3
  32. package/admin/js/templates/project-detail.html +19 -19
  33. package/admin/js/templates/settings.html +6 -6
  34. package/admin/js/views/action-editor.js +1 -1
  35. package/admin/js/views/api-endpoint-editor.js +3 -3
  36. package/admin/js/views/collection-editor.js +2 -2
  37. package/admin/js/views/collection-entries.js +1 -1
  38. package/admin/js/views/component-editor.js +3 -3
  39. package/admin/js/views/form-editor.js +3 -3
  40. package/admin/js/views/form-submissions.js +1 -1
  41. package/admin/js/views/page-editor.js +4 -4
  42. package/admin/js/views/project-detail.js +1 -1
  43. package/admin/js/views/settings.js +2 -2
  44. package/package.json +1 -1
  45. package/public/css/forms.css +1 -1
  46. package/public/css/site.css +1 -1
  47. package/public/js/menu-decor.mjs +1 -1
  48. package/public/js/site.js +1 -1
@@ -56,11 +56,11 @@
56
56
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
57
57
  padding:.45rem .75rem;
58
58
  border-bottom:1px solid var(--dm-border,rgba(255,255,255,.08));
59
- background:var(--dm-surface-subtle,rgba(0,0,0,.05));
59
+ background:var(--dm-background-alt,rgba(0,0,0,.05));
60
60
  font-size:.78rem;">
61
61
  <div>
62
62
  <span id="component-compile-indicator"
63
- style="display:inline-block;min-width:.7rem;height:.7rem;border-radius:50%;background:#aaa;margin-right:.4rem;"></span>
63
+ style="display:inline-block;min-width:.7rem;height:.7rem;border-radius:50%;background:var(--dm-text-muted);margin-right:.4rem;"></span>
64
64
  <span id="component-compile-status">Compiling…</span>
65
65
  </div>
66
66
  <span id="component-cursor-pos" style="display:none;"></span>
@@ -68,8 +68,8 @@
68
68
  <pre id="component-compile-errors" hidden style="
69
69
  margin:0;
70
70
  padding:.75rem;
71
- background:rgba(201,42,42,.08);
72
- color:#c92a2a;
71
+ background:color-mix(in srgb, var(--dm-danger) 8%, transparent);
72
+ color:var(--dm-danger);
73
73
  border-bottom:1px solid var(--dm-border,rgba(255,255,255,.08));
74
74
  white-space:pre-wrap;
75
75
  font-size:.78rem;
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -16,28 +16,28 @@
16
16
  }
17
17
 
18
18
  .method-get {
19
- background: #d1fae5;
20
- color: #065f46;
19
+ background: color-mix(in srgb, var(--dm-success) 15%, transparent);
20
+ color: var(--dm-success);
21
21
  }
22
22
 
23
23
  .method-post {
24
- background: #dbeafe;
25
- color: #1e40af;
24
+ background: color-mix(in srgb, var(--dm-primary) 15%, transparent);
25
+ color: var(--dm-primary);
26
26
  }
27
27
 
28
28
  .method-put {
29
- background: #fef3c7;
30
- color: #92400e;
29
+ background: color-mix(in srgb, var(--dm-warning) 15%, transparent);
30
+ color: var(--dm-warning-dark);
31
31
  }
32
32
 
33
33
  .method-patch {
34
- background: #ccfbf1;
35
- color: #134e4a;
34
+ background: color-mix(in srgb, var(--dm-info) 15%, transparent);
35
+ color: var(--dm-info);
36
36
  }
37
37
 
38
38
  .method-delete {
39
- background: #fee2e2;
40
- color: #991b1b;
39
+ background: color-mix(in srgb, var(--dm-danger) 15%, transparent);
40
+ color: var(--dm-danger);
41
41
  }
42
42
 
43
43
  .endpoint-path {
@@ -47,7 +47,7 @@
47
47
 
48
48
  .auth-note {
49
49
  font-size: 12px;
50
- color: var(--dm-color-text-muted, #6b7280);
50
+ color: var(--dm-text-muted, #6b7280);
51
51
  margin: 4px 0 12px;
52
52
  }
53
53
 
@@ -33,13 +33,13 @@
33
33
  style="font-size:.65rem;opacity:.6;margin-left:.1rem;">▾</span>
34
34
  </button>
35
35
  <div id="add-element-menu"
36
- style="display:none;position:absolute;right:0;top:calc(100% + .2rem);background:var(--card-bg,#1e1e2e);border:1px solid var(--border-color,#333);border-radius:6px;min-width:140px;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.3);overflow:hidden;">
36
+ style="display:none;position:absolute;right:0;top:calc(100% + .2rem);background:var(--dm-card-bg,#1e1e2e);border:1px solid var(--dm-border,#333);border-radius:6px;min-width:140px;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.3);overflow:hidden;">
37
37
  <button id="add-field-btn" type="button"
38
- style="display:block;width:100%;text-align:left;padding:.5rem .85rem;background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;border-bottom:1px solid var(--border-color,#333);">
38
+ style="display:block;width:100%;text-align:left;padding:.5rem .85rem;background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;border-bottom:1px solid var(--dm-border,#333);">
39
39
  Field
40
40
  </button>
41
41
  <button id="add-spacer-btn" type="button"
42
- style="display:block;width:100%;text-align:left;padding:.5rem .85rem;background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;border-bottom:1px solid var(--border-color,#333);">
42
+ style="display:block;width:100%;text-align:left;padding:.5rem .85rem;background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;border-bottom:1px solid var(--dm-border,#333);">
43
43
  Spacer
44
44
  </button>
45
45
  <button id="add-page-break-btn" type="button"
@@ -61,7 +61,7 @@
61
61
  <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
62
62
  <h2><span data-icon="eye"></span> Preview</h2>
63
63
  <span id="preview-test-badge"
64
- style="display:none;font-size:.75rem;padding:.2rem .6rem;border-radius:999px;background:rgba(99,102,241,.15);color:var(--primary,#6366f1);">Test Mode — submissions are stored</span>
64
+ style="display:none;font-size:.75rem;padding:.2rem .6rem;border-radius:999px;background:rgba(99,102,241,.15);color:var(--dm-primary,#6366f1);">Test Mode — submissions are stored</span>
65
65
  </div>
66
66
  <div class="card-body">
67
67
  <div id="preview-container"></div>
@@ -17,7 +17,7 @@
17
17
  <div class="card-body" style="display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;">
18
18
  <input id="sub-search" type="text" class="form-input" placeholder="Search submissions…" style="flex:1;min-width:200px;">
19
19
  <input id="sub-date-from" type="date" class="form-input" style="width:auto;">
20
- <span style="color:var(--text-muted,#888);">to</span>
20
+ <span style="color:var(--dm-text-muted,#888);">to</span>
21
21
  <input id="sub-date-to" type="date" class="form-input" style="width:auto;">
22
22
  <span id="sub-count" class="text-muted" style="white-space:nowrap;font-size:.85rem;"></span>
23
23
  </div>
@@ -63,7 +63,7 @@
63
63
  <p class="form-hint">Icon uses Domma icon names (e.g. <code>star</code>, <code>home</code>, <code>bolt</code>).
64
64
  Logo URL overrides the icon when set. Leave both blank for text-only brand.</p>
65
65
 
66
- <hr style="margin: 1.25rem 0; border-color: var(--border-color, rgba(255,255,255,.1));">
66
+ <hr style="margin: 1.25rem 0; border-color: var(--dm-border, rgba(255,255,255,.1));">
67
67
  <h3 style="font-size:.9rem;font-weight:600;margin-bottom:1rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em;">
68
68
  Admin Panel</h3>
69
69
  <div class="row">
@@ -192,7 +192,7 @@
192
192
  </div>
193
193
 
194
194
  <div class="tab-panel">
195
- <div style="display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color,rgba(255,255,255,.08));">
195
+ <div style="display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--dm-border,rgba(255,255,255,.08));">
196
196
  <span class="text-muted" style="font-size:.85rem;">Add and arrange navbar menu items.</span>
197
197
  <button id="add-nav-item" class="btn btn-sm btn-outline"><span data-icon="plus"></span> Add Item</button>
198
198
  </div>
@@ -208,7 +208,7 @@
208
208
  </div>
209
209
 
210
210
  <div class="tab-panel">
211
- <div style="display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color,rgba(255,255,255,.08));">
211
+ <div style="display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--dm-border,rgba(255,255,255,.08));">
212
212
  <span class="text-muted" style="font-size:.85rem;">Links shown in the site footer.</span>
213
213
  <button id="add-footer-link" class="btn btn-sm btn-outline"><span data-icon="plus"></span> Add Link</button>
214
214
  </div>
@@ -6,7 +6,7 @@
6
6
  <div id="notif-list"></div>
7
7
 
8
8
  <div id="notif-empty" hidden class="card">
9
- <div class="card-body" style="text-align:center;padding:3rem;color:var(--dm-color-text-muted)">
9
+ <div class="card-body" style="text-align:center;padding:3rem;color:var(--dm-text-muted)">
10
10
  <span data-icon="check-circle" style="font-size:2rem;display:block;margin-bottom:.5rem"></span>
11
11
  <p>No notifications — you're all caught up.</p>
12
12
  </div>
@@ -178,7 +178,7 @@
178
178
  <h3 style="margin:0;font-size:1rem;">Version History</h3>
179
179
  <div style="display:flex;gap:.5rem;align-items:center;">
180
180
  <button class="btn btn-ghost btn-sm" id="history-delete-selected-btn"
181
- style="display:none;color:var(--dm-text-danger,#e55);">
181
+ style="display:none;color:var(--dm-danger,#e55);">
182
182
  <span data-icon="trash"></span> Delete Selected
183
183
  </button>
184
184
  <button class="btn btn-ghost btn-sm" id="history-save-named-btn">
@@ -202,13 +202,13 @@
202
202
  <p style="font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:var(--dm-text-muted);">
203
203
  SELECTED VERSION</p>
204
204
  <pre id="version-compare-old"
205
- style="background:var(--dm-surface-subtle);padding:1rem;border-radius:6px;overflow:auto;white-space:pre-wrap;font-size:.8rem;max-height:60vh;"></pre>
205
+ style="background:var(--dm-background-alt);padding:1rem;border-radius:6px;overflow:auto;white-space:pre-wrap;font-size:.8rem;max-height:60vh;"></pre>
206
206
  </div>
207
207
  <div class="col">
208
208
  <p style="font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:var(--dm-text-muted);">CURRENT
209
209
  (UNSAVED)</p>
210
210
  <pre id="version-compare-new"
211
- style="background:var(--dm-surface-subtle);padding:1rem;border-radius:6px;overflow:auto;white-space:pre-wrap;font-size:.8rem;max-height:60vh;"></pre>
211
+ style="background:var(--dm-background-alt);padding:1rem;border-radius:6px;overflow:auto;white-space:pre-wrap;font-size:.8rem;max-height:60vh;"></pre>
212
212
  </div>
213
213
  </div>
214
214
  </div>