DnB

Hovedpalett

Design tokens og detaljer

Light background Action

CSS token
--dnb-light-token-color-background-action
Verdi

Light background Page Background

CSS token
--dnb-light-token-color-background-page-background
Verdi

Light text Neutral

CSS token
--dnb-light-token-color-text-neutral
Verdi

Light background Warning

CSS token
--dnb-light-token-color-background-warning
Verdi

Light background Error

CSS token
--dnb-light-token-color-background-error
Verdi

Light decorative First Base

CSS token
--dnb-light-token-color-decorative-first-base
Verdi

Light decorative Second Base

CSS token
--dnb-light-token-color-decorative-second-base
Verdi

Light decorative Third Base

CSS token
--dnb-light-token-color-decorative-third-base
Verdi

Dark background Action

CSS token
--dnb-dark-token-color-background-action
Verdi

Dark background Page Background

CSS token
--dnb-dark-token-color-background-page-background
Verdi

Dark text Neutral

CSS token
--dnb-dark-token-color-text-neutral
Verdi

Dark background Warning

CSS token
--dnb-dark-token-color-background-warning
Verdi

Dark background Error

CSS token
--dnb-dark-token-color-background-error
Verdi

Light

Design tokens og detaljer

Background

CSS token
--background
Verdi
Kilde
var(--dnb-light-token-color-background-page-background)

Foreground

CSS token
--foreground
Verdi
Kilde
var(--dnb-light-token-color-text-neutral)

Card

CSS token
--card
Verdi
Kilde
var(--dnb-light-token-color-background-neutral-subtle)

Card Foreground

CSS token
--card-foreground
Verdi
Kilde
var(--dnb-light-token-color-text-neutral)

Popover

CSS token
--popover
Verdi
Kilde
var(--dnb-light-token-color-background-neutral)

Popover Foreground

CSS token
--popover-foreground
Verdi
Kilde
var(--dnb-light-token-color-text-neutral)

Primary

CSS token
--primary
Verdi
Kilde
var(--dnb-light-token-color-background-action)

Primary Foreground

CSS token
--primary-foreground
Verdi
Kilde
var(--dnb-light-token-color-component-button-text-neutral)

Secondary

CSS token
--secondary
Verdi
Kilde
var(--dnb-light-token-color-background-neutral-alternative)

Secondary Foreground

CSS token
--secondary-foreground
Verdi
Kilde
var(--dnb-light-token-color-text-neutral)

Muted

CSS token
--muted
Verdi
Kilde
var(--dnb-light-token-color-background-neutral-subtle)

Muted Foreground

CSS token
--muted-foreground
Verdi
Kilde
var(--dnb-light-token-color-text-neutral-alternative)

Accent

CSS token
--accent
Verdi
Kilde
var(--dnb-light-token-color-background-action-hover-subtle)

Accent Foreground

CSS token
--accent-foreground
Verdi
Kilde
var(--dnb-light-token-color-text-action)

Destructive

CSS token
--destructive
Verdi
Kilde
var(--dnb-light-token-color-background-error)

Destructive Foreground

CSS token
--destructive-foreground
Verdi
Kilde
var(--dnb-light-token-color-component-button-text-neutral-destructive)

Border

CSS token
--border
Verdi
Kilde
var(--dnb-light-token-color-stroke-neutral-subtle)

Input

CSS token
--input
Verdi
Kilde
var(--dnb-light-token-color-stroke-neutral-bold)

Ring

CSS token
--ring
Verdi
Kilde
var(--dnb-light-token-color-stroke-action-focus)

Header Nav Active

CSS token
--header-nav-active
Verdi
Kilde
var(--dnb-light-token-color-background-action-hover-subtle)

Header Nav Active Foreground

CSS token
--header-nav-active-foreground
Verdi
Kilde
var(--dnb-light-token-color-text-action)

Chart 1

CSS token
--chart-1
Verdi
Kilde
var(--dnb-light-token-color-decorative-first-bold)

Chart 2

CSS token
--chart-2
Verdi
Kilde
var(--dnb-light-token-color-decorative-second-bold)

Chart 3

CSS token
--chart-3
Verdi
Kilde
var(--dnb-light-token-color-decorative-third-bold)

Chart 4

CSS token
--chart-4
Verdi
Kilde
var(--dnb-light-token-color-background-warning)

Chart 5

CSS token
--chart-5
Verdi
Kilde
var(--dnb-light-token-color-text-error)

Dark

Design tokens og detaljer

Background

CSS token
--background
Verdi
Kilde
var(--dnb-dark-token-color-background-page-background)

Foreground

CSS token
--foreground
Verdi
Kilde
var(--dnb-dark-token-color-text-neutral)

Card

CSS token
--card
Verdi
Kilde
var(--dnb-dark-token-color-background-neutral-subtle)

Card Foreground

CSS token
--card-foreground
Verdi
Kilde
var(--dnb-dark-token-color-text-neutral)

Popover

CSS token
--popover
Verdi
Kilde
var(--dnb-dark-token-color-background-neutral)

Popover Foreground

CSS token
--popover-foreground
Verdi
Kilde
var(--dnb-dark-token-color-text-neutral)

Primary

CSS token
--primary
Verdi
Kilde
var(--dnb-dark-token-color-background-action)

Primary Foreground

CSS token
--primary-foreground
Verdi
Kilde
var(--dnb-dark-token-color-component-button-text-neutral)

Secondary

CSS token
--secondary
Verdi
Kilde
var(--dnb-dark-token-color-background-neutral-alternative)

Secondary Foreground

CSS token
--secondary-foreground
Verdi
Kilde
var(--dnb-dark-token-color-text-neutral)

Muted

CSS token
--muted
Verdi
Kilde
var(--dnb-dark-token-color-background-neutral-subtle)

Muted Foreground

CSS token
--muted-foreground
Verdi
Kilde
var(--dnb-dark-token-color-text-neutral-alternative)

Accent

CSS token
--accent
Verdi
Kilde
var(--dnb-dark-token-color-background-action-hover-subtle)

Accent Foreground

CSS token
--accent-foreground
Verdi
Kilde
var(--dnb-dark-token-color-text-action)

Destructive

CSS token
--destructive
Verdi
Kilde
var(--dnb-dark-token-color-background-error)

Destructive Foreground

CSS token
--destructive-foreground
Verdi
Kilde
var(--dnb-dark-token-color-component-button-text-neutral-destructive)

Border

CSS token
--border
Verdi
Kilde
var(--dnb-dark-token-color-stroke-neutral-subtle)

