Chief Delphi Dark Theme

Hey guys!

I created a dark theme for ChiefDelphi that anyone can apply in their browser. I personally like dark themed websites and IDEs, and I know many other people prefer this as well.

To use the theme, you need to install the Stylus addon:
Google Chrome: Stylus Chrome
Firefox: Stylus Firefox

After installing that addon, import the style I created which can be found here: ChiefDelphi Dark.

That is it! Super simple. This is still a work in progress so if anyone has any CSS suggestions or changes, let me know!

Picture:

If only there were a FireFox version too… >_>

I like it, nice job.

There is! Install the Firefox version of stylus and you can still use the theme.

Firefox addon found here: Stylus

I think it would nice to be able to see the outlines of the (tables? boxes?). Example: On the ‘portal’ tab the ‘image gallery’ and threads and all that have a grey background and an outline with the default theme. If either of those came back I think it would be a great addition.

I am not familiar with ‘Stylus’. Are you able to ‘fork’ a style and make personal changes.

If someone is willing to make a Blue Alliance Dark theme, I would appreciate that as well. It’s the ‘other’ site that I spend too much of my life on. :ahh:

I like it. I wish more websites were dark. It’s so much easier to read after a long day of staring at the screen, IMO.

I like it as well, but I think it would look a lot better if the quality of some of the icons were improved, on a white screen they work fine but with the dark theme some icons like the rep bars and the folders look especially pixelated.

It does look a lot like night mode on Reddit which does help the eyes a lot.

Looks great! It’s a lot easier on the eyes.

Unfortunately that isn’t under my control :frowning: We would have to get the admin of ChiefDelphi to fix that.

But I agree. Does look a little odd with some of the images.

Once you import the theme into stylus, you can modify it directly for your specific implementation. I actually experimented around with the suggestion you made, but I did not like it personally.

To make that change, just change the background color for the content boxes which is on line 73 from secondary-background to content-background

It’s not perfect, but here’s the start of one at least: https://userstyles.org/styles/140763/tba-dark

Nice, you can just edit the flat file. That makes me happy!

If someone is willing to put in the work, I am sure the CD admin’s would be all for touch ups on the images. I am unsure if the artifacts are a product of the images being .gif’s or not. If they are, that might be an issue. No harm in asking.

Looks nice, but I feel like it might be a bit too dark, for me at least. Is there an easy way to tweak the color or would it be possible to make another version in a dark grey? I guess I’m looking for somewhere in between “pitch black” dark and “surface of the sun” bright.

EDIT:

After browsing around some of the other styles, it looks like it’s possible to make styles with configurable options on the download page. Would this be something you could implement perhaps?

The reason it is so ‘dark’ is because that seems to be the standard for dark themes in IDEs and styles. For example, I use the following styles as well and they seem to be the same:
StackOverflow
Github
Google

Let me setup a github page where the community can modify the style. Just have to figure out how to link the github repository to stylus. That way I don’t have to maintain every change someone suggests