feat: OPTIC-1217: Implement Color design tokens as CSS variables and Dark Mode

[yyassi-heartex]

PR fulfills these requirements

• Commit message(s) and PR title follows the format [fix|feat|ci|chore|doc]: TICKET-ID: Short description of change made ex. fix: DEV-XXXX: Removed inconsistent code usage causing intermittent errors
• Tests for the changes have been added/updated (for bug fixes/features)
• Docs have been added/updated (for bug fixes/features)
• Best efforts were made to ensure docs/code are concise and coherent (checked for spelling/grammatical errors, commented out code, debug logs etc.)
• Self-reviewed and ran all changes on a local instance (for bug fixes/features)

Change has impacts in these area(s)

(check all that apply)

• Product design
• Backend (Database)
• Backend (API)
• Frontend

Describe the reason for change

significant improvement to ui tokens + adding the ability to toggle between Auto, Light and Dark mode

[netlify]

✅ Deploy Preview for heartex-docs ready!

Name	Link
🔨 Latest commit	25896f2
🔍 Latest deploy log	https://app.netlify.com/sites/heartex-docs/deploys/67b8c7cb63eb280008a5474f
😎 Deploy Preview	https://deploy-preview-6550--heartex-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for label-studio-docs-new-theme ready!

Name	Link
🔨 Latest commit	25896f2
🔍 Latest deploy log	https://app.netlify.com/sites/label-studio-docs-new-theme/deploys/67b8c7cb19bb990008cfe5b7
😎 Deploy Preview	https://deploy-preview-6550--label-studio-docs-new-theme.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[robot-ci-heartex]

Follow Merge downstream workflow has been failed.

Workflow run

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 77.09%. Comparing base (7d086c2) to head (25896f2).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #6550   +/-   ##
========================================
  Coverage    77.09%   77.09%           
========================================
  Files          183      183           
  Lines        14406    14406           
========================================
  Hits         11106    11106           
  Misses        3300     3300           

Flag	Coverage Δ
pytests	77.09% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[yyassi-heartex]

/git merge develop

Workflow run
Successfully merged: 7 files changed, 13 insertions(+), 13 deletions(-)

[robot-ci-heartex]

Follow Merge downstream workflow has been failed.

Workflow run

[robot-ci-heartex]

Follow Merge downstream workflow has been failed.

Workflow run

[robot-ci-heartex]

Follow Merge downstream workflow has been failed.

Workflow run

[yyassi-heartex]

/git merge develop

Workflow run
Successfully merged: create mode 100644 web/apps/labelstudio/src/pages/DataManager/api-config.example.js

[robot-ci-heartex]

Follow Merge downstream workflow has been failed.

Workflow run

[ricardoantoniocm]

/deploy

'/deploy' is an unknown pull-request command.
See '/help'

[ricardoantoniocm]

/docker build

Workflow run
Docker image was pushed with the tag 20250116.170512-fb-optic-1217-implement-d-5ebbcf275