refactor(src/shared/styles): replace hardcoded CSS values with design token variables

Introduce consistent design tokens for radii and colors, replacing alpha() and hardcoded values with theme variables for easier theming and maintenance.

- New Features:   - Add CSS variable usage for radii (var(--radius-*)) and color tokens (@border-subtle, @text-main, @accent)
- Enhancements:
  - Replace hardcoded border, radius, and color definitions with variable references
  - Align styling with the project's theme system
- Bug Fixes:
  - No bug fixes included
This commit is contained in:
sankalp committed 2026-05-14 15:31:01 +05:45
1 parent 60c63308db
commit 5502f85dd1
18 files changed
+340 -314

No files matched your search

+3 -3
View File
@@ -1,6 +1,6 @@
#application-switcher-container {
background-color: var(--shadow);
border-radius: 20px;
border-radius: var(--radius-xl);
padding: 24px;
}
@@ -17,7 +17,7 @@
#window-button {
background-color: transparent;
border-radius: 12px;
border-radius: var(--radius-md);
}
#window-button.active {
@@ -39,7 +39,7 @@
}
#switcher-icon-box {
border-radius: 12px;
border-radius: var(--radius-md);
padding: 4px;
}