Spaces:
Running
Running
Update index.html
Browse files- index.html +31 -0
index.html
CHANGED
|
@@ -104,6 +104,37 @@ tailwind.config = {
|
|
| 104 |
--pre-bg: #d8eaf8;
|
| 105 |
}
|
| 106 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 107 |
body:not(.light) {
|
| 108 |
background-image:
|
| 109 |
radial-gradient(1px 1px at 20% 30%, rgba(160,200,255,0.4) 0%, transparent 100%),
|
|
|
|
| 104 |
--pre-bg: #d8eaf8;
|
| 105 |
}
|
| 106 |
|
| 107 |
+
body { background: var(--bg); color: var(--pearl); }
|
| 108 |
+
#sidebar { background: var(--surface); border-color: var(--border); }
|
| 109 |
+
header { background: var(--surface); border-color: var(--border); }
|
| 110 |
+
.bg-smoke { background: var(--surface) !important; }
|
| 111 |
+
.bg-ash { background: var(--mist) !important; }
|
| 112 |
+
.bg-mist { background: var(--mist) !important; }
|
| 113 |
+
.hover\:bg-ash:hover { background: var(--border) !important; }
|
| 114 |
+
.hover\:bg-mist:hover { background: var(--mist) !important; }
|
| 115 |
+
.border-ash { border-color: var(--border) !important; }
|
| 116 |
+
.border-mist { border-color: var(--mist) !important; }
|
| 117 |
+
.text-fog { color: var(--fog) !important; }
|
| 118 |
+
.text-ghost { color: var(--ghost) !important; }
|
| 119 |
+
.text-pearl { color: var(--pearl) !important; }
|
| 120 |
+
.text-cream { color: var(--cream) !important; }
|
| 121 |
+
.text-amber { color: var(--accent) !important; }
|
| 122 |
+
.text-ink { color: var(--user-text) !important; }
|
| 123 |
+
.text-rose { color: var(--danger) !important; }
|
| 124 |
+
.text-sage { color: var(--safe) !important; }
|
| 125 |
+
.bg-amber { background: var(--user-bg) !important; }
|
| 126 |
+
.hover\:bg-ember:hover { background: var(--accent2) !important; }
|
| 127 |
+
.bg-amber\/10 { background: color-mix(in srgb, var(--accent) 10%, transparent) !important; }
|
| 128 |
+
.bg-amber\/20 { background: color-mix(in srgb, var(--accent) 20%, transparent) !important; }
|
| 129 |
+
.border-amber\/25 { border-color: color-mix(in srgb, var(--accent) 25%, transparent) !important; }
|
| 130 |
+
.from-amber { --tw-gradient-from: var(--accent) !important; }
|
| 131 |
+
.to-ember { --tw-gradient-to: var(--accent2) !important; }
|
| 132 |
+
.bg-rose { background: var(--danger) !important; }
|
| 133 |
+
.hover\:text-rose:hover { color: var(--danger) !important; }
|
| 134 |
+
.hover\:text-sage:hover { color: var(--safe) !important; }
|
| 135 |
+
.hover\:text-pearl:hover { color: var(--pearl) !important; }
|
| 136 |
+
textarea, input, select { background: var(--mist); color: var(--cream); }
|
| 137 |
+
|
| 138 |
body:not(.light) {
|
| 139 |
background-image:
|
| 140 |
radial-gradient(1px 1px at 20% 30%, rgba(160,200,255,0.4) 0%, transparent 100%),
|