main.styl

@import '../../node_modules/vuetify/src/stylus/settings/_colors'
$color-root := #FFFFFF
$body-bg := $grey.darken-4
$theme := {
  primary: $blue.base,
  accent: $blue.accent-1,
  secondary: #181818,
  info: $blue.base,
  warning: $amber.base,
  error: $red.base,
  success: $green.base
}

$sidebar-item-color := #aaaaaa
$sidebar-width := 220px;

@import '../../node_modules/vuetify/src/stylus/main'

// override .content background- it's hardcoded (?)
.content
  background: $body-bg

.sidebar
    font-size: 12px
.sidebar a.list__tile:hover
    background-color: black
    color: white
.sidebar ul {
    margin 0 4px !important;
}

.toolbar
    background-color: black
.toolbar button
  color: #aaa
.toolbar button:hover
    background-color: #222
    color: white
.toolbar .toolbar__title
    font-family: 'Wellfleet', serif

// no slow color transitions on hover..
@css {
  .toolbar button {
    transition: color 0s;
  }
  .sidebar a.list__tile {
    transition: color 0s;
  }
}