$--color-primary__blue: #278bff !important;
$--color-primary__green: #26bf6b !important;
$--color-sub__yellow: #ff9541 !important;
$--color-warning__red: #ff5050 !important;
$--color-white: #fff !important;
$--color-black: #333 !important;
$--color-gray_C: #cccccc !important;
$--color-gray_9: #95a0a9 !important;
$--color-gray_7: #767d83 !important;
$--color-gray_999: #999 !important;
$--color-gray_555: #555 !important;
$--color-gray_aaa: #aaa !important;
$--color-hover_d: #47535c !important;
$--color-hover_l: #f0f5fc !important;

$--theme-font-color: "";
$--theme-bg-page: "";
$--theme-bg-card: "";
$--theme-hover-color: "";
$--theme-button-close-color: "";
$--theme-color-w-g5: "";
$--theme-color-gc-g9: "";
$--theme-color-g5-gc: "";
$--theme-color-g7-g9: "";
$--theme-color-g9-g7: "";

$scrollbar-width: 11px; // 스크롤 바
$column-spacer: 20px; // 검색 영역 열 간격
$row-spacer: 14px; // 검색 영역 행 간격

$color: (
  "black": (
    "0": #000,
    "1": #111
  ),
  "white": (
    "0": #fff
  ),
  "week": (
    "sun": #fb5a83,
    "sat": #2d8cf6
  )
);

