$--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;
$--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: 16px; // 검색 영역 열 간격
$row-spacer: 14px; // 검색 영역 행 간격

$color: (
  "black": ("0": #000,
    "1": #111),
  "white": ("0": #fff),
  "week": ("sun": #FF4D4F,
    "sat": #597EF7)
);

$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: #212224,
    hover: #47535c,
    btnClose: #24282c,
    scrollbar-track: #2f334a,
    scrollbar-thumb: #575b72,
    card-default-color: #FFFFFFA6,
    card-title-color: #FFFFFFD9, // #111,
    card-subtitle: rgba(255, 255, 255, 0.6),
    card-text-info-color: #1668DC,
    card-text-title-color: #FFFFFFA6,
    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: #212224,
    router-container: #141415,
    container-fluid: #141415,
    router-tab-item: transparent,
    router-tab-item-active: transparent,
    router-tab-item-color: #FFFFFFD9,
    router-tab-item-active-color: #1668DC,
    router-tab-item-icon-color: #FFFFFFD9,
    router-tab-item-icon-active-color: #1668DC,
    router-tab-item-hover-color: #1668DC,
    router-tab-slot-end-button-backgroundColor: #144985,
    v-btn-backgroundColor: #144985,
    v-box: #212224,
    v-banner-border-color: rgba(255, 255, 255, 0.1),
    v-treeview-node-root-backgroundColor: #212224,
    v-treeview-node-root-label-color: #FFFFFFD9,
    v-treeview-node-root-label-active-color: #FFFFFFD9,
    v-treeview-node-root-icon-color: #FFFFFFD9,
    v-treeview-node-root-icon-active-color: #FFFFFFD9,
    // v-treeview-node-subroot-backgroundColor: #FFFFFF0A,
    v-treeview-node-subroot-backgroundColor: transparent,
    v-treeview-node-label-color: rgba(255, 255, 255, 0.6),
    v-treeview-node-label-active-color: #1668DC,
    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-treeview-node-label-children-color: #fff,
    v-input-backgroundColor: transparent,
    v-input-color: rgba(255, 255, 255, 0.25),
    v-input-fieldset-color: #424242,
    v-input-fieldset-hover-color: rgba(255, 255, 255, 1),
    v-input-icon-color: #fff,
    v-input-readonly-border-color:#424242,
    v-input-readonly-backgroundColor: rgba(255, 255, 255, 0.08),
    v-input-disabled-backgroundColor:rgba(255, 255, 255, 0.08),
    v-input-disabled-color: rgba(255, 255, 255, 0.5),
    v-select-label-color: rgba(255, 255, 255, 0.85),
    v-calendar-weekday-backgroundColor: #FFFFFF0A,
    v-calendar-weekday-color: #FFFFFFD9,
    v-calendar-weekday-border-color: #FFFFFF0F,
    v-calendar-day-color: #FFFFFFD9,
    v-calendar-day-in-not-month-color: #FFFFFF14,
    v-calendar-is-today-background-color: #0A224F,
    v-calendar-is-sat: #263EA0,
    v-calendar-is-sun:#A61D24,
    tui-grid-title-color: #FFFFFFD9,
    tui-grid-header-backgroundColor: #2a2b2d,
    tui-grid-header-color: #FFFFFFD9,
    tui-grid-border-horziontal-color: #212224,
    tui-grid-border-vertical-color: #FFFFFF0F,
    tui-grid-cell-backgroundColor: #212224,
    tui-grid-cell-color: #FFFFFFD9,
    tui-grid-cell-insert-color: #2B2111,
    tui-grid-cell-selected-color: #0A224F,
    tui-grid-cell-modify-color: #2B2111,
    tui-grid-cell-removed-color: #2A1215,
    tui-grid-cell-disabled-color: rgb(170, 170, 170),
    tui-grid-cell-hover-backgroundColor: #2d4571,
    v-tabs-items-border-color: #FFFFFF0F,
    v-tabs-backgroundColor: rgba(57, 64, 94, 0.5),
    v-tabs-active-backgroundColor: transparent,
    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: rgba(0, 0, 0, 0.88),
    tui-grid-cell-borderStyle: solid,
    tui-grid-cell-borderColor: #FFFFFF0f,
    admin-menu-expanded-list-backgroundColor: #144985,
    h1-title: #1668DC,
    v-btn-save: transparent,
    v-btn-add-text: #212224,
    header-backgroud: #131629,
    v-btn-header-background: #212224,
    v-btn-header-border: #424242,
    v-btn-header-text: #fff,
    v-icon-orange:#D87A16,
    v-icon-blue:#1668DC,
    v-btn-excel-dowload-title: #FFFFFFD9,
    v-btn-excel-dowload-bg: #00000026,
    basic-button-color: #FFFFFFD9,
    basic-button-background: #212224,
    search-btn-color: #212224,
    card-default-backgroundColor: rgba(155, 155, 155, 0),
    v-icon-chevron-down: rgba(255, 255, 255, 0.45),
    v-icon-search: rgba(255, 255, 255, 0.45),
    icon-color: rgba(255, 255, 255, 0.45),
    menu-bg-color:rgba(33, 34, 36, 1),
    arow-line-btn-bg-color: #111A2C,
    arow-line-color: #1668DC,
    search-btn-background: #1668DC,
    v-btn-color-default: #FFFFFFD9,
    v-btn-bg-default: #FFFFFF2E,
    v-input-popup-password-border: #424242,
    v-input-textarea-border: #424242,
    v-input-textarea-bg: #212224,
    v-input-textarea-color: #FFFFFFD9,
    v-treeview-node-label-active-bg: #111A2C,
    v-treeview-node-label-active-border: #1668DC,
    v-treeview-leaf-subchildren-backgroundColor: #2a2b2d,
    ant-btn-primary-bg: #1668DC,
    ant-btn-primary-color: #212224,
    ant-btn-danger-bg:#D32029,
    ant-btn-danger-border:#D32029,
    ant-btn-danger-color:#212224,
    ant-btn-default-border:#FFFFFF2E,
    ant-btn-default-bg:#FFFFFF2E,
    ant-btn-default-color:#FFFFFFD9,
    ant-btn-default-border-outlined:#424242,
    btn-header-select-bg: #1F1F1F,
    btn-header-select-color:#FFFFFFD9,
    subtitle-tab: #FFFFFFA6,
    v-header-border: #424242,
    v-chart-border: #424242,
    v-sidebar-border: #303030,
    ant-checkbox-bg: #212224,
    ant-checkbox-border: #424242,
    ant-btn-popup-bg: #212224,
    ant-btn-popup-color: #FFFFFFD9,
    ant-btn-popup-border: #424242,
    paging-background: #212224,
    paging-text: #FFFFFFD9,
    paging-disable: #FFFFFF40,
    icon-datepicker-color: #FFFFFF73,
    selected-bg-opacity: 0.32,
    highlighted-bg-opacity: 0.08,
    ant-checkbox-disabled-bg: #FFFFFF14,
    ant-checkbox-disabled-border: #424242,
    ant-checkbox-disabled-color: #FFFFFF40,
  ),
  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: rgba(0, 0, 0, 0), // #e9e9e9,
    scrollbar-thumb: #bbbbbb,
    card-default-color: #00000073, // #111,
    card-subtitle: #1677ff,
    card-text-info-color: #1677FF,
    card-text-title-color: #00000073,
    card-title-color: #000000E0, // #111,
    activate: #111,
    non-activate: #555,
    text-subcolor: #999,
    border-color: #ddd,
    router-header: #fff,
    router-container: #f8f8f8,
    container-fluid: #f8f8f8,
    router-tab-item: #fff,
    router-tab-item-active: #fff,
    router-tab-item-color: #000000E0,
    router-tab-item-active-color: #1677ff,
    router-tab-item-icon-color: #000000E0,
    router-tab-item-icon-active-color: #1677ff,
    router-tab-item-hover-color: #1677ff,
    router-tab-slot-end-button-backgroundColor: #3f4d7d,
    v-btn-backgroundColor: #1677ff,
    v-box: #FFFFFF,
    v-banner-border-color: #ddd,
    v-treeview-node-root-backgroundColor: #FFFFFF,
    v-treeview-node-root-label-color: #000000E0,
    v-treeview-node-root-label-active-color: #000000E0,
    v-treeview-node-root-icon-color: #000000E0,
    v-treeview-node-root-icon-active-color: #000000E0,
    // v-treeview-node-subroot-backgroundColor: #00000005,
    v-treeview-node-subroot-backgroundColor: transparent,
    v-treeview-node-label-color: #555,
    v-treeview-node-label-active-color: #002C8C,
    v-treeview-node-label-children-color: #616885,
    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-color: rgba(0, 0, 0, 0.25),
    v-input-fieldset-color: #d9d9d9,
    v-input-fieldset-hover-color: #1890ff,
    v-input-icon-color: #d9d9d9,
    v-input-readonly-border-color: #424242,
    v-input-readonly-backgroundColor: rgba(0, 0, 0, 0.04),
    v-input-disabled-backgroundColor: rgba(0, 0, 0, 0.04),
    v-input-disabled-color: rgba(0, 0, 0, 0.25),
    v-select-label-color: rgba(0, 0, 0, 0.88),
    v-calendar-weekday-backgroundColor: #00000005,
    v-calendar-weekday-color: #000000E0,
    v-calendar-weekday-border-color: #0000000F,
    v-calendar-day-color: #000000E0,
    v-calendar-day-in-not-month-color: #0000000A,
    v-calendar-is-today-background-color: #E6F4FF,
    v-calendar-is-sat: #597EF7,
    v-calendar-is-sun:#FF4D4F,
    tui-grid-title-color: #000000E0,
    tui-grid-header-backgroundColor: #fafafa, //#e0e0e0,
    tui-grid-header-color: rgba(0, 0, 0, 0.88),
    tui-grid-border-horziontal-color: #e0e0e0,
    tui-grid-border-vertical-color: rgba(0, 0, 0, 0.06), //#d4d4d4,
    tui-grid-cell-backgroundColor: #fff,
    tui-grid-cell-color: #000000E0,
    tui-grid-cell-insert-color: #FFFBE6,
    tui-grid-cell-selected-color: #E6F4FF,
    tui-grid-cell-modify-color: #FFFBE6,
    tui-grid-cell-removed-color: #FFF1F0,
    tui-grid-cell-hover-backgroundColor: #f5f5f5,
    v-tabs-items-border-color: #0000000F,
    v-tabs-backgroundColor: #ddd,
    v-tabs-active-backgroundColor: rgba(0, 0, 0, 0), // #fff,
    v-tabs-active-border-color: #1677FF,
    v-tabs-hover-color: #1677FF,
    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,
    tui-grid-cell-borderStyle: solid,
    tui-grid-cell-borderColor: #0000000F,
    admin-menu-expanded-list-backgroundColor: #3f4d7d,
    h1-title: #002C8C,
    header-backgroud: #F0F5FF,
    v-btn-header-background: #FFF,
    v-btn-header-border: #D9D9D9,
    v-btn-header-text: #000000,
    v-icon-orange:#FA8C16,
    v-icon-blue:#1677FF,
    v-btn-excel-dowload-title: #000000E0,
    v-btn-excel-dowload-bg: #00000026,
    basic-button-color: #000000E0,
    basic-button-background: #FFFFFF,
    search-btn-color: #ffffff,
    card-default-backgroundColor: rgba(155, 155, 155, 0),
    v-icon-chevron-down:rgba(0, 0, 0, 0.45),
    v-icon-search:rgba(0, 0, 0, 0.45),
    icon-color: rgba(0, 0, 0, 0.45),
    menu-bg-color: #fff,
    arow-line-btn-bg-color: #E6F4FF,
    arow-line-color: #1677FF,
    search-btn-background: #1677FF,
    v-btn-bg-default: #00000026,
    v-btn-color-default: #000000E0,
    v-input-popup-password-border: #D9D9D9,
    v-input-textarea-border: #D9D9D9,
    v-input-textarea-bg: #FFFFFF,
    v-input-textarea-color: #000000E0,
    v-treeview-node-label-active-bg: #E6F4FF,
    v-treeview-node-label-active-border: #1677FF,
    v-treeview-leaf-subchildren-backgroundColor: #fafafa,
    ant-btn-primary-bg: #1677FF,
    ant-btn-primary-color: #FFF,
    ant-btn-danger-bg:#FFF,
    ant-btn-danger-border:#F5222D,
    ant-btn-danger-color:#F5222D,
    ant-btn-default-border:#00000026,
    ant-btn-default-bg:#00000026,
    ant-btn-default-color:#000000E0,
    ant-btn-default-border-outlined:#D9D9D9,
    btn-header-select-color:#1F1F1F,
    btn-header-select-bg:#FFFFFF,
    subtitle-tab: #000000A6,
    v-header-border: #D9D9D9,
    v-chart-border: #D9D9D9,
    v-sidebar-border: #F0F0F0,
    ant-checkbox-bg: #FFFFFF,
    ant-checkbox-border: #D9D9D9,
    ant-btn-popup-bg: #FFFFFF,
    ant-btn-popup-color: #000000E0,
    ant-btn-popup-border: #D9D9D9,
    paging-background: #FFFFFF,
    paging-text: #000000E0,
    paging-disable: #00000040,
    icon-datepicker-color: #00000073,
    selected-bg-opacity: 0.16,
    highlighted-bg-opacity: 0.04,
    ant-checkbox-disabled-bg: #0000000A,
    ant-checkbox-disabled-border: #D9D9D9,
    ant-checkbox-disabled-color: #00000040,
  ),
);