Jump to content

Admin Dark Mode


flydev
 Share

Recommended Posts

From mobile, but try that:

on the bottom of your less variables, write:

:root {
  —rf-primary: @rf-primary;
}
 

Then save and refresh, you can now from your CSS module just call like :

.rock-textfield {
  color: var(—rf-primary);

}

You will see exposed var in the devtool too. And then we will be able to use ‘inverse’ color without overriding everything.

🙂

  • Like 1
Link to comment
Share on other sites

Yes, that's easy of course, but UIkit relies on the primary color in many places... there is .uk-background-primary, .uk-section-primary, .uk-button-primary etc etc.

All those places would still show up with the less-defined primary color. I think porting all that to css variables would be a huge effort. But I'm happy if I'm wrong and you show me how it can be done easily 🙂 

https://github.com/uikit/uikit/issues/4534 --> my like has been there for quite a while 😄 

Link to comment
Share on other sites

There are not so many, it's only the vars of the pw-theme that need to be done.

For the native dark theme (inverse), you can try it by adding `uk-dark` to the body, but will also see that there are some hardcoded value (like the background with #fff) in the pw theme.

Will make a example, with a simple script, we can automate the vars declaration 🙂 stay tuned.

Example :👇

 

0.png

1.png

2.png

  • Like 2
Link to comment
Share on other sites

  • 6 months later...

Hey, thanks for this theme. I really like the magenta color (although it was a bit overused some years ago).

I made a very small PR:

  • I really want to see quickly, where I can click, so I added an underline to links inside the content body
  • the image background wasn't dark yet in edit entry
  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...