devtron icon indicating copy to clipboard operation
devtron copied to clipboard

Feature: Customizable UI Themes in Devtron

Open satyampsoni opened this issue 10 months ago • 0 comments

Description

The Devtron dashboard has support for a light and dark theme. Expand on the available choice of theme options that will look pleasing to the users. Some of the theme options can include

Deliverable

  • Implement the theme across all components of the dashboard.
  • Maintain uniform styling for all elements, including typography, colors, and spacing.
  • Ensure that buttons, links, and other clickable components are clearly distinguishable and visually responsive.
  • Verify that the theme is correctly applied across different screens and user flows.
  • Ensure proper accessibility by confirming proper contrast, readability, and keyboard navigation for usability.
  • A brief documentation on how to use, modify, and extend the theme in the future.

Key Competencies:

  • Basic knowledge of programming languages
  • CSS
  • A willingness and eagerness to learn new and implement new technologies

Recommended Skills to have:

  • React
  • JavaScript & TypeScript
  • SCSS

Mentors: Vivek Pandey, Shivani Bhatt, Eshank Vaish Skill Level: Easy, Medium Time: ~90 hrs

satyampsoni avatar Feb 10 '25 15:02 satyampsoni