Page 2 of 3

Re: [DEV] [3.2] Dark Mode

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

Re: [DEV] [3.2] Dark Mode

Posted: Tue Apr 09, 2019 12:07 pm
by HiFiKabin
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.

Re: [DEV] [3.2] Dark Mode

Posted: Tue Apr 09, 2019 3:14 pm
by Aurelienazerty
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 :
  1. Make a folder named prosilver, and subdirectories theme
  2. 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)
  3. Edit the darkmode.css
  4. Line 5, replace .darkmode img, .darkmode iframe, .darkmode video { by .darkmode img, .darkmode iframe, .darkmode video, .darkmode .headerbar {
  5. 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.

Re: [DEV] [3.2] Dark Mode

Posted: Wed Apr 10, 2019 4:57 pm
by MedCo
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

Re: [DEV] [3.2] Dark Mode

Posted: Wed Apr 10, 2019 5:36 pm
by EA117
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.

Re: [DEV] [3.2] Dark Mode

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

Re: [DEV] [3.2] Dark Mode

Posted: Fri Apr 12, 2019 12:15 pm
by Aurelienazerty
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 :lol: no edits needed for other styles :lol:
Fantastic

Re: [DEV] [3.2] Dark Mode

Posted: Sat Apr 13, 2019 12:06 am
by andreask
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!

Re: [DEV] [3.2] Dark Mode

Posted: Sat Apr 13, 2019 5:05 pm
by andreask
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...
Image
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.

Re: [DEV] [3.2] Dark Mode

Posted: Sat Apr 13, 2019 7:45 pm
by paulie
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 :lol: no edits needed for other styles :lol:
So where is your 'version' then please?

Re: [DEV] [3.2] Dark Mode

Posted: Mon Apr 15, 2019 7:35 am
by Aurelienazerty
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 ?

Re: [3.2][DEV] Dark Mode

Posted: Sun Apr 28, 2019 8:26 am
by Aurelienazerty
A made some change for ads

Re: [3.2][DEV] Dark Mode

Posted: Sun Aug 11, 2019 9:57 pm
by andreask
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.
Image

Thanks for your time and effort.

Re: [3.2][DEV] Dark Mode

Posted: Mon Aug 12, 2019 8:24 pm
by Aurelienazerty
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;
  }
}

Re: [3.2][DEV] Dark Mode

Posted: Mon Aug 12, 2019 9:23 pm
by 3Di
Is there a "purge cache" in action when the CSS changes?