[FEATURE] Lighten or Desaturate Color Variables in Dark Mode
See original GitHub issueIs your feature request related to a problem? Please describe. Regards. I have a small problem with the new dark mode of the 3.1-RC, although for me the choice of dark tones is correct. The default color palette is too saturated and in my project where the primary and secondary colors are quite strong it really looks awful. Describe the solution you’d like My question is if there is a way to overwrite the variable values when dark mode in the body class is active? Something like this:
if ($dark_mode == true) {
$primary = lighten($primary, $percent);
}
// OR
.dark-mode {
$primary = lighten($primary, $percent);
}
Thank you and sorry for my google translator english… 😄
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:7
Top Results From Across the Web
CSS Variables Guide: Color Manipulation and Dark Mode
Create dark mode for your app/website with CSS variables (custom properties) in a pleasant way; How to migrate from spreading colors all over ......
Read more >Controlling color with Sass color functions - Thoughtbot
Controlling color with Sass color functions · Darken & Lighten · Saturate, & Desaturate · Adjust-hue · Adding Alpha Transparency · Tint &...
Read more >How to create color shades using CSS variables similar to ...
Makes a color darker. Takes a color and a number between 0% and 100%, and returns a color with the lightness decreased by...
Read more >Create switchable styles from light to dark mode in Figma
Changeable color styles apply for both Light and Dark modes respectively, and they both can be further broken down into two main categories...
Read more >Implementing Dark Mode - Steven Woodson
The first issue I realized I had was that SCSS variables wouldn't let me swap colors without having basically all styles duplicated for...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I will do this implementation
Thank you so much. Waiting for release 3.1 😄