Skip to content

Commit 65f6cbd

Browse files
FrodeKolstadgithub-actions[bot]
FrodeKolstad
and
github-actions[bot]
authored
fix(tokens): color.neutrals.foreground.inverted endret til svart i dark theme (#758)
* fix(tokens): color.neutrals.foreground.inverted endret til svart i dark theme Små fargekorrigeringer fix(tokens): color.neutrals.foreground.inverted endret til svart i dark theme * feat(tokens): color.neutrals.foreground.faint color.neutrals.border.emphasized * (tokens): oppdatert css basert på nye tokens --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
1 parent b8186de commit 65f6cbd

14 files changed

Lines changed: 119 additions & 95 deletions

File tree

‎doc-site/.vitepress/theme/styles/nve_theme.css‎

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@
120120
--color-shades-functional-yellow-800: #bf9722;
121121
--color-shades-functional-yellow-850: #b08c21;
122122
--color-shades-functional-yellow-900: #a88324;
123-
--color-shades-functional-yellow-950: #977726;
123+
--color-shades-functional-yellow-950: #836721;
124124
--color-shades-functional-yellow-999: #7a5f29;
125125
--color-shades-functional-yellow-000: #fff9e9;
126126
--color-shades-functional-yellow-050: #fff5d9;
@@ -260,8 +260,10 @@
260260
--color-neutrals-foreground-primary: var(--color-shades-grey-999);
261261
--color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800);
262262
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
263+
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
263264
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
264265
--color-neutrals-border-default: var(--color-shades-grey-500);
266+
--color-neutrals-border-emphasized: var(--color-shades-grey-999);
265267
--color-neutrals-border-mute: var(--color-shades-grey-300);
266268
--color-neutrals-border-subtle: var(--color-shades-grey-150);
267269
--color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -758,7 +760,7 @@
758760
--color-shades-functional-yellow-800: #bf9722;
759761
--color-shades-functional-yellow-850: #b08c21;
760762
--color-shades-functional-yellow-900: #a88324;
761-
--color-shades-functional-yellow-950: #977726;
763+
--color-shades-functional-yellow-950: #836721;
762764
--color-shades-functional-yellow-999: #7a5f29;
763765
--color-shades-functional-yellow-000: #fff9e9;
764766
--color-shades-functional-yellow-050: #fff5d9;
@@ -896,10 +898,12 @@
896898
--color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
897899
--color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
898900
--color-neutrals-foreground-primary: var(--color-shades-grey-000);
899-
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
900901
--color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
901-
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
902+
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
903+
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
904+
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
902905
--color-neutrals-border-default: var(--color-shades-grey-300);
906+
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
903907
--color-neutrals-border-mute: var(--color-shades-grey-600);
904908
--color-neutrals-border-subtle: var(--color-shades-grey-800);
905909
--color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -941,20 +945,20 @@
941945
--color-interactive-danger-foreground-disabled: var(--color-shades-grey-950);
942946
--color-interactive-danger-border-focus: var(--color-shades-functional-blue-500);
943947
--color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800);
944-
--color-feedback-background-default-info: var(--color-shades-functional-blue-950);
948+
--color-feedback-background-default-info: var(--color-shades-functional-blue-850);
945949
--color-feedback-background-default-error: var(--color-shades-functional-red-850);
946-
--color-feedback-background-default-warning: var(--color-shades-functional-yellow-999);
947-
--color-feedback-background-default-success: var(--color-shades-functional-green-900);
950+
--color-feedback-background-default-warning: var(--color-shades-functional-yellow-950);
951+
--color-feedback-background-default-success: var(--color-shades-functional-green-850);
948952
--color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-850);
949-
--color-feedback-background-subtle-info: var(--color-shades-functional-blue-999);
953+
--color-feedback-background-subtle-info: var(--color-shades-functional-blue-900);
950954
--color-feedback-background-subtle-error: var(--color-shades-functional-red-900);
951955
--color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-999);
952956
--color-feedback-background-subtle-success: var(--color-shades-functional-green-900);
953957
--color-feedback-background-emphasized-neutral: var(--color-shades-functional-neutralgrey-150);
954958
--color-feedback-background-emphasized-info: var(--color-shades-functional-blue-800);
955959
--color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
956960
--color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-600);
957-
--color-feedback-background-emphasized-success: var(--color-shades-functional-green-900);
961+
--color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
958962
--color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-000);
959963
--color-feedback-foreground-info: var(--color-shades-functional-blue-300);
960964
--color-feedback-foreground-error: var(--color-shades-functional-red-400);
@@ -994,7 +998,7 @@
994998
--color-feedback-border-emphasized-info: var(--color-shades-functional-blue-700);
995999
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
9961000
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
997-
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
1001+
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
9981002
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
9991003
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
10001004
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);