Input

CSS token
--input
Verdi
Kilde
var(--dnb-dark-token-color-stroke-neutral-bold)

Ring

CSS token
--ring
Verdi
Kilde
var(--dnb-dark-token-color-stroke-action-focus)

Header Nav Active

CSS token
--header-nav-active
Verdi
Kilde
var(--dnb-dark-token-color-background-action-hover-subtle)

Header Nav Active Foreground

CSS token
--header-nav-active-foreground
Verdi
Kilde
var(--dnb-dark-token-color-text-action)

Chart 1

CSS token
--chart-1
Verdi
Kilde
var(--dnb-dark-token-color-decorative-first-bold)

Chart 2

CSS token
--chart-2
Verdi
Kilde
var(--dnb-dark-token-color-decorative-second-bold)

Chart 3

CSS token
--chart-3
Verdi
Kilde
var(--dnb-dark-token-color-decorative-third-bold)

Chart 4

CSS token
--chart-4
Verdi
Kilde
var(--dnb-dark-token-color-background-warning)

Chart 5

CSS token
--chart-5
Verdi
Kilde
var(--dnb-dark-token-color-text-error)

DNB Light - Background

Design tokens og detaljer

Light background Action

CSS token
--dnb-light-token-color-background-action
Verdi

Light background Action Alternative

CSS token
--dnb-light-token-color-background-action-alternative
Verdi

Light background Action Alternative Hover Subtle

CSS token
--dnb-light-token-color-background-action-alternative-hover-subtle
Verdi

Light background Action Disabled

CSS token
--dnb-light-token-color-background-action-disabled
Verdi

Light background Action Disabled Ondark

CSS token
--dnb-light-token-color-background-action-disabled-ondark
Verdi

Light background Action Focus

CSS token
--dnb-light-token-color-background-action-focus
Verdi

Light background Action Focus Subtle

CSS token
--dnb-light-token-color-background-action-focus-subtle
Verdi

Light background Action Hover

CSS token
--dnb-light-token-color-background-action-hover
Verdi

Light background Action Hover Inverse

CSS token
--dnb-light-token-color-background-action-hover-inverse
Verdi

Light background Action Hover Ondark

CSS token
--dnb-light-token-color-background-action-hover-ondark
Verdi

Light background Action Hover Subtle

CSS token
--dnb-light-token-color-background-action-hover-subtle
Verdi

Light background Action Hover Subtle Inverse

CSS token
--dnb-light-token-color-background-action-hover-subtle-inverse
Verdi

Light background Action Hover Subtle Ondark

CSS token
--dnb-light-token-color-background-action-hover-subtle-ondark
Verdi

Light background Action Inverse

CSS token
--dnb-light-token-color-background-action-inverse
Verdi

Light background Action Ondark

CSS token
--dnb-light-token-color-background-action-ondark
Verdi

Light background Action Pressed

CSS token
--dnb-light-token-color-background-action-pressed
Verdi

Light background Action Pressed Ondark

CSS token
--dnb-light-token-color-background-action-pressed-ondark
Verdi

Light background Action Pressed Subtle

CSS token
--dnb-light-token-color-background-action-pressed-subtle
Verdi

Light background Action Pressed Subtle Inverse

CSS token
--dnb-light-token-color-background-action-pressed-subtle-inverse
Verdi

Light background Action Pressed Subtle Ondark

CSS token
--dnb-light-token-color-background-action-pressed-subtle-ondark
Verdi

Light background Error

CSS token
--dnb-light-token-color-background-error
Verdi

Light background Error Subtle

CSS token
--dnb-light-token-color-background-error-subtle
Verdi

Light background Info

CSS token
--dnb-light-token-color-background-info
Verdi

Light background Info Subtle

CSS token
--dnb-light-token-color-background-info-subtle
Verdi

Light background Marketing

CSS token
--dnb-light-token-color-background-marketing
Verdi

Light background Marketing Subtle

CSS token
--dnb-light-token-color-background-marketing-subtle
Verdi

Light background Neutral

CSS token
--dnb-light-token-color-background-neutral
Verdi

Light background Neutral Alternative

CSS token
--dnb-light-token-color-background-neutral-alternative
Verdi

Light background Neutral Base

CSS token
--dnb-light-token-color-background-neutral-base
Verdi

Light background Neutral Bold

CSS token
--dnb-light-token-color-background-neutral-bold
Verdi

Light background Neutral Static

CSS token
--dnb-light-token-color-background-neutral-static
Verdi

Light background Neutral Subtle

CSS token
--dnb-light-token-color-background-neutral-subtle
Verdi

Light background Page Background

CSS token
--dnb-light-token-color-background-page-background
Verdi

Light background Positive

CSS token
--dnb-light-token-color-background-positive
Verdi

Light background Positive Subtle

CSS token
--dnb-light-token-color-background-positive-subtle
Verdi

Light background Selected

CSS token
--dnb-light-token-color-background-selected
Verdi

Light background Selected Ondark

CSS token
--dnb-light-token-color-background-selected-ondark
Verdi

Light background Selected Subtle

CSS token
--dnb-light-token-color-background-selected-subtle
Verdi

Light background Selected Subtle Ondark

CSS token
--dnb-light-token-color-background-selected-subtle-ondark
Verdi

Light background Warning

CSS token
--dnb-light-token-color-background-warning
Verdi

Light background Warning Subtle

CSS token
--dnb-light-token-color-background-warning-subtle
Verdi

DNB Light - Text

Design tokens og detaljer

Light text Action

CSS token
--dnb-light-token-color-text-action
Verdi

Light text Action Alternative Ondark

CSS token
--dnb-light-token-color-text-action-alternative-ondark
Verdi

Light text Action Disabled

CSS token
--dnb-light-token-color-text-action-disabled
Verdi

Light text Action Disabled Ondark

CSS token
--dnb-light-token-color-text-action-disabled-ondark
Verdi

Light text Action Focus

CSS token
--dnb-light-token-color-text-action-focus
Verdi

Light text Action Hover

CSS token
--dnb-light-token-color-text-action-hover
Verdi

Light text Action Hover Inverse

CSS token
--dnb-light-token-color-text-action-hover-inverse
Verdi

Light text Action Hover Ondark

CSS token
--dnb-light-token-color-text-action-hover-ondark
Verdi

Light text Action Inverse

CSS token
--dnb-light-token-color-text-action-inverse
Verdi

Light text Action Ondark

