Perfect Dark Theme

MatheusReis

PTBR:
Olá a todos, venho mostrar a todos a minha simples modificação no Flarum más que está perfeita para os olhos.
Farum in Brasil, Yeahh.

USA:
Hi everyone, I come to show you all my simple flarum modification but that's perfect for the eyes.
Farum in Brazil, Yeahh.

Screenshots:

Tutorial:

Custom CSS

.WelcomeHero { background: #2e2e30; color: white;}
.Hero-close { display: none; }

h3 {
    color: #fff !important;
}

a { color: #adadad !important; }

div.read h3 {
    color: #fff !important;
}

.username {
    color: #adadad !important;
}

.icon { color: #adadad !important; }

.LinksButton { color: #adadad !important; }

.item-discussion-views { color: #adadad !important; }

.DiscussionListItem-count { color: #adadad !important; }

.PostsUserPage-discussion { color: #adadad !important; }

.Button-label { color: #adadad !important; }

.TagTile-description { color: #adadad !important; }

.DiscussionHero-title { color: #adadad !important; }

.PageHero { display: none; }

.SelectTagListItem-name { color: #adadad !important; }

#app .TagLabel.colored .TagLabel-text {
    color: #adadad !important;
}

Petersoj

That is quite perfect. Nice on the eyes and feels right. Thanks for this!

meetdilip

While your work looks awesome, someone told me that using !important; is not a good thing to do.

[deleted]

meetdilip someone told me that using !important; is not a good thing to do.

True in a lot of cases, but sometimes, you have little to no choice to do so in order for your new CSS to override the existing.

meetdilip

I think most ACP based custom.css input overrides what is in the included style sheet. Is !important necessary ? Just curious.

[deleted]

meetdilip not typically, but it really depends on what you are targeting in terms of elements. I have some cases in my own forums where I've had to use important to override what I thought would be a relatively low level class.