@ngxsmk/theme 1.3.1 → 1.3.2

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.
Files changed (12) hide show
  1. package/README.md +1 -1
  2. package/esm2022/lib/color.mjs +73 -76
  3. package/fesm2022/ngxsmk-theme.mjs +73 -76
  4. package/fesm2022/ngxsmk-theme.mjs.map +1 -1
  5. package/lib/color.d.ts +9 -15
  6. package/lib/color.d.ts.map +1 -1
  7. package/package.json +10 -1
  8. package/styles/ngxsmk.css +75 -75
  9. package/styles/ngxsmk.emerald.css +75 -75
  10. package/styles/ngxsmk.neutral.css +52 -52
  11. package/styles/ngxsmk.rose.css +75 -75
  12. package/styles/ngxsmk.violet.css +74 -74
package/styles/ngxsmk.violet.css CHANGED
@@ -1,27 +1,27 @@
1
1
  /* Generated by @ngxsmk/theme — do not edit by hand. */
2
2
  :root {
3
- --ngxsmk-color-brand-50: #F6F1FE;
4
- --ngxsmk-color-brand-100: #ECE3FC;
5
- --ngxsmk-color-brand-200: #D7C2F9;
6
- --ngxsmk-color-brand-300: #BB98F6;
7
- --ngxsmk-color-brand-400: #9560F0;
3
+ --ngxsmk-color-brand-50: #F5F3FF;
4
+ --ngxsmk-color-brand-100: #ECE6FF;
5
+ --ngxsmk-color-brand-200: #D6C9FF;
6
+ --ngxsmk-color-brand-300: #BCA2FF;
7
+ --ngxsmk-color-brand-400: #9B6EFF;
8
8
  --ngxsmk-color-brand-500: #7C3AED;
9
- --ngxsmk-color-brand-600: #6014E0;
10
- --ngxsmk-color-brand-700: #5011BB;
11
- --ngxsmk-color-brand-800: #400E96;
12
- --ngxsmk-color-brand-900: #320B75;
13
- --ngxsmk-color-brand-950: #20074B;
14
- --ngxsmk-color-secondary-50: #FEF1F9;
15
- --ngxsmk-color-secondary-100: #FCE3F3;
16
- --ngxsmk-color-secondary-200: #F9C2E5;
17
- --ngxsmk-color-secondary-300: #F698D3;
18
- --ngxsmk-color-secondary-400: #F060BB;
19
- --ngxsmk-color-secondary-500: #ED3AAB;
20
- --ngxsmk-color-secondary-600: #E01495;
21
- --ngxsmk-color-secondary-700: #BB117C;
22
- --ngxsmk-color-secondary-800: #960E63;
23
- --ngxsmk-color-secondary-900: #750B4E;
24
- --ngxsmk-color-secondary-950: #4B0732;
9
+ --ngxsmk-color-brand-600: #6B1ED7;
10
+ --ngxsmk-color-brand-700: #5600B6;
11
+ --ngxsmk-color-brand-800: #40008F;
12
+ --ngxsmk-color-brand-900: #2C006A;
13
+ --ngxsmk-color-brand-950: #14003A;
14
+ --ngxsmk-color-secondary-50: #FFF0F6;
15
+ --ngxsmk-color-secondary-100: #FFE0ED;
16
+ --ngxsmk-color-secondary-200: #FFBCD8;
17
+ --ngxsmk-color-secondary-300: #FE8EBD;
18
+ --ngxsmk-color-secondary-400: #E9509A;
19
+ --ngxsmk-color-secondary-500: #CD007B;
20
+ --ngxsmk-color-secondary-600: #B20065;
21
+ --ngxsmk-color-secondary-700: #93004F;
22
+ --ngxsmk-color-secondary-800: #700039;
23
+ --ngxsmk-color-secondary-900: #510026;
24
+ --ngxsmk-color-secondary-950: #2A0010;
25
25
  --ngxsmk-color-neutral-50: #F1F4F7;
26
26
  --ngxsmk-color-neutral-100: #E4E9EE;
27
27
  --ngxsmk-color-neutral-200: #CCD3DB;
@@ -177,16 +177,16 @@
177
177
  color-scheme: light;
178
178
  --ngxsmk-color-primary: #7C3AED;
179
179
  --ngxsmk-color-on-primary: #FFFFFF;
180
- --ngxsmk-color-primary-hover: #6315E9;
181
- --ngxsmk-color-primary-active: #5713CD;
182
- --ngxsmk-color-primary-container: #ECE3FC;
183
- --ngxsmk-color-on-primary-container: #320B75;
184
- --ngxsmk-color-secondary: #ED3AAB;
180
+ --ngxsmk-color-primary-hover: #100038;
181
+ --ngxsmk-color-primary-active: #100038;
182
+ --ngxsmk-color-primary-container: #ECE6FF;
183
+ --ngxsmk-color-on-primary-container: #2C006A;
184
+ --ngxsmk-color-secondary: #CD007B;
185
185
  --ngxsmk-color-on-secondary: #FFFFFF;
186
- --ngxsmk-color-secondary-hover: #E9159B;
187
- --ngxsmk-color-secondary-active: #CD1388;
188
- --ngxsmk-color-secondary-container: #FCE3F3;
189
- --ngxsmk-color-on-secondary-container: #750B4E;
186
+ --ngxsmk-color-secondary-hover: #080000;
187
+ --ngxsmk-color-secondary-active: #080000;
188
+ --ngxsmk-color-secondary-container: #FFE0ED;
189
+ --ngxsmk-color-on-secondary-container: #510026;
190
190
  --ngxsmk-color-background: #F1F4F7;
191
191
  --ngxsmk-color-on-background: #0A1317;
192
192
  --ngxsmk-color-surface: #FFFFFF;
@@ -206,43 +206,43 @@
206
206
  --ngxsmk-color-surface-5: #A4B0BC;
207
207
  --ngxsmk-color-ring: #7C3AED;
208
208
  --ngxsmk-color-backdrop: rgb(1 18 40 / 0.4);
209
- --ngxsmk-shadow-focus: 0 0 0 2px #ECE3FC, 0 0 0 4px color-mix(in srgb, #7C3AED 45%, transparent);
210
- --ngxsmk-color-tertiary: #ED3A9F;
209
+ --ngxsmk-shadow-focus: 0 0 0 2px #ECE6FF, 0 0 0 4px color-mix(in srgb, #7C3AED 45%, transparent);
210
+ --ngxsmk-color-tertiary: #D00071;
211
211
  --ngxsmk-color-on-tertiary: #FFFFFF;
212
- --ngxsmk-color-tertiary-container: #FCE3F1;
213
- --ngxsmk-color-on-tertiary-container: #750B47;
212
+ --ngxsmk-color-tertiary-container: #FFE0EB;
213
+ --ngxsmk-color-on-tertiary-container: #530020;
214
214
  --ngxsmk-color-success: #0D8626;
215
215
  --ngxsmk-color-on-success: #FFFFFF;
216
- --ngxsmk-color-success-container: #E3FCE8;
217
- --ngxsmk-color-on-success-container: #0D8626;
216
+ --ngxsmk-color-success-container: #DFF1DF;
217
+ --ngxsmk-color-on-success-container: #004300;
218
218
  --ngxsmk-color-warning: #E9AF08;
219
219
  --ngxsmk-color-on-warning: #FFFFFF;
220
- --ngxsmk-color-warning-container: #FEF7E1;
221
- --ngxsmk-color-on-warning-container: #9E7705;
220
+ --ngxsmk-color-warning-container: #F5EAD5;
221
+ --ngxsmk-color-on-warning-container: #522700;
222
222
  --ngxsmk-color-error: #E3193B;
223
223
  --ngxsmk-color-on-error: #FFFFFF;
224
- --ngxsmk-color-error-container: #FCE3E8;
225
- --ngxsmk-color-on-error-container: #931026;
224
+ --ngxsmk-color-error-container: #FFE1DF;
225
+ --ngxsmk-color-on-error-container: #780000;
226
226
  --ngxsmk-color-info: #2563EB;
227
227
  --ngxsmk-color-on-info: #FFFFFF;
228
- --ngxsmk-color-info-container: #E3EBFC;
229
- --ngxsmk-color-on-info-container: #0E3895;
228
+ --ngxsmk-color-info-container: #DDECFF;
229
+ --ngxsmk-color-on-info-container: #001E8D;
230
230
  }
