Skip to content

Commit 32ee0b0

Browse files
amish1188FrodeKolstadgithub-actions[bot]
authored
fix(tokens): Endring av eksisterende link-farger (interactive.foreground.link) (#934)
* fix(tokens): Endring av eksisterende link-farger (interactive.foreground.link) * feat(tokens): lagt til ny farge i interactive-foreground.link, pressed * (tokens): oppdatert css basert på nye tokens * feat(tokens): config * feat(tokens): Lagt til nye farger interactive.foreground.link.info * (tokens): oppdatert css basert på nye tokens --------- Co-authored-by: Frode Kolstad <frokol@nve.no> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
1 parent c3ca13a commit 32ee0b0

12 files changed

Lines changed: 182 additions & 64 deletions

File tree

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

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -322,9 +322,14 @@
322322
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
323323
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
324324
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
325-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
326-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
327-
--color-interactive-foreground-link-visited: var(--color-shades-grey-600);
325+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
326+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
327+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
328+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
329+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
330+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
331+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
332+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
328333
--color-interactive-border-primary-enabled: var(--color-shades-grey-999);
329334
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
330335
--color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1024,9 +1029,14 @@
10241029
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
10251030
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
10261031
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
1027-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
1028-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
1029-
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
1032+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
1033+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
1034+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
1035+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
1036+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
1037+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
1038+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
1039+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
10301040
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
10311041
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
10321042
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);

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

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -322,9 +322,14 @@
322322
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
323323
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
324324
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
325-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
326-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
327-
--color-interactive-foreground-link-visited: var(--color-shades-grey-600);
325+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
326+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
327+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
328+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
329+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
330+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
331+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
332+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
328333
--color-interactive-border-primary-enabled: var(--color-shades-grey-999);
329334
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
330335
--color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1024,9 +1029,14 @@
10241029
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
10251030
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
10261031
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
1027-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
1028-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
1029-
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
1032+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
1033+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
1034+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
1035+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
1036+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
1037+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
1038+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
1039+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
10301040
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
10311041
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
10321042
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);

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

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -322,9 +322,14 @@
322322
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
323323
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
324324
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
325-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
326-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
327-
--color-interactive-foreground-link-visited: var(--color-shades-grey-600);
325+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
326+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
327+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
328+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
329+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
330+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
331+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
332+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
328333
--color-interactive-border-primary-enabled: var(--color-shades-grey-999);
329334
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
330335
--color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1024,9 +1029,14 @@
10241029
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
10251030
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
10261031
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
1027-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
1028-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
1029-
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
1032+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
1033+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
1034+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
1035+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
1036+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
1037+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
1038+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
1039+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
10301040
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
10311041
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
10321042
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);

‎public/css/nve.css‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -328,9 +328,14 @@
328328
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
329329
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
330330
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
331-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
332-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
333-
--color-interactive-foreground-link-visited: var(--color-shades-grey-600);
331+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
332+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
333+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
334+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
335+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
336+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
337+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
338+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
334339
--color-interactive-border-primary-enabled: var(--color-shades-grey-999);
335340
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
336341
--color-interactive-border-primary-disabled: var(--color-shades-grey-300);

‎public/css/nve_dark.css‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -328,9 +328,14 @@
328328
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
329329
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
330330
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
331-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
332-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
333-
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
331+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
332+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
333+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
334+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
335+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
336+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
337+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
338+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
334339
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
335340
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
336341
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);

‎public/css/rme.css‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -328,9 +328,14 @@
328328
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
329329
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
330330
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
331-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
332-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
333-
--color-interactive-foreground-link-visited: var(--color-shades-grey-600);
331+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
332+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
333+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
334+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
335+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
336+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
337+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
338+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
334339
--color-interactive-border-primary-enabled: var(--color-shades-grey-999);
335340
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
336341
--color-interactive-border-primary-disabled: var(--color-shades-grey-300);

‎public/css/rme_dark.css‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -328,9 +328,14 @@
328328
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
329329
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
330330
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
331-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
332-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
333-
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
331+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
332+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
333+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
334+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
335+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
336+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
337+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
338+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
334339
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
335340
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
336341
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);

‎public/css/varsom.css‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -328,9 +328,14 @@
328328
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
329329
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
330330
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
331-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
332-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
333-
--color-interactive-foreground-link-visited: var(--color-shades-grey-600);
331+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
332+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
333+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
334+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
335+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
336+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
337+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
338+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
334339
--color-interactive-border-primary-enabled: var(--color-shades-grey-999);
335340
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
336341
--color-interactive-border-primary-disabled: var(--color-shades-grey-300);

‎public/css/varsom_dark.css‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -328,9 +328,14 @@
328328
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
329329
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
330330
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
331-
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
332-
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
333-
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
331+
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
332+
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
333+
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
334+
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
335+
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
336+
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
337+
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
338+
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
334339
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
335340
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
336341
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);

0 commit comments

Comments
 (0)