‎doc-site/.vitepress/theme/styles/rme_theme.css‎

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@
120120
--color-shades-functional-yellow-800: #bf9722;
121121
--color-shades-functional-yellow-850: #b08c21;
122122
--color-shades-functional-yellow-900: #a88324;
123-
--color-shades-functional-yellow-950: #977726;
123+
--color-shades-functional-yellow-950: #836721;
124124
--color-shades-functional-yellow-999: #7a5f29;
125125
--color-shades-functional-yellow-000: #fff9e9;
126126
--color-shades-functional-yellow-050: #fff5d9;
@@ -260,8 +260,10 @@
260260
--color-neutrals-foreground-primary: var(--color-shades-grey-999);
261261
--color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800);
262262
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
263+
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
263264
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
264265
--color-neutrals-border-default: var(--color-shades-grey-500);
266+
--color-neutrals-border-emphasized: var(--color-shades-grey-999);
265267
--color-neutrals-border-mute: var(--color-shades-grey-300);
266268
--color-neutrals-border-subtle: var(--color-shades-grey-150);
267269
--color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -758,7 +760,7 @@
758760
--color-shades-functional-yellow-800: #bf9722;
759761
--color-shades-functional-yellow-850: #b08c21;
760762
--color-shades-functional-yellow-900: #a88324;
761-
--color-shades-functional-yellow-950: #977726;
763+
--color-shades-functional-yellow-950: #836721;
762764
--color-shades-functional-yellow-999: #7a5f29;
763765
--color-shades-functional-yellow-000: #fff9e9;
764766
--color-shades-functional-yellow-050: #fff5d9;
@@ -896,10 +898,12 @@
896898
--color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
897899
--color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
898900
--color-neutrals-foreground-primary: var(--color-shades-grey-000);
899-
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
900901
--color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
901-
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
902+
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
903+
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
904+
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
902905
--color-neutrals-border-default: var(--color-shades-grey-300);
906+
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
903907
--color-neutrals-border-mute: var(--color-shades-grey-600);
904908
--color-neutrals-border-subtle: var(--color-shades-grey-800);
905909
--color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -941,20 +945,20 @@
941945
--color-interactive-danger-foreground-disabled: var(--color-shades-grey-950);
942946
--color-interactive-danger-border-focus: var(--color-shades-functional-blue-500);
943947
--color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800);
944-
--color-feedback-background-default-info: var(--color-shades-functional-blue-950);
948+
--color-feedback-background-default-info: var(--color-shades-functional-blue-850);
945949
--color-feedback-background-default-error: var(--color-shades-functional-red-850);
946-
--color-feedback-background-default-warning: var(--color-shades-functional-yellow-999);
947-
--color-feedback-background-default-success: var(--color-shades-functional-green-900);
950+
--color-feedback-background-default-warning: var(--color-shades-functional-yellow-950);
951+
--color-feedback-background-default-success: var(--color-shades-functional-green-850);
948952
--color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-850);
949-
--color-feedback-background-subtle-info: var(--color-shades-functional-blue-999);
953+
--color-feedback-background-subtle-info: var(--color-shades-functional-blue-900);
950954
--color-feedback-background-subtle-error: var(--color-shades-functional-red-900);
951955
--color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-999);
952956
--color-feedback-background-subtle-success: var(--color-shades-functional-green-900);
953957
--color-feedback-background-emphasized-neutral: var(--color-shades-functional-neutralgrey-150);
954958
--color-feedback-background-emphasized-info: var(--color-shades-functional-blue-800);
955959
--color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
956960
--color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-600);
957-
--color-feedback-background-emphasized-success: var(--color-shades-functional-green-900);
961+
--color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
958962
--color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-000);
959963
--color-feedback-foreground-info: var(--color-shades-functional-blue-300);
960964
--color-feedback-foreground-error: var(--color-shades-functional-red-400);
@@ -994,7 +998,7 @@
994998
--color-feedback-border-emphasized-info: var(--color-shades-functional-blue-700);
995999
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
9961000
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
997-
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
1001+
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
9981002
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
9991003
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
10001004
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);