CSS token
--dnb-light-token-color-text-action-ondark
Verdi

Light text Action Pressed

CSS token
--dnb-light-token-color-text-action-pressed
Verdi

Light text Action Pressed Inverse

CSS token
--dnb-light-token-color-text-action-pressed-inverse
Verdi

Light text Action Pressed Ondark

CSS token
--dnb-light-token-color-text-action-pressed-ondark
Verdi

Light text Error

CSS token
--dnb-light-token-color-text-error
Verdi

Light text Error Inverse

CSS token
--dnb-light-token-color-text-error-inverse
Verdi

Light text Neutral

CSS token
--dnb-light-token-color-text-neutral
Verdi

Light text Neutral Alternative

CSS token
--dnb-light-token-color-text-neutral-alternative
Verdi

Light text Neutral Alternative Inverse

CSS token
--dnb-light-token-color-text-neutral-alternative-inverse
Verdi

Light text Neutral Inverse

CSS token
--dnb-light-token-color-text-neutral-inverse
Verdi

Light text Neutral Ondark

CSS token
--dnb-light-token-color-text-neutral-ondark
Verdi

Light text Neutral Onlight

CSS token
--dnb-light-token-color-text-neutral-onlight
Verdi

Light text Neutral Subtle

CSS token
--dnb-light-token-color-text-neutral-subtle
Verdi

Light text Neutral Subtle Ondark

CSS token
--dnb-light-token-color-text-neutral-subtle-ondark
Verdi

Light text Positive

CSS token
--dnb-light-token-color-text-positive
Verdi

Light text Positive Inverse

CSS token
--dnb-light-token-color-text-positive-inverse
Verdi

Light text Selected

CSS token
--dnb-light-token-color-text-selected
Verdi

Light text Warning

CSS token
--dnb-light-token-color-text-warning
Verdi

Light text Warning Inverse

CSS token
--dnb-light-token-color-text-warning-inverse
Verdi

DNB Light - Icon

Design tokens og detaljer

Light icon Action

CSS token
--dnb-light-token-color-icon-action
Verdi

Light icon Action Alternative Ondark

CSS token
--dnb-light-token-color-icon-action-alternative-ondark
Verdi

Light icon Action Disabled

CSS token
--dnb-light-token-color-icon-action-disabled
Verdi

Light icon Action Disabled Ondark

CSS token
--dnb-light-token-color-icon-action-disabled-ondark
Verdi

Light icon Action Focus

CSS token
--dnb-light-token-color-icon-action-focus
Verdi

Light icon Action Hover

CSS token
--dnb-light-token-color-icon-action-hover
Verdi

Light icon Action Hover Inverse

CSS token
--dnb-light-token-color-icon-action-hover-inverse
Verdi

Light icon Action Hover Ondark

CSS token
--dnb-light-token-color-icon-action-hover-ondark
Verdi

Light icon Action Inverse

CSS token
--dnb-light-token-color-icon-action-inverse
Verdi

Light icon Action Ondark

CSS token
--dnb-light-token-color-icon-action-ondark
Verdi

Light icon Action Pressed

CSS token
--dnb-light-token-color-icon-action-pressed
Verdi

Light icon Action Pressed Inverse

CSS token
--dnb-light-token-color-icon-action-pressed-inverse
Verdi

Light icon Action Pressed Ondark

CSS token
--dnb-light-token-color-icon-action-pressed-ondark
Verdi

Light icon Error

CSS token
--dnb-light-token-color-icon-error
Verdi

Light icon Error Subtle

CSS token
--dnb-light-token-color-icon-error-subtle
Verdi

Light icon Info

CSS token
--dnb-light-token-color-icon-info
Verdi

Light icon Info Subtle

CSS token
--dnb-light-token-color-icon-info-subtle
Verdi

Light icon Marketing

CSS token
--dnb-light-token-color-icon-marketing
Verdi

Light icon Marketing Subtle

CSS token
--dnb-light-token-color-icon-marketing-subtle
Verdi

Light icon Neutral

CSS token
--dnb-light-token-color-icon-neutral
Verdi

Light icon Neutral Alternative

CSS token
--dnb-light-token-color-icon-neutral-alternative
Verdi

Light icon Neutral Inverse

CSS token
--dnb-light-token-color-icon-neutral-inverse
Verdi

Light icon Neutral Ondark

CSS token
--dnb-light-token-color-icon-neutral-ondark
Verdi

Light icon Neutral Static

CSS token
--dnb-light-token-color-icon-neutral-static
Verdi

Light icon Positive

CSS token
--dnb-light-token-color-icon-positive
Verdi

Light icon Positive Subtle

CSS token
--dnb-light-token-color-icon-positive-subtle
Verdi

Light icon Selected

CSS token
--dnb-light-token-color-icon-selected
Verdi

Light icon Selected Ondark

CSS token
--dnb-light-token-color-icon-selected-ondark
Verdi

Light icon Warning

CSS token
--dnb-light-token-color-icon-warning
Verdi

Light icon Warning Subtle

CSS token
--dnb-light-token-color-icon-warning-subtle
Verdi

DNB Light - Stroke

Design tokens og detaljer

Light stroke Action

CSS token
--dnb-light-token-color-stroke-action
Verdi

Light stroke Action Alternative

CSS token
--dnb-light-token-color-stroke-action-alternative
Verdi

Light stroke Action Alternative Ondark

CSS token
--dnb-light-token-color-stroke-action-alternative-ondark
Verdi

Light stroke Action Disabled

CSS token
--dnb-light-token-color-stroke-action-disabled
Verdi

Light stroke Action Disabled Ondark

CSS token
--dnb-light-token-color-stroke-action-disabled-ondark
Verdi

Light stroke Action Focus

CSS token
--dnb-light-token-color-stroke-action-focus
Verdi

Light stroke Action Focus Subtle

CSS token
--dnb-light-token-color-stroke-action-focus-subtle
Verdi

Light stroke Action Hover

CSS token
--dnb-light-token-color-stroke-action-hover
Verdi

Light stroke Action Hover Inverse

CSS token
--dnb-light-token-color-stroke-action-hover-inverse
Verdi

Light stroke Action Hover Ondark

CSS token
--dnb-light-token-color-stroke-action-hover-ondark
Verdi

Light stroke Action Inverse

CSS token
--dnb-light-token-color-stroke-action-inverse
Verdi

Light stroke Action Ondark

CSS token
--dnb-light-token-color-stroke-action-ondark
Verdi

Light stroke Action Pressed

