Skip to content

Difference between Figma Variables and DB UX Core CSS Varibles #6394

@sonjaka

Description

@sonjaka

Which generators are affected?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

The Color scheme for db-neutral-on-bg-basic-emphasis-50-default is incorrect / differs from the Variable Definitions in the DB UX Figma Specification.

This leads to the color for -emphasis-50 to appear darker than -emphasis-60 in light mode, even though it should be the other way round (can be seen in the DB UX website in the "Color Schemes" page, section "3. On background color modifier
": https://design-system.deutschebahn.com/core-web/version/v4.5.4/foundations/colors/color-schemes)

Currently it's defined as:

--db-neutral-on-bg-basic-emphasis-50-default: light-dark(
	var(--db-neutral-9),
	var(--db-neutral-5)
);

Expected Behaviour

If in line with the Figma Files, the values should be:

--db-neutral-on-bg-basic-emphasis-50-default: light-dark(
	var(--db-neutral-12),
	var(--db-neutral-3)
);

Screenshots

Image

Browser version

None

Add any other context about the problem here.

No response

Which DB business unit do you work for?

DB Systel GmbH (please name your customer below)

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

DB AG

What project are you working on?

OrgData

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions