Jump to content
  • 2

Dark theme for the forum


Stanhope

Question

Would it be possible that when whoever has access to the backend of the forum and has some spare time on his hands could have a look at a dark theme for the forum?  It's not at all urgent or crucial or anything.  But I recently noticed how BI (who are using the same backend software as far as I can tell) have a dark them that you can toggle on and off with an option at the bottom of the page.

BI example:
Light theme:
image.thumb.png.f0143b56ebef98e31e0f91d324a3efad.png

 

Dark theme:
image.thumb.png.64062f8a4f625f288b6f055e1270f86a.png

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0
:root {
	--main-bg-color: #3C4556;
    --secondary-bg-color: #282a36;
    --main-title-color: #ff5555;
    --main-bordor-color: #ff5555;
    --main-text-color: #f2f2f2;
    --main-link-color: #8be9fd;
    --main-textHightlight-color: #ff4848;
}

It looks like this on a real fake site: 
 

Spoiler

image.thumb.png.b59a8d93181360c21535e52579be3d81.png

 

(Colors from https://github.com/dracula/dracula-theme used)

Link to comment
Share on other sites

  • 0
7 hours ago, gustis40g said:

It should be relatively easy to do, i know some CSS myself and it wouldn't be hard at all  

Then you know you can edit the CSS files yourself by first pressing CTRL + S when in your browser and saving the full webpage.  You'd then be able to give those edited files to whoever is in charge of the forum ?

Link to comment
Share on other sites

  • 0
3 hours ago, Stanhope said:

Then you know you can edit the CSS files yourself by first pressing CTRL + S when in your browser and saving the full webpage.  You'd then be able to give those edited files to whoever is in charge of the forum ?

Who do you think i am? Some kind of hard-working guy? I'm the laziest man that has ever existed

Link to comment
Share on other sites

  • 0

In relation to this i ask what colours do you want prominent, personally im a blue and black focus but feel that a red and Gray maybe more suitable. 

 

throw your opinions for sensible theme colours below:

 

Main colour: 

secondary colour:

Highlight colour (when you roll over things):

 

 

Link to comment
Share on other sites

  • 0
36 minutes ago, Stanhope said:

:root {
	--main-bg-color: #3C4556;
    --secondary-bg-color: #282a36;
    --main-title-color: #ff5555;
    --main-bordor-color: #ff5555;
    --main-text-color: #f2f2f2;
    --main-link-color: #8be9fd;
    --main-textHightlight-color: #ff4848;
}

It looks like this on a real fake site: 
 

  Reveal hidden contents

 

(Colors from https://github.com/dracula/dracula-theme used)

might make the borders slightly less pronounced but i like the core colour design 

Link to comment
Share on other sites

  • 0
51 minutes ago, GhostDragon said:

might make the borders slightly less pronounced but i like the core colour design

Those borders are 2px, on a 1366x768 15-inch laptop monitor they look rather pronounced.  On a 4K screen you barely see them.  (Go for em, rem or % and not for px ;))

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
  • Forum Statistics

    11.1k
    Total Topics
    66.5k
    Total Posts
×
×
  • Create New...