NationStates Dark Theme (Rift)

[Harmonic Empire]

Dark theme isn't working for me. It just gives me the regular rift theme when I turn it on but settings claims it's still dark theme. What is wrong?

https://dark.nationstates.net/
Try this for alternative.

[Northrop-Grumman]

Updated!

2020-05-26
- Removed colored header on plain user-created tables.
- Inverted RSS icon on hover in Dossier.
- Darkened background of "How Election Works" panel on the WA Secretary-General election page.
- Fixed Z-day faction name to inherit background color.
- Fixed Z-day countdowns on News page to inherit background color.
- Rounded top corners of telegram filters table.

[Ever-Wandering Souls]

Updated!

2020-05-26
- Removed colored header on plain user-created tables.
- Inverted RSS icon on hover in Dossier.
- Darkened background of "How Election Works" panel on the WA Secretary-General election page.
- Fixed Z-day faction name to inherit background color.
- Fixed Z-day countdowns on News page to inherit background color.
- Rounded top corners of telegram filters table.

Hi,

No offense, but is this why cards tables suddenly look....blahhh?



One example, but applies to other cards-related tables at least too. That header is painfully bright.

[Northrop-Grumman]

Updated!

2020-05-26
- Removed colored header on plain user-created tables.
- Inverted RSS icon on hover in Dossier.
- Darkened background of "How Election Works" panel on the WA Secretary-General election page.
- Fixed Z-day faction name to inherit background color.
- Fixed Z-day countdowns on News page to inherit background color.
- Rounded top corners of telegram filters table.

Hi,

No offense, but is this why cards tables suddenly look....blahhh?



One example, but applies to other cards-related tables at least too. That header is painfully bright.

I just did a comparison between the old and new stylesheets and you're right. The cards tables was evidently something I overlooked when I made that change. I'm terribly sorry for that and will work on a fix.

Edit: I figured out the issue and what I have works to correct it.

[Ever-Wandering Souls]

Hey, thanks for the prompt fix NG, my eyes are very grateful

Is this fix intended to be applied at time of posting or is there a period of delay?

[Northrop-Grumman]

Hey, thanks for the prompt fix NG, my eyes are very grateful

Is this fix intended to be applied at time of posting or is there a period of delay?

There's a period of delay, so it could be a couple of days before they're applied. I submit the new stylesheets and then they're applied by Max, [violet], etc.

[Northrop-Grumman]

The update has been applied. If anyone has any issues, please let me know!

[Ever-Wandering Souls]

The update has been applied. If anyone has any issues, please let me know!

Much better, thanks!

[Northrop-Grumman]

Updated!

2020-09-24
- Darkened background of faction name on N-day pages
- Darkened background on hover for N-day menu/view options

[Khoronzon]

I made a thread a while back about dark theme changing the colour of images, and was suggested to direct my comments here, so here it is. TL;DR: The way dispatch images and banners get darkened makes it so that it's impossible to properly synchronise images with background colours, or flags with banners, across both light and dark themes, so it'd be helpful if the darkening effect was taken out or at least alleviated.

There's also this other thread I made regarding [box]es and cross-theme compatibility, though I'm not sure if it's something you'd be able to do much about since my suggestion to address it involves introducing new code to NS itself - I may as well bring it up anyway in case there is anything that can be done or if you feel inclined to bring it up to the admins, since I feel like they might be a bit more likely to listen.

[Northrop-Grumman]

I made a thread a while back about dark theme changing the colour of images, and was suggested to direct my comments here, so here it is. TL;DR: The way dispatch images and banners get darkened makes it so that it's impossible to properly synchronise images with background colours, or flags with banners, across both light and dark themes, so it'd be helpful if the darkening effect was taken out or at least alleviated.

Do you have a specific webpage/article/dispatch where this is happening? I can see the difference in the pictures you've posted, but to get a better idea on what's going on, I'd need to be able see the style coding behind it.

There's also this other thread I made regarding [box]es and cross-theme compatibility, though I'm not sure if it's something you'd be able to do much about since my suggestion to address it involves introducing new code to NS itself - I may as well bring it up anyway in case there is anything that can be done or if you feel inclined to bring it up to the admins, since I feel like they might be a bit more likely to listen.

