@import "bootstrap/mixins/sass-list-maps";
@import "bootstrap/theme-mixin";

@mixin theme-maker($name, $list) {
  /* GLOBAL SETTINGS */
  @include theme-mixin($name, (
    theme (
      color white,
      bg get($list, theme, bg)
    ),
    global (
      bg $primary-color,
      select rgba(73, 231, 161, 0.33)
    ),
    body (
      bg #E9F0F5,
      color $primary-color
    ),
    header (
      bg #273135,
      color $primary-color,
      hover-color #ffffff,

      logout (
        bg get($list, logout, bg),
        color #ffffff,
        hover-bg get($list, logout, hover-bg)
      ),

      sidebar-btn (
        bg #2AA38B,
        color #ffffff,
        hover-bg #2EB398
      ),

      divider (
        color rgba(59, 70, 72, 0.45)
      )
    ),
    sidebar (
      bg #273135,
      width 250px,
      avatar (
        bg get($list, sidebar, avatar, bg)
      ),
      controls (
        bg get($list, sidebar, controls, bg),
        btn (
          color get($list, sidebar, controls, btn, color),
          border get($list, sidebar, controls, btn, border),
          active-bg get($list, sidebar, controls, btn, active-bg),
          active-color get($list, sidebar, controls, btn, active-color)
        )
      )
    ),
    components (
      link (
        color #2EB398
      ),
      dropdown (
        border get($list, theme, bg),
        active (
          bg get($list, theme, bg),
          color #ffffff
        ),
        hover (
          bg rgba(get($list, theme, bg), 0.6)
        ),
        header (
          bg #F9FAFB,
          color #98A0A3,
          border #F2F2F2
        )
      ),
      panel (
        bg #ffffff,
        border #CEDBEC
      ),
      button (
        color $primary-color
      ),
      form (
        border #ddd,
        active (
          border #2EB398
        )
      )
    ),
    footer (
      bg $primary-color,
      color #CCD6DF
    )
  ));
}