Easy way to invert dark/light on Prosilver default?

For support and discussion related to templates and themes in phpBB 3.3.
Post Reply
User avatar
pearlchan
Registered User
Posts: 56
Joined: Wed Oct 02, 2019 8:31 pm
Name: Pearl Chan
Contact:

Easy way to invert dark/light on Prosilver default?

Post by pearlchan »

The screen as it is is too bright for being on-line a lot of time, for my eyes.
I know on Twitter platform you can invert to a dark scheme with one click
I fear I have to install a style in order to make it dark, as default setting?
Any pointer to the easiest dark style to install and maintain?
thanks in advance for any assistance on this.
"what, what, what, What's the news from Sidra?
Sad News, Bad News, Comes by cables led
Through the Ocean's bed, through the Persian Gulf, the Red Sea & the Med
Iterranean - He's Dead" Chris Stevens is Dead RIP Benghazi :(
User avatar
KevC
Support Team Member
Support Team Member
Posts: 70009
Joined: Fri Jun 04, 2004 10:44 am
Location: Oxford, UK
Contact:

Re: Easy way to invert dark/light on Prosilver default?

Post by KevC »

-:|:- Support Request Template -:|:-
Image
Cheap UK Hosting
"In the land of the blind the little green bloke with no pupils is king - init!"
User avatar
pearlchan
Registered User
Posts: 56
Joined: Wed Oct 02, 2019 8:31 pm
Name: Pearl Chan
Contact:

Re: Easy way to invert dark/light on Prosilver default?

Post by pearlchan »

KevC wrote:
Sat May 23, 2020 3:53 pm
There is a dark prosilver style
https://www.phpbb.com/customise/db/style/prosilver_dark
I found the 3.3.x ? First step.. Thank you
"what, what, what, What's the news from Sidra?
Sad News, Bad News, Comes by cables led
Through the Ocean's bed, through the Persian Gulf, the Red Sea & the Med
Iterranean - He's Dead" Chris Stevens is Dead RIP Benghazi :(
User avatar
spaceace
Registered User
Posts: 1981
Joined: Wed Jan 30, 2008 8:50 pm
Contact:

Re: Easy way to invert dark/light on Prosilver default?

Post by spaceace »

there's also a way to make the page lighter or darker by adding a line of css to the default prosilver

open prosilver/theme/colours.css
find

Code: Select all

html, body {
	color: #536482;
	background-color: #F5F7FA;
}
replace with

Code: Select all

html, body {
	color: #536482;
	background-color: #F5F7FA;
	filter: brightness(80%);
}
you can easily adjust the 80% to the brightness of your liking if you find the prosilver_dark too dark.

i know it is not always a good idea to edit files but sometimes you just can't find what you're looking for ;)
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1003
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Easy way to invert dark/light on Prosilver default?

Post by Hanakin »

you can also have a look at this https://codepen.io/hanakin/pen/XWmdzjV its a modified version of the color theme editor I built which builds a custom colours.css file. You can find the link to the post about it in my signature
Post Reply

Return to “[3.3.x] Styles Support & Discussion”