vuetify/src/stylus/theme.styl

Vue.js 2 Semantic Component Framework

@import './settings/_theme.styl'

app($component)
  .application
    &.theme--light
      $component($material-light)
    &.theme--dark
      $component($material-dark)

theme($component, $name)
  light($component, $name)
  dark($component, $name)

light($component, $name)
  .theme--light .{$name},
  .application .theme--light.{$name}
    $component($material-light)

dark($component, $name)
  .theme--dark .{$name},
  .application .theme--dark.{$name}
    $component($material-dark)