Navigation Bar Color Override Option

[iotdetective]

Wanted to share this CSS override for the site navigation bar color change, since it was a question I didn't see answered online elsewhere and everything I read says that it currently is not possible. My workaround doesn't apply to the Wiki.js administration area, but does apply to the public facing sections of my Wiki.js site (minus the the tag explorer page for some reason). When I couldn't find a solution for this modification I started exploring things with the inspect element tool in Google Chrome, I was able to come up with the following sample CSS Override which you can add in the Administration Area under: Themes > Code Injection > CSS Override and click apply:

Easy copy and paste code (just change to the desired color):
.nav-header-inner .v-toolbar__content { background-color: midnightblue; } .v-application .black { background-color: midnightblue !important; }

I am using the Dark Theme, but I just tested it with the light theme and it works.

Proof of Concept:

[Tbwan]

awesome, I had been looking for this. Have you found a way to edit the icon colors and search bar? I'm interested in changing them to a light/white color scheme.

edit:
I figured it out, here's the changes I made:

.v-application .grey--text {
  color: #fff!important
}
.v-application .grey--text {
  caret-color: #fff!important
}
.v-input__slot {
  background: #fff!important
}
.v-toolbar__content .v-input,
.v-toolbar__content .v-input input,
.v-toolbar__content .v-input textarea {
  color: #333!important
}
.v-input__slot .v-icon {
  color: #707070!important
}
.v-text-field__slot .v-label {
  color: #707070!important
}

[iotdetective]

Nice work! Sorry for the delayed response I missed your original comment, this week has been crazy. Hopefully people keep digging into these custom CSS codes. I've been running Wiki.js for a year or so now, and there have been several great updates but the themes section has been "coming soon" for a while now. Understanding the development takes time, maybe in the meantime Wiki.js could add some of these options to their documentation for those looking for a temporary fix until themes are fully implemented and customizable.