free-astro-components 0.0.28 → 0.0.29
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/css/main.css +14 -11
- package/src/layouts/Layout.astro +2 -7
package/package.json
CHANGED
package/src/css/main.css
CHANGED
|
@@ -95,19 +95,10 @@
|
|
|
95
95
|
--ac-rounded-full: 9999px;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
.dark,
|
|
99
|
-
[data-theme='dark'] {
|
|
100
|
-
--ac-color-100: var(--ac-dark);
|
|
101
|
-
--ac-color-200: var(--ac-gray-500);
|
|
102
|
-
--ac-color-300: var(--ac-gray-400);
|
|
103
|
-
--ac-color-400: var(--ac-gray-300);
|
|
104
|
-
--ac-color-500: var(--ac-gray-200);
|
|
105
|
-
--ac-color-600: var(--ac-gray-100);
|
|
106
|
-
--ac-color-700: var(--ac-white);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
98
|
.light,
|
|
99
|
+
:root,
|
|
110
100
|
[data-theme='light'] {
|
|
101
|
+
color-scheme: light;
|
|
111
102
|
--ac-color-100: var(--ac-white);
|
|
112
103
|
--ac-color-200: var(--ac-gray-100);
|
|
113
104
|
--ac-color-300: var(--ac-gray-200);
|
|
@@ -117,6 +108,18 @@
|
|
|
117
108
|
--ac-color-700: var(--ac-dark);
|
|
118
109
|
}
|
|
119
110
|
|
|
111
|
+
.dark,
|
|
112
|
+
[data-theme='dark'] {
|
|
113
|
+
color-scheme: dark;
|
|
114
|
+
--ac-color-100: var(--ac-dark);
|
|
115
|
+
--ac-color-200: var(--ac-gray-500);
|
|
116
|
+
--ac-color-300: var(--ac-gray-400);
|
|
117
|
+
--ac-color-400: var(--ac-gray-300);
|
|
118
|
+
--ac-color-500: var(--ac-gray-200);
|
|
119
|
+
--ac-color-600: var(--ac-gray-100);
|
|
120
|
+
--ac-color-700: var(--ac-white);
|
|
121
|
+
}
|
|
122
|
+
|
|
120
123
|
*,
|
|
121
124
|
::before,
|
|
122
125
|
::after {
|
package/src/layouts/Layout.astro
CHANGED
|
@@ -6,16 +6,11 @@ interface Props {
|
|
|
6
6
|
class?: string
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
const { title
|
|
10
|
-
|
|
11
|
-
const colorScheme = {
|
|
12
|
-
light: 'light',
|
|
13
|
-
dark: 'dark',
|
|
14
|
-
}[className]
|
|
9
|
+
const { title } = Astro.props
|
|
15
10
|
---
|
|
16
11
|
|
|
17
12
|
<!doctype html>
|
|
18
|
-
<html lang="en" class=
|
|
13
|
+
<html lang="en" class="dark">
|
|
19
14
|
<head>
|
|
20
15
|
<meta charset="UTF-8" />
|
|
21
16
|
<meta name="description" content="Astro description" />
|