231
231
 
232
232
  :root.dark, :root.dark body, .dark {
233
233
  color-scheme: dark;
234
- --ngxsmk-color-primary: #9560F0;
234
+ --ngxsmk-color-primary: #9B6EFF;
235
235
  --ngxsmk-color-on-primary: #FFFFFF;
236
- --ngxsmk-color-primary-hover: #BB98F6;
237
- --ngxsmk-color-primary-active: #D7C2F9;
238
- --ngxsmk-color-primary-container: #320B75;
239
- --ngxsmk-color-on-primary-container: #ECE3FC;
240
- --ngxsmk-color-secondary: #F060BB;
236
+ --ngxsmk-color-primary-hover: #BCA2FF;
237
+ --ngxsmk-color-primary-active: #D6C9FF;
238
+ --ngxsmk-color-primary-container: #2C006A;
239
+ --ngxsmk-color-on-primary-container: #ECE6FF;
240
+ --ngxsmk-color-secondary: #E9509A;
241
241
  --ngxsmk-color-on-secondary: #FFFFFF;
242
- --ngxsmk-color-secondary-hover: #F698D3;
243
- --ngxsmk-color-secondary-active: #F9C2E5;
244
- --ngxsmk-color-secondary-container: #750B4E;
245
- --ngxsmk-color-on-secondary-container: #FCE3F3;
242
+ --ngxsmk-color-secondary-hover: #FE8EBD;
243
+ --ngxsmk-color-secondary-active: #FFBCD8;
244
+ --ngxsmk-color-secondary-container: #510026;
245
+ --ngxsmk-color-on-secondary-container: #FFE0ED;
246
246
  --ngxsmk-color-background: #111112;
247
247
  --ngxsmk-color-on-background: #DFE2E5;
248
248
  --ngxsmk-color-surface: #1F1F22;
@@ -260,29 +260,29 @@
260
260
  --ngxsmk-color-surface-3: #3A4650;
261
261
  --ngxsmk-color-surface-4: #4E606F;
262
262
  --ngxsmk-color-surface-5: #778593;
263
- --ngxsmk-color-ring: #9560F0;
263
+ --ngxsmk-color-ring: #9B6EFF;
264
264
  --ngxsmk-color-backdrop: rgb(17 17 18 / 0.6);
265
- --ngxsmk-shadow-focus: 0 0 0 2px color-mix(in srgb, #9560F0 25%, transparent), 0 0 0 4px color-mix(in srgb, #9560F0 45%, transparent);
266
- --ngxsmk-color-tertiary: #F060B2;
267
- --ngxsmk-color-on-tertiary: #4B072D;
268
- --ngxsmk-color-tertiary-container: #750B47;
269
- --ngxsmk-color-on-tertiary-container: #FCE3F1;
270
- --ngxsmk-color-success: #61F07E;
271
- --ngxsmk-color-on-success: #074A15;
272
- --ngxsmk-color-success-container: #074A15;
273
- --ngxsmk-color-on-success-container: #99F5AC;
274
- --ngxsmk-color-warning: #F9D057;
275
- --ngxsmk-color-on-warning: #4F3B03;
276
- --ngxsmk-color-warning-container: #4F3B03;
277
- --ngxsmk-color-on-warning-container: #FBE093;
278
- --ngxsmk-color-error: #EE637A;
279
- --ngxsmk-color-on-error: #4A0813;
280
- --ngxsmk-color-error-container: #4A0813;
281
- --ngxsmk-color-on-error-container: #F49AA9;
282
- --ngxsmk-color-info: #608DF0;
283
- --ngxsmk-color-on-info: #071C4B;
284
- --ngxsmk-color-info-container: #071C4B;
285
- --ngxsmk-color-on-info-container: #98B5F6;
265
+ --ngxsmk-shadow-focus: 0 0 0 2px color-mix(in srgb, #9B6EFF 25%, transparent), 0 0 0 4px color-mix(in srgb, #9B6EFF 45%, transparent);
266
+ --ngxsmk-color-tertiary: #EB5090;
267
+ --ngxsmk-color-on-tertiary: #2B000C;
268
+ --ngxsmk-color-tertiary-container: #530020;
269
+ --ngxsmk-color-on-tertiary-container: #FFE0EB;
270
+ --ngxsmk-color-success: #51A957;
271
+ --ngxsmk-color-on-success: #001500;
272
+ --ngxsmk-color-success-container: #001500;
273
+ --ngxsmk-color-on-success-container: #8CCA8D;
274
+ --ngxsmk-color-warning: #BA8900;
275
+ --ngxsmk-color-on-warning: #1C0700;
276
+ --ngxsmk-color-warning-container: #1C0700;
277
+ --ngxsmk-color-on-warning-container: #E9AF08;
278
+ --ngxsmk-color-error: #F3515A;
279
+ --ngxsmk-color-on-error: #2E0000;
280
+ --ngxsmk-color-error-container: #2E0000;
281
+ --ngxsmk-color-on-error-container: #FF8F8F;
282
+ --ngxsmk-color-info: #518BFF;
283
+ --ngxsmk-color-on-info: #000238;
284
+ --ngxsmk-color-info-container: #000238;
285
+ --ngxsmk-color-on-info-container: #88B6FF;
286
286
  }
287
287
 
288
288
  @media (prefers-reduced-motion: reduce) {