Jump to content

We need a "dark mode" for the website


Recommended Posts

The website is too bright and it needs a "dark mode" to make it more comfortable for us.

I made a very simple example in GIMP. The white parts are changed to value 95, the availability box to 90 and background is set to 80.

Even this minor change makes it more comfortable to look at, while it doesn't impact the overall design.

This would be a good enough start, but others may like even darker mode.

after2.png

before.png

Link to post
Share on other sites

I've been experimenting with creating some overrides for it using Stylish (although you can pretty much override anything you want in common.css file by creating common.css under your own profile - but it's obviously better to come up with something that works in Stylish instead of making tons of edits of the file) as sort of a joke with CDPR announcements etc. but I am getting lost in all the dependencies, especially with stuff on Home page.

Link to post
Share on other sites
1 hour ago, patrxgt said:

You know, that you can just use Dark Reader extension for your browser?

Good idea, but sites like awful like this ­čś×┬áHas issues in the same places where I had it when I tried overriding styles.

Link to post
Share on other sites
On 3/29/2021 at 12:56 AM, Suicide machine said:

Good idea, but sites like awful like this ­čś×┬áHas issues in the same places where I had it when I tried overriding styles.

Try changing motive engine to filter+ and play a little with contrast and brightness sliders. For me there is no problems with Dark Reader after setting everything up right.

Link to post
Share on other sites
  • 1 month later...

Very nice. This definitely works better than the code I posted above. Especially since it still works when you're logged out. One thing i'm curious about, how did you get the controller types section to be consistent with the other rows? I remember than the HTML had an inline style for that specific element, and I wasn't able to overwrite that with the user CSS. Same with the expandable rows.

Link to post
Share on other sites
14 hours ago, Aaronth07 said:

Very nice. This definitely works better than the code I posted above. Especially since it still works when you're logged out. One thing i'm curious about, how did you get the controller types section to be consistent with the other rows? I remember than the HTML had an inline style for that specific element, and I wasn't able to overwrite that with the user CSS. Same with the expandable rows.

As you can see background for it is in html.
image.png.eaacb85f3586dc0207dc7313cbd327a2.png

image.png.49d2a1e04bf8648bbe45ed06eb36abea.png

You can just double click it, copy it and do something like this in CSS:

[style="background-color: rgb(245, 245, 245);"] {
	background: #333 !important;
}

It must be with !important at the end or it won't work, it needs to be overwritten.

Link to post
Share on other sites
8 hours ago, blyad said:

As you can see background for it is in html.
image.png.eaacb85f3586dc0207dc7313cbd327a2.png

image.png.49d2a1e04bf8648bbe45ed06eb36abea.png

You can just double click it, copy it and do something like this in CSS:


[style="background-color: rgb(245, 245, 245);"] {
	background: #333 !important;
}

It must be with !important at the end or it won't work, it needs to be overwritten.

Oh. Very interesting. I didn't realize you could change the HTML style in CSS! Well TIL. Thanks!

Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Found PCGamingWiki useful? Please consider making a Donation or visiting our Patreon.
  • Who's Online   2 Members, 0 Anonymous, 354 Guests (See full list)

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Forum Statistics

    1,508
    Total Topics
    8,155
    Total Posts
×
×
  • Create New...