Notes: Migrate to section tokens to unbox darkmode

Sascha Eggenbergerrequested to merge
notes-darkmode-migration-to-section-tokens into master

What does this MR do and why?

Notes: Migrate to section tokens to unbox darkmode

  • Uses section backgrounds and section borders
  • Updates design management bubble color in darkmode
  • Dosen't introduce changes in lightmode, only scoped to darkmode

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
dark_before dark_after
light_before light_after
dark2_before dark2_after
light2_before light2_after
dark3_before dark3_after
light3_before light3_after
dark4_before dark4_after
light4_before light4_after

How to set up and validate locally

  1. Issuable: http://gdk.test:3000/flightjs/Flight/-/issues/38
  2. MR: http://gdk.test:3000/flightjs/Flight/-/merge_requests/4
  3. Commit: http://gdk.test:3000/flightjs/Flight/-/commit/733761d86af44ab023157c14c5c6f2439f02db87

Related to #474922 (closed), gitlab-org/foundations&6 (closed)

Edited by Sascha Eggenberger

Merge request reports