Requesting dark theme

[Keullo-e]

Dark reader works like charm, looks just like I'd like TPU to look like. Thanks for the tip!

 

[JAB Creations]

Hi, I'm a bit late to this party though I can provide some help here.

First I've developed an entire web platform for building websites from scratch so yeah, I can help both users and the TPU team.

For users in a big rush not to be blinded you'll need the Stylus extension. I only use Waterfox (all other browsers have basically gotten their GUIs completely trashed) so I don't know about browser compatibility. Then you'll want to use this theme as a basis.

If for some reason it won't work then click on the extension's button and add the following code for the website:

Spoiler: CSS Code, hidden only because it's long.

.site-header, #page, .sidebar, body, .flickity-viewport, .pinned-news__item, select#tz {background: #212121 !important;}
.gpudb-details .content section.details > div {background-color: #222;}
.cpudb-details .content section.details > table tr:nth-child(2n+1), .gpudb-details .content section.details > div > dl:nth-child(2n+1), .vgabios .content table.bioslist tr:nth-child(2n+1), .vgabios-details .tablecontainer table tr:nth-child(2n+1) {background-color: #444;}

header.site,
#page,
.pagetitle,
.rightbar,
body,
.gallery-index .gallery-box .gallery_box_text,
.comments .posttext blockquote,
.review .text h2,
.rightbar > .newposts > ul > li,
.related > .headingcontainer > ul.tags,
.related > ul.links,
.comments > .forumpost > .userinfo > .usertitle,
b,p,
label,
.reviewlist-bit > .teaser,
.newspost > .byline > time,
.related > ul.links > li > span,
.rightbar > .newposts > ul > li > .byline > .username,
.rightbar > .newposts > ul > li > .replycount,
.rightbar > .topreviews > ul > li > time,
.rightbar > .newposts > ul > li > .byline > time,
.rightbar > .popularnews > ul > li > span,
#quicksearch,
.gallery-details .specs ul,
.gpudb-details > .specs-large > div,
.reviewdb > .reviewdbheader > p,
.review > footer > .pagesel > select,
.tputbl,
.button,
.comments > .forumpost > footer > time,
.comments .posttext blockquote small,
.comments > .forumpost > footer,
.comments > h2 > span > i,
.downloads .featured li > div > span,
.newspost > .byline,
input,
.sidebar-newposts__username,
.sidebar-newposts__time,
.sidebar-newposts__replycount,
.sidebar-top-reviews__date,
.sidebar-top-news__replycount,
.todayslist > h1,
.frontpagepoll ul,
.sidebar-logged-in,
.review .content>header>.byline>div>time,
.downloads-details .actions .actions-left .publisher,
.downloads-details .actions .actions-left .downloaded
{
color: #F0FFFF !important;
}

.comments > .forumpost > div,
.pager a.disabled,
.pager a.disabled:hover,
.gallery-index > .addcase-button,
.gallery-details .case-info-left,
.gpudb-details > .specs-large > div,
.gpudb-details section.customboards .sort-key,
.review > footer,
.review > header,
.review .verdict .score,
.staff-member:nth-child(2n+1){
background: rgba(64, 64, 64, .7)!important
}

.trivia #input,
.comments .posttext blockquote,
.review_carousel ul > li:hover,
.trivia > .messagecontainer,
.staff:nth-child(2n+1),
.downloads > .dl-left > nav ul.dltree li > a.selected,
.gallery-index .gallery-box:hover,
.downloads .content>.dl-left>nav ul.dltree li>a.selected
{
background: rgba(64, 64, 92, .7)!important
}

.tputbl.hilight tr:hover th[scope=row], .tputbl.hilight tr:hover td
{
background: rgba(64, 92, 92, .7)!important
}

div.title a,
.newspost > h1 > a,
.rightbar > .newposts > ul > li > a,
.rightbar > .popularnews > ul > li > a,
.rightbar > .topreviews > ul > li > a,
.comments > .forumpost > .userinfo > a,
.comments .posttext a,
.newspost > .byline > address > a,
.rightbar > .vgadrivers > a,
.rightbar > #time,
.todayslist ul > li > a > span,
ul.links li a,
.todayslist > h1,
.frontpagepoll footer span a,
.nextpowerup > div > a,
ul.clearfix a,
.newsemail a,
.contacts a,
.content a,
.rightbar > .loggedin > p > a,
.newspost > .byline > .discusslink,
.newspost > .text a,
.rightbar > .mobile_app > .app,
.rightbar > article > h1,
.rightbar > #time > a:hover,
.sidebar-newposts__list>li>a,
.pinned-news__title,
.sidebar-top-reviews__link,
.sidebar-top-news__link,
a:visited
{
color: #87CEEB !important
}

.comments > .forumpost,
.comments > .forumpost > footer
{
background: rgba(128, 128, 128, .7)!important
}

.site-footer,
input,
.upnext,
.pager a,
.popup_content #popup_content,
.rightbar > .sitesearch #search,
.frontpagepoll,
.frontpagepoll ul > li:nth-child(odd),
.nextpowerup > div,
.downloads #quicksearch,
.reviewlist-search > div,
.reviewlist-search .ajax > #quicksearch,
.reviewlist-bit:first-child,
.reviewlist-bit:nth-child(odd),
.reviewlist-bit,
.review_carousel > .outer,
.downloads .featured li,
.downloads .latest > div,
.downloads > .dl-left > nav > .tree-wrap,
.downloads > .dl-left > nav ul.dltree li:last-child,
.downloads .featured li:nth-child(odd),
.downloads-details .changes,
.vgabios .search > div,
.vgabios > .bioslist,
.vgabios > .bioslist tr:nth-child(odd),
.vgabios > .bioslist th,
.gpudb .search > div,
.gpudb > .changes > div,
.gpudb > .changes tr:nth-child(odd),
.gpudb .processors,
.gpudb .processors tr:nth-child(odd),
.reviewdb .tbl > table,
.reviewdb .tbl tr:nth-child(odd),
.gallery-details .specs ul > li,
.cpudb .search > div,
.cpudb .processors,
.cpudb .processors tr:nth-child(odd),
.cpudb-details section.details > table,
.cpudb-details section.details > table tr:nth-child(odd),
.vgabios-details .tablecontainer table,
.vgabios-details .tablecontainer table tr:nth-child(odd),
.vgabios-details .cardimage,
.gpudb-details section.details > table,
.gpudb-details section.details > table tr:nth-child(odd),
.gpudb-details section.relperf .entry,
.gpudb-details section.relperf .entry:nth-child(odd),
.reviewdb .reviews-container > .reviews > table,
.reviewdb .reviews-container > .reviews > table tr:nth-child(odd),
.reviewdb .reviews-container > .reviews > table th,
.tputbl tr:nth-child(odd) td,
.tputbl tr:nth-child(2n+2) th,
.tputbl th[scope=row],
.tputbl,
.tputbl,.download-list .download:nth-child(odd),
.download-list .download,
.downloads .oldversions,
.vgabios table.bioslist th,
.vgabios table.bioslist,
.vgabios table.bioslist tr:nth-child(odd),
.downloads .content>.dl-left>nav>.tree-wrap,
.downloads .content>.dl-left>nav ul.dltree li:last-child,
.review .content>header,
.review .content>footer,
.gpuz .validationlookup,
.downloads-details .history .history-entries,
.downloads-details .actions,
.downloads-details .versions,
.downloads-details .versions .files>li:nth-child(odd),
.downloads-details .versions .files>li.compact,
.downloads-details .notification
{
background: none
}

.comments > .forumpost > footer,
.comments > .forumpost > div,
.comments > .forumpost,
footer#footer
{
border: 0px
}

a.app.android:before,
a.app.iphone:before
{
filter: invert(100%)
}

.button
{
text-shadow: none;
background: none!important;
}

.review_carousel ul > li > a > img
{
opacity: .5
}

@font-face {
font-family: 'Oxygen';
font-style: normal;
font-weight: 400;
src: local('Oxygen'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v5/78wGxsHfFBzG7bRkpfRnCQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Oxygen';
font-style: normal;
font-weight: 700;
src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://fonts.gstatic.com/s/oxygen/v5/yVHpdQrmTj9Kax1tmFSx2ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html,body,text,textarea,p{
font-family: "Oxygen"!important;
font-weight: normal;
}
h1,h2,h3,h4,a,label{
font-family: "Oxygen"!important;
font-weight: bold;
}

For any TPU webmasters implementing dark mode (for browsers that support it) isn't difficult though it can be tricky. My site's theme supports it and I've written a blog article for how to combine CSS variables with dark mode. This could be achieved fairly easily. Anyone with CSS experience could also make the TPU webmaster's lives easier by creating some code for them. I hope this helps.

 

[cardss]

so can you guys make your app have a dark mode? desktop is fine with plugins, but not the app.

 

[lexluthermiester]

so can you guys make your app have a dark mode? desktop is fine with plugins, but not the app.

TPU is not focusing on the App(AFAIK) as browsing from a mobile browser is very easy.

 

[yong]

Several browser apps offer native darkmode,
Samsung Internet, Naver Whale Browser, Dolphin Browser,
and Firefox for Android, with extension.

 

[robot zombie]

My favorite FF extension for this is Dark Reader. Honestly not sure why it isn't the most popular, as it's the only one that doesn't screw-up color schemes, mess with images, or cause different elements to bug-out/vanish. It only inverts blacks and whites, without messing with colors. You can adjust it to your liking. I don't think I've found a website that it doesn't work perfectly with. Always looks great. Clean and natural. Just a dark version of your favorite websites. You can even configure it by site as you're browsing them.

 

[Bill_Bright]

Sorry for dredging up this old thread but it seems like a logical place to discuss this further. I just decided to use Dark Reader and generally, I like it a lot.

HOWEVER, I noticed when looking at the extension "Details", it says,

Permissions

• Read your browsing history

There is no apparent way to disable that. I don't understand why it needs to read our browsing "history" in the first place. And second, I am concerned their snooping about our history can't be disabled. And third, does anyone see their privacy policy?

Their FAQ says it asks for permission to read website data and I'm okay with that - assuming it is the current website we are viewing. But again, our browsing "history"? Why?

The FAQ also says it does not collect any data or send it anywhere - but then why look at our history? What's it doing with that information?

 

[kony]

Almost 90% support, and yet no such option has been added so far. This thread is 6 years old. Please add dark theme, even if it's lazily done it's better than eye-burning white theme.

 

[lexluthermiester]

Almost 90% support, and yet no such option has been added so far. This thread is 6 years old. Please add dark theme, even if it's lazily done it's better than eye-burning white theme.

That is because one is not needed. Look up the extension "Dark Reader" in FireFox or any variant of Chrome that has access to the Chrome store... Install, configue to your liking, enjoy!

 

[goldman]

So, is this still planned?
Also, please don't say "it's not needed because you can add x extension", if i wanted to bloat my browser for a feature that's pretty common nowadays, i would be asking for recomendations for extensions instead

 

[Solaris17]

So, is this still planned?

Planned? I don’t think it has ever been planned just search for dark mode

 

[theFOoL]

If I could I so would code... Can't be that hard can it?

 

[lexluthermiester]

If I could I so would code... Can't be that hard can it?

Requires a lot of skill with math. As a rule, to be an effective programmer, you need to be able to "think" math.

So, is this still planned?
Also, please don't say "it's not needed because you can add x extension", if i wanted to bloat my browser for a feature that's pretty common nowadays, i would be asking for recomendations for extensions instead

If W1zzard was serious about it, he would have done it by now. To be far, I believe there is a plugin for the Xenforo forum software, but don't know what that would do for the rest of the site. Until then, browser extensions are your option, and there are many that work well without bloating out the browser. As stated above, Darkreader is a good one. Another for Firefox is "Dark Background and Light Text"(seriously, that's it's name) which is very simple, lean and clean.

 

[Space Lynx]

its funny because I am just the opposite, I have a weird eye condition where if I view dark websites, I get the image of text lines "burned" into my vision, and it takes about 2 minutes to blink it away, but only about ten seconds for it to actually burn in, its very strange and happens on any device, phone, steam deck, pc. so I run everything in light mode and forcibly turn off dark mode on my phone.

eye doctors have never been able to explain it to me as to why. guess im just weird as fuck lol

 

[tpa-pr]

its funny because I am just the opposite, I have a weird eye condition where if I view dark websites, I get the image of text lines "burned" into my vision, and it takes about 2 minutes to blink it away, but only about ten seconds for it to actually burn in, its very strange and happens on any device, phone, steam deck, pc. so I run everything in light mode and forcibly turn off dark mode on my phone.

eye doctors have never been able to explain it to me as to why. guess im just weird as fuck lol

I have this exact problem and no idea what causes it. I am near-sighted quite significantly, are you?

 

[lexluthermiester]

its funny because I am just the opposite, I have a weird eye condition where if I view dark websites, I get the image of text lines "burned" into my vision, and it takes about 2 minutes to blink it away, but only about ten seconds for it to actually burn in, its very strange and happens on any device, phone, steam deck, pc. so I run everything in light mode and forcibly turn off dark mode on my phone.

eye doctors have never been able to explain it to me as to why. guess im just weird as fuck lol

I have this exact problem and no idea what causes it. I am near-sighted quite significantly, are you?

You both have a persistence of vision effect going on where the cones and rods in your eye stay stimulated for periods of time longer than they are supposed to. I used to have this until a doctor told me I was having a Vitamin A & D problem. This no longer exist for me as a change in diet and a bit more time spent in the Sun(15minutes per day) helped greatly.

 

[Space Lynx]

I have this exact problem and no idea what causes it. I am near-sighted quite significantly, are you?

I used to be, I had LASIK. I had this problem before LASIK though.

You both have a persistence of vision effect going on where the cones and rods in your eye stay stimulated for periods of time longer than they are supposed to. I used to have this until a doctor told me I was having a Vitamin A & D problem. This no longer exist for me as a change in diet and a bit more time spent in the Sun(15minutes per day) helped greatly.

My vitamin D used to be low, but I read 35 ng/l last blood draw for Vit D. I used to 16 ng/l though. My goal has always been 40-50 range, but even with supplement and sun it has been hard to achieve.

Not sure what my Vitamin A is, I will look into it.

 

[Solaris17]

I will look

get it??? hahahahahahahahahahahah


sorry j/k

 

[Space Lynx]

get it??? hahahahahahahahahahahah


sorry j/k

took me about 20 seconds, but I finally did, lmao

 

[Beginner Macro Device]

a bit more time spent in the Sun(15minutes per day)

I live in the place where it's MONTHS without sunshine whatsoever. Clouds just clog the hell outta sky. But clear days can happen too of course. The funniest part is I got enough A and D and my vision has never been bad but I still have the same effect as @Space Lynx and @tpa-pr do. Yet, it's not as straightforward because I experience this effect considerably rarely, about 1 time a month I guess... Never visited a doc on this problem so I don't know what it is but definitely not vitamins. They are all intact.

 

[wheresmycar]

I'm just curious does anyone use pcpartpicker in dark mode? The colour contrast or the thick bright white/yellow fonts are distracting so i use the default setting.

Dark mode would be nice on any webpage providing other colours are subtle and equally complimenting without having to make adjustments at the display OSD level

 

[Space Lynx]

I live in the place where it's MONTHS without sunshine whatsoever. Clouds just clog the hell outta sky. But clear days can happen too of course. The funniest part is I got enough A and D and my vision has never been bad but I still have the same effect as @Space Lynx and @tpa-pr do. Yet, it's not as straightforward because I experience this effect considerably rarely, about 1 time a month I guess... Never visited a doc on this problem so I don't know what it is but definitely not vitamins. They are all intact.

if you ever figure it out, or if someone in the future reads this and figures out the cause of this or multiple causes - PM me, I'd love for it to be fixed. my only other guess would be a high inflamattion based diet, and need to eat more non-inflammatory based foods. dairy based foods for example cause inflammation, I have been trying to go off dairy, but it hasn't been easy.

 

[lexluthermiester]

Not sure what my Vitamin A is, I will look into it.

Vitamin A supplements are inexpensive and very effective. Most people are deficient and don't know it. If you have a Costco in your area(or you can buy online), they sell an excellent set of multivitamins that has made my life SOOO much better and easier.
These are the ones I'm talking about.

https://www.costco.com/kirkland-signature-daily-multi%2c-500-tablets.product.11491625.html

https://www.costco.com/kirkland-signature-wild-alaskan-fish-oil-1400-mg.%2c-230-softgels.product.100149465.html

https://www.costco.com/kirkland-signature-super-b-complex-with-electrolytes%2c-500-tablets.product.100112668.html

https://www.costco.com/kirkland-signature-calcium-citrate%2c-magnesium-and-zinc%2c-500-tablets.product.11672433.html

One each per day and within a month I was feeling and seeing much better!

I'd love for it to be fixed.

See above. You posted that comment as I was copying the links.

 

[Beginner Macro Device]

PM me, I'd love for it to be fixed

Of course but I can't guarantee you we share the same reason. I got 9 concussions in the past and this might be the cause. I don't actually remember how it was like 7+ years ago when I had less than nine counts of brain damage.
And the causes difference is even more likely since you always get this effect whilst I only white my eyes out for a dozen minutes a month.

But I will keep you posted anyway. Now it's your turn to pray because my memory can't be trusted and I can forget about your request lol.

 

[JAB Creations]

Boom, dark mode for TPU: https://www.techpowerup.com/forums/threads/tpu-dark-mode-right-now.309523/ so now I can unsubscribe from this thread.