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 canceled.

Name	Link
🔨 Latest commit	4260f12
🔍 Latest deploy log	https://app.netlify.com/sites/heartex-docs/deploys/67e714f1c49386000818f1ab

[netlify]

✅ Deploy Preview for label-studio-docs-new-theme canceled.

Name	Link
🔨 Latest commit	4260f12
🔍 Latest deploy log	https://app.netlify.com/sites/label-studio-docs-new-theme/deploys/67e714f180c224000865b0af

[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.34%. Comparing base (5a78c3b) to head (4260f12).
Report is 13 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #6550   +/-   ##
========================================
  Coverage    77.34%   77.34%           
========================================
  Files          188      188           
  Lines        14596    14596           
========================================
  Hits         11289    11289           
  Misses        3307     3307           

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

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.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[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

[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

[netlify]

✅ Deploy Preview for label-studio-storybook ready!

Name	Link
🔨 Latest commit	4260f12
🔍 Latest deploy log	https://app.netlify.com/sites/label-studio-storybook/deploys/67e714f18e8cb40008bcb5f9
😎 Deploy Preview	https://deploy-preview-6550--label-studio-storybook.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.