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:
@@ -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};
|
||||
|
||||
Reference in New Issue
Block a user