nve-designsystem 3.9.0 → 3.9.1
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/css/nve.css +7 -6
- package/css/nve_dark.css +7 -6
- package/css/rme.css +7 -6
- package/css/rme_dark.css +7 -6
- package/css/varsom.css +7 -6
- package/css/varsom_dark.css +7 -6
- package/package.json +1 -1
package/css/nve.css
CHANGED
|
@@ -278,6 +278,7 @@
|
|
|
278
278
|
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
|
|
279
279
|
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
|
|
280
280
|
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
|
|
281
|
+
--color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
|
|
281
282
|
--color-neutrals-border-default: var(--color-shades-grey-500);
|
|
282
283
|
--color-neutrals-border-emphasized: var(--color-shades-grey-999);
|
|
283
284
|
--color-neutrals-border-mute: var(--color-shades-grey-300);
|
|
@@ -375,6 +376,11 @@
|
|
|
375
376
|
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
|
|
376
377
|
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
|
|
377
378
|
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
|
|
379
|
+
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
380
|
+
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
381
|
+
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
382
|
+
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
383
|
+
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
378
384
|
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
|
|
379
385
|
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
|
|
380
386
|
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
|
|
@@ -385,11 +391,6 @@
|
|
|
385
391
|
--color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
|
|
386
392
|
--color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
|
|
387
393
|
--color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
|
|
388
|
-
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
389
|
-
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
390
|
-
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
391
|
-
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
392
|
-
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
393
394
|
--color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
|
|
394
395
|
--color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
|
|
395
396
|
--color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
|
|
@@ -632,7 +633,6 @@
|
|
|
632
633
|
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
|
|
633
634
|
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
|
|
634
635
|
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
|
|
635
|
-
--font-size-medium: var(--dimension-5x); /** 18 px */
|
|
636
636
|
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
637
637
|
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
638
638
|
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
@@ -654,6 +654,7 @@
|
|
|
654
654
|
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
|
|
655
655
|
--font-size-x-small: var(--dimension-4x); /** 14 px */
|
|
656
656
|
--font-size-small: var(--dimension-4-5x); /** 16 px */
|
|
657
|
+
--font-size-medium: var(--dimension-5x); /** 18 px */
|
|
657
658
|
--font-size-large: var(--dimension-6x); /** 20 px */
|
|
658
659
|
--font-size-x-large: var(--dimension-8x); /** 24 px */
|
|
659
660
|
--font-size-2x-large: var(--dimension-10x); /** 32 px */
|
package/css/nve_dark.css
CHANGED
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
--color-brand-foreground-primary: var(--color-shades-accent-200);
|
|
263
263
|
--color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
|
|
264
264
|
--color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
|
|
265
|
-
--color-brand-foreground-secondary-on-bg: var(--color-shades-
|
|
265
|
+
--color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
|
|
266
266
|
--color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
|
|
267
267
|
--color-brand-border-primary: var(--color-shades-brand-100);
|
|
268
268
|
--color-brand-border-secondary: var(--color-shades-brand-200);
|
|
@@ -278,6 +278,7 @@
|
|
|
278
278
|
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
|
|
279
279
|
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
|
|
280
280
|
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
|
|
281
|
+
--color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
|
|
281
282
|
--color-neutrals-border-default: var(--color-shades-grey-300);
|
|
282
283
|
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
|
|
283
284
|
--color-neutrals-border-mute: var(--color-shades-grey-600);
|
|
@@ -375,6 +376,11 @@
|
|
|
375
376
|
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
|
|
376
377
|
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
|
|
377
378
|
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
|
|
379
|
+
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
380
|
+
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
381
|
+
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
382
|
+
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
383
|
+
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
378
384
|
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
|
|
379
385
|
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
|
|
380
386
|
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
|
|
@@ -385,11 +391,6 @@
|
|
|
385
391
|
--color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
|
|
386
392
|
--color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
|
|
387
393
|
--color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
|
|
388
|
-
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
389
|
-
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
390
|
-
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
391
|
-
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
392
|
-
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
393
394
|
--color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
|
|
394
395
|
--color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
|
|
395
396
|
--color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
|
package/css/rme.css
CHANGED
|
@@ -278,6 +278,7 @@
|
|
|
278
278
|
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
|
|
279
279
|
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
|
|
280
280
|
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
|
|
281
|
+
--color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
|
|
281
282
|
--color-neutrals-border-default: var(--color-shades-grey-500);
|
|
282
283
|
--color-neutrals-border-emphasized: var(--color-shades-grey-999);
|
|
283
284
|
--color-neutrals-border-mute: var(--color-shades-grey-300);
|
|
@@ -375,6 +376,11 @@
|
|
|
375
376
|
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
|
|
376
377
|
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
|
|
377
378
|
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
|
|
379
|
+
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
380
|
+
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
381
|
+
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
382
|
+
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
383
|
+
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
378
384
|
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
|
|
379
385
|
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
|
|
380
386
|
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
|
|
@@ -385,11 +391,6 @@
|
|
|
385
391
|
--color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
|
|
386
392
|
--color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
|
|
387
393
|
--color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
|
|
388
|
-
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
389
|
-
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
390
|
-
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
391
|
-
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
392
|
-
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
393
394
|
--color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
|
|
394
395
|
--color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
|
|
395
396
|
--color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
|
|
@@ -632,7 +633,6 @@
|
|
|
632
633
|
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
|
|
633
634
|
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
|
|
634
635
|
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
|
|
635
|
-
--font-size-medium: var(--dimension-5x); /** 18 px */
|
|
636
636
|
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
637
637
|
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
638
638
|
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
@@ -654,6 +654,7 @@
|
|
|
654
654
|
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
|
|
655
655
|
--font-size-x-small: var(--dimension-4x); /** 14 px */
|
|
656
656
|
--font-size-small: var(--dimension-4-5x); /** 16 px */
|
|
657
|
+
--font-size-medium: var(--dimension-5x); /** 18 px */
|
|
657
658
|
--font-size-large: var(--dimension-6x); /** 20 px */
|
|
658
659
|
--font-size-x-large: var(--dimension-8x); /** 24 px */
|
|
659
660
|
--font-size-2x-large: var(--dimension-10x); /** 32 px */
|
package/css/rme_dark.css
CHANGED
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
--color-brand-foreground-primary: var(--color-shades-accent-200);
|
|
263
263
|
--color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
|
|
264
264
|
--color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
|
|
265
|
-
--color-brand-foreground-secondary-on-bg: var(--color-shades-
|
|
265
|
+
--color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
|
|
266
266
|
--color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
|
|
267
267
|
--color-brand-border-primary: var(--color-shades-brand-100);
|
|
268
268
|
--color-brand-border-secondary: var(--color-shades-brand-200);
|
|
@@ -278,6 +278,7 @@
|
|
|
278
278
|
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
|
|
279
279
|
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
|
|
280
280
|
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
|
|
281
|
+
--color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
|
|
281
282
|
--color-neutrals-border-default: var(--color-shades-grey-300);
|
|
282
283
|
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
|
|
283
284
|
--color-neutrals-border-mute: var(--color-shades-grey-600);
|
|
@@ -375,6 +376,11 @@
|
|
|
375
376
|
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
|
|
376
377
|
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
|
|
377
378
|
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
|
|
379
|
+
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
380
|
+
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
381
|
+
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
382
|
+
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
383
|
+
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
378
384
|
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
|
|
379
385
|
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
|
|
380
386
|
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
|
|
@@ -385,11 +391,6 @@
|
|
|
385
391
|
--color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
|
|
386
392
|
--color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
|
|
387
393
|
--color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
|
|
388
|
-
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
389
|
-
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
390
|
-
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
391
|
-
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
392
|
-
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
393
394
|
--color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
|
|
394
395
|
--color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
|
|
395
396
|
--color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
|
package/css/varsom.css
CHANGED
|
@@ -278,6 +278,7 @@
|
|
|
278
278
|
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
|
|
279
279
|
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
|
|
280
280
|
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
|
|
281
|
+
--color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
|
|
281
282
|
--color-neutrals-border-default: var(--color-shades-grey-500);
|
|
282
283
|
--color-neutrals-border-emphasized: var(--color-shades-grey-999);
|
|
283
284
|
--color-neutrals-border-mute: var(--color-shades-grey-300);
|
|
@@ -375,6 +376,11 @@
|
|
|
375
376
|
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
|
|
376
377
|
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
|
|
377
378
|
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
|
|
379
|
+
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
380
|
+
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
381
|
+
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
382
|
+
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
383
|
+
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
378
384
|
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
|
|
379
385
|
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
|
|
380
386
|
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
|
|
@@ -385,11 +391,6 @@
|
|
|
385
391
|
--color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
|
|
386
392
|
--color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
|
|
387
393
|
--color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
|
|
388
|
-
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
389
|
-
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
390
|
-
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
391
|
-
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
392
|
-
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
393
394
|
--color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
|
|
394
395
|
--color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
|
|
395
396
|
--color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
|
|
@@ -632,7 +633,6 @@
|
|
|
632
633
|
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
|
|
633
634
|
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
|
|
634
635
|
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
|
|
635
|
-
--font-size-medium: var(--dimension-5x); /** 18 px */
|
|
636
636
|
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
637
637
|
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
638
638
|
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
|
|
@@ -654,6 +654,7 @@
|
|
|
654
654
|
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
|
|
655
655
|
--font-size-x-small: var(--dimension-4x); /** 14 px */
|
|
656
656
|
--font-size-small: var(--dimension-4-5x); /** 16 px */
|
|
657
|
+
--font-size-medium: var(--dimension-5x); /** 18 px */
|
|
657
658
|
--font-size-large: var(--dimension-6x); /** 20 px */
|
|
658
659
|
--font-size-x-large: var(--dimension-8x); /** 24 px */
|
|
659
660
|
--font-size-2x-large: var(--dimension-10x); /** 32 px */
|
package/css/varsom_dark.css
CHANGED
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
--color-brand-foreground-primary: var(--color-shades-accent-200);
|
|
263
263
|
--color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
|
|
264
264
|
--color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
|
|
265
|
-
--color-brand-foreground-secondary-on-bg: var(--color-shades-
|
|
265
|
+
--color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
|
|
266
266
|
--color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
|
|
267
267
|
--color-brand-border-primary: var(--color-shades-brand-100);
|
|
268
268
|
--color-brand-border-secondary: var(--color-shades-brand-200);
|
|
@@ -278,6 +278,7 @@
|
|
|
278
278
|
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
|
|
279
279
|
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
|
|
280
280
|
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
|
|
281
|
+
--color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
|
|
281
282
|
--color-neutrals-border-default: var(--color-shades-grey-300);
|
|
282
283
|
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
|
|
283
284
|
--color-neutrals-border-mute: var(--color-shades-grey-600);
|
|
@@ -375,6 +376,11 @@
|
|
|
375
376
|
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
|
|
376
377
|
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
|
|
377
378
|
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
|
|
379
|
+
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
380
|
+
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
381
|
+
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
382
|
+
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
383
|
+
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
378
384
|
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
|
|
379
385
|
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
|
|
380
386
|
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
|
|
@@ -385,11 +391,6 @@
|
|
|
385
391
|
--color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
|
|
386
392
|
--color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
|
|
387
393
|
--color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
|
|
388
|
-
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
389
|
-
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
390
|
-
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
391
|
-
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
392
|
-
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
393
394
|
--color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
|
|
394
395
|
--color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
|
|
395
396
|
--color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
|