:root{
  --color-hilite: #7D3986;
  --color-bkg1: #221226;
  --color-bkg2: #3C1142;
  --color-bkg3: #5A335F;
  --color-warn: #A00000;
  --color-border: #4E3155;
  --gray-bkg1: #222529;
  --gray-bkg2: #1A1D21;
  --gray-bkg3: #2A2D31;
  --gray-border: #565856;
  --text-color: #F0F0F0;
  --border-radius: 8px;
  --color-elementStacks: #77070B;
  --color-elements: #803A0A;
  --color-gravities: #807900;
  --color-matchTypes: #085820;
  --color-playerMoves: #005174;
  --color-triggers: #511252;
}
#app.theme--dark.application{
  background: var(--gray-bkg2);
}
#app {
  aside.theme--dark.v-navigation-drawer{
    background: var(--color-bkg1);
  }
  aside.theme--dark .v-list{
    background:transparent;
  }
  .color-hilite{
    background: var(--color-hilite);
  }
  .color-hilite--text{
    color: var(--color-hilite);
  }
  .theme--dark.v-sheet,
  .theme--dark.v-list{
    background-color: var(--gray-bkg1);
    color: var(--text-color);
    border: solid 1px var(--gray-border);
  }
  .theme--dark.v-list{
    border: none;
  }
  .modal .v-list>div,
  .v-btn{
    border-radius: var(--border-radius);
  }
  .v-divider{
    width: calc(100% - 16px);
    margin: 0 auto;
  }
  .v-progress-linear {
    border-radius: var(--border-radius);
  }
  .v-sheet{
    border-radius: var(--border-radius);
  }
  .v-toolbar{
    background-color: var(--color-hilite);
    color: var(--text-color);
  }
  .theme--dark.v-sheet.card {
    background-color: var(--color-bkg1);
    border-color: var(--color-border);
  }
  .warn{
    background-color: var(--color-warn);
  }
  .left-menu-item__active {
    background-color: var(--color-bkg3);
  }
  .mechanics{
    .v-toolbar{
      background-color:var(--color-bkg2);
      border-radius: var(--border-radius);
      border:solid 1px var(--color-border);
    }
  }
  .blank-card{
    border-radius: var(--border-radius);
    border-color: var(--text-color);
  }
  .section{
    background-color: var(--gray-bkg1);
    border-radius: var(--border-radius);
    border:solid 1px var(--gray-border);
    overflow:hidden;
  }
  .section-title{
    background-color: var(--color-bkg1);
  }
  .theme--dark.v-sheet.v-card.elementStacks{
    background-color: var(--color-elementStacks);
  }
  .theme--dark.v-sheet.v-card.elements{
    background-color: var(--color-elements);
  }
  .theme--dark.v-sheet.v-card.gravities{
    background-color: var(--color-gravities);
  }
  .theme--dark.v-sheet.v-card.matchTypes{
    background-color: var(--color-matchTypes);
  }
  .theme--dark.v-sheet.v-card.playerMoves{
    background-color: var(--color-playerMoves);
  }
  .theme--dark.v-sheet.v-card.triggers{
    background-color: var(--color-triggers);
  }
  .tag-string{
    background:var(--color-bkg2);
    border-radius: var(--border-radius);
    border: solid 1px var(--color-border);
  }
  .v-menu__content {
    border-radius: var(--border-radius);
  }
}