Jump to content

More Forum Themes!


RocketSimplicity

Recommended Posts

So, it's late at night, you've been using Reddit or something else with a dark mode, that is nice on the eyes in the night. Then you realise that you haven't checked the forums in a while. So you jump on Chrome, greeted with a dark new tab page. You tap the bookmark/ quick access link to the forums and aahh! It's so white and bright! Your eyes melt out of their sockets and fall to - you get it.

You've probably seen the 'Themes' setting on the bottom of the forums. The only themes on it however is the default theme and a copy of the default. This makes me feel like it's been wasted. I think that the forum managers should add a dark theme to the forums if possible, and maybe other themes. This would help those who use the forums during the night and those who are dark mode fanatics (like me).

Who else wants to see this feature added to the forums? 

Link to comment
Share on other sites

shameless plug: :P

https://userstyles.org/styles/128030/darkblack-kerbal-space-program-ksp-forum

Actually, some other versions i have on Gihub too. Filenames explain the minor differences.
https://github.com/StoneBlue/KSP-Forum-Dark-Theme

moar:
 

https://userstyles.org/styles/browse?search_terms=kerbal&type=false

Use Stylus, and *NOT* Stylish, tho :P

Edited by Stone Blue
Link to comment
Share on other sites

6 hours ago, Stone Blue said:

shameless plug: :P

https://userstyles.org/styles/128030/darkblack-kerbal-space-program-ksp-forum

Actually, some other versions i have on Gihub too. Filenames explain the minor differences.
https://github.com/StoneBlue/KSP-Forum-Dark-Theme

moar:
 

https://userstyles.org/styles/browse?search_terms=kerbal&type=false

Use Stylus, and *NOT* Stylish, tho :P

Those are userscripts, and I personally think that a stock option would be nicer for those who don't want to get Greasymonkey or something similar :/.

Link to comment
Share on other sites

1 hour ago, RocketSimplicity said:

Those are userscripts, and I personally think that a stock option would be nicer for those who don't want to get Greasymonkey or something similar :/.

I *absolutely* agree with you :D ... that Squad should have either spent the money to buy at least one pre-made alternative dark theme, for about $35, *OR* paid for one of their employees' time to create one...

However, since they have *not* done that in the several years since they switched to this latest forum software, after probably at least a couple hundred other people have expressed their wishes for this to happen, in several other threads about this exact topic, I expect we can keep on hoping in one hand, and well, you kno...

So, I *was* hoping others would reply to this, offering other options, but here we are yet again, left with the only seeming solution of having to deal with messy, hacky (at least in *my* theme),  userscripts and browser extensions. vOv

If my reply seems persnickety, please know it is not directed at you... I welcome when someone brings this up, hoping *someone* will come up with a better solution.
And in the meantime, I plug these userscripts, *hoping* someone will make better ones.... or at least give me some feedback on mine, so I can make it better vOv :P

 

Edited by Stone Blue
Link to comment
Share on other sites

https://userstyles.org/styles/147942/nightmode

this one doesn't break formatting, but the blue header is too bright.
Anyone could make the bright blue background darker?

Spoiler

mG97awP.png

 

UPD.
I made a theme based on the nightmode

Spoiler

@-moz-document domain("forum.kerbalspaceprogram.com") {
* {
    text-shadow: 0 0 .1px
}
html,
input,
textarea {
    color: #000
}
option {
    color: #FFF!important
}
html:not(#a),
option {
    background: #323639!important
}
html:not([stylus-iframe]):after {
    content: '';
    background: #3236394D!important;
    position: fixed!important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -2147483647;
    pointer-events: none;
}
input,
textarea {
    background: #FFF
}
video {
    background-color: #000
}
html:not([stylus-iframe]) {
    background-image: url(https://i.imgur.com/hTLNJJR.jpg)!important;
    background-size: 100% auto!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important
}
html,
body {
    min-height: 100vh!important
}
@media (max-aspect-ratio: 16/9) {
    html:not([stylus-iframe]) {
        background-size: auto 100%!important
    }
}
html,
html:after,
img,
embed,
video,
canvas,
option,
object,
frame,
:fullscreen:not(iframe),
iframe:not(:fullscreen),
body frameset,
body > * [style*="l("]:not([style*="sor:"]):not([type="text"]) {
    filter: invert(1)hue-rotate(180deg)!important
}
video:fullscreen,
body > * [style*="l("]:not([style*="sor:"]) :not(#⁠) {
    filter: unset!important
}
iframe,
body,
:fullscreen,
body > :not([src]):empty,
body > * > :not([src]):not([href]):empty,
body footer,
body footer > :not([src]):not([href]),
body > [id*="ooter"],
body > [id*="ooter"] > :not([src]):not([href]),
body > div > [id*="ooter"],
body > div > [id*="ooter"] > :not([src]):not([href]),
body > [class*="ooter"],
body > [class*="ooter"] > :not([src]):not([href]),
body > div > [class*="ooter"],
body > div > [class*="ooter"] > :not([src]):not([href]) {
    background: none!important
}
body footer :not(#a),
body > [id*="ooter"] :not(#a),
body > div > [id*="ooter"] :not(#a),
body > [class*="ooter"] :not(#a),
body > div > [class*="ooter"] :not(#a) {
    color: #999!important
}
[id^="twitter-widget-"] {
    filter: invert(1)hue-rotate(180deg)!important
}
}

@-moz-document domain("forum.kerbalspaceprogram.com") {
header {
    background-color: #CBE3FF!important
}

.ipsType_sectionTitle {
    color: #000!important;
    background: #CBE3FF!important
}

.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    background: #CBE3FF!important
}

.ipsButtonBar {
    background: #CBE3FF!important;
}

a.ipsType_sectionTitle, .ipsType_sectionTitle a {
    color: #000!important;
}

.ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    color: #000!important;
}

#elUserNav > li > a,
#elFooterSocialLinks > li > a {
    color: #000!important;
}

.ipsNavBar_primary > ul > li > a {
    color: rgba(0, 0, 0, 0.7);
}


.ipsUserPhoto {
    background: #CBE3FF
}

iframe,
body,
:fullscreen,
body > :not([src]):empty,
body > * > :not([src]):not([href]):empty,
body footer,
body footer > :not([src]):not([href]),
body > [id*="ooter"],
body > [id*="ooter"] > :not([src]):not([href]),
body > div > [id*="ooter"],
body > div > [id*="ooter"] > :not([src]):not([href]),
body > [class*="ooter"],
body > [class*="ooter"] > :not([src]):not([href]),
body > div > [class*="ooter"],
body > div > [class*="ooter"] > :not([src]):not([href]) {
    background: #eee!important;
}


/* profile */
.ipsPageHead_special {
    color: #000!important;
    background-color: rgba(0, 0, 0, 0);
}

.ipsPageHead_barText,
.ipsPageHead_barText_small {
    background: rgba(0, 0, 0, 0);
}

#elProfileStats {
    color: #000;
    background: #CBE3FF;
}
}

 

 

beLRn0a.png

 

Edited by flart
Link to comment
Share on other sites

  • 2 weeks later...

I can't see why you're complaining, every time I need to get that bright sunlight in my room I just open up the forums, saves time

Edited by Guest
Link to comment
Share on other sites

  • 4 weeks later...
On 11/23/2019 at 8:24 PM, Aperture Science said:

I can't see why you're complaining, every time I need to get that bright sunlight in my room I just open up the forums, saves time

Some people live in places where it gets dark fast, or can only play at night.

EDIT: misread, disregard

Edited by Lapis
Link to comment
Share on other sites

This thread is quite old. Please consider starting a new thread rather than reviving this one.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...