refactor: update icon components to use CSS variables for fill colors

- Changed fill attributes in Upload, Video, VideoPlayIcon, hard-drive, and shield-user icons to use CSS variables for better theming.
- Removed index.ts file from icons directory as it was no longer needed.
- Updated AppButton component to support new icon sizes.
- Modified AdsVastTable to use icon buttons with updated filled icons.
- Replaced inline SVGs with icon components in NotificationSettings, SecurityAccountStatusRow, SecurityChangePasswordRow, SecurityEmailRow, SecurityLanguageRow, SecurityLogoutRow, and SecurityTelegramRow for consistency and maintainability.
- Added new CSS variables for fill colors in uno.config.ts.
This commit is contained in:
2026-03-27 00:35:53 +07:00
parent cc3f62a6a1
commit 43702e8bf7
37 changed files with 100 additions and 333 deletions

View File

@@ -242,6 +242,10 @@ export default defineConfig({
--capra-ramp-3: #ff530f;
--capra-ramp-4: #e62c6d;
--capra-ramp-5: #b25aff;
--fill1: color-mix(in srgb, var(--colors-primary-DEFAULT) 40%, transparent);
--fill2: color-mix(in srgb, var(--colors-primary-DEFAULT) 60%, transparent);
--fill3: color-mix(in srgb, var(--colors-primary-DEFAULT) 80%, transparent);
--fill4: var(--colors-primary-DEFAULT);
}
:focus {
outline-color: ${context.theme.colors?.primary?.active};