How to change the color of these two elements?

caustic

I am customizing my install but I'm having trouble finding the values for these two items.

When editing the title it becomes very dark when you click away:

It also happens with the Best Answer addon:

If anyone could help me out that would be appreciated.

0E800

caustic
Review:
https://discuss.flarum.org/d/4087-how-to-change-css-style-more-user-readable-moderation-view

Best answer is not very compatible with Dark flarum. Check out this modification :
https://discuss.flarum.org/d/5026-best-answer-flarum-dark-fire-theme

Here is my custom css, try it out:


.DiscussionHero-title,.Hero-title,.Hero-subtitle,.PageHero-title > a{
background-color: rgba(0,0,0,0.3);
padding: 5px;
margin: 0px
}

.PageHero-title > a{
color: #FFFFFF;
border-radius: 2px
}

.PageHero-title > a:link{
text-decoration: none
}

.Hero-title{
border-radius: 2px 2px 0px 0px
}

.Hero-subtitle{
border-radius: 0px 0px 2px 2px
}

.DiscussionHero-title{
border-radius: 2px
}

.Hero-close{
display: none !important
}

.UserCard--popover{
background-color: #E3E3E3 !important
}

.UserHero{
max-height: 394px
}

.UserBio-content{
max-height: 252px;
overflow: hidden
}

.Button--link{
color: #fff
}

.Button--link:hover{
color: #0E0E0E;
text-shadow: 0 0 5px #fff, 0 0 6px #fff, 0 0 5px #fff, 0 0 6px #e3e3e3, 0 0 5px #e3e3e3, 0 0 6px #e3e3e3, 0 0 6px #e3e3e3, 0 0 6px #e3e3e3
}

.DiscussionListItem-content{
color: darkgoldenrod
}

.Header-logo{
max-height: 100%;
vertical-align: middle
}

.PostStream-timeGap {
font-size: 18px;
font-style: italic;
background-color: cornsilk;
opacity: .5;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 15px;
}

@media (max-width: 767px){
.PostStream-timeGap {
font-size: 18px;
font-style: italic;
background-color: cornsilk;
opacity: .5;
}
}

caustic

Unfortunately the CSS you provided doesn't seem to fix the dark text in the "composer header."
Though the post you linked was very helpful and I stole the .post-body from that!

Though for the most part I do have the site where I want it appearance wise

It's really just the color of the header when editing that's off.

My site hasn't been public very long so there isn't anything interesting yet lol. ? I edited out the names of some things so that none of the members get paranoid if they see this post.

caustic

I feel like a fool, but at least I found what I needed to change

.ComposerBody-header {
  h3 {
    color: #ddd;
  }
}

I kept trying to do

.ComposerBody-header h3 {
    color: #ddd;
}

Is there anything else I should lookout for when making Flarum dark look good?

0E800

caustic
Way to play it forward. It's all fun when wemake progress. Your site looks good mang.

0E800

caustic
Your landing page. Unless you want people accessing your site publicly.
For me I host 0 day stuffs and provide malware tutorials that include live malware.

My site is not malicious in nature but I don't want spiders or robots stigmatizing my site just because of a md5 hash. Dont want my site on a blacklist or have suspect Firefox popups to users.

So for this I make my site only accessible to members, every thing else gets a splash screen provided by the landing page extension. I haven't seen many other members show off their customizations but I posted mine.
It shows a different landing page depending on if you visit on mobile or desktop.
https://discuss.flarum.org/d/4656-landing-page-extension-custom-dual-landing-responsive-theme-desktop-mobile

On my Android using Chrome, I need to enable desktop view when the phone is in landscape position in order to see the diff.

That being said, it won't be helping my SEO by not letting Google in.