Skip to content

chore: new color palette with darkmode support (refs SFKUI-6500) - #1174

Draft
jaken22 wants to merge 1 commit into
mainfrom
chore/new-color-palette-preview
Draft

chore: new color palette with darkmode support (refs SFKUI-6500)#1174
jaken22 wants to merge 1 commit into
mainfrom
chore/new-color-palette-preview

Conversation

@jaken22

@jaken22 jaken22 commented Mar 30, 2026

Copy link
Copy Markdown
Contributor

Uppdaterar till den nya färgpaletten:

  • Mappar om semantiska färgtokens i theme-default till nya palettfärger för light/dark.
  • Uppdaterar publicerad Sass-palett och palette.json till nya palettnamn/färger.
  • Uppdaterar theme-desktop med samma nya palett som theme-default.
  • Flyttar gamla palettvärden till en intern deprecated-palett så deprecated CSS-variabler fortsatt får gamla hexvärden.
  • Uppdaterar docs-temats direkta palettanvändning till nya palettnamn.

Huvuddragen av det som är gjort i nya paletten:

  • Generaliserad namnsättning. fk-black -> neutral, bluebell -> blue, a-green+b-green -> green.
  • Standardiserad namnsättning med 50-900 skala.
  • Utökning av palettfärger för att stödja darkmode.
  • Kontrastsäkring i komponenter i både ljust och mörkt läge. Behöver dock ytterligare testning.

@jaken22 jaken22 closed this Mar 30, 2026
@github-actions

github-actions Bot commented Mar 30, 2026

Copy link
Copy Markdown

Artifact sizes

Artifact sizes in this build (unchanged artifacts collapsed below).

Artifact Files Size Change
@fkui/design 2 file(s) 197.7KiB → 197.7KiB (-15B) -0.01%
7 unchanged artifacts
Artifact Files Size
@fkui/date (esm) 1 file(s) 31.8KiB
@fkui/logic (esm) 1 file(s) 161.5KiB
@fkui/vue (esm) 1 file(s) 1.2MiB
@fkui/vue (FBadge bundle) 1 file(s) 339.2KiB
@fkui/vue/cypress 1 file(s) 80.1KiB
@fkui/vue/selectors 1 file(s) 18.3KiB
@fkui/vue-labs (esm) 1 file(s) 147.4KiB

@github-actions

github-actions Bot commented Mar 30, 2026

Copy link
Copy Markdown

Förhandsgranskning 🐛 🔍

Dokumentation och exampel applikationer finns att förhandsgranska på:

Sida URL
Dokumentation https://Forsakringskassan.github.io/designsystem/pr-preview/pr-1174/
Vue Sandbox https://Forsakringskassan.github.io/designsystem/pr-preview/pr-1174/vue-sandbox
Applikationsmall https://Forsakringskassan.github.io/designsystem/pr-preview/pr-1174/examples/page-layout

Exempel för testning:

Sida URL
Tabell https://Forsakringskassan.github.io/designsystem/pr-preview/pr-1174/examples/table

Senast uppdaterad 2026-08-26 06:50 UTC i gh-pages.

@jaken22 jaken22 changed the title Testapp med ny färgpalett och stöd för dark mode (refs SFKUI-6500) chore: new color palette with test app and darkmode support (refs SFKUI-6500) Mar 30, 2026
@jaken22 jaken22 reopened this Mar 30, 2026
@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch from db17ad3 to 1769c18 Compare March 30, 2026 12:12
@Forsakringskassan Forsakringskassan deleted a comment from github-actions Bot Mar 30, 2026
@github-actions

Copy link
Copy Markdown

CHANGELOG

No commits contributing to a release was found, no changelog entries will be added for this Pull Request.

If this PR should be included in a release amend the commit message(s) to use:

  • fix: for a patch version or
  • feat: for minor version.

Read more about the release process (swedish).

@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch 2 times, most recently from f32756a to ae0dd90 Compare March 30, 2026 12:37

@ext ext left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Jag har inga åsikter om färgerna som så, ändringarna i theme-default ser bra ut. Vet inte om avsikten är att senare merga detta men sätter ✅ så denna PR försvinner från min "att granska" lista.

Ifall den ska mergas så återställ sandbox innan merge:

  • återställ sandbox

Bra jobbat! Hoppas du får igenom färgerna.

@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch 2 times, most recently from 2577ba4 to d47372d Compare April 10, 2026 13:24
@ext ext added the proof of concept Not meant to be merged (yet) label Apr 10, 2026
@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch 3 times, most recently from 1100386 to ced5616 Compare April 21, 2026 08:23
@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch from ced5616 to 4d9da8f Compare May 27, 2026 10:19
@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch from 4d9da8f to 2f66d19 Compare June 15, 2026 10:35
@jaken22 jaken22 changed the title chore: new color palette with test app and darkmode support (refs SFKUI-6500) chore: new color palette with darkmode support (refs SFKUI-6500) Jun 15, 2026
@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch from 2f66d19 to c3c21d6 Compare June 15, 2026 12:14
@jaken22
jaken22 force-pushed the chore/new-color-palette-preview branch from c3c21d6 to 36bcb99 Compare August 26, 2026 06:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

proof of concept Not meant to be merged (yet)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants