320 lines
12 KiB
SCSS
320 lines
12 KiB
SCSS
$--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: #fff,
|
|
tui-grid-cell-insert-color: #13636c,
|
|
tui-grid-cell-selected-color: #0A224F,
|
|
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: #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-sidebar-border: #303030,
|
|
),
|
|
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-btn-backgroundColor: #fff,
|
|
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: #13636c,
|
|
tui-grid-cell-selected-color: #E6F4FF,
|
|
tui-grid-cell-modify-color: #e6f5f7,
|
|
tui-grid-cell-removed-color: #fddde1,
|
|
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-sidebar-border: #F0F0F0,
|
|
),
|
|
); |