Description:
I would like to request the addition of a new functionality within Oxygen's design system - the ability to generate color shades for Global Colors. Currently, Oxygen Global Colors provide an excellent way to maintain color consistency across a website. However, I believe the addition of color shades would greatly enhance the versatility and efficiency of this feature.
Use Case:
I am currently using Oxygen Global Colors extensively in my website projects. They simplify the process of maintaining a consistent color palette throughout the site. However, when it comes to working with different shades of these global colors, I find myself manually calculating and specifying the shades using HSL or HEX values in my CSS, which is a time-consuming process.
Requested Functionality:
I propose that Oxygen should allow users to define and generate color shades for Global Colors directly within the platform. This feature would enable users to:
Create Shades: Users should have the option to specify the number of shades they want for a particular Global Color. For instance, they could generate lighter and darker variations or a specified number of shades in between.
Automated Calculation: Oxygen should handle the calculation of these shades, eliminating the need for users to manually compute HSL or HEX values for each shade.
Access in CSS: These color shades should be accessible in the CSS editor, allowing users to reference them easily in their stylesheets. For example, something like color(X-shade-1) for the first shade or color(X-shade-2) for the second shade.
Benefits:
Streamlined Workflow: This feature would significantly streamline the design process by eliminating the need to manually calculate and specify color shades.
Improved Consistency: It would ensure that color shades are consistent with the Global Colors, maintaining design integrity.
Time and Effort Savings: Users would save time and effort, enhancing productivity and design efficiency.
Conclusion:
The addition of color shades to Oxygen's Global Colors would be a valuable enhancement, benefiting users who rely on this feature for maintaining consistent color palettes in their website projects. It would streamline the design process, improve workflow efficiency, and ensure design consistency.
Thank you for considering this feature request, and I hope it can be implemented in a future update of Oxygen.
Description: I would like to request the addition of a new functionality within Oxygen's design system - the ability to generate color shades for Global Colors. Currently, Oxygen Global Colors provide an excellent way to maintain color consistency across a website. However, I believe the addition of color shades would greatly enhance the versatility and efficiency of this feature.
Use Case: I am currently using Oxygen Global Colors extensively in my website projects. They simplify the process of maintaining a consistent color palette throughout the site. However, when it comes to working with different shades of these global colors, I find myself manually calculating and specifying the shades using HSL or HEX values in my CSS, which is a time-consuming process.
Requested Functionality: I propose that Oxygen should allow users to define and generate color shades for Global Colors directly within the platform. This feature would enable users to:
Benefits:
Streamlined Workflow: This feature would significantly streamline the design process by eliminating the need to manually calculate and specify color shades.
Improved Consistency: It would ensure that color shades are consistent with the Global Colors, maintaining design integrity.
Time and Effort Savings: Users would save time and effort, enhancing productivity and design efficiency.
Conclusion: The addition of color shades to Oxygen's Global Colors would be a valuable enhancement, benefiting users who rely on this feature for maintaining consistent color palettes in their website projects. It would streamline the design process, improve workflow efficiency, and ensure design consistency.
Thank you for considering this feature request, and I hope it can be implemented in a future update of Oxygen.
![Uploading shades.png…]()