bullet_train-themes-light 1.2.10 → 1.2.12
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/light/fields/date_field.css +1 -1
- data/app/assets/stylesheets/light/fields/index.css +5 -0
- data/app/assets/stylesheets/light/fields/super_select.css +5 -5
- data/app/assets/stylesheets/light/fields/trix_editor.css +1 -1
- data/app/assets/stylesheets/light/tailwind/colors/amber.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/blue.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/cyan.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/emerald.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/fuchsia.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/gray.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/green.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/indigo.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/lime.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/neutral.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/orange.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/pink.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/purple.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/red.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/rose.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/sky.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/slate.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/stone.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/teal.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/violet.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/yellow.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/zinc.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors.css +45 -296
- data/app/assets/stylesheets/light/tailwind/components.css +14 -6
- data/app/assets/stylesheets/light/tailwind/dark-mode.css +29 -92
- data/app/assets/stylesheets/light/tailwind/secondary_colors/amber.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/blue.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/cyan.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/emerald.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/fuchsia.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/gray.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/green.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/indigo.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/lime.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/neutral.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/orange.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/pink.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/purple.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/red.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/rose.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/sky.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/slate.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/stone.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/teal.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/violet.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/yellow.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/zinc.css +12 -0
- data/app/assets/stylesheets/light/tailwind/utilities.css +1 -22
- data/app/views/showcase/previews/partials/_alert.html.erb +16 -0
- data/app/views/showcase/previews/partials/_box.html.erb +43 -0
- data/app/views/showcase/previews/partials/_breadcrumb.html.erb +14 -0
- data/app/views/showcase/previews/partials/_page.html.erb +30 -0
- data/app/views/showcase/previews/partials/_title.html.erb +14 -0
- data/app/views/showcase/previews/partials/actions/_box.html.erb +11 -0
- data/app/views/showcase/previews/partials/actions/_list.html.erb +9 -0
- data/app/views/showcase/previews/tailwind/components/_button.html.erb +17 -0
- data/app/views/showcase/previews/tailwind/components/_link.html.erb +5 -0
- data/app/views/showcase/previews/tailwind/utilities/_small_text.html.erb +5 -0
- data/app/views/showcase/previews/tailwind/utilities/_spacing.html.erb +21 -0
- data/app/views/themes/light/_alert.html.erb +15 -11
- data/app/views/themes/light/_box.html.erb +5 -5
- data/app/views/themes/light/_breadcrumb.html.erb +3 -3
- data/app/views/themes/light/_cell.html.erb +2 -2
- data/app/views/themes/light/_decision_line.html.erb +2 -2
- data/app/views/themes/light/_line.html.erb +2 -2
- data/app/views/themes/light/_team.html.erb +30 -0
- data/app/views/themes/light/_well.html.erb +2 -2
- data/app/views/themes/light/actions/_action.html.erb +7 -7
- data/app/views/themes/light/actions/_list.html.erb +1 -1
- data/app/views/themes/light/attributes/_base.html.erb +1 -1
- data/app/views/themes/light/attributes/_progress_bar.html.erb +1 -1
- data/app/views/themes/light/billing/_pricing_table.html.erb +5 -5
- data/app/views/themes/light/commentary/_box.html.erb +1 -11
- data/app/views/themes/light/conversations/_card.html.erb +5 -5
- data/app/views/themes/light/conversations/_comment.html.erb +3 -3
- data/app/views/themes/light/conversations/_message.html.erb +7 -7
- data/app/views/themes/light/conversations/_thread_border.html.erb +1 -1
- data/app/views/themes/light/fields/_field.html.erb +4 -4
- data/app/views/themes/light/layouts/_account.html.erb +6 -6
- data/app/views/themes/light/layouts/_devise.html.erb +1 -2
- data/app/views/themes/light/menu/_account.html.erb +7 -3
- data/app/views/themes/light/menu/_heading.html.erb +1 -1
- data/app/views/themes/light/menu/_item.html.erb +2 -2
- data/app/views/themes/light/menu/_mobile.html.erb +6 -6
- data/app/views/themes/light/menu/_open.html.erb +1 -1
- data/app/views/themes/light/menu/_subsection.html.erb +5 -3
- data/app/views/themes/light/menu/_user.html.erb +1 -1
- data/app/views/themes/light/workflow/_box.html.erb +1 -1
- data/lib/bullet_train/themes/light/version.rb +1 -1
- data/lib/bullet_train/themes/light.rb +1 -0
- data/tailwind.light.config.js +8 -45
- metadata +58 -2
@@ -1,296 +1,45 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
--theme-gray-700: #323c58;
|
47
|
-
--theme-gray-800: #2b344e;
|
48
|
-
--theme-gray-900: #232942;
|
49
|
-
|
50
|
-
/* TOOD Kind of yuck? */
|
51
|
-
--theme-sand-300: #e8d9cc;
|
52
|
-
--theme-sand-400: #c7ac9f;
|
53
|
-
--theme-sand-500: #947E77;
|
54
|
-
--theme-sand-600: #6F564D;
|
55
|
-
--theme-sand-700: #583c32;
|
56
|
-
--theme-sand-800: #4e342b;
|
57
|
-
--theme-sand-900: #422923;
|
58
|
-
|
59
|
-
}
|
60
|
-
|
61
|
-
:root, .theme-blue {
|
62
|
-
--primary-300: var(--theme-blue-300);
|
63
|
-
--primary-400: var(--theme-blue-400);
|
64
|
-
--primary-500: var(--theme-blue-500);
|
65
|
-
--primary-600: var(--theme-blue-600);
|
66
|
-
--primary-700: var(--theme-blue-700);
|
67
|
-
--primary-800: var(--theme-blue-800);
|
68
|
-
--primary-900: var(--theme-blue-900);
|
69
|
-
|
70
|
-
--secondary-300: var(--theme-blue-300);
|
71
|
-
--secondary-400: var(--theme-blue-400);
|
72
|
-
--secondary-500: var(--theme-blue-500);
|
73
|
-
--secondary-600: var(--theme-blue-600);
|
74
|
-
--secondary-700: var(--theme-blue-700);
|
75
|
-
--secondary-800: var(--theme-blue-800);
|
76
|
-
--secondary-900: var(--theme-blue-900);
|
77
|
-
|
78
|
-
--dark-primary-300: var(--theme-gray-300);
|
79
|
-
--dark-primary-400: var(--theme-gray-400);
|
80
|
-
--dark-primary-500: var(--theme-gray-500);
|
81
|
-
--dark-primary-600: var(--theme-gray-600);
|
82
|
-
--dark-primary-700: var(--theme-gray-700);
|
83
|
-
--dark-primary-800: var(--theme-gray-800);
|
84
|
-
--dark-primary-900: var(--theme-gray-900);
|
85
|
-
|
86
|
-
--dark-secondary-300: var(--theme-gray-300);
|
87
|
-
--dark-secondary-400: var(--theme-gray-400);
|
88
|
-
--dark-secondary-500: var(--theme-gray-500);
|
89
|
-
--dark-secondary-600: var(--theme-gray-600);
|
90
|
-
--dark-secondary-700: var(--theme-gray-700);
|
91
|
-
--dark-secondary-800: var(--theme-gray-800);
|
92
|
-
--dark-secondary-900: var(--theme-gray-900);
|
93
|
-
|
94
|
-
--dark-accent-200: #b3bcde;
|
95
|
-
|
96
|
-
--light-gradient-from: #D7BBEA;
|
97
|
-
--light-gradient-to: #65A8F1;
|
98
|
-
--dark-gradient-from: #633d7d;
|
99
|
-
--dark-gradient-to: #2867ab;
|
100
|
-
}
|
101
|
-
|
102
|
-
.theme-green {
|
103
|
-
--primary-300: var(--theme-green-300);
|
104
|
-
--primary-400: var(--theme-green-400);
|
105
|
-
--primary-500: var(--theme-green-500);
|
106
|
-
--primary-600: var(--theme-green-600);
|
107
|
-
--primary-700: var(--theme-green-700);
|
108
|
-
--primary-800: var(--theme-green-800);
|
109
|
-
--primary-900: var(--theme-green-900);
|
110
|
-
|
111
|
-
--secondary-300: var(--theme-green-300);
|
112
|
-
--secondary-400: var(--theme-green-400);
|
113
|
-
--secondary-500: var(--theme-green-500);
|
114
|
-
--secondary-600: var(--theme-green-600);
|
115
|
-
--secondary-700: var(--theme-green-700);
|
116
|
-
--secondary-800: var(--theme-green-800);
|
117
|
-
--secondary-900: var(--theme-green-900);
|
118
|
-
|
119
|
-
--dark-primary-300: var(--theme-gray-300);
|
120
|
-
--dark-primary-400: var(--theme-gray-400);
|
121
|
-
--dark-primary-500: var(--theme-gray-500);
|
122
|
-
--dark-primary-600: var(--theme-gray-600);
|
123
|
-
--dark-primary-700: var(--theme-gray-700);
|
124
|
-
--dark-primary-800: var(--theme-gray-800);
|
125
|
-
--dark-primary-900: var(--theme-gray-900);
|
126
|
-
|
127
|
-
--dark-accent-200: #28ab42;
|
128
|
-
|
129
|
-
--light-gradient-from: #dff9e3;
|
130
|
-
--light-gradient-to: #adfbb9;
|
131
|
-
--dark-gradient-from: #74f18d;
|
132
|
-
--dark-gradient-to: #28ab42;
|
133
|
-
}
|
134
|
-
|
135
|
-
.theme-purple {
|
136
|
-
--primary-300: var(--theme-purple-300);
|
137
|
-
--primary-400: var(--theme-purple-400);
|
138
|
-
--primary-500: var(--theme-purple-500);
|
139
|
-
--primary-600: var(--theme-purple-600);
|
140
|
-
--primary-700: var(--theme-purple-700);
|
141
|
-
--primary-800: var(--theme-purple-800);
|
142
|
-
--primary-900: var(--theme-purple-900);
|
143
|
-
|
144
|
-
--secondary-300: var(--theme-purple-300);
|
145
|
-
--secondary-400: var(--theme-purple-400);
|
146
|
-
--secondary-500: var(--theme-purple-500);
|
147
|
-
--secondary-600: var(--theme-purple-600);
|
148
|
-
--secondary-700: var(--theme-purple-700);
|
149
|
-
--secondary-800: var(--theme-purple-800);
|
150
|
-
--secondary-900: var(--theme-purple-900);
|
151
|
-
|
152
|
-
--dark-primary-300: var(--theme-gray-300);
|
153
|
-
--dark-primary-400: var(--theme-gray-400);
|
154
|
-
--dark-primary-500: var(--theme-gray-500);
|
155
|
-
--dark-primary-600: var(--theme-gray-600);
|
156
|
-
--dark-primary-700: var(--theme-gray-700);
|
157
|
-
--dark-primary-800: var(--theme-gray-800);
|
158
|
-
--dark-primary-900: var(--theme-gray-900);
|
159
|
-
|
160
|
-
--dark-accent-200: #bcb3de;
|
161
|
-
|
162
|
-
--light-gradient-from: #EABBD7;
|
163
|
-
--light-gradient-to: #A865F1;
|
164
|
-
--dark-gradient-from: #7d3d63;
|
165
|
-
--dark-gradient-to: #6728ab;
|
166
|
-
}
|
167
|
-
|
168
|
-
.theme-orange {
|
169
|
-
--primary-300: var(--theme-orange-300);
|
170
|
-
--primary-400: var(--theme-orange-400);
|
171
|
-
--primary-500: var(--theme-orange-500);
|
172
|
-
--primary-600: var(--theme-orange-600);
|
173
|
-
--primary-700: var(--theme-orange-700);
|
174
|
-
--primary-800: var(--theme-orange-800);
|
175
|
-
--primary-900: var(--theme-orange-900);
|
176
|
-
|
177
|
-
--secondary-300: var(--theme-orange-300);
|
178
|
-
--secondary-400: var(--theme-orange-400);
|
179
|
-
--secondary-500: var(--theme-orange-500);
|
180
|
-
--secondary-600: var(--theme-orange-600);
|
181
|
-
--secondary-700: var(--theme-orange-700);
|
182
|
-
--secondary-800: var(--theme-orange-800);
|
183
|
-
--secondary-900: var(--theme-orange-900);
|
184
|
-
|
185
|
-
--dark-primary-300: var(--theme-sand-300);
|
186
|
-
--dark-primary-400: var(--theme-sand-400);
|
187
|
-
--dark-primary-500: var(--theme-sand-500);
|
188
|
-
--dark-primary-600: var(--theme-sand-600);
|
189
|
-
--dark-primary-700: var(--theme-sand-700);
|
190
|
-
--dark-primary-800: var(--theme-sand-800);
|
191
|
-
--dark-primary-900: var(--theme-sand-900);
|
192
|
-
|
193
|
-
--dark-accent-200: #debcb3;
|
194
|
-
|
195
|
-
--light-gradient-from: #EABBD7;
|
196
|
-
--light-gradient-to: #F1A865;
|
197
|
-
--dark-gradient-from: #7d3d63;
|
198
|
-
--dark-gradient-to: #ab6728;
|
199
|
-
}
|
200
|
-
|
201
|
-
.theme-pink {
|
202
|
-
--primary-300: var(--theme-pink-300);
|
203
|
-
--primary-400: var(--theme-pink-400);
|
204
|
-
--primary-500: var(--theme-pink-500);
|
205
|
-
--primary-600: var(--theme-pink-600);
|
206
|
-
--primary-700: var(--theme-pink-700);
|
207
|
-
--primary-800: var(--theme-pink-800);
|
208
|
-
--primary-900: var(--theme-pink-900);
|
209
|
-
|
210
|
-
--secondary-300: var(--theme-pink-300);
|
211
|
-
--secondary-400: var(--theme-pink-400);
|
212
|
-
--secondary-500: var(--theme-pink-500);
|
213
|
-
--secondary-600: var(--theme-pink-600);
|
214
|
-
--secondary-700: var(--theme-pink-700);
|
215
|
-
--secondary-800: var(--theme-pink-800);
|
216
|
-
--secondary-900: var(--theme-pink-900);
|
217
|
-
|
218
|
-
--dark-primary-300: var(--theme-gray-300);
|
219
|
-
--dark-primary-400: var(--theme-gray-400);
|
220
|
-
--dark-primary-500: var(--theme-gray-500);
|
221
|
-
--dark-primary-600: var(--theme-gray-600);
|
222
|
-
--dark-primary-700: var(--theme-gray-700);
|
223
|
-
--dark-primary-800: var(--theme-gray-800);
|
224
|
-
--dark-primary-900: var(--theme-gray-900);
|
225
|
-
|
226
|
-
--dark-accent-200: #bcb3de;
|
227
|
-
|
228
|
-
--light-gradient-from: #D7BBEA;
|
229
|
-
--light-gradient-to: #F165A8;
|
230
|
-
--dark-gradient-from: #6728ab;
|
231
|
-
--dark-gradient-to: #633d7d;
|
232
|
-
}
|
233
|
-
|
234
|
-
.theme-secondary-blue {
|
235
|
-
--secondary-300: var(--theme-blue-300);
|
236
|
-
--secondary-400: var(--theme-blue-400);
|
237
|
-
--secondary-500: var(--theme-blue-500);
|
238
|
-
--secondary-600: var(--theme-blue-600);
|
239
|
-
--secondary-700: var(--theme-blue-700);
|
240
|
-
--secondary-800: var(--theme-blue-800);
|
241
|
-
--secondary-900: var(--theme-blue-900);
|
242
|
-
}
|
243
|
-
|
244
|
-
.theme-secondary-purple {
|
245
|
-
--secondary-300: var(--theme-purple-300);
|
246
|
-
--secondary-400: var(--theme-purple-400);
|
247
|
-
--secondary-500: var(--theme-purple-500);
|
248
|
-
--secondary-600: var(--theme-purple-600);
|
249
|
-
--secondary-700: var(--theme-purple-700);
|
250
|
-
--secondary-800: var(--theme-purple-800);
|
251
|
-
--secondary-900: var(--theme-purple-900);
|
252
|
-
}
|
253
|
-
|
254
|
-
|
255
|
-
.theme-secondary-orange {
|
256
|
-
--secondary-300: var(--theme-orange-300);
|
257
|
-
--secondary-400: var(--theme-orange-400);
|
258
|
-
--secondary-500: var(--theme-orange-500);
|
259
|
-
--secondary-600: var(--theme-orange-600);
|
260
|
-
--secondary-700: var(--theme-orange-700);
|
261
|
-
--secondary-800: var(--theme-orange-800);
|
262
|
-
--secondary-900: var(--theme-orange-900);
|
263
|
-
}
|
264
|
-
|
265
|
-
.theme-secondary-pink {
|
266
|
-
--secondary-300: var(--theme-pink-300);
|
267
|
-
--secondary-400: var(--theme-pink-400);
|
268
|
-
--secondary-500: var(--theme-pink-500);
|
269
|
-
--secondary-600: var(--theme-pink-600);
|
270
|
-
--secondary-700: var(--theme-pink-700);
|
271
|
-
--secondary-800: var(--theme-pink-800);
|
272
|
-
--secondary-900: var(--theme-pink-900);
|
273
|
-
}
|
274
|
-
|
275
|
-
/* This isn't intended for use by any userland applications. */
|
276
|
-
/* We do this strictly to avoid shipping different color versions of our logo. */
|
277
|
-
/* This is disabled by default in new applications. */
|
278
|
-
.theme-logo-color-shift {
|
279
|
-
&.theme-pink {
|
280
|
-
img.theme-logo {
|
281
|
-
filter: hue-rotate(105deg) brightness(0.9);
|
282
|
-
}
|
283
|
-
}
|
284
|
-
|
285
|
-
&.theme-purple {
|
286
|
-
img.theme-logo {
|
287
|
-
filter: hue-rotate(33deg) brightness(0.9);
|
288
|
-
}
|
289
|
-
}
|
290
|
-
|
291
|
-
&.theme-orange {
|
292
|
-
img.theme-logo {
|
293
|
-
filter: hue-rotate(160deg) brightness(1.10);
|
294
|
-
}
|
295
|
-
}
|
296
|
-
}
|
1
|
+
@import "./colors/blue";
|
2
|
+
@import "./colors/slate";
|
3
|
+
@import "./colors/gray";
|
4
|
+
@import "./colors/zinc";
|
5
|
+
@import "./colors/neutral";
|
6
|
+
@import "./colors/stone";
|
7
|
+
@import "./colors/red";
|
8
|
+
@import "./colors/orange";
|
9
|
+
@import "./colors/amber";
|
10
|
+
@import "./colors/yellow";
|
11
|
+
@import "./colors/lime";
|
12
|
+
@import "./colors/green";
|
13
|
+
@import "./colors/emerald";
|
14
|
+
@import "./colors/teal";
|
15
|
+
@import "./colors/cyan";
|
16
|
+
@import "./colors/sky";
|
17
|
+
@import "./colors/indigo";
|
18
|
+
@import "./colors/violet";
|
19
|
+
@import "./colors/purple";
|
20
|
+
@import "./colors/fuchsia";
|
21
|
+
@import "./colors/pink";
|
22
|
+
@import "./colors/rose";
|
23
|
+
|
24
|
+
@import "./secondary_colors/blue";
|
25
|
+
@import "./secondary_colors/slate";
|
26
|
+
@import "./secondary_colors/gray";
|
27
|
+
@import "./secondary_colors/zinc";
|
28
|
+
@import "./secondary_colors/neutral";
|
29
|
+
@import "./secondary_colors/stone";
|
30
|
+
@import "./secondary_colors/red";
|
31
|
+
@import "./secondary_colors/orange";
|
32
|
+
@import "./secondary_colors/amber";
|
33
|
+
@import "./secondary_colors/yellow";
|
34
|
+
@import "./secondary_colors/lime";
|
35
|
+
@import "./secondary_colors/green";
|
36
|
+
@import "./secondary_colors/emerald";
|
37
|
+
@import "./secondary_colors/teal";
|
38
|
+
@import "./secondary_colors/cyan";
|
39
|
+
@import "./secondary_colors/sky";
|
40
|
+
@import "./secondary_colors/indigo";
|
41
|
+
@import "./secondary_colors/violet";
|
42
|
+
@import "./secondary_colors/purple";
|
43
|
+
@import "./secondary_colors/fuchsia";
|
44
|
+
@import "./secondary_colors/pink";
|
45
|
+
@import "./secondary_colors/rose";
|
@@ -13,6 +13,7 @@
|
|
13
13
|
|
14
14
|
.button {
|
15
15
|
@apply shadow-sm text-white hover:text-white bg-primary-500 hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-600 hover:no-underline;
|
16
|
+
@apply dark:ring-offset-slate-700;
|
16
17
|
|
17
18
|
&.button-red {
|
18
19
|
@apply bg-red-500 hover:bg-red-600 focus:ring-red-600;
|
@@ -21,6 +22,8 @@
|
|
21
22
|
|
22
23
|
.button-secondary {
|
23
24
|
@apply text-secondary-500 hover:text-secondary-600 hover:underline;
|
25
|
+
/* @apply dark:text-slate-200; */
|
26
|
+
|
24
27
|
&.button-increase-contrast {
|
25
28
|
@apply text-secondary-700 hover:text-secondary-900;
|
26
29
|
}
|
@@ -42,7 +45,8 @@
|
|
42
45
|
}
|
43
46
|
|
44
47
|
.button-alternative {
|
45
|
-
@apply border-
|
48
|
+
@apply border-slate-300 rounded-md shadow-sm bg-white text-slate-500 hover:bg-slate-50 no-underline hover:no-underline;
|
49
|
+
@apply dark:bg-slate-800 dark:border-slate-900 dark:text-white dark:hover:bg-slate-700;
|
46
50
|
}
|
47
51
|
|
48
52
|
.button-color {
|
@@ -111,10 +115,12 @@
|
|
111
115
|
}
|
112
116
|
|
113
117
|
.table {
|
114
|
-
@apply w-full divide-y divide-
|
118
|
+
@apply w-full divide-y divide-slate-900 dark:divide-slate-700 divide-opacity-5 text-left;
|
119
|
+
|
115
120
|
|
116
|
-
|
121
|
+
th {
|
117
122
|
@apply px-3 py-3 text-2xs font-semibold font-normal;
|
123
|
+
@apply dark:text-slate-400;
|
118
124
|
|
119
125
|
&:first-child {
|
120
126
|
@apply pl-5;
|
@@ -125,12 +131,14 @@
|
|
125
131
|
}
|
126
132
|
}
|
127
133
|
|
128
|
-
|
129
|
-
@apply divide-y divide-
|
134
|
+
tbody {
|
135
|
+
@apply divide-y divide-slate-900 divide-opacity-5;
|
136
|
+
@apply dark:divide-slate-700;
|
130
137
|
}
|
131
138
|
|
132
|
-
|
139
|
+
td {
|
133
140
|
@apply px-3 py-3.5;
|
141
|
+
@apply dark:text-slate-400;
|
134
142
|
|
135
143
|
&:first-child {
|
136
144
|
@apply pl-5;
|
@@ -1,77 +1,14 @@
|
|
1
1
|
@layer utilities {
|
2
2
|
@media (prefers-color-scheme: dark) {
|
3
|
-
/**
|
4
|
-
* Color overrides
|
5
|
-
**/
|
6
|
-
.bg-primary-900 {
|
7
|
-
/* TODO We can't really do this. We need to just append a transparency class to these elements. */
|
8
|
-
background-color: rgba(0, 0, 0, 0.15);
|
9
|
-
}
|
10
|
-
|
11
|
-
.bg-light-gradient {
|
12
|
-
&:before {
|
13
|
-
background: linear-gradient(to bottom right, var(--dark-gradient-from), var(--dark-gradient-to) 100%);
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
.bg-dark-gradient {
|
18
|
-
background-image: linear-gradient(to bottom, var(--dark-primary-700), var(--dark-primary-800) 100%);
|
19
|
-
}
|
20
|
-
|
21
|
-
/**
|
22
|
-
* General
|
23
|
-
**/
|
24
|
-
.button {
|
25
|
-
@apply ring-offset-darkPrimary-700;
|
26
|
-
}
|
27
|
-
|
28
|
-
.table {
|
29
|
-
th {
|
30
|
-
@apply text-darkPrimary-400;
|
31
|
-
}
|
32
|
-
|
33
|
-
tbody {
|
34
|
-
@apply border-gray-500;
|
35
|
-
|
36
|
-
tr {
|
37
|
-
border-top: 1px solid theme('colors.darkPrimary.500');
|
38
|
-
}
|
39
|
-
|
40
|
-
td {
|
41
|
-
@apply text-gray-400;
|
42
|
-
|
43
|
-
a,
|
44
|
-
input[type="submit"] {
|
45
|
-
@apply text-darkAccent-200;
|
46
|
-
}
|
47
|
-
}
|
48
|
-
}
|
49
|
-
}
|
50
|
-
|
51
|
-
/**
|
52
|
-
* Form components
|
53
|
-
**/
|
54
|
-
.button-secondary {
|
55
|
-
@apply text-darkAccent-200;
|
56
|
-
}
|
57
|
-
|
58
|
-
.button-alternative {
|
59
|
-
@apply bg-black-400 border-black-400 text-white;
|
60
|
-
|
61
|
-
&:hover {
|
62
|
-
@apply bg-black-300 border-black-200 text-white;
|
63
|
-
}
|
64
|
-
}
|
65
|
-
|
66
3
|
/**
|
67
4
|
* Custom components
|
68
5
|
**/
|
69
6
|
/* Color picker */
|
70
7
|
.pcr-app {
|
71
|
-
@apply bg-
|
8
|
+
@apply bg-slate-800 border border-solid border-slate-900;
|
72
9
|
|
73
10
|
.pcr-interaction .pcr-result {
|
74
|
-
@apply text-
|
11
|
+
@apply text-slate-300 border border-solid border-slate-900 bg-slate-800;
|
75
12
|
|
76
13
|
&:focus {
|
77
14
|
box-shadow: 0 0 0 1px theme('colors.primary.500'), 0 0 0 3px theme('colors.primary.500');
|
@@ -81,18 +18,18 @@
|
|
81
18
|
|
82
19
|
/* Date range picker */
|
83
20
|
.daterangepicker {
|
84
|
-
@apply bg-
|
21
|
+
@apply bg-slate-800 border-slate-900;
|
85
22
|
|
86
23
|
&::before {
|
87
|
-
border-bottom-color: theme('colors.
|
24
|
+
border-bottom-color: theme('colors.slate.900');
|
88
25
|
}
|
89
26
|
|
90
27
|
&::after {
|
91
|
-
border-bottom-color: theme('colors.
|
28
|
+
border-bottom-color: theme('colors.slate.800');
|
92
29
|
}
|
93
30
|
|
94
31
|
.calendar-table {
|
95
|
-
@apply bg-
|
32
|
+
@apply bg-slate-800 text-slate-300;
|
96
33
|
|
97
34
|
/* navigation arrows */
|
98
35
|
.available {
|
@@ -104,53 +41,53 @@
|
|
104
41
|
|
105
42
|
/* Clear and Apply buttons wrapper */
|
106
43
|
.drp-buttons {
|
107
|
-
border-top-color: theme('colors.
|
108
|
-
@apply text-
|
44
|
+
border-top-color: theme('colors.slate.900');
|
45
|
+
@apply text-slate-300;
|
109
46
|
}
|
110
47
|
|
111
48
|
th {
|
112
49
|
&.available:hover {
|
113
|
-
@apply bg-
|
50
|
+
@apply bg-slate-600;
|
114
51
|
}
|
115
52
|
}
|
116
53
|
|
117
54
|
td {
|
118
55
|
&.off {
|
119
|
-
@apply bg-
|
56
|
+
@apply bg-slate-800 text-white;
|
120
57
|
}
|
121
58
|
|
122
59
|
&.available:hover {
|
123
|
-
@apply bg-
|
60
|
+
@apply bg-slate-600;
|
124
61
|
}
|
125
62
|
}
|
126
63
|
|
127
64
|
.hourselect, .minuteselect, .ampmselect {
|
128
|
-
@apply text-
|
65
|
+
@apply text-slate-300 border-slate-900 bg-slate-800 !important;
|
129
66
|
}
|
130
67
|
}
|
131
68
|
|
132
69
|
/* Phone field */
|
133
70
|
.iti__country-list {
|
134
|
-
@apply bg-
|
71
|
+
@apply bg-slate-800 border border-solid border-slate-900;
|
135
72
|
}
|
136
73
|
|
137
74
|
/* Select2 */
|
138
75
|
.select2-container {
|
139
76
|
.select2-selection__rendered {
|
140
|
-
@apply text-
|
77
|
+
@apply text-slate-300 !important;
|
141
78
|
}
|
142
79
|
|
143
80
|
.select2-dropdown {
|
144
|
-
@apply bg-
|
81
|
+
@apply bg-slate-700;
|
145
82
|
}
|
146
83
|
|
147
84
|
.select2-search__field {
|
148
|
-
@apply bg-
|
85
|
+
@apply bg-slate-800 border-slate-900 !important;
|
149
86
|
}
|
150
87
|
|
151
88
|
.select2-selection--multiple, .select2-selection--single {
|
152
|
-
@apply bg-
|
153
|
-
@apply text-
|
89
|
+
@apply bg-slate-800 focus:ring-primary-500 border-slate-900 !important;
|
90
|
+
@apply text-slate-300;
|
154
91
|
}
|
155
92
|
|
156
93
|
/* For the selected options in the multiple select2 component */
|
@@ -168,13 +105,13 @@
|
|
168
105
|
}
|
169
106
|
|
170
107
|
.select2-results__option {
|
171
|
-
@apply text-
|
108
|
+
@apply text-slate-300;
|
172
109
|
}
|
173
110
|
}
|
174
111
|
|
175
112
|
/* Trix Editor */
|
176
113
|
trix-editor {
|
177
|
-
@apply bg-
|
114
|
+
@apply bg-slate-800 border-slate-900 !important;
|
178
115
|
|
179
116
|
&:focus, &:active {
|
180
117
|
@apply border-primary-500 !important;
|
@@ -189,7 +126,7 @@
|
|
189
126
|
}
|
190
127
|
|
191
128
|
.trix-button-group, .trix-button {
|
192
|
-
@apply border-
|
129
|
+
@apply border-slate-400 !important;
|
193
130
|
}
|
194
131
|
|
195
132
|
.trix-button:disabled::before {
|
@@ -199,25 +136,25 @@
|
|
199
136
|
|
200
137
|
.tribute-container {
|
201
138
|
ul {
|
202
|
-
@apply bg-
|
139
|
+
@apply bg-slate-800 border-slate-900 !important;
|
203
140
|
}
|
204
141
|
}
|
205
142
|
|
206
143
|
.trix-dialogs {
|
207
|
-
@apply bg-
|
144
|
+
@apply bg-slate-800 border-slate-900 !important;
|
208
145
|
}
|
209
146
|
|
210
147
|
.trix-content a[href^="bullettrain://"] {
|
211
|
-
@apply text-white bg-
|
148
|
+
@apply text-white bg-slate-500;
|
212
149
|
}
|
213
150
|
|
214
151
|
/* CKEditor */
|
215
152
|
.ck {
|
216
|
-
--ck-color-base-background: theme('colors.
|
217
|
-
--ck-color-base-border: theme('colors.
|
218
|
-
--ck-color-toolbar-background: theme('colors.
|
219
|
-
--ck-color-toolbar-border: theme('colors.
|
220
|
-
--ck-color-text: theme('colors.
|
153
|
+
--ck-color-base-background: theme('colors.slate.800');
|
154
|
+
--ck-color-base-border: theme('colors.slate.900');
|
155
|
+
--ck-color-toolbar-background: theme('colors.slate.800');
|
156
|
+
--ck-color-toolbar-border: theme('colors.slate.900');
|
157
|
+
--ck-color-text: theme('colors.slate.300');
|
221
158
|
|
222
159
|
.ck-editor__editable:not(.ck-editor__nested-editable) {
|
223
160
|
@apply shadow-none;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-amber {
|
2
|
+
--secondary-50: theme('colors.amber.50');
|
3
|
+
--secondary-100: theme('colors.amber.100');
|
4
|
+
--secondary-200: theme('colors.amber.200');
|
5
|
+
--secondary-300: theme('colors.amber.300');
|
6
|
+
--secondary-400: theme('colors.amber.400');
|
7
|
+
--secondary-500: theme('colors.amber.500');
|
8
|
+
--secondary-600: theme('colors.amber.600');
|
9
|
+
--secondary-700: theme('colors.amber.700');
|
10
|
+
--secondary-800: theme('colors.amber.800');
|
11
|
+
--secondary-900: theme('colors.amber.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-blue {
|
2
|
+
--secondary-50: theme('colors.blue.50');
|
3
|
+
--secondary-100: theme('colors.blue.100');
|
4
|
+
--secondary-200: theme('colors.blue.200');
|
5
|
+
--secondary-300: theme('colors.blue.300');
|
6
|
+
--secondary-400: theme('colors.blue.400');
|
7
|
+
--secondary-500: theme('colors.blue.500');
|
8
|
+
--secondary-600: theme('colors.blue.600');
|
9
|
+
--secondary-700: theme('colors.blue.700');
|
10
|
+
--secondary-800: theme('colors.blue.800');
|
11
|
+
--secondary-900: theme('colors.blue.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-cyan {
|
2
|
+
--secondary-50: theme('colors.cyan.50');
|
3
|
+
--secondary-100: theme('colors.cyan.100');
|
4
|
+
--secondary-200: theme('colors.cyan.200');
|
5
|
+
--secondary-300: theme('colors.cyan.300');
|
6
|
+
--secondary-400: theme('colors.cyan.400');
|
7
|
+
--secondary-500: theme('colors.cyan.500');
|
8
|
+
--secondary-600: theme('colors.cyan.600');
|
9
|
+
--secondary-700: theme('colors.cyan.700');
|
10
|
+
--secondary-800: theme('colors.cyan.800');
|
11
|
+
--secondary-900: theme('colors.cyan.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-emerald {
|
2
|
+
--secondary-50: theme('colors.emerald.50');
|
3
|
+
--secondary-100: theme('colors.emerald.100');
|
4
|
+
--secondary-200: theme('colors.emerald.200');
|
5
|
+
--secondary-300: theme('colors.emerald.300');
|
6
|
+
--secondary-400: theme('colors.emerald.400');
|
7
|
+
--secondary-500: theme('colors.emerald.500');
|
8
|
+
--secondary-600: theme('colors.emerald.600');
|
9
|
+
--secondary-700: theme('colors.emerald.700');
|
10
|
+
--secondary-800: theme('colors.emerald.800');
|
11
|
+
--secondary-900: theme('colors.emerald.900');
|
12
|
+
}
|