@sofidevo/astro-dynamic-header 5.0.5 → 5.0.6
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.
- package/package.json +1 -1
- package/src/Header.astro +15 -10
package/package.json
CHANGED
package/src/Header.astro
CHANGED
|
@@ -203,7 +203,8 @@ if (preset !== "none") {
|
|
|
203
203
|
|
|
204
204
|
@layer components {
|
|
205
205
|
.header {
|
|
206
|
-
|
|
206
|
+
|
|
207
|
+
--bg-color: var(--l-bg, rgba(255, 255, 255, 0.748));
|
|
207
208
|
--bg-color-opaque: var(--l-bg-opaque, rgba(255, 255, 255, 0.748));
|
|
208
209
|
--text-color: var(--l-text, #1a1a1a);
|
|
209
210
|
--accent-color: var(--l-accent, #3e1c71);
|
|
@@ -236,17 +237,8 @@ if (preset !== "none") {
|
|
|
236
237
|
--text-color: var(--d-text, #ffffff);
|
|
237
238
|
--accent-color: var(--d-accent, #00ffff);
|
|
238
239
|
--backdrop-blur: var(--d-blur, blur(20px));
|
|
239
|
-
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.header.header--force-auto {
|
|
243
|
-
--bg-color: var(--l-bg);
|
|
244
|
-
--bg-color-opaque: var(--l-bg-opaque, rgba(255, 255, 255, 0.748));
|
|
245
|
-
--text-color: var(--l-text, #1a1a1a);
|
|
246
|
-
--accent-color: var(--l-accent, #3e1c71);
|
|
247
|
-
--backdrop-blur: var(--l-blur, blur(20px));
|
|
248
|
-
background-color: var(--bg-color);
|
|
249
|
-
}
|
|
250
242
|
|
|
251
243
|
/* Forced themes: higher specificity than .header, no !important needed */
|
|
252
244
|
.header.header--force-dark {
|
|
@@ -266,6 +258,19 @@ if (preset !== "none") {
|
|
|
266
258
|
--backdrop-blur: var(--l-blur, blur(30px));
|
|
267
259
|
background-color: var(--bg-color);
|
|
268
260
|
}
|
|
261
|
+
.dark{
|
|
262
|
+
|
|
263
|
+
--bg-color: var(--l-bg, rgba(255, 255, 255, 0.748));
|
|
264
|
+
|
|
265
|
+
}
|
|
266
|
+
.header.header--force-auto {
|
|
267
|
+
--bg-color: var(--l-bg);
|
|
268
|
+
--bg-color-opaque: var(--l-bg-opaque, rgba(255, 255, 255, 0.748));
|
|
269
|
+
--text-color: var(--l-text, #1a1a1a);
|
|
270
|
+
--accent-color: var(--l-accent, #3e1c71);
|
|
271
|
+
--backdrop-blur: var(--l-blur, blur(20px));
|
|
272
|
+
background-color: var(--bg-color);
|
|
273
|
+
}
|
|
269
274
|
|
|
270
275
|
.header__container {
|
|
271
276
|
width: 100%;
|