CSS token
--dnb-light-token-color-stroke-action-pressed
Verdi

Light stroke Action Pressed Inverse

CSS token
--dnb-light-token-color-stroke-action-pressed-inverse
Verdi

Light stroke Action Pressed Ondark

CSS token
--dnb-light-token-color-stroke-action-pressed-ondark
Verdi

Light stroke Error

CSS token
--dnb-light-token-color-stroke-error
Verdi

Light stroke Info

CSS token
--dnb-light-token-color-stroke-info
Verdi

Light stroke Marketing

CSS token
--dnb-light-token-color-stroke-marketing
Verdi

Light stroke Neutral

CSS token
--dnb-light-token-color-stroke-neutral
Verdi

Light stroke Neutral Alternative

CSS token
--dnb-light-token-color-stroke-neutral-alternative
Verdi

Light stroke Neutral Bold

CSS token
--dnb-light-token-color-stroke-neutral-bold
Verdi

Light stroke Neutral Ondark

CSS token
--dnb-light-token-color-stroke-neutral-ondark
Verdi

Light stroke Neutral Subtle

CSS token
--dnb-light-token-color-stroke-neutral-subtle
Verdi

Light stroke Positive

CSS token
--dnb-light-token-color-stroke-positive
Verdi

Light stroke Selected

CSS token
--dnb-light-token-color-stroke-selected
Verdi

Light stroke Selected Ondark

CSS token
--dnb-light-token-color-stroke-selected-ondark
Verdi

Light stroke Warning

CSS token
--dnb-light-token-color-stroke-warning
Verdi

DNB Light - Decorative

Design tokens og detaljer

Light decorative First Base

CSS token
--dnb-light-token-color-decorative-first-base
Verdi

Light decorative First Base Static

CSS token
--dnb-light-token-color-decorative-first-base-static
Verdi

Light decorative First Bold

CSS token
--dnb-light-token-color-decorative-first-bold
Verdi

Light decorative First Bold Static

CSS token
--dnb-light-token-color-decorative-first-bold-static
Verdi

Light decorative First Intense

CSS token
--dnb-light-token-color-decorative-first-intense
Verdi

Light decorative First Intense Static

CSS token
--dnb-light-token-color-decorative-first-intense-static
Verdi

Light decorative First Muted

CSS token
--dnb-light-token-color-decorative-first-muted
Verdi

Light decorative First Muted Static

CSS token
--dnb-light-token-color-decorative-first-muted-static
Verdi

Light decorative First Subtle

CSS token
--dnb-light-token-color-decorative-first-subtle
Verdi

Light decorative First Subtle Static

CSS token
--dnb-light-token-color-decorative-first-subtle-static
Verdi

Light decorative Second Base

CSS token
--dnb-light-token-color-decorative-second-base
Verdi

Light decorative Second Base Static

CSS token
--dnb-light-token-color-decorative-second-base-static
Verdi

Light decorative Second Bold

CSS token
--dnb-light-token-color-decorative-second-bold
Verdi

Light decorative Second Bold Static

CSS token
--dnb-light-token-color-decorative-second-bold-static
Verdi

Light decorative Second Intense

CSS token
--dnb-light-token-color-decorative-second-intense
Verdi

Light decorative Second Intense Static

CSS token
--dnb-light-token-color-decorative-second-intense-static
Verdi

Light decorative Second Muted

CSS token
--dnb-light-token-color-decorative-second-muted
Verdi

Light decorative Second Muted Static

CSS token
--dnb-light-token-color-decorative-second-muted-static
Verdi

Light decorative Second Subtle

CSS token
--dnb-light-token-color-decorative-second-subtle
Verdi

Light decorative Second Subtle Static

CSS token
--dnb-light-token-color-decorative-second-subtle-static
Verdi

Light decorative Third Base

CSS token
--dnb-light-token-color-decorative-third-base
Verdi

Light decorative Third Base Static

CSS token
--dnb-light-token-color-decorative-third-base-static
Verdi

Light decorative Third Bold

CSS token
--dnb-light-token-color-decorative-third-bold
Verdi

Light decorative Third Bold Static

CSS token
--dnb-light-token-color-decorative-third-bold-static
Verdi

Light decorative Third Intense

CSS token
--dnb-light-token-color-decorative-third-intense
Verdi

Light decorative Third Intense Static

CSS token
--dnb-light-token-color-decorative-third-intense-static
Verdi

Light decorative Third Muted

CSS token
--dnb-light-token-color-decorative-third-muted
Verdi

Light decorative Third Muted Static

CSS token
--dnb-light-token-color-decorative-third-muted-static
Verdi

Light decorative Third Subtle

CSS token
--dnb-light-token-color-decorative-third-subtle
Verdi

Light decorative Third Subtle Static

CSS token
--dnb-light-token-color-decorative-third-subtle-static
Verdi

DNB Light - Component

Design tokens og detaljer

Light component Button Background Action

CSS token
--dnb-light-token-color-component-button-background-action
Verdi

Light component Button Background Action Destructive

CSS token
--dnb-light-token-color-component-button-background-action-destructive
Verdi

Light component Button Background Action Destructive Hover

CSS token
--dnb-light-token-color-component-button-background-action-destructive-hover
Verdi

Light component Button Background Action Destructive Hover Subtle

CSS token
--dnb-light-token-color-component-button-background-action-destructive-hover-subtle
Verdi

Light component Button Background Action Destructive Pressed

CSS token
--dnb-light-token-color-component-button-background-action-destructive-pressed
Verdi

Light component Button Background Action Destructive Pressed Subtle

CSS token
--dnb-light-token-color-component-button-background-action-destructive-pressed-subtle
Verdi

Light component Button Background Action Hover

CSS token
--dnb-light-token-color-component-button-background-action-hover
Verdi

Light component Button Icon Action

CSS token
--dnb-light-token-color-component-button-icon-action
Verdi

Light component Button Icon Action Destructive

CSS token
--dnb-light-token-color-component-button-icon-action-destructive
Verdi

Light component Button Icon Action Destructive Hover

CSS token
--dnb-light-token-color-component-button-icon-action-destructive-hover
Verdi

Light component Button Icon Action Destructive Pressed

CSS token
--dnb-light-token-color-component-button-icon-action-destructive-pressed
Verdi

Light component Button Icon Action Disabled

CSS token
--dnb-light-token-color-component-button-icon-action-disabled
Verdi

Light component Button Icon Action Hover

CSS token
--dnb-light-token-color-component-button-icon-action-hover
Verdi

