[Remove Vuetify from Studio] Do not use hardcoded colors in 'Request more space' form

[MisRob]

🙂 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:

studio/contentcuration/contentcuration/frontend/settings/pages/Storage/RequestForm.vue

Line 93 in efb74db

style="color: red"

or

studio/contentcuration/contentcuration/frontend/settings/pages/Storage/RequestForm.vue

Line 190 in efb74db

<label :style="{ color: orgSelected ? 'black' : 'gray' }">

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 user@a.com with password a
• 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.

[vtushar06]

Hi! @MisRob
I’d like to work on this issue. I’ve gone through the contributing guidelines and the design system docs. Let me know if I can take this up.
Thanks!

[AlexVelezLl]

Hey @vtushar06! Thanks for your interest in contributing to Learning Equality! I will assgn this to you! Please, let us know if you have any questions 🤗.

[vtushar06]

Thanks @AlexVelezLl! 🙌
Glad to be assigned — I’ll get started on this and will reach out if I have any questions. Looking forward to contributing! 😊

[vtushar06]

Hi @MisRob and @AlexVelezLl ,

Just wanted to follow up on my pull request #5130 related to replacing hardcoded colors in RequestForm.vue with KDS utility classes, as per issue #5094.

Let me know if there’s anything else needed or if any changes are required. Thanks again for the opportunity — excited to contribute further!