When I implemented the dark theme, one of the things I did was to maintain the rounded corners across the site, so that it would be consistent. The only area that didn't happen is with the page numbers, because they're so small and it just didn't look right. You're correct about the new code though; that's not something that I can implement. I can only take what's there and tweak the styling of it.

[Khoronzon]

Do you have a specific webpage/article/dispatch where this is happening? I can see the difference in the pictures you've posted, but to get a better idea on what's going on, I'd need to be able see the style coding behind it.

I hadn't posted it yet at the time of writing the thread, but here.

[Bernie]

I made a thread a while back about dark theme changing the colour of images, and was suggested to direct my comments here, so here it is. TL;DR: The way dispatch images and banners get darkened makes it so that it's impossible to properly synchronise images with background colours, or flags with banners, across both light and dark themes, so it'd be helpful if the darkening effect was taken out or at least alleviated.

Do you have a specific webpage/article/dispatch where this is happening? I can see the difference in the pictures you've posted, but to get a better idea on what's going on, I'd need to be able see the style coding behind it.

I think it is the same issue he is having, but look at my flag and banner in light theme, then look at them in dark theme. In light theme the red from banner and flag match. In dark theme the banner is a totally different color.

[Northrop-Grumman]

Do you have a specific webpage/article/dispatch where this is happening? I can see the difference in the pictures you've posted, but to get a better idea on what's going on, I'd need to be able see the style coding behind it.

I hadn't posted it yet at the time of writing the thread, but here.

Alright, I'm understanding the issue now. That particular dispatch is structured like this:

