ebc

themeColor.css 6.9KB

    /* layout start */ .layout-theme__light .layout-sider .logo h1 { color: #147BD1; } .layout .setting-drawer-handle { background-color: #147BD1; } .layout-header-action a { color: inherit !important; } .chart-container .chart-tab-item--current { color: #147BD1; border-color: #147BD1; } /* layout end */ /* #app a { color: #147BD1; } */ /* form start */ #app .form-radio__inner::before { border: 1px solid #147BD1; } #app .form-radio__inner::after { background-color: #147BD1; } #app .switch--checked { background-color: #147BD1; } #app .form-checkbox__input[type=checkbox][checked]~.form-checkbox__inner:before { background-color: #147BD1; } #app .form-checkbox--checked .form-checkbox__inner::before, .form-checkbox__input[type="checkbox"]:checked~.form-checkbox__inner::before, .form-checkbox__input[type="checkbox"][checked]~.form-checkbox__inner::before { background-color: #147BD1; } #app .form-checkbox--indeterminate .form-checkbox__inner::after { background-color: #147BD1; } #app .form-checkbox:hover .form-checkbox__inner::before { border: 1px solid #147BD1; } #app .input:focus, #app .select__input:focus, #app .select__selection:focus { box-shadow: inset 0 0 0 1px #147BD1; border-color: #147BD1; } #app .select--open .select__selection { border-color: #147BD1; box-shadow: inset 0 0 0 1px #147BD1; } #app .input:hover, #app .select__selection:hover, #app .select__input:hover { border-color: #147BD1; } .radio-group-button .form-radio:checked, .radio-group-button .form-radio[checked] { background-color: #147BD1; border: 1px solid #147BD1; } .radio-group-button .form-radio:active:checked, .radio-group-button .form-radio[checked]:active, .radio-group-button .active.form-radio:checked, .radio-group-button .active.form-radio[checked] { border-color: transparent; background-color: #147BD1; } .radio-group-button .form-radio:hover:checked, .radio-group-button .form-radio[checked]:hover { color: #fff; border-color: transparent; background-color: #147BD1; } .active.btn-dashed-secondary { color: #147BD1; border-color: #147BD1; } .active.btn-dashed-secondary::after { border: 0 solid #147BD1; } .btn-secondary:hover, .btn-outline-secondary:hover, .btn-dashed-secondary:hover, .checkbox-group--button .form-checkbox .form-checkbox__inner:hover, .radio-group-button .form-radio:hover { color: #147BD1; border-color: #147BD1; } /* form end */ /* menu start */ #app .menu__item--checked { background-color: #147BD1; border-color: #147BD1; } .menu--light .menu__item:hover, .menu--light .menu__submenu-title:hover { background-color: #147BD10f !important; } .menu--light .menu__item--checked { background-color: #147BD10f !important; } #app .menu__item--checked a { color: #ffffff !important; } #app .menu__submenu--checked>.menu__submenu-title { color: #147BD1 !important; } .menu .menu__item a, .menu .menu__submenu-title a { color: inherit !important; } .menu--light .menu__item--checked { color: #147BD1; border-color: #147BD1; } .menu--light .menu__item--checked:hover { color: #147BD1; } /* menu end*/ /* button start */ #app .btn-secondary:hover { color: #147BD1; border: 1px solid #147BD1; } #app .btn-secondary.active::after { border: 0 solid #147BD1 !important; } #app .btn-secondary.active { color: #147BD1; border: 1px solid #147BD1; } .select--open .select__selection { border: 1px solid #147BD1; box-shadow: 0 0 0 1px #147BD1; } .select--focus .select__selection { border: 1px solid #147BD1; box-shadow: 0 0 0 1px #147BD1; } .btn-primary { background-color: #147BD1; border: 1px solid #147BD1; } .btn-primary:hover { background-color: #147BD1; } .btn-primary:active { background-color: #147BD1; } .btn-primary:focus { background-color: #147BD1; } .btn-secondary:hover, .btn-dashed-secondary:hover { color: #147BD1; border-color: #147BD1; } .btn-secondary:active, .btn-dashed-secondary:active { color: #147BD1; border-color: #147BD1; } .btn-secondary:focus, .btn-dashed-secondary:focus { color: #147BD1; border-color: #147BD1; } /* button end */ /* tags-nav start */ .tags-nav .tag-nav a { color: rgba(0, 0, 0, 0.65); } .tags-nav .tag-nav.active a, .tags-nav .tag-nav.active .aidicon-close { color: #147BD1; } .tags-nav .tag-nav:hover a, .tags-nav .tag-nav:hover .aidicon-close { color: #147BD1; } /* tags-nav end */ /* time-picker start */ #app .time-picker__input:focus { box-shadow: inset 0 0 0 1px #147BD1; border-color: #147BD1; } #app .time-picker__input:hover { border-color: #147BD1; } /* .time-picker end */ /* date-pick start */ .date-pick__header { background-color: #147BD1 !important; } .date-pick table td.date-pick__today { color: #147BD1 !important; } .date-pick table td.date-pick__today>a { border-color: #147BD1 !important; } .date-pick--selected>a, .date-pick__time-panel .date-pick-time-spinner--selected, .date-pick-time-scroll--selected { background-color: #147BD1; } /* date-pick end */ .calendar--no-border .full-calendar-body .dates .week-row .day-cell.today .day-number { background: #147BD1; } /* step start */ .steps-item--status-process .steps-head__inner { background-color: #147BD1; } .steps-item--status-finish .steps-head__inner { border-color: #147BD1; } .steps--horizontal .steps-item--status-finish .steps-main__title::after { background-color: #147BD1; } .steps-item--status-finish .steps-head__inner .steps-icon { color: #147BD1; } .steps-item--status-finish .steps-tail { background-color: #147BD1; } .steps--label-vertical .steps-item--status-finish .steps-head__inner, .steps--label-vertical .steps-item--status-process .steps-head__inner { background-color: #147BD1; } /* step end */ /* breadcrumb start */ .page-header .breadcrumb a { color: rgba(0, 0, 0, 0.45) !important; transition: color 0.3s !important; } /* breadcrumb end */ /* tab start */ .tabs-list .tabs-tab.checked { color: #147BD1; border-bottom: 2px solid #147BD1; } /* tab end */ /* pagination start */ .pagination__item--active .pagination__item-link, .pagination__item-link:hover { border: 1px solid #147BD1; } .pagination__item-link:hover { color: #147BD1 } /* pagination end */ .catalog-list__item:hover{ background-color: #147BD10f; } /* light color start*/ .table--enable-row-hover .table__body tr:hover>td { background-color: #147BD10f !important; } .list__item:hover { background-color: #147BD10f !important; } .date-pick--selected-min, .date-pick--in-selected { background-color: #147BD10f !important; } .date-pick table td:not(.date-pick--selected):not(.date-pick--in-selected):not(.date-pick__other-month)>a:hover { background-color: #147BD10f !important; } .time-picker__body ul li:hover { background-color: #147BD10f !important; } .notice-list-item:hover { background-color: #147BD10f !important; } /* light color end*/