@directus/themes 0.2.0 → 0.3.0

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.
@@ -0,0 +1,223 @@
1
+ declare const _default: {
2
+ name: string;
3
+ appearance: "dark";
4
+ rules: {
5
+ borderRadius: string;
6
+ borderWidth: string;
7
+ foreground: string;
8
+ foregroundAccent: string;
9
+ foregroundSubdued: string;
10
+ background: string;
11
+ backgroundNormal: string;
12
+ backgroundAccent: string;
13
+ backgroundSubdued: string;
14
+ borderColor: string;
15
+ borderColorAccent: string;
16
+ borderColorSubdued: string;
17
+ primary: string;
18
+ primaryBackground: string;
19
+ primarySubdued: string;
20
+ primaryAccent: string;
21
+ secondary: string;
22
+ secondaryBackground: string;
23
+ secondarySubdued: string;
24
+ secondaryAccent: string;
25
+ success: string;
26
+ successBackground: string;
27
+ successSubdued: string;
28
+ successAccent: string;
29
+ warning: string;
30
+ warningBackground: string;
31
+ warningSubdued: string;
32
+ warningAccent: string;
33
+ danger: string;
34
+ dangerBackground: string;
35
+ dangerSubdued: string;
36
+ dangerAccent: string;
37
+ fonts: {
38
+ display: {
39
+ fontFamily: string;
40
+ fontWeight: string;
41
+ };
42
+ sans: {
43
+ fontFamily: string;
44
+ fontWeight: string;
45
+ };
46
+ serif: {
47
+ fontFamily: string;
48
+ fontWeight: string;
49
+ };
50
+ monospace: {
51
+ fontFamily: string;
52
+ fontWeight: string;
53
+ };
54
+ };
55
+ navigation: {
56
+ background: string;
57
+ backgroundAccent: string;
58
+ borderColor: string;
59
+ borderWidth: string;
60
+ project: {
61
+ borderColor: string;
62
+ borderWidth: string;
63
+ background: string;
64
+ foreground: string;
65
+ fontFamily: string;
66
+ };
67
+ modules: {
68
+ background: string;
69
+ borderColor: string;
70
+ borderWidth: string;
71
+ button: {
72
+ foreground: string;
73
+ foregroundHover: string;
74
+ foregroundActive: string;
75
+ background: string;
76
+ backgroundHover: string;
77
+ backgroundActive: string;
78
+ };
79
+ };
80
+ list: {
81
+ icon: {
82
+ foreground: string;
83
+ foregroundHover: string;
84
+ foregroundActive: string;
85
+ };
86
+ foreground: string;
87
+ foregroundHover: string;
88
+ foregroundActive: string;
89
+ background: string;
90
+ backgroundHover: string;
91
+ backgroundActive: string;
92
+ fontFamily: string;
93
+ divider: {
94
+ borderColor: string;
95
+ borderWidth: string;
96
+ };
97
+ };
98
+ };
99
+ header: {
100
+ background: string;
101
+ borderColor: string;
102
+ borderWidth: string;
103
+ boxShadow: string;
104
+ headline: {
105
+ foreground: string;
106
+ fontFamily: string;
107
+ };
108
+ title: {
109
+ foreground: string;
110
+ fontFamily: string;
111
+ };
112
+ };
113
+ form: {
114
+ field: {
115
+ label: {
116
+ foreground: string;
117
+ fontFamily: string;
118
+ };
119
+ input: {
120
+ background: string;
121
+ backgroundSubdued: string;
122
+ foreground: string;
123
+ foregroundSubdued: string;
124
+ borderColor: string;
125
+ borderColorHover: string;
126
+ borderColorFocus: string;
127
+ boxShadow: string;
128
+ boxShadowHover: string;
129
+ boxShadowFocus: string;
130
+ height: string;
131
+ };
132
+ };
133
+ };
134
+ sidebar: {
135
+ background: string;
136
+ foreground: string;
137
+ fontFamily: string;
138
+ borderColor: string;
139
+ borderWidth: string;
140
+ section: {
141
+ toggle: {
142
+ icon: {
143
+ foreground: string;
144
+ foregroundHover: string;
145
+ foregroundActive: string;
146
+ };
147
+ foreground: string;
148
+ foregroundHover: string;
149
+ foregroundActive: string;
150
+ background: string;
151
+ backgroundHover: string;
152
+ backgroundActive: string;
153
+ fontFamily: string;
154
+ borderColor: string;
155
+ borderWidth: string;
156
+ };
157
+ form: {
158
+ columnGap: string;
159
+ rowGap: string;
160
+ label: {
161
+ foreground: string;
162
+ fontFamily: string;
163
+ };
164
+ field: {
165
+ input: {
166
+ background: string;
167
+ foreground: string;
168
+ foregroundSubdued: string;
169
+ borderColor: string;
170
+ borderColorHover: string;
171
+ borderColorFocus: string;
172
+ boxShadow: string;
173
+ boxShadowHover: string;
174
+ boxShadowFocus: string;
175
+ height: string;
176
+ };
177
+ };
178
+ };
179
+ };
180
+ };
181
+ public: {
182
+ background: string;
183
+ foreground: string;
184
+ foregroundAccent: string;
185
+ art: {
186
+ background: string;
187
+ primary: string;
188
+ secondary: string;
189
+ speed: string;
190
+ };
191
+ form: {
192
+ columnGap: string;
193
+ rowGap: string;
194
+ field: {
195
+ label: {
196
+ foreground: string;
197
+ fontFamily: string;
198
+ };
199
+ input: {
200
+ background: string;
201
+ foreground: string;
202
+ foregroundSubdued: string;
203
+ borderColor: string;
204
+ borderColorHover: string;
205
+ borderColorFocus: string;
206
+ boxShadow: string;
207
+ boxShadowHover: string;
208
+ boxShadowFocus: string;
209
+ height: string;
210
+ };
211
+ };
212
+ };
213
+ };
214
+ popover: {
215
+ menu: {
216
+ background: string;
217
+ borderRadius: string;
218
+ boxShadow: string;
219
+ };
220
+ };
221
+ };
222
+ };
223
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as directusDefault } from './default.js';
@@ -0,0 +1,3 @@
1
+ import type { Theme } from '../schemas/index.js';
2
+ export declare const dark: Theme[];
3
+ export declare const light: Theme[];
@@ -0,0 +1,97 @@
1
+ declare const _default: {
2
+ name: string;
3
+ appearance: "light";
4
+ rules: {
5
+ background: string;
6
+ backgroundAccent: string;
7
+ backgroundNormal: string;
8
+ backgroundSubdued: string;
9
+ borderColor: string;
10
+ borderColorAccent: string;
11
+ borderColorSubdued: string;
12
+ borderRadius: string;
13
+ borderWidth: string;
14
+ foreground: string;
15
+ foregroundAccent: string;
16
+ foregroundSubdued: string;
17
+ fonts: {
18
+ display: {
19
+ fontFamily: string;
20
+ fontWeight: string;
21
+ };
22
+ };
23
+ form: {
24
+ field: {
25
+ input: {
26
+ background: string;
27
+ backgroundSubdued: string;
28
+ };
29
+ };
30
+ };
31
+ navigation: {
32
+ background: string;
33
+ backgroundAccent: string;
34
+ borderWidth: string;
35
+ borderColor: string;
36
+ modules: {
37
+ background: string;
38
+ button: {
39
+ backgroundActive: string;
40
+ foreground: string;
41
+ foregroundActive: string;
42
+ };
43
+ };
44
+ project: {
45
+ borderWidth: string;
46
+ background: string;
47
+ borderColor: string;
48
+ };
49
+ list: {
50
+ divider: {
51
+ borderColor: string;
52
+ };
53
+ icon: {
54
+ foreground: string;
55
+ };
56
+ foreground: string;
57
+ foregroundHover: string;
58
+ foregroundActive: string;
59
+ };
60
+ };
61
+ header: {
62
+ background: string;
63
+ borderWidth: string;
64
+ borderColor: string;
65
+ boxShadow: string;
66
+ };
67
+ sidebar: {
68
+ background: string;
69
+ borderWidth: string;
70
+ borderColor: string;
71
+ section: {
72
+ toggle: {
73
+ borderColor: string;
74
+ borderWidth: string;
75
+ background: string;
76
+ foreground: string;
77
+ foregroundHover: string;
78
+ foregroundActive: string;
79
+ icon: {
80
+ foreground: string;
81
+ foregroundHover: string;
82
+ foregroundActive: string;
83
+ };
84
+ };
85
+ };
86
+ };
87
+ public: {
88
+ art: {
89
+ background: string;
90
+ primary: string;
91
+ secondary: string;
92
+ };
93
+ background: string;
94
+ };
95
+ };
96
+ };
97
+ export default _default;
@@ -0,0 +1,230 @@
1
+ declare const _default: {
2
+ name: string;
3
+ appearance: "light";
4
+ rules: {
5
+ borderRadius: string;
6
+ borderWidth: string;
7
+ foreground: string;
8
+ foregroundAccent: string;
9
+ foregroundSubdued: string;
10
+ background: string;
11
+ backgroundNormal: string;
12
+ backgroundAccent: string;
13
+ backgroundSubdued: string;
14
+ borderColor: string;
15
+ borderColorAccent: string;
16
+ borderColorSubdued: string;
17
+ primary: string;
18
+ primaryBackground: string;
19
+ primarySubdued: string;
20
+ primaryAccent: string;
21
+ secondary: string;
22
+ secondaryBackground: string;
23
+ secondarySubdued: string;
24
+ secondaryAccent: string;
25
+ success: string;
26
+ successBackground: string;
27
+ successSubdued: string;
28
+ successAccent: string;
29
+ warning: string;
30
+ warningBackground: string;
31
+ warningSubdued: string;
32
+ warningAccent: string;
33
+ danger: string;
34
+ dangerBackground: string;
35
+ dangerSubdued: string;
36
+ dangerAccent: string;
37
+ fonts: {
38
+ display: {
39
+ fontFamily: string;
40
+ fontWeight: string;
41
+ };
42
+ sans: {
43
+ fontFamily: string;
44
+ fontWeight: string;
45
+ };
46
+ serif: {
47
+ fontFamily: string;
48
+ fontWeight: string;
49
+ };
50
+ monospace: {
51
+ fontFamily: string;
52
+ fontWeight: string;
53
+ };
54
+ };
55
+ navigation: {
56
+ background: string;
57
+ backgroundAccent: string;
58
+ borderColor: string;
59
+ borderWidth: string;
60
+ project: {
61
+ borderColor: string;
62
+ borderWidth: string;
63
+ background: string;
64
+ foreground: string;
65
+ fontFamily: string;
66
+ };
67
+ modules: {
68
+ background: string;
69
+ borderColor: string;
70
+ borderWidth: string;
71
+ button: {
72
+ foreground: string;
73
+ foregroundHover: string;
74
+ foregroundActive: string;
75
+ background: string;
76
+ backgroundHover: string;
77
+ backgroundActive: string;
78
+ };
79
+ };
80
+ list: {
81
+ icon: {
82
+ foreground: string;
83
+ foregroundHover: string;
84
+ foregroundActive: string;
85
+ };
86
+ foreground: string;
87
+ foregroundHover: string;
88
+ foregroundActive: string;
89
+ background: string;
90
+ backgroundHover: string;
91
+ backgroundActive: string;
92
+ fontFamily: string;
93
+ divider: {
94
+ borderColor: string;
95
+ borderWidth: string;
96
+ };
97
+ };
98
+ };
99
+ header: {
100
+ background: string;
101
+ borderColor: string;
102
+ borderWidth: string;
103
+ boxShadow: string;
104
+ headline: {
105
+ foreground: string;
106
+ fontFamily: string;
107
+ };
108
+ title: {
109
+ foreground: string;
110
+ fontFamily: string;
111
+ fontWeight: string;
112
+ };
113
+ };
114
+ form: {
115
+ columnGap: string;
116
+ rowGap: string;
117
+ field: {
118
+ label: {
119
+ foreground: string;
120
+ fontFamily: string;
121
+ fontWeight: string;
122
+ };
123
+ input: {
124
+ background: string;
125
+ backgroundSubdued: string;
126
+ foreground: string;
127
+ foregroundSubdued: string;
128
+ borderColor: string;
129
+ borderColorHover: string;
130
+ borderColorFocus: string;
131
+ boxShadow: string;
132
+ boxShadowHover: string;
133
+ boxShadowFocus: string;
134
+ height: string;
135
+ padding: string;
136
+ };
137
+ };
138
+ };
139
+ sidebar: {
140
+ background: string;
141
+ foreground: string;
142
+ fontFamily: string;
143
+ borderColor: string;
144
+ borderWidth: string;
145
+ section: {
146
+ toggle: {
147
+ icon: {
148
+ foreground: string;
149
+ foregroundHover: string;
150
+ foregroundActive: string;
151
+ };
152
+ foreground: string;
153
+ foregroundHover: string;
154
+ foregroundActive: string;
155
+ background: string;
156
+ backgroundHover: string;
157
+ backgroundActive: string;
158
+ fontFamily: string;
159
+ borderColor: string;
160
+ borderWidth: string;
161
+ };
162
+ form: {
163
+ columnGap: string;
164
+ rowGap: string;
165
+ label: {
166
+ foreground: string;
167
+ fontFamily: string;
168
+ };
169
+ field: {
170
+ input: {
171
+ background: string;
172
+ foreground: string;
173
+ foregroundSubdued: string;
174
+ borderColor: string;
175
+ borderColorHover: string;
176
+ borderColorFocus: string;
177
+ boxShadow: string;
178
+ boxShadowHover: string;
179
+ boxShadowFocus: string;
180
+ height: string;
181
+ padding: string;
182
+ };
183
+ };
184
+ };
185
+ };
186
+ };
187
+ public: {
188
+ background: string;
189
+ foreground: string;
190
+ foregroundAccent: string;
191
+ art: {
192
+ background: string;
193
+ primary: string;
194
+ secondary: string;
195
+ speed: string;
196
+ };
197
+ form: {
198
+ columnGap: string;
199
+ rowGap: string;
200
+ label: {
201
+ foreground: string;
202
+ fontFamily: string;
203
+ };
204
+ field: {
205
+ input: {
206
+ background: string;
207
+ foreground: string;
208
+ foregroundSubdued: string;
209
+ borderColor: string;
210
+ borderColorHover: string;
211
+ borderColorFocus: string;
212
+ boxShadow: string;
213
+ boxShadowHover: string;
214
+ boxShadowFocus: string;
215
+ height: string;
216
+ padding: string;
217
+ };
218
+ };
219
+ };
220
+ };
221
+ popover: {
222
+ menu: {
223
+ background: string;
224
+ borderRadius: string;
225
+ boxShadow: string;
226
+ };
227
+ };
228
+ };
229
+ };
230
+ export default _default;
@@ -0,0 +1,3 @@
1
+ export { default as directusColorMatch } from './color-match.js';
2
+ export { default as directusDefault } from './default.js';
3
+ export { default as directusMinimal } from './minimal.js';
@@ -0,0 +1,113 @@
1
+ declare const _default: {
2
+ name: string;
3
+ appearance: "light";
4
+ rules: {
5
+ borderWidth: string;
6
+ backgroundPage: string;
7
+ navigation: {
8
+ background: string;
9
+ modules: {
10
+ background: string;
11
+ button: {
12
+ backgroundActive: string;
13
+ foreground: string;
14
+ foregroundHover: string;
15
+ foregroundActive: string;
16
+ backgroundHover: string;
17
+ background: string;
18
+ };
19
+ borderWidth: string;
20
+ borderColor: string;
21
+ };
22
+ project: {
23
+ borderWidth: string;
24
+ background: string;
25
+ borderColor: string;
26
+ };
27
+ list: {
28
+ icon: {
29
+ foreground: string;
30
+ };
31
+ divider: {
32
+ borderColor: string;
33
+ };
34
+ };
35
+ borderWidth: string;
36
+ backgroundAccent: string;
37
+ borderColor: string;
38
+ };
39
+ header: {
40
+ background: string;
41
+ borderWidth: string;
42
+ borderColor: string;
43
+ boxShadow: string;
44
+ };
45
+ backgroundAccent: string;
46
+ backgroundSubdued: string;
47
+ background: string;
48
+ foreground: string;
49
+ foregroundAccent: string;
50
+ foregroundSubdued: string;
51
+ borderRadius: string;
52
+ borderColor: string;
53
+ borderColorAccent: string;
54
+ borderColorSubdued: string;
55
+ form: {
56
+ rowGap: string;
57
+ field: {
58
+ input: {
59
+ background: string;
60
+ backgroundSubdued: string;
61
+ boxShadowFocus: string;
62
+ height: string;
63
+ };
64
+ };
65
+ };
66
+ sidebar: {
67
+ background: string;
68
+ borderWidth: string;
69
+ borderColor: string;
70
+ section: {
71
+ toggle: {
72
+ borderColor: string;
73
+ borderWidth: string;
74
+ background: string;
75
+ foreground: string;
76
+ foregroundHover: string;
77
+ foregroundActive: string;
78
+ icon: {
79
+ foreground: string;
80
+ foregroundHover: string;
81
+ foregroundActive: string;
82
+ };
83
+ };
84
+ form: {
85
+ field: {
86
+ input: {
87
+ height: string;
88
+ };
89
+ };
90
+ };
91
+ };
92
+ };
93
+ fontFamilyDisplay: string;
94
+ public: {
95
+ art: {
96
+ background: string;
97
+ primary: string;
98
+ secondary: string;
99
+ };
100
+ background: string;
101
+ };
102
+ backgroundNormal: string;
103
+ secondary: string;
104
+ primary: string;
105
+ primaryBackground: string;
106
+ primarySubdued: string;
107
+ primaryAccent: string;
108
+ secondaryAccent: string;
109
+ secondaryBackground: string;
110
+ secondarySubdued: string;
111
+ };
112
+ };
113
+ export default _default;