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	0d2856d
🔍 Latest deploy log	https://app.netlify.com/sites/heartex-docs/deploys/680fa67c27edf80008463b28

[netlify]

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

Name	Link
🔨 Latest commit	0d2856d
🔍 Latest deploy log	https://app.netlify.com/sites/label-studio-docs-new-theme/deploys/680fa67c27edf80008463b2e

[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 78.40%. Comparing base (665f1b5) to head (0d2856d).
Report is 13 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #6550   +/-   ##
========================================
  Coverage    78.40%   78.40%           
========================================
  Files          193      193           
  Lines        15624    15624           
========================================
  Hits         12250    12250           
  Misses        3374     3374           

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

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

[robot-ci-heartex]

Follow Merge downstream workflow has been failed.

Workflow run

[AndrejOros]

/fm sync

Workflow run