Light component Button Icon Neutral

CSS token
--dnb-light-token-color-component-button-icon-neutral
Verdi

Light component Button Icon Neutral Destructive

CSS token
--dnb-light-token-color-component-button-icon-neutral-destructive
Verdi

Light component Button Icon Neutral Ondark

CSS token
--dnb-light-token-color-component-button-icon-neutral-ondark
Verdi

Light component Button Stroke Action

CSS token
--dnb-light-token-color-component-button-stroke-action
Verdi

Light component Button Stroke Action Destructive

CSS token
--dnb-light-token-color-component-button-stroke-action-destructive
Verdi

Light component Button Stroke Action Destructive Hover

CSS token
--dnb-light-token-color-component-button-stroke-action-destructive-hover
Verdi

Light component Button Stroke Action Destructive Pressed

CSS token
--dnb-light-token-color-component-button-stroke-action-destructive-pressed
Verdi

Light component Button Stroke Action Hover

CSS token
--dnb-light-token-color-component-button-stroke-action-hover
Verdi

Light component Button Stroke Selected

CSS token
--dnb-light-token-color-component-button-stroke-selected
Verdi

Light component Button Text Action

CSS token
--dnb-light-token-color-component-button-text-action
Verdi

Light component Button Text Action Destructive

CSS token
--dnb-light-token-color-component-button-text-action-destructive
Verdi

Light component Button Text Action Destructive Hover

CSS token
--dnb-light-token-color-component-button-text-action-destructive-hover
Verdi

Light component Button Text Action Destructive Pressed

CSS token
--dnb-light-token-color-component-button-text-action-destructive-pressed
Verdi

Light component Button Text Action Disabled

CSS token
--dnb-light-token-color-component-button-text-action-disabled
Verdi

Light component Button Text Action Hover

CSS token
--dnb-light-token-color-component-button-text-action-hover
Verdi

Light component Button Text Action Hover Inverse

CSS token
--dnb-light-token-color-component-button-text-action-hover-inverse
Verdi

Light component Button Text Action Hover Ondark

CSS token
--dnb-light-token-color-component-button-text-action-hover-ondark
Verdi

Light component Button Text Action Inverse

CSS token
--dnb-light-token-color-component-button-text-action-inverse
Verdi

Light component Button Text Action Ondark

CSS token
--dnb-light-token-color-component-button-text-action-ondark
Verdi

Light component Button Text Neutral

CSS token
--dnb-light-token-color-component-button-text-neutral
Verdi

Light component Button Text Neutral Destructive

CSS token
--dnb-light-token-color-component-button-text-neutral-destructive
Verdi

Light component Button Text Neutral Inverse

CSS token
--dnb-light-token-color-component-button-text-neutral-inverse
Verdi

Light component Button Text Neutral Ondark

CSS token
--dnb-light-token-color-component-button-text-neutral-ondark
Verdi

Light component Dimmer Background

CSS token
--dnb-light-token-color-component-dimmer-background
Verdi

Light component Progressbar Neutral Onsubtle

CSS token
--dnb-light-token-color-component-progressbar-neutral-onsubtle
Verdi

Light component Switch Action Disabled Ondark

CSS token
--dnb-light-token-color-component-switch-action-disabled-ondark
Verdi

Light component Tooltip Background Neutral

CSS token
--dnb-light-token-color-component-tooltip-background-neutral
Verdi

DNB Dark - Background

Design tokens og detaljer

Dark background Action

CSS token
--dnb-dark-token-color-background-action
Verdi

Dark background Action Alternative

CSS token
--dnb-dark-token-color-background-action-alternative
Verdi

Dark background Action Alternative Hover Subtle

CSS token
--dnb-dark-token-color-background-action-alternative-hover-subtle
Verdi

Dark background Action Disabled

CSS token
--dnb-dark-token-color-background-action-disabled
Verdi

Dark background Action Disabled Ondark

CSS token
--dnb-dark-token-color-background-action-disabled-ondark
Verdi

Dark background Action Focus

CSS token
--dnb-dark-token-color-background-action-focus
Verdi

Dark background Action Focus Subtle

CSS token
--dnb-dark-token-color-background-action-focus-subtle
Verdi

Dark background Action Hover

CSS token
--dnb-dark-token-color-background-action-hover
Verdi

Dark background Action Hover Inverse

CSS token
--dnb-dark-token-color-background-action-hover-inverse
Verdi

Dark background Action Hover Ondark

CSS token
--dnb-dark-token-color-background-action-hover-ondark
Verdi

Dark background Action Hover Subtle

CSS token
--dnb-dark-token-color-background-action-hover-subtle
Verdi

Dark background Action Hover Subtle Inverse

CSS token
--dnb-dark-token-color-background-action-hover-subtle-inverse
Verdi

Dark background Action Hover Subtle Ondark

CSS token
--dnb-dark-token-color-background-action-hover-subtle-ondark
Verdi

Dark background Action Inverse

CSS token
--dnb-dark-token-color-background-action-inverse
Verdi

Dark background Action Ondark

CSS token
--dnb-dark-token-color-background-action-ondark
Verdi

Dark background Action Pressed

CSS token
--dnb-dark-token-color-background-action-pressed
Verdi

Dark background Action Pressed Ondark

CSS token
--dnb-dark-token-color-background-action-pressed-ondark
Verdi

Dark background Action Pressed Subtle

CSS token
--dnb-dark-token-color-background-action-pressed-subtle
Verdi

Dark background Action Pressed Subtle Inverse

CSS token
--dnb-dark-token-color-background-action-pressed-subtle-inverse
Verdi

Dark background Action Pressed Subtle Ondark

CSS token
--dnb-dark-token-color-background-action-pressed-subtle-ondark
Verdi

Dark background Error

CSS token
--dnb-dark-token-color-background-error
Verdi

Dark background Error Subtle

CSS token
--dnb-dark-token-color-background-error-subtle
Verdi

Dark background Info

CSS token
--dnb-dark-token-color-background-info
Verdi

Dark background Info Subtle

CSS token
--dnb-dark-token-color-background-info-subtle
Verdi

Dark background Marketing

CSS token
--dnb-dark-token-color-background-marketing
Verdi

Dark background Marketing Subtle

CSS token
--dnb-dark-token-color-background-marketing-subtle
Verdi

Dark background Neutral

CSS token
--dnb-dark-token-color-background-neutral
Verdi

Dark background Neutral Alternative

CSS token
--dnb-dark-token-color-background-neutral-alternative
Verdi