‎doc-site/.vitepress/theme/styles/varsom_theme.css‎

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@
120120
--color-shades-functional-yellow-800: #bf9722;
121121
--color-shades-functional-yellow-850: #b08c21;
122122
--color-shades-functional-yellow-900: #a88324;
123-
--color-shades-functional-yellow-950: #977726;
123+
--color-shades-functional-yellow-950: #836721;
124124
--color-shades-functional-yellow-999: #7a5f29;
125125
--color-shades-functional-yellow-000: #fff9e9;
126126
--color-shades-functional-yellow-050: #fff5d9;
@@ -260,8 +260,10 @@
260260
--color-neutrals-foreground-primary: var(--color-shades-grey-999);
261261
--color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800);
262262
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
263+
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
263264
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
264265
--color-neutrals-border-default: var(--color-shades-grey-500);
266+
--color-neutrals-border-emphasized: var(--color-shades-grey-999);
265267
--color-neutrals-border-mute: var(--color-shades-grey-300);
266268
--color-neutrals-border-subtle: var(--color-shades-grey-150);
267269
--color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -758,7 +760,7 @@
758760
--color-shades-functional-yellow-800: #bf9722;
759761
--color-shades-functional-yellow-850: #b08c21;
760762
--color-shades-functional-yellow-900: #a88324;
761-
--color-shades-functional-yellow-950: #977726;
763+
--color-shades-functional-yellow-950: #836721;
762764
--color-shades-functional-yellow-999: #7a5f29;
763765
--color-shades-functional-yellow-000: #fff9e9;
764766
--color-shades-functional-yellow-050: #fff5d9;
@@ -896,10 +898,12 @@
896898
--color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
897899
--color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
898900
--color-neutrals-foreground-primary: var(--color-shades-grey-000);
899-
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
900901
--color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
901-
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
902+
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
903+
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
904+
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
902905
--color-neutrals-border-default: var(--color-shades-grey-300);
906+
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
903907
--color-neutrals-border-mute: var(--color-shades-grey-600);
904908
--color-neutrals-border-subtle: var(--color-shades-grey-800);
905909
--color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -941,20 +945,20 @@
941945
--color-interactive-danger-foreground-disabled: var(--color-shades-grey-950);
942946
--color-interactive-danger-border-focus: var(--color-shades-functional-blue-500);
943947
--color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800);
944-
--color-feedback-background-default-info: var(--color-shades-functional-blue-950);
948+
--color-feedback-background-default-info: var(--color-shades-functional-blue-850);
945949
--color-feedback-background-default-error: var(--color-shades-functional-red-850);
946-
--color-feedback-background-default-warning: var(--color-shades-functional-yellow-999);
947-
--color-feedback-background-default-success: var(--color-shades-functional-green-900);
950+
--color-feedback-background-default-warning: var(--color-shades-functional-yellow-950);
951+
--color-feedback-background-default-success: var(--color-shades-functional-green-850);
948952
--color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-850);
949-
--color-feedback-background-subtle-info: var(--color-shades-functional-blue-999);
953+
--color-feedback-background-subtle-info: var(--color-shades-functional-blue-900);
950954
--color-feedback-background-subtle-error: var(--color-shades-functional-red-900);
951955
--color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-999);
952956
--color-feedback-background-subtle-success: var(--color-shades-functional-green-900);
953957
--color-feedback-background-emphasized-neutral: var(--color-shades-functional-neutralgrey-150);
954958
--color-feedback-background-emphasized-info: var(--color-shades-functional-blue-800);
955959
--color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
956960
--color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-600);
957-
--color-feedback-background-emphasized-success: var(--color-shades-functional-green-900);
961+
--color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
958962
--color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-000);
959963
--color-feedback-foreground-info: var(--color-shades-functional-blue-300);
960964
--color-feedback-foreground-error: var(--color-shades-functional-red-400);
@@ -994,7 +998,7 @@
994998
--color-feedback-border-emphasized-info: var(--color-shades-functional-blue-700);
995999
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
9961000
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
997-
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
1001+
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
9981002
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
9991003
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
10001004
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);

0 commit comments

Comments
 (0)