@import '../dark-theme/dark-theme-var';
 @import './_button.scss';

  $dark-theme: (
    layout: (
        background-color: $bg,
        color: $color
    ),
    header: (
        background-color: $bg,
        color: $color,
        box-shadow: $box-shadow
    ),
    body-container: (
        background-color: $border,
        color: $color
    ),
    footer: (
        background-color:$bg,
        color: $color
    ),
    sidebar-left: (
        background-color:$bg,
        box-shadow: $box-shadow
    ),
    menu: (
        li-color: white,
        li-border-bottom: 1px solid $border,
        li-hover-color: $primary,
        li-hover-focus: $primary,
        li-active: $primary,
        icon-margin: white
    ),
    button: $button,
    user: (
        border: $primary
    ),
    action: (
        color: #dae0e5,
        border: 2px solid $border
    ),
    context-menu: (
        bg: #222b45,
        color: #fff,
        border:  1px solid $border,
        box-shadow: 0 0.5rem 1rem 0 #1a1f33,
        border-bottom: 1px solid $border,
        active: $primary
    ),
    card: (
        border: 1px solid rgba(0,0,0,.125),
        bg: $bg,
        border-top: 1px solid $border,
        border-bottom: 1px solid  $border,
        color: white
    )
  );