Custom CSS to fix Wiki.js's Fisherprice-y UI.

MakeWikiJsGreatAgain.css

:root {
  --accent: #3b6ea5;
  --top-bar-gradient: linear-gradient(0deg, rgba(0,18,164,1) 0%, rgba(255,205,0,1) 100%)
}
html {
  font-size: 14px
}
.v-application,
.v-application .body-1,
.v-application .body-2,
.v-application .caption,
.v-application .headline,
.v-application .overline,
.v-application .subtitle-1,
.v-application .title {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
  letter-spacing: normal!important
}
.v-main .contents .prismjs > code {
  font-family: 'SF Mono',SFMono-Regular,ui-monospace,'DejaVu Sans Mono',Menlo,Consolas,monospace!important
}
.editor-markdown .CodeMirror,
.v-main .contents code {
  font-family: 'SF Mono',SFMono-Regular,ui-monospace,'DejaVu Sans Mono',Menlo,Consolas,monospace!important;
  font-size: .95rem
}
.v-list-item .v-list-item__title {
  font-size: .85rem!important
}
#root .v-application .overline {
  text-transform: capitalize;
  font-size: 1rem!important;
  font-weight: 600;
  letter-spacing: normal!important
}
.v-toolbar__title {
  font-size: 1rem;
  font-weight: 700
}
.animated {
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none
}
.fadeInLeft {
  animation-name: none
}
.fadeInRight {
  animation-name: none
}
.fadeIn {
  animation-name: none
}
.v-menu__content {
  transform-origin: unset!important
}
.v-toolbar {
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -o-transition: none!important;
  transition: none!important
}
.v-overlay {
  visibility: hidden
}
.page-col-content .v-speed-dial__list {
  visibility: hidden
}
.v-main .contents {
  padding: 0px 20px 80px 0px!important;
  position: absolute!important
}
.v-application:not(.editor) .v-main {
  padding-top: 40px!important;
  z-index: 0
}
.theme--light.v-treeview {
  background-color: #fff
}
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: var(--accent)!important
}
.v-sheet.v-app-bar.v-toolbar:not(.v-sheet--outlined) {
  background: var(--top-bar-gradient);
  box-shadow: 0 2px 5px rgba(0,0,0,.2)!important;
  backdrop-filter: blur(10px)!important
}
.v-application:not(.editor) .v-main .v-main__wrap > .v-toolbar {
  background-color: var(--accent)!important;
  box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 1px 5px 0 rgb(0 0 0 / 12%)!important;
  z-index: 10
}
.v-navigation-drawer .v-list--dense .v-subheader {
  font-weight: 600
}
.v-navigation-drawer--clipped:not(.v-navigation-drawer--temporary):not(.v-navigation-drawer--is-mobile) {
  box-shadow: 2px 0 5px rgba(0,0,0,.2)!important
}
.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close) {
  background-color: var(--accent)!important
}
.v-navigation-drawer--temporary:not(.v-navigation-drawer--close) {
  background-color: var(--accent)!important
}
.theme--dark.v-navigation-drawer {
  background-color: var(--accent)!important
}
.v-navigation-drawer__content {
  background-color: var(--accent)!important
}
.v-navigation-drawer__content .v-list:not(.v-select-list) {
  background-color: transparent!important
}
.theme--dark.v-sheet {
  background-color: transparent!important
}
.breadcrumbs-nav .v-btn__content,
.breadcrumbs-nav .v-icon {
  color: #fff!important
}
.theme--light.v-breadcrumbs .v-breadcrumbs__divider,
.theme--light.v-breadcrumbs .v-breadcrumbs__item--disabled {
  color: #fff!important
}
.nav-header-inner .v-toolbar__content .v-icon {
  color: #fff!important
}
#root .v-application .grey.darken-4-d3 {
  box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 1px 5px 0 rgb(0 0 0 / 12%)!important
}
.v-application.editor .nav-header.v-sheet .v-toolbar__content {
  padding-left: 0;
  padding-right: 0
}
.v-application.editor .nav-header.v-sheet .v-toolbar__content > .row {
  margin-right: 0;
  margin-left: 0
}
.v-application:not(.editor) .nav-header.v-sheet.theme--dark.v-toolbar.v-toolbar--flat.v-app-bar.v-app-bar--clipped.v-app-bar--fixed.black .v-toolbar__content {
  padding: 3px!important
}
.v-application:not(.editor) .layout .flex .nav-header-inner .v-toolbar__content,
.v-application:not(.editor) .nav-header .v-toolbar__content,
.v-application:not(.editor) .nav-header-inner {
  height: 40px!important;
  max-height: 40px!important
}
.v-application:not(.editor) .v-toolbar__title.mx-3 {
  margin-left: 3px!important
}
.layout .flex .nav-header-inner .v-toolbar__content .v-input__control,
.v-application:not(.editor) .v-toolbar__content {
  min-height: 0
}
.layout .flex .nav-header-inner .v-toolbar__content .v-input__control .v-input__slot,
.v-application:not(.editor) .v-toolbar__content {
  padding: 0 10px
}
.v-application:not(.editor) .nav-header,
.v-application:not(.editor) .nav-header .v-toolbar__content .v-btn.v-btn--icon.v-size--default,
.v-toolbar__extension .v-btn.v-btn--icon.v-size--default {
  height: 40px!important
}
.v-application:not(.editor) .v-navigation-drawer {
  width: 200px!important
}
.v-application .pt-0 {
  padding-bottom: 0!important
}
.v-main .container .flex.page-col-sd.lg3.xl2 {
  margin-top: 0!important;
  top: 46px
}
.v-main .row.no-gutters.align-content-center {
  height: 50px!important
}
.v-main .row.no-gutters.align-content-center .headline {
  font-weight: 600
}
.v-main .container.main.pt-0.container--fluid {
  height: 100%
}
.v-main .container .main-section-wrapper {
  height: 100%
}
.v-sheet.v-footer:not(.v-sheet--outlined) {
  visibility: hidden;
  height: 20px;
  padding: 0!important;
  display: none
}
@media only screen and (min-width:960px) {
  .v-application:not(.editor) .v-main {
    padding: 40px 0 0 200px!important
  }
  .v-application:not(.editor) .nav-header {
    left: 200px!important
  }
  .search-results {
    left: 200px!important;
    top: 40px!important
  }
  .search-results-container {
    margin: 0!important;
    width: calc(100% - 200px)!important;
    max-width: calc(100% - 200px)!important
  }
}
@media only screen and (max-width:959px) {
  .v-toolbar__extension .deep-purple {
    top: 10px;
    border-color: #000!important
  }
  .v-toolbar__extension .deep-purple .v-input__slot {
    background-color: #000!important
  }
  .v-toolbar__extension .deep-purple .v-text-field--outlined,
  .v-toolbar__extension .deep-purple .v-text-field--solo {
    border-radius: 40px
  }
}
.v-application:not(.editor) .theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  left: 225px!important
}
.search-results {
  backdrop-filter: blur(10px)!important;
  animation: none;
  height: calc(100% - 40px)!important
}
.v-application:not(.editor) .v-navigation-drawer--clipped:not(.v-navigation-drawer--temporary):not(.v-navigation-drawer--is-mobile) {
  top: 0!important;
  max-height: 100%!important
}
.v-application .v-sheet.v-app-bar.v-toolbar:not(.v-sheet--outlined) {
  z-index: 1
}
.v-navigation-drawer .v-list.accent > .v-list-item,
.v-navigation-drawer .v-list.error > .v-list-item,
.v-navigation-drawer .v-list.info > .v-list-item,
.v-navigation-drawer .v-list.primary > .v-list-item,
.v-navigation-drawer .v-list.secondary > .v-list-item,
.v-navigation-drawer .v-list.success > .v-list-item,
.v-navigation-drawer .v-list.warning > .v-list-item {
  min-height: 30px;
  height: 30px!important
}
.v-navigation-drawer .v-icon.v-icon {
  font-size: 18px
}
.v-navigation-drawer .v-list--dense .v-subheader {
  height: 20px
}
.v-navigation-drawer .rounded-0 {
  margin-right: 8px!important
}
.v-list--nav .v-list-item:not(:last-child):not(:only-child),
.v-list--rounded .v-list-item:not(:last-child):not(:only-child) {
  margin: 0!important
}
.v-main .v-list .v-list-item {
  min-height: 30px!important
}
.v-main .grid-list-xl .layout .flex.page-col-sd.lg3.xl2 {
  width: 200px!important;
  max-width: 200px!important
}
@media (min-width:1264px) {
  .v-application--is-ltr .offset-lg-3 {
    margin-left: 0!important
  }
}
.cm-s-wikijs-dark.CodeMirror {
  background-color: #fff;
  color: #000
}
.cm-s-wikijs-dark .CodeMirror-lines {
  margin-left: 0
}
.cm-s-wikijs-dark .CodeMirror-activeline-background {
  background-color: #ebebeb!important
}
.cm-s-wikijs-dark .CodeMirror-gutters {
  background-color: #ddd!important
}
.cm-s-wikijs-dark .CodeMirror-line > span > span::selection,
.cm-s-wikijs-dark .CodeMirror-line > span::selection,
.cm-s-wikijs-dark .CodeMirror-line::selection {
  background-color: #a5c9f4
}
.cm-s-wikijs-dark span.cm-variable-2 {
  color: #1976d2!important
}
.cm-s-wikijs-dark span.cm-string {
  color: #f60!important
}
.v-application .editor-modal-media {
  background-color: rgba(0,0,0,.2)!important;
  width: calc(100% - 64px)
}
.v-progress-circular--indeterminate .v-progress-circular__overlay {
  color: #fff!important
}