feat(ffe-core): ny fargepalett med semantiske variabler. #2406
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
feat(ffe-core): ny fargepalett med semantiske variabler. |
antidecaf
requested changes
Nov 4, 2024
tuva-odegard
force-pushed
the
semantiske-farger
branch
3 times, most recently
from
45251b0 to
e3eaf18
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2406.westeurope.2.azurestaticapps.net |
pethel
previously approved these changes
Nov 5, 2024
antidecaf
previously approved these changes
Nov 5, 2024
tuva-odegard
force-pushed
the
semantiske-farger
branch
from
e3eaf18 to
8db28c7
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2406.westeurope.2.azurestaticapps.net |
pethel
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Designsystemet har fått en ny fargepalett.
Den består av PRIMITIVES, som er 0-1000 varianter av en farge (fjell, vann, osv). Disse skal helst ikke brukes direkte.
Det neste laget er SEMANTIC VARIABLES. Det er en semantisk bruk av fargene. Disse bruker vi i designsystemets komponenter. Darkmode er bakt inn i de semantiske lagene, så hver komponent trenger ikke bry seg med dark mode. De semantiske variablene har følgende oppbygning:
ffe-color-{type}-{variant}-{state}. For eksempelffe-color-border-primary-default.En oppdatering av komponenten til å bruke semantiske variabler skal ikke trenge å medføre en endring for bruken, med mindre dere har lagt til egen styling.