• The first section uses a black background color using BBcode.
• The second section uses a picture as a transition between the colors of the first and third sections, which is what's being affected by the filtering that the Dark theme uses.
• The third section uses another background color (#dfb1ad in hex) using BBcode.

If you compensate for the dark theme filtering being done in the second section, the third section won't look right in the light theme, since that filtering is removed.

Do you have a specific webpage/article/dispatch where this is happening? I can see the difference in the pictures you've posted, but to get a better idea on what's going on, I'd need to be able see the style coding behind it.

I think it is the same issue he is having, but look at my flag and banner in light theme, then look at them in dark theme. In light theme the red from banner and flag match. In dark theme the banner is a totally different color.

That is an inconsistency brought about because a filter is being used on the banner but not on the flag. Either they both need the filter or none of them do.

[Khoronzon]

If you compensate for the dark theme filtering being done in the second section, the third section won't look right in the light theme, since that filtering is removed.

That is an inconsistency brought about because a filter is being used on the banner but not on the flag. Either they both need the filter or none of them do.

I didn't want to press the matter earlier but now that it's bit a bit over a month, I felt like I might ask - will there be anything done to address these? I understand if you have other things to do or if there might be technical issues I'm not aware of, just wanted to check in. And if I may suggest something for the latter issue - I think the filtering that's applied to banners in dark mode is a fair bit darker than the one being applied to factbook images, so if having that filter there is an important feature, maybe it could be lightened up a bit and then applied to both flags and banners. It could also just be removed from banners, which might be more convenient, but that depends on how much you value having it.

[Northrop-Grumman]

If you compensate for the dark theme filtering being done in the second section, the third section won't look right in the light theme, since that filtering is removed.

That is an inconsistency brought about because a filter is being used on the banner but not on the flag. Either they both need the filter or none of them do.

I didn't want to press the matter earlier but now that it's bit a bit over a month, I felt like I might ask - will there be anything done to address these? I understand if you have other things to do or if there might be technical issues I'm not aware of, just wanted to check in. And if I may suggest something for the latter issue - I think the filtering that's applied to banners in dark mode is a fair bit darker than the one being applied to factbook images, so if having that filter there is an important feature, maybe it could be lightened up a bit and then applied to both flags and banners. It could also just be removed from banners, which might be more convenient, but that depends on how much you value having it.

I appreciate the reminder!

My apologies for all the delays; non-NS life has rather taken hold of me for the past several weeks, so it's been difficult to find the time to sit down on focus on coding. I had let the two leaders/capitals lists languish for the same amount of time and only today finally got them updated. I'm planning on looking at both themes (certain changes in one are made in the other, like the picture filters) today and next weekend.

[Northrop-Grumman]

If you compensate for the dark theme filtering being done in the second section, the third section won't look right in the light theme, since that filtering is removed.

That is an inconsistency brought about because a filter is being used on the banner but not on the flag. Either they both need the filter or none of them do.

I didn't want to press the matter earlier but now that it's bit a bit over a month, I felt like I might ask - will there be anything done to address these? I understand if you have other things to do or if there might be technical issues I'm not aware of, just wanted to check in. And if I may suggest something for the latter issue - I think the filtering that's applied to banners in dark mode is a fair bit darker than the one being applied to factbook images, so if having that filter there is an important feature, maybe it could be lightened up a bit and then applied to both flags and banners. It could also just be removed from banners, which might be more convenient, but that depends on how much you value having it.

It'll most likely take a couple of days to apply, but I've put together the changes and have them submitted.

I've completely removed the brightness filtering on the dispatch/factbook pages only. After doing some digging around, I discovered that there wasn't even such a filter being applied to the Century Dark theme dispatches/factbooks. That, plus the fact that folks can be really creative with what they do with the dispatches, in comparison to the limited features on posts and telegrams, made it so that there really wasn't a need to have that filter.

Also, the various flags and banners had different brightness filters, so I fixed that. They're all the same value. The only images that are different (aside from the dispatch/factbook) are the ones on the Issues page.

[Khoronzon]

Thanks a bunch for the changes, looking forward to seeing them roll out.

[Valentine Z]

So I noticed that the dark filters on the home page and the factbooks (I think... at least the home page is) are being taken out. I am quite liking the change and it makes my flag and banner so much brighter, thank you! ♥

[Khoronzon]

Sorry for bothering you again, but there's been a new change to [table=plain] in dark mode that I think might've somehow been a direct result of this - somewhat recently, [violet]'s added some features to tables, including making it so that [table=plain] wouldn't highlight when you hover over it in dark theme, and now it does just that. For reference, here's the same factbook when I hover over it in light, dark, and Century dark themes. If this is the wrong thread to be asking this, I'll head over to [violet]'s thread in which she introduced the table changes, but otherwise, could you remove the hover effect that [table=plain] now has so that it's more consistent with the other themes?

On an unrelated note, and this is a bit more minor of an issue - the image filter in dispatches still seems to apply when previewing edits. Here's this dispatch as it appears normally and as a preview. It's fairly liveable for the time being since it doesn't affect how the dispatches actually appear to viewers, but it makes them a bit more of a pain to edit when I'm trying to match images with background colours, as now I have to publish the edit every time I want to see how it looks.

[CBG-Palisade]

Furthermore it appears that somehow the filter is being applied in reverse to some images in dark mode, now. Despite me confirming that this header image, for instance, is the exact same color code as the background it sits beneath, in this factbook and the factbooks following its theme I see a clear lightening of that header image. On light mode this issue is still present. Any help you could give us on this issue would be appreciated, thanks.

For context, opening the relevant file in an image manipulation tool shows me that both it and the background are #222222.

Edit: More testing has also revealed that the filter is still applied in preview windows, but not in the actual factbooks themselves.

Edit 2: Apparently this issue only appears in Firefox? Not sure why, but I don't see it in either Light or Dark on Google Chrome.

[Northrop-Grumman]

So I noticed that the dark filters on the home page and the factbooks (I think... at least the home page is) are being taken out. I am quite liking the change and it makes my flag and banner so much brighter, thank you! ♥

They weren't taken completely out. I just made them a bit more consistent and lightened them up quite a bit. Instead of 80% brightness, they're sitting at 90% now, which should be a happy medium that takes the edge off of bright whites and doesn't lose the details in darker images.

Sorry for bothering you again, but there's been a new change to [table=plain] in dark mode that I think might've somehow been a direct result of this - somewhat recently, [violet]'s added some features to tables, including making it so that [table=plain] wouldn't highlight when you hover over it in dark theme, and now it does just that. For reference, here's the same factbook when I hover over it in light, dark, and Century dark themes. If this is the wrong thread to be asking this, I'll head over to [violet]'s thread in which she introduced the table changes, but otherwise, could you remove the hover effect that [table=plain] now has so that it's more consistent with the other themes?

It's not a bother! And this is something I noticed early this morning after the changes were applied. Long story short, this is my fault. I'm fairly certain that when [violet] was changing the table structures in that thread, she also ensured that the dark theme consistently worked for the changes she was making. I forgot to check for those changes when I submitted my updates, so they're not there. I'm hoping to get that fixed some time this week.

On an unrelated note, and this is a bit more minor of an issue - the image filter in dispatches still seems to apply when previewing edits. Here's this dispatch as it appears normally and as a preview. It's fairly liveable for the time being since it doesn't affect how the dispatches actually appear to viewers, but it makes them a bit more of a pain to edit when I'm trying to match images with background colours, as now I have to publish the edit every time I want to see how it looks.

Hah, well, good to know! I appreciate the feedback. Every time I think I've caught everything, there's something that's overlooked. I feel like I need to craft a checklist for any changes.

Furthermore it appears that somehow the filter is being applied in reverse to some images in dark mode, now. Despite me confirming that this header image, for instance, is the exact same color code as the background it sits beneath, in this factbook and the factbooks following its theme I see a clear lightening of that header image. On light mode this issue is still present. Any help you could give us on this issue would be appreciated, thanks.

For context, opening the relevant file in an image manipulation tool shows me that both it and the background are #222222.

Edit: More testing has also revealed that the filter is still applied in preview windows, but not in the actual factbooks themselves.

Edit 2: Apparently this issue only appears in Firefox? Not sure why, but I don't see it in either Light or Dark on Google Chrome.

Hrmm...interesting! Did this just start happening today? If so, it might be related to the issue mentioned above, which will get fixed. If not, do let me know!

[Northrop-Grumman]

Alright, I've submitted the below revisions to the dark theme. They should be applied within the next couple of days.

2021-03-06
- Fixed issue where plain tables were being highlighted on hover (removed highlight)
- Fixed issue where regular tables had bright highlights on hover (darkened highlight)
- Removed brightness filters on dispatch preview images to be consistent with Century Dark theme
- Darkened dispatch preview background to match posted dispatch background
- Added more rounded corners to dispatch preview

This will take care of the issues with the plain tables and the images being filtered on the dispatch previews. Also, as noted above, I mirrored the background of the dispatch previews to the final posted result; since the preview had a much lighter background, that most definitely didn't help folks figure out how their text colors and such looked without having to post and then edit it again when it didn't look right. Now, they're both black.

On a related note, I've been really impressed with the various things folks can do with their factbooks/dispatches, especially with the tables. Khoronzon and CBG-Palisade, I used both of your factbooks as testing grounds for ensuring the tables worked correctly, so I got a pretty good look at the great work y'all do.

[Homyland]

This thread is made for me to suggest a change to the dark theme.
See, in Settings, there are those little, skeuomorphic textboxes.
If you use Rift, those are how they meant to be. These boxes serve to enter your customizable fields, or email.
The exact moment you change to Dark, those become dull, default round boxes. Some even bug a bit with what looks like iOS trying to mess and change that round textbox to a rectangle.

I know that people who use Dark theme and actively stare at those boxes is a niche, but, after all, the whole NS users group is a niche.

[Osheiga]

Unsure if this is still actively updated, but if it is I’d like to propose a change to the colors used for RMBs. Specifically, the yellow background color that highlights a new RMB message seems to be unchanged from the default theme, which makes the text (which uses the light gray color from dark theme) unreadable. It just also bothers me when I use the site on dark theme, check new messages on my region’s RMB, and get blinded with yellow boxes. It would be nice if this highlighting feature had a different background color or was just removed from dark theme entirely.