Skip to content

Endring av tekstlink farger #930

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
FrodeKolstad wants to merge 9 commits into from
Closed

Endring av tekstlink farger #930

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
1be6992
feat(nve-dialog): erstatter Shoelace med native dialog-element (#872)
saldar-nve May 21, 2026
949e44c
fix(nve-tooltip): Erstatter Shoelace-tooltip med egen tooltip basert …
saldar-nve Jun 5, 2026
c3ca13a
feat(tokens): Små justeringer av brand colors (#919)
amish1188 Jun 12, 2026
8902ef2
fix(tokens): Endring av eksisterende link-farger (interactive.foregro…
FrodeKolstad Jun 29, 2026
f0df704
feat(tokens): lagt til ny farge i interactive-foreground.link, pressed
FrodeKolstad Jun 29, 2026
706ab0f
(tokens): oppdatert css basert på nye tokens
github-actions[bot] Jun 29, 2026
763340b
feat(tokens): config
FrodeKolstad Jun 29, 2026
f14328e
feat(tokens): Lagt til nye farger interactive.foreground.link.info
FrodeKolstad Jul 2, 2026
8a712a0
(tokens): oppdatert css basert på nye tokens
github-actions[bot] Jul 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 27 additions & 45 deletions doc-site/.vitepress/theme/styles/nve_theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@
--color-shades-grey-400: #9ea2a9;
--color-shades-grey-500: #858b93;
--color-shades-grey-600: #60656c;
--color-shades-grey-650: #54585f;
--color-shades-grey-700: #484c51;
--color-shades-grey-800: #303236;
--color-shades-grey-850: #292b2e;
Expand Down Expand Up @@ -265,10 +266,10 @@
--text-brand-name: Norges vassdrags- og energidirektorat;
--color-brand-background-primary: var(--color-shades-brand-500);
--color-brand-background-secondary: var(--color-shades-brand-400);
--color-brand-background-tertiary: var(--color-shades-brand-150);
--color-brand-background-tertiary: var(--color-shades-accent-000);
--color-brand-background-quaternary: var(--color-shades-brand-700);
--color-brand-foreground-primary: var(--color-shades-accent-500);
--color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
--color-brand-foreground-secondary: var(--color-shades-accent-700);
--color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
--color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
--color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
Expand Down Expand Up @@ -321,9 +322,14 @@
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
--color-interactive-foreground-link-visited: var(--color-shades-grey-600);
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
--color-interactive-border-primary-enabled: var(--color-shades-grey-999);
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
--color-interactive-border-primary-disabled: var(--color-shades-grey-300);
Expand Down Expand Up @@ -364,21 +370,6 @@
--color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
--color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
--color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
--color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
--color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
--color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
--color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
Expand Down Expand Up @@ -747,6 +738,7 @@
--color-shades-grey-400: #9ea2a9;
--color-shades-grey-500: #858b93;
--color-shades-grey-600: #60656c;
--color-shades-grey-650: #54585f;
--color-shades-grey-700: #484c51;
--color-shades-grey-800: #303236;
--color-shades-grey-850: #292b2e;
Expand Down Expand Up @@ -980,17 +972,17 @@
--boolean-brand-nve-rme: true;
--text-brand-name: Norges vassdrags- og energidirektorat;
--color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
--color-brand-background-secondary: var(--color-shades-brand-250);
--color-brand-background-tertiary: var(--color-shades-brand-800);
--color-brand-background-secondary: var(--color-shades-brand-400);
--color-brand-background-tertiary: var(--color-shades-accent-000);
--color-brand-background-quaternary: var(--color-shades-brand-200);
--color-brand-foreground-primary: var(--color-shades-accent-200);
--color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
--color-brand-foreground-secondary: var(--color-shades-accent-300);
--color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
--color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
--color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
--color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
--color-brand-border-primary: var(--color-shades-brand-100);
--color-brand-border-secondary: var(--color-shades-brand-200);
--color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
--color-brand-border-tertiary: var(--color-shades-brand-300);
--color-brand-border-emphasized: var(--color-shades-accent-400);
--color-neutrals-background-canvas: var(--color-shades-grey-950);
--color-neutrals-background-primary: var(--color-shades-grey-850);
Expand All @@ -1008,7 +1000,7 @@
--color-neutrals-border-default: var(--color-shades-grey-300);
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
--color-neutrals-border-mute: var(--color-shades-grey-600);
--color-neutrals-border-subtle: var(--color-shades-grey-700);
--color-neutrals-border-subtle: var(--color-shades-grey-650);
--color-neutrals-border-disabled: var(--color-shades-grey-500);
--color-interactive-background-primary-enabled: var(--color-shades-grey-000);
--color-interactive-background-primary-hover: var(--color-shades-grey-150);
Expand All @@ -1031,15 +1023,20 @@
--color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
--color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
--color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
--color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
--color-interactive-foreground-secondary-disabled: var(--color-shades-grey-650);
--color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
--color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
--color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
--color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
--color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
--color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
--color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
--color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
--color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
--color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);
Expand Down Expand Up @@ -1080,21 +1077,6 @@
--color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
--color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
--color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
--color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
--color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
--color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
Expand Down
Loading
Loading