Admin Dark Mode

[flydev]

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.

?

[bernhard]

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 ? 

[flydev]

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 :?

 

[maki3000]

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