[Remove Vuetify from Studio] Do not use hardcoded colors in 'Request more space' form #5094
Description
🙂 Looking for an issue? Welcome! This issue is open for contribution. If this is the first time you’re requesting an issue, please:
- Read Contributing guidelines carefully. Pay extra attention to Using generative AI. Pull requests and comments that don’t follow the guidelines won’t be answered.
- Confirm that you’ve read the guidelines in your comment.
Sub-issue of #5060.
Complexity: Low
Summary
On 'Request more space' form in Settings > Storage, there are several hardcoded colors used, for example:
or
and possibly more places.
Search for all hardcoded colors in Storage/RequestForm and replace them with the most appropriate KDS tokens or palette.
How to get there
- Login as
[email protected]with passworda - Go to Settings > Storage
- In 'Request more space' section, click 'Open form' button
Guidance
- Read the project this issue is part of
- See Colors > Usage on how to use design system colors from code.
Out of Scope
- Do not refactor any other areas of the codebase
Expected UI/UX changes
- Minor visual differences naturally stemming from the use of KDS
- May be very slightly different shades of some colors
Acceptance criteria
- The specification above is followed.
- Except for "Expected UI/UX changes," there are no functional or visual differences in user experience.
- All user interactions are manually tested with no regressions.
- Pull request includes screenshots.