Dark background Neutral Base

CSS token
--dnb-dark-token-color-background-neutral-base
Verdi

Dark background Neutral Bold

CSS token
--dnb-dark-token-color-background-neutral-bold
Verdi

Dark background Neutral Static

CSS token
--dnb-dark-token-color-background-neutral-static
Verdi

Dark background Neutral Subtle

CSS token
--dnb-dark-token-color-background-neutral-subtle
Verdi

Dark background Page Background

CSS token
--dnb-dark-token-color-background-page-background
Verdi

Dark background Positive

CSS token
--dnb-dark-token-color-background-positive
Verdi

Dark background Positive Subtle

CSS token
--dnb-dark-token-color-background-positive-subtle
Verdi

Dark background Selected

CSS token
--dnb-dark-token-color-background-selected
Verdi

Dark background Selected Ondark

CSS token
--dnb-dark-token-color-background-selected-ondark
Verdi

Dark background Selected Subtle

CSS token
--dnb-dark-token-color-background-selected-subtle
Verdi

Dark background Selected Subtle Ondark

CSS token
--dnb-dark-token-color-background-selected-subtle-ondark
Verdi

Dark background Warning

CSS token
--dnb-dark-token-color-background-warning
Verdi

Dark background Warning Subtle

CSS token
--dnb-dark-token-color-background-warning-subtle
Verdi

DNB Dark - Text

Design tokens og detaljer

Dark text Action

CSS token
--dnb-dark-token-color-text-action
Verdi

Dark text Action Alternative Ondark

CSS token
--dnb-dark-token-color-text-action-alternative-ondark
Verdi

Dark text Action Disabled

CSS token
--dnb-dark-token-color-text-action-disabled
Verdi

Dark text Action Disabled Ondark

CSS token
--dnb-dark-token-color-text-action-disabled-ondark
Verdi

Dark text Action Focus

CSS token
--dnb-dark-token-color-text-action-focus
Verdi

Dark text Action Hover

CSS token
--dnb-dark-token-color-text-action-hover
Verdi

Dark text Action Hover Inverse

CSS token
--dnb-dark-token-color-text-action-hover-inverse
Verdi

Dark text Action Hover Ondark

CSS token
--dnb-dark-token-color-text-action-hover-ondark
Verdi

Dark text Action Inverse

CSS token
--dnb-dark-token-color-text-action-inverse
Verdi

Dark text Action Ondark

CSS token
--dnb-dark-token-color-text-action-ondark
Verdi

Dark text Action Pressed

CSS token
--dnb-dark-token-color-text-action-pressed
Verdi

Dark text Action Pressed Inverse

CSS token
--dnb-dark-token-color-text-action-pressed-inverse
Verdi

Dark text Action Pressed Ondark

CSS token
--dnb-dark-token-color-text-action-pressed-ondark
Verdi

Dark text Error

CSS token
--dnb-dark-token-color-text-error
Verdi

Dark text Error Inverse

CSS token
--dnb-dark-token-color-text-error-inverse
Verdi

Dark text Neutral

CSS token
--dnb-dark-token-color-text-neutral
Verdi

Dark text Neutral Alternative

CSS token
--dnb-dark-token-color-text-neutral-alternative
Verdi

Dark text Neutral Alternative Inverse

CSS token
--dnb-dark-token-color-text-neutral-alternative-inverse
Verdi

Dark text Neutral Inverse

CSS token
--dnb-dark-token-color-text-neutral-inverse
Verdi

Dark text Neutral Ondark

CSS token
--dnb-dark-token-color-text-neutral-ondark
Verdi

Dark text Neutral Onlight

CSS token
--dnb-dark-token-color-text-neutral-onlight
Verdi

Dark text Neutral Subtle

CSS token
--dnb-dark-token-color-text-neutral-subtle
Verdi

Dark text Neutral Subtle Ondark

CSS token
--dnb-dark-token-color-text-neutral-subtle-ondark
Verdi

Dark text Positive

CSS token
--dnb-dark-token-color-text-positive
Verdi

Dark text Positive Inverse

CSS token
--dnb-dark-token-color-text-positive-inverse
Verdi

Dark text Selected

CSS token
--dnb-dark-token-color-text-selected
Verdi

Dark text Warning

CSS token
--dnb-dark-token-color-text-warning
Verdi

Dark text Warning Inverse

CSS token
--dnb-dark-token-color-text-warning-inverse
Verdi

DNB Dark - Icon

Design tokens og detaljer

Dark icon Action

CSS token
--dnb-dark-token-color-icon-action
Verdi

Dark icon Action Alternative Ondark

CSS token
--dnb-dark-token-color-icon-action-alternative-ondark
Verdi

Dark icon Action Disabled

CSS token
--dnb-dark-token-color-icon-action-disabled
Verdi

Dark icon Action Disabled Ondark

CSS token
--dnb-dark-token-color-icon-action-disabled-ondark
Verdi

Dark icon Action Focus

CSS token
--dnb-dark-token-color-icon-action-focus
Verdi

Dark icon Action Hover

CSS token
--dnb-dark-token-color-icon-action-hover
Verdi

Dark icon Action Hover Inverse

CSS token
--dnb-dark-token-color-icon-action-hover-inverse
Verdi

Dark icon Action Hover Ondark

CSS token
--dnb-dark-token-color-icon-action-hover-ondark
Verdi

Dark icon Action Inverse

CSS token
--dnb-dark-token-color-icon-action-inverse
Verdi

Dark icon Action Ondark

CSS token
--dnb-dark-token-color-icon-action-ondark
Verdi

Dark icon Action Pressed

CSS token
--dnb-dark-token-color-icon-action-pressed
Verdi

Dark icon Action Pressed Inverse

CSS token
--dnb-dark-token-color-icon-action-pressed-inverse
Verdi

Dark icon Action Pressed Ondark

CSS token
--dnb-dark-token-color-icon-action-pressed-ondark
Verdi

Dark icon Error

CSS token
--dnb-dark-token-color-icon-error
Verdi

Dark icon Error Subtle

CSS token
--dnb-dark-token-color-icon-error-subtle
Verdi

Dark icon Info

CSS token
--dnb-dark-token-color-icon-info
Verdi

Dark icon Info Subtle

CSS token
--dnb-dark-token-color-icon-info-subtle
Verdi

Dark icon Marketing

CSS token
--dnb-dark-token-color-icon-marketing
Verdi

Dark icon Marketing Subtle

CSS token
--dnb-dark-token-color-icon-marketing-subtle
Verdi

