question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[FEATURE] Lighten or Desaturate Color Variables in Dark Mode

See original GitHub issue

Is 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:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:7

github_iconTop GitHub Comments

3reactions
danny007incommented, Dec 15, 2020

I will do this implementation

0reactions
glavrjkcommented, Mar 14, 2021

Fixed in #3492

Thank you so much. Waiting for release 3.1 😄

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found