[CDB] Dark Mode

MedCo · Post by **MedCo** » Tue Apr 09, 2019 11:19 am

Too bad there is no more support.

**My CDB Contributions** · Post by **HiFiKabin** » Tue Apr 09, 2019 12:07 pm

MedCo wrote: ↑Tue Apr 09, 2019 11:19 am Too bad there is no more support.

The OP last logged in 2 days ago. By asking your support question they will respond as soon as they are able to. Remember, all team members and community members here are volunteers, so we ask you to be patient.

Remember, the more detail you are able to give for your question the more likely you are to get a solution.

Aurelienazerty · Post by **Aurelienazerty** » Tue Apr 09, 2019 3:14 pm

MedCo wrote: ↑Fri Mar 29, 2019 1:29 am I use prosilver. The background is a photo. This should remain unchanged when using the extension.

Indeed, but you make too much personalisation for prosilver. My extension is for general case, I'll not make support for all exotic case.

The way to have what you want should be :

Make a folder named prosilver, and subdirectories theme
Copy the /ext/Aurelienazerty/darkMode/styles/all/theme/darkmode.css in /ext/Aurelienazerty/darkMode/styles/prosilver/theme/darkmode.css (the directory et sub directory you made)
Edit the darkmode.css
Line 5, replace .darkmode img, .darkmode iframe, .darkmode video { by .darkmode img, .darkmode iframe, .darkmode video, .darkmode .headerbar {
Line 25, replace img, iframe, video { by img, iframe, video, .headerbar {

HiFiKabin wrote: ↑Tue Apr 09, 2019 12:07 pm
MedCo wrote: ↑Tue Apr 09, 2019 11:19 am Too bad there is no more support.
The OP last logged in 2 days ago. By asking your support question they will respond as soon as they are able to. Remember, all team members and community members here are volunteers, so we ask you to be patient.

Remember, the more detail you are able to give for your question the more likely you are to get a solution.

Indeed, I'm a volunteers. I share for all a feature I made for me.

MedCo · Post by **MedCo** » Wed Apr 10, 2019 4:57 pm

Hello, I didn't mean to be a nuisance.
I made the changes. Unfortunately no effect.
I just wanted the background to remain unchanged.
Thanks.

http://colombia.bplaced.net/index.php

EA117 · Post by **EA117** » Wed Apr 10, 2019 5:36 pm

MedCo wrote: ↑Wed Apr 10, 2019 4:57 pm
Aurelienazerty wrote: ↑Tue Apr 09, 2019 3:14 pm
Line 5, replace .darkmode img, .darkmode iframe, .darkmode video { by .darkmode img, .darkmode iframe, .darkmode video, .darkmode .headerbar {
Line 25, replace img, iframe, video { by img, iframe, video, .headerbar {

I made the changes. Unfortunately no effect.

The image he is looking to "exclude from dark mode" is the background property attached to <body>, not .headerbar.

I'm guessing the background image will first need to be moved onto it's own unique <div>, in order to single it out for exclusion. And then cite the path of that new <div> in the changes that were proposed, instead of citing .headerbar.

Unless there is still some trick to exclude the <body> element, without causing the effect to be lost for "everything."

Agreed this is all very personalized customization. For the general case, it actually is appropriate that the background should be affected by dark mode, same as everything else. Whether it was an image, solid color, gradient, etc.

fagbutlil · Post by **fagbutlil** » Fri Apr 12, 2019 7:37 am

My version off this that was made before the OP posted this version is way better than this one

no edits needed for other styles

Aurelienazerty · Post by **Aurelienazerty** » Fri Apr 12, 2019 12:15 pm

fagbutlil wrote: ↑Fri Apr 12, 2019 7:37 am My version off this that was made before the OP posted this version is way better than this one no edits needed for other styles

Fantastic

andreask · Post by **andreask** » Sat Apr 13, 2019 12:06 am

Subscribed and waiting for beta to give it a go!
this is a long waiting function from my members!
Thank you very much for your time and effort!

andreask · Post by **andreask** » Sat Apr 13, 2019 5:05 pm

OK update... (sorry for the double post)

I've installed it on one of my test drives...
And it messes up with the ads.
I use both "Adsense & Ads" AND "Advertisement Management"!
Here is an example...

Sorry for the "ads"!
Same goes for all the ads that are on the board.
It would be nice if it was possible to darken them, because some are quite colorful or bright...
But I don't know if that breaks any of the "google rules".

Oh it also messes up the banner/logo, it does the same thing as with ads.
I use "Site logo (3.2)" to have a custom logo/banner.

paulie · Post by **paulie** » Sat Apr 13, 2019 7:45 pm

fagbutlil wrote: ↑Fri Apr 12, 2019 7:37 am My version off this that was made before the OP posted this version is way better than this one no edits needed for other styles

So where is your 'version' then please?

Aurelienazerty · Post by **Aurelienazerty** » Mon Apr 15, 2019 7:35 am

andreask wrote: ↑Sat Apr 13, 2019 5:05 pm OK update... (sorry for the double post)

I've installed it on one of my test drives...
And it messes up with the ads.
I use both "Adsense & Ads" AND "Advertisement Management"!
Here is an example...

Sorry for the "ads"!
Same goes for all the ads that are on the board.
It would be nice if it was possible to darken them, because some are quite colorful or bright...
But I don't know if that breaks any of the "google rules".

Oh it also messes up the banner/logo, it does the same thing as with ads.
I use "Site logo (3.2)" to have a custom logo/banner.

The good way is to make an CSS exeption for this ads. Is the contener have a class or unique identification ?

Aurelienazerty · Post by **Aurelienazerty** » Sun Apr 28, 2019 8:26 am

A made some change for ads

andreask · Post by **andreask** » Sun Aug 11, 2019 9:57 pm

Hello,

Here to report some issues from me and my users.

This has happened so far in chrome and firefox.

1. Dark mode for some reasons persist. Meaning that it is on dark mode while it's not been selected to be on dark mode.
This makes the browser some times laggy to scroll up/down.
Deleting cache in browser does not help. Deleting cache in forum does not help. Incognito/private mode in browser also does not help.

2. Some times going from dark mode to light mode breaks the images.
See avatars bellow to see what I mean.

Thanks for your time and effort.

Aurelienazerty · Post by **Aurelienazerty** » Mon Aug 12, 2019 8:24 pm

Hello,

Try to delete line 17 to 37 in darkMode/styles/all/theme/darkmode.css :

Code: Select all

/** La suite est un copier coller sans le .darkmode */
@media (prefers-color-scheme: dark) {

  html {
    filter: invert(1) hue-rotate(.5turn);
  }

  img, iframe, video, .adsbygoogle {
    filter: invert(1) hue-rotate(.5turn);
  }

  img:not(:hover) {
    opacity: .7;
    transition: opacity .25s ease-in-out;
  }
  
  .headerbar {
		background-image: none;
  }
}

3Di · Post by **3Di** » Mon Aug 12, 2019 9:23 pm

Is there a "purge cache" in action when the CSS changes?