Dark icon Neutral

CSS token
--dnb-dark-token-color-icon-neutral
Verdi

Dark icon Neutral Alternative

CSS token
--dnb-dark-token-color-icon-neutral-alternative
Verdi

Dark icon Neutral Inverse

CSS token
--dnb-dark-token-color-icon-neutral-inverse
Verdi

Dark icon Neutral Ondark

CSS token
--dnb-dark-token-color-icon-neutral-ondark
Verdi

Dark icon Neutral Static

CSS token
--dnb-dark-token-color-icon-neutral-static
Verdi

Dark icon Positive

CSS token
--dnb-dark-token-color-icon-positive
Verdi

Dark icon Positive Subtle

CSS token
--dnb-dark-token-color-icon-positive-subtle
Verdi

Dark icon Selected

CSS token
--dnb-dark-token-color-icon-selected
Verdi

Dark icon Selected Ondark

CSS token
--dnb-dark-token-color-icon-selected-ondark
Verdi

Dark icon Warning

CSS token
--dnb-dark-token-color-icon-warning
Verdi

Dark icon Warning Subtle

CSS token
--dnb-dark-token-color-icon-warning-subtle
Verdi

DNB Dark - Stroke

Design tokens og detaljer

Dark stroke Action

CSS token
--dnb-dark-token-color-stroke-action
Verdi

Dark stroke Action Alternative

CSS token
--dnb-dark-token-color-stroke-action-alternative
Verdi

Dark stroke Action Alternative Ondark

CSS token
--dnb-dark-token-color-stroke-action-alternative-ondark
Verdi

Dark stroke Action Disabled

CSS token
--dnb-dark-token-color-stroke-action-disabled
Verdi

Dark stroke Action Disabled Ondark

CSS token
--dnb-dark-token-color-stroke-action-disabled-ondark
Verdi

Dark stroke Action Focus

CSS token
--dnb-dark-token-color-stroke-action-focus
Verdi

Dark stroke Action Focus Subtle

CSS token
--dnb-dark-token-color-stroke-action-focus-subtle
Verdi

Dark stroke Action Hover

CSS token
--dnb-dark-token-color-stroke-action-hover
Verdi

Dark stroke Action Hover Inverse

CSS token
--dnb-dark-token-color-stroke-action-hover-inverse
Verdi

Dark stroke Action Hover Ondark

CSS token
--dnb-dark-token-color-stroke-action-hover-ondark
Verdi

Dark stroke Action Inverse

CSS token
--dnb-dark-token-color-stroke-action-inverse
Verdi

Dark stroke Action Ondark

CSS token
--dnb-dark-token-color-stroke-action-ondark
Verdi

Dark stroke Action Pressed

CSS token
--dnb-dark-token-color-stroke-action-pressed
Verdi

Dark stroke Action Pressed Inverse

CSS token
--dnb-dark-token-color-stroke-action-pressed-inverse
Verdi

Dark stroke Action Pressed Ondark

CSS token
--dnb-dark-token-color-stroke-action-pressed-ondark
Verdi

Dark stroke Error

CSS token
--dnb-dark-token-color-stroke-error
Verdi

Dark stroke Info

CSS token
--dnb-dark-token-color-stroke-info
Verdi

Dark stroke Marketing

CSS token
--dnb-dark-token-color-stroke-marketing
Verdi

Dark stroke Neutral

CSS token
--dnb-dark-token-color-stroke-neutral
Verdi

Dark stroke Neutral Alternative

CSS token
--dnb-dark-token-color-stroke-neutral-alternative
Verdi

Dark stroke Neutral Bold

CSS token
--dnb-dark-token-color-stroke-neutral-bold
Verdi

Dark stroke Neutral Ondark

CSS token
--dnb-dark-token-color-stroke-neutral-ondark
Verdi

Dark stroke Neutral Subtle

CSS token
--dnb-dark-token-color-stroke-neutral-subtle
Verdi

Dark stroke Positive

CSS token
--dnb-dark-token-color-stroke-positive
Verdi

Dark stroke Selected

CSS token
--dnb-dark-token-color-stroke-selected
Verdi

Dark stroke Selected Ondark

CSS token
--dnb-dark-token-color-stroke-selected-ondark
Verdi

Dark stroke Warning

CSS token
--dnb-dark-token-color-stroke-warning
Verdi

DNB Dark - Decorative

Design tokens og detaljer

Dark decorative First Base

CSS token
--dnb-dark-token-color-decorative-first-base
Verdi

Dark decorative First Base Static

CSS token
--dnb-dark-token-color-decorative-first-base-static
Verdi

Dark decorative First Bold

CSS token
--dnb-dark-token-color-decorative-first-bold
Verdi

Dark decorative First Bold Static

CSS token
--dnb-dark-token-color-decorative-first-bold-static
Verdi

Dark decorative First Intense

CSS token
--dnb-dark-token-color-decorative-first-intense
Verdi

Dark decorative First Intense Static

CSS token
--dnb-dark-token-color-decorative-first-intense-static
Verdi

Dark decorative First Muted

CSS token
--dnb-dark-token-color-decorative-first-muted
Verdi

Dark decorative First Muted Static

CSS token
--dnb-dark-token-color-decorative-first-muted-static
Verdi

Dark decorative First Subtle

CSS token
--dnb-dark-token-color-decorative-first-subtle
Verdi

Dark decorative First Subtle Static

CSS token
--dnb-dark-token-color-decorative-first-subtle-static
Verdi

Dark decorative Second Base

CSS token
--dnb-dark-token-color-decorative-second-base
Verdi

Dark decorative Second Base Static

CSS token
--dnb-dark-token-color-decorative-second-base-static
Verdi

Dark decorative Second Bold

CSS token
--dnb-dark-token-color-decorative-second-bold
Verdi

Dark decorative Second Bold Static

CSS token
--dnb-dark-token-color-decorative-second-bold-static
Verdi

Dark decorative Second Intense

CSS token
--dnb-dark-token-color-decorative-second-intense
Verdi

Dark decorative Second Intense Static

CSS token
--dnb-dark-token-color-decorative-second-intense-static
Verdi

Dark decorative Second Muted

CSS token
--dnb-dark-token-color-decorative-second-muted
Verdi

Dark decorative Second Muted Static

CSS token
--dnb-dark-token-color-decorative-second-muted-static
Verdi

Dark decorative Second Subtle

CSS token
--dnb-dark-token-color-decorative-second-subtle
Verdi