$config: (
  dark: (
    w-g5: $--color-white,
    g5-w: $--color-gray_555,
    gc-g9: $--color-gray_C,
    g5-gc: $--color-gray_555,
    g7-g9: $--color-gray_7,
    g9-g7: $--color-gray_9,
    pageBackground: #23272b,
    cardBackground: #242940,
    hover: #47535c,
    btnClose: #24282c,
    scrollbar-track: #2f334a,
    scrollbar-thumb: #575b72,
    card-default-color: #fff,
    card-subtitle: rgba(255, 255, 255, 0.6),
    activate: #fff,
    non-activate: rgba(255, 255, 255, 0.6),
    text-subcolor: rgba(255, 255, 255, 0.6),
    border-color: rgba(255, 255, 255, 0.1),
    router-header: #1d2133,
    router-tab-item: #2d3355,
    router-tab-item-active: #18579e,
    router-tab-item-color: #fff,
    router-tab-item-active-color: #fff,
    router-tab-item-icon-color: rgba(255, 255, 255, 0.5),
    router-tab-item-icon-active-color: #fff,
    router-tab-item-hover-color: #3896ff,
    router-tab-slot-end-button-backgroundColor: #144985,
    v-btn-backgroundColor: #144985,
    v-box: #383f5d,
    v-banner-border-color: rgba(255, 255, 255, 0.1),
    v-treeview-node-root-backgroundColor: #18579e,
    v-treeview-node-root-label-color: #fff,
    v-treeview-node-root-label-active-color: #fff,
    v-treeview-node-root-icon-color: #fff,
    v-treeview-node-root-icon-active-color: #fff,
    v-treeview-node-subroot-backgroundColor: #2d3355,
    v-treeview-node-label-color: rgba(255, 255, 255, 0.6),
    v-treeview-node-label-active-color: #fff,
    v-treeview-leaf-active-backgroundColor: rgba(45, 51, 85, 0.5),
    v-treeview-leaf-active-color: #3896ff,
    v-treeview-icon-color: rgba(255, 255, 255, 0.6),
    v-treeview-icon-active-color: #fff,
    v-input-backgroundColor: rgba(13, 15, 23, 0.3),
    v-input-fieldset-color: rgba(255, 255, 255, 0.32),
    v-input-fieldset-hover-color: rgba(255, 255, 255, 1),
    v-input-icon-color: #fff,
    v-input-readonly-border-color: rgba(255, 255, 255, 0.3),
    v-input-readonly-backgroundColor: rgba(57, 64, 94, 0.3),
    v-input-disabled-backgroundColor: rgba(57, 64, 94, 0.3),
    v-input-disabled-color: rgba(255, 255, 255, 0.2),
    v-select-label-color: #fff,
    v-calendar-weekday-backgroundColor: #383f5d,
    v-calendar-weekday-color: #fff,
    v-calendar-weekday-border-color: rgba(255, 255, 255, 0.1),
    v-calendar-day-color: #fff,
    v-calendar-day-in-not-month-color: rgba(255, 255, 255, 0.05),
    v-calendar-is-today-background-color: #2d4571,
    tui-grid-header-backgroundColor: #383f5d,
    tui-grid-border-horziontal-color: #383f5d,
    tui-grid-border-vertical-color: rgba(255, 255, 255, 0.1),
    tui-grid-cell-backgroundColor: #242940,
    tui-grid-cell-color: #fff,
    tui-grid-cell-insert-color: #13636c,
    tui-grid-cell-selected-color: #1a4e87,
    tui-grid-cell-modify-color: #13636c,
    tui-grid-cell-removed-color: #f6637b,
    tui-grid-cell-disabled-color: rgb(170, 170, 170),
    tui-grid-cell-hover-backgroundColor: #31375b,
    v-tabs-items-border-color: rgba(255, 255, 255, 0.7),
    v-tabs-backgroundColor: rgba(57, 64, 94, 0.5),
    v-tabs-active-backgroundColor: #242940,
    v-tabs-active-border-color: rgba(255, 255, 255, 0.7),
    v-dialog-card-text-color: #fff,
    tui-datepicker-backgroundColor: #0d0f17,
    tui-datepicker-border-color: rgba(255, 255, 255, 0.3),
    tui-datepicker-selectable-hover-color: #2d3355,
    tui-datepicker-selected-color: #1a4e87,
    tui-datepicker-calendar-color: #fff,
    tui-editor-contents-color: #111,
    admin-menu-expanded-list-backgroundColor: #144985
  ),
  light: (
    w-g5: $--color-gray_555,
    g5-w: $--color-white,
    gc-g9: $--color-gray_999,
    g5-gc: $--color-gray_C,
    g7-g9: $--color-gray_9,
    g9-g7: $--color-gray_7,
    fontColor: #333,
    pageBackground: #ececef,
    cardBackground: #fefefe,
    hover: #f0f5fc,
    btnClose: #f1f0f8,
    scrollbar-track: #e9e9e9,
    scrollbar-thumb: #bbbbbb,
    card-default-color: #111,
    card-subtitle: #555,
    activate: #111,
    non-activate: #555,
    text-subcolor: #999,
    border-color: #ddd,
    router-header: #fff,
    router-tab-item: #e1e7f3,
    router-tab-item-active: #4777d9,
    router-tab-item-color: #111,
    router-tab-item-active-color: #fff,
    router-tab-item-icon-color: #838aa6,
    router-tab-item-icon-active-color: #fff,
    router-tab-item-hover-color: #366dbe,
    router-tab-slot-end-button-backgroundColor: #3f4d7d,
    v-btn-backgroundColor: #4777d9,
    v-box: #f0f3fa,
    v-banner-border-color: #ddd,
    v-treeview-node-root-backgroundColor: #4777d9,
    v-treeview-node-root-label-color: #111,
    v-treeview-node-root-label-active-color: #fff,
    v-treeview-node-root-icon-color: #555,
    v-treeview-node-root-icon-active-color: #fff,
    v-treeview-node-subroot-backgroundColor: #e1e7f3,
    v-treeview-node-label-color: #555,
    v-treeview-node-label-active-color: #111,
    v-treeview-leaf-active-backgroundColor: #edf1f7,
    v-treeview-leaf-active-color: #366dbe,
    v-treeview-icon-color: #a4aac3,
    v-treeview-icon-active-color: #616885,
    v-input-backgroundColor: #ffffff,
    v-input-fieldset-color: #b4b8c9,
    v-input-fieldset-hover-color: #b4b8c9,
    v-input-icon-color: #555,
    v-input-readonly-border-color: #b4b8c9,
    v-input-readonly-backgroundColor: #f5f5f5,
    v-input-disabled-backgroundColor: #eee,
    v-input-disabled-color: #bbb,
    v-select-label-color: #111,
    v-calendar-weekday-backgroundColor: #e0e0e0,
    v-calendar-weekday-color: #111,
    v-calendar-weekday-border-color: #d4d4d4,
    v-calendar-day-color: #111,
    v-calendar-day-in-not-month-color: #f8f8f8,
    v-calendar-is-today-background-color: #e3eaf3,
    tui-grid-header-backgroundColor: #e0e0e0,
    tui-grid-border-horziontal-color: #e0e0e0,
    tui-grid-border-vertical-color: #d4d4d4,
    tui-grid-cell-backgroundColor: #fff,
    tui-grid-cell-color: #555,
    tui-grid-cell-insert-color: #13636c,
    tui-grid-cell-selected-color: #ecf2fa,
    tui-grid-cell-modify-color: #e6f5f7,
    tui-grid-cell-removed-color: #fddde1,
    tui-grid-cell-hover-backgroundColor: #f5f5f5,
    v-tabs-items-border-color: #989db1,
    v-tabs-backgroundColor: #ddd,
    v-tabs-active-backgroundColor: #fff,
    v-tabs-active-border-color: #989db1,
    v-dialog-card-text-color: #111,
    tui-datepicker-backgroundColor: #fff,
    tui-datepicker-border-color: #b4b8c9,
    tui-datepicker-selectable-hover-color: #e1e7f3,
    tui-datepicker-selected-color: #4777d9,
    tui-datepicker-calendar-color: #111,
    tui-editor-contents-color: #111,
    admin-menu-expanded-list-backgroundColor: #3f4d7d
  )
);