Midnight Pub

For the people looking for a nice theme

~zeno

I really liked the idea of giving the user the possibility to write their own CSS for a website, and I really enjoyed building a theme for the Midnight.

It looks like this: https://imgur.com/a/HX8bBFD

If you like it, feel free to copy my _theme.css (https://zeno.midnight.pub/_theme.css) and use it for your self and if you don't like it, feel free to alter it to your liking or not at all.

Any feedback is appreciated, be it on the visuals or coding practices I used, I don't have much experience with webdev/CSS.


altwespe

I appreciate the effort and love to the community. The theme looks gorgeous. Currently browsing through your website as well.

reply

zeno

I'm glad you like it. Yeah, this is a great place. Oh, I am honored :) Hope you find something you find interesting.

reply

brewed

Thanks for the theme Zeno! I added it as well. Looks perfect on my screen, and it's easier on my eyes.

reply

zeno

No problem. Thats good to hear

reply

m15o

Zeno, this looks amazing! I love the choice of colors and the small details like the rounded corners. Quick tip for anyone who wants to use Zeno's theme and get all the latest changes:

Use "@import url(https://zeno.midnight.pub/_theme.css);" in your _theme.css file.

reply

zeno

Uhhohh, that's a lot of pressure, now I have to maintain it^^ But yeah, good tip.

I am glad you like it tho :)

reply

apeia

I changed a few things with visibility and font size, here's my version: https://imgur.com/a/DGMfkPF

Did you use any tool to style it or hand written css?

reply

firefliesblueskies

interesting, how did you change the back colored boxes?

reply

apeia

This:

main article {

background-color:#2B2E3B;

border-radius: 5px;

}

I would make the boxes more round... but then there would be text outside the "boxes" :(

reply

zeno

I think if you add padding, that should fix the issue. Thats how I did it

reply

firefliesblueskies

cool, thanks!

reply

zeno

No tools, it's handwritten

reply

apeia

any reason you use colors this way?

--accent: #e93c58;

var(--accent)

reply

zeno

You mean why I used variables? Makes it easier for me to change the colors if I want to try a different colorscheme for example. By using variables I only have to change them in one location

reply

apeia

Sounds useful, I've never tried it in any of my projects. Thanks for the information!

reply

firefliesblueskies

I love it! so I just put it in my pages?

reply

zeno

You basically create a new page called "_theme.css" and than copy my css in there.

reply

firefliesblueskies

ah, I had put my name before it. This is lovely!

reply

zeno

Im glad you like it :)

reply

firefliesblueskies

I definitely love it, Mine's a nice dark purple, blue, and orange now

reply