Dark decorative Second Subtle Static

CSS token
--dnb-dark-token-color-decorative-second-subtle-static
Verdi

Dark decorative Third Base

CSS token
--dnb-dark-token-color-decorative-third-base
Verdi

Dark decorative Third Base Static

CSS token
--dnb-dark-token-color-decorative-third-base-static
Verdi

Dark decorative Third Bold

CSS token
--dnb-dark-token-color-decorative-third-bold
Verdi

Dark decorative Third Bold Static

CSS token
--dnb-dark-token-color-decorative-third-bold-static
Verdi

Dark decorative Third Intense

CSS token
--dnb-dark-token-color-decorative-third-intense
Verdi

Dark decorative Third Intense Static

CSS token
--dnb-dark-token-color-decorative-third-intense-static
Verdi

Dark decorative Third Muted

CSS token
--dnb-dark-token-color-decorative-third-muted
Verdi

Dark decorative Third Muted Static

CSS token
--dnb-dark-token-color-decorative-third-muted-static
Verdi

Dark decorative Third Subtle

CSS token
--dnb-dark-token-color-decorative-third-subtle
Verdi

Dark decorative Third Subtle Static

CSS token
--dnb-dark-token-color-decorative-third-subtle-static
Verdi

DNB Dark - Component

Design tokens og detaljer

Dark component Button Background Action

CSS token
--dnb-dark-token-color-component-button-background-action
Verdi

Dark component Button Background Action Destructive

CSS token
--dnb-dark-token-color-component-button-background-action-destructive
Verdi

Dark component Button Background Action Destructive Hover

CSS token
--dnb-dark-token-color-component-button-background-action-destructive-hover
Verdi

Dark component Button Background Action Destructive Hover Subtle

CSS token
--dnb-dark-token-color-component-button-background-action-destructive-hover-subtle
Verdi

Dark component Button Background Action Destructive Pressed

CSS token
--dnb-dark-token-color-component-button-background-action-destructive-pressed
Verdi

Dark component Button Background Action Destructive Pressed Subtle

CSS token
--dnb-dark-token-color-component-button-background-action-destructive-pressed-subtle
Verdi

Dark component Button Background Action Hover

CSS token
--dnb-dark-token-color-component-button-background-action-hover
Verdi

Dark component Button Icon Action

CSS token
--dnb-dark-token-color-component-button-icon-action
Verdi

Dark component Button Icon Action Destructive

CSS token
--dnb-dark-token-color-component-button-icon-action-destructive
Verdi

Dark component Button Icon Action Destructive Hover

CSS token
--dnb-dark-token-color-component-button-icon-action-destructive-hover
Verdi

Dark component Button Icon Action Destructive Pressed

CSS token
--dnb-dark-token-color-component-button-icon-action-destructive-pressed
Verdi

Dark component Button Icon Action Disabled

CSS token
--dnb-dark-token-color-component-button-icon-action-disabled
Verdi

Dark component Button Icon Action Hover

CSS token
--dnb-dark-token-color-component-button-icon-action-hover
Verdi

Dark component Button Icon Neutral

CSS token
--dnb-dark-token-color-component-button-icon-neutral
Verdi

Dark component Button Icon Neutral Destructive

CSS token
--dnb-dark-token-color-component-button-icon-neutral-destructive
Verdi

Dark component Button Icon Neutral Ondark

CSS token
--dnb-dark-token-color-component-button-icon-neutral-ondark
Verdi

Dark component Button Stroke Action

CSS token
--dnb-dark-token-color-component-button-stroke-action
Verdi

Dark component Button Stroke Action Destructive

CSS token
--dnb-dark-token-color-component-button-stroke-action-destructive
Verdi

Dark component Button Stroke Action Destructive Hover

CSS token
--dnb-dark-token-color-component-button-stroke-action-destructive-hover
Verdi

Dark component Button Stroke Action Destructive Pressed

CSS token
--dnb-dark-token-color-component-button-stroke-action-destructive-pressed
Verdi

Dark component Button Stroke Action Hover

CSS token
--dnb-dark-token-color-component-button-stroke-action-hover
Verdi

Dark component Button Stroke Selected

CSS token
--dnb-dark-token-color-component-button-stroke-selected
Verdi

Dark component Button Text Action

CSS token
--dnb-dark-token-color-component-button-text-action
Verdi

Dark component Button Text Action Destructive

CSS token
--dnb-dark-token-color-component-button-text-action-destructive
Verdi

Dark component Button Text Action Destructive Hover

CSS token
--dnb-dark-token-color-component-button-text-action-destructive-hover
Verdi

Dark component Button Text Action Destructive Pressed

CSS token
--dnb-dark-token-color-component-button-text-action-destructive-pressed
Verdi

Dark component Button Text Action Disabled

CSS token
--dnb-dark-token-color-component-button-text-action-disabled
Verdi

Dark component Button Text Action Hover

CSS token
--dnb-dark-token-color-component-button-text-action-hover
Verdi

Dark component Button Text Action Hover Inverse

CSS token
--dnb-dark-token-color-component-button-text-action-hover-inverse
Verdi

Dark component Button Text Action Hover Ondark

CSS token
--dnb-dark-token-color-component-button-text-action-hover-ondark
Verdi

Dark component Button Text Action Inverse

CSS token
--dnb-dark-token-color-component-button-text-action-inverse
Verdi

Dark component Button Text Action Ondark

CSS token
--dnb-dark-token-color-component-button-text-action-ondark
Verdi

Dark component Button Text Neutral

CSS token
--dnb-dark-token-color-component-button-text-neutral
Verdi

Dark component Button Text Neutral Destructive

CSS token
--dnb-dark-token-color-component-button-text-neutral-destructive
Verdi

Dark component Button Text Neutral Inverse

CSS token
--dnb-dark-token-color-component-button-text-neutral-inverse
Verdi

Dark component Button Text Neutral Ondark

CSS token
--dnb-dark-token-color-component-button-text-neutral-ondark
Verdi

Dark component Dimmer Background

CSS token
--dnb-dark-token-color-component-dimmer-background
Verdi

Dark component Progressbar Neutral Onsubtle

CSS token
--dnb-dark-token-color-component-progressbar-neutral-onsubtle
Verdi

Dark component Switch Action Disabled Ondark

CSS token
--dnb-dark-token-color-component-switch-action-disabled-ondark
Verdi

Dark component Tooltip Background Neutral

CSS token
--dnb-dark-token-color-component-tooltip-background-neutral
Verdi