1404/11/01-add dynamic config
This commit is contained in:
@@ -0,0 +1,216 @@
|
||||
/* =================== متغیرها =================== */
|
||||
|
||||
/* =================== Buttons =================== */
|
||||
.ant-btn-primary {
|
||||
background-color: @App-primary-color !important;
|
||||
border-color: @App-primary-color !important;
|
||||
color: #fff !important;
|
||||
|
||||
&:hover {
|
||||
background-color: @App-primary-color !important;
|
||||
border-color: @App-primary-color !important;
|
||||
color: #fff !important;
|
||||
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: @App-primary-color !important;
|
||||
border-color: @App-primary-color !important;
|
||||
color: #fff !important;
|
||||
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
background-color: #f5f5f5 !important;
|
||||
border-color: #d9d9d9 !important;
|
||||
cursor: not-allowed !important;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
//.ant-btn {
|
||||
// &:hover {
|
||||
// border-color: @App-primary-color !important;
|
||||
// box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
// color: @App-primary-color !important;
|
||||
// }
|
||||
//
|
||||
// &.ant-input-focused {
|
||||
// border-color: @App-primary-color !important;
|
||||
// box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
// color: @App-primary-color !important;
|
||||
// }
|
||||
//
|
||||
// &:focus {
|
||||
// border-color: @App-primary-color !important;
|
||||
// box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
// color: @App-primary-color !important;
|
||||
// }
|
||||
//}
|
||||
.ant-btn-default:hover,
|
||||
.ant-btn-default:focus {
|
||||
border-color: @App-primary-color !important;
|
||||
color: @App-primary-color !important;
|
||||
}
|
||||
/* =================== Links =================== */
|
||||
.ant-typography a,
|
||||
.ant-typography a:hover,
|
||||
.ant-typography a:active {
|
||||
color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Badge =================== */
|
||||
.ant-badge-status-processing {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Input =================== */
|
||||
//.ant-input,
|
||||
//.ant-input:hover,
|
||||
//.ant-input-focused,
|
||||
//.ant-input:focus {
|
||||
// border-color: @App-primary-color !important;
|
||||
// box-shadow: 0 0 0 2px rgba(10,27,55,0.2) !important; /* fallback برای hover */
|
||||
//}
|
||||
.ant-input {
|
||||
&:hover {
|
||||
border-color: @App-primary-color !important;
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
}
|
||||
|
||||
&.ant-input-focused {
|
||||
border-color: @App-primary-color !important;
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: @App-primary-color !important;
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
}
|
||||
}
|
||||
.ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused{
|
||||
border-color: @App-primary-color !important;
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
}
|
||||
|
||||
/* =================== Select =================== */
|
||||
.ant-select-focused,
|
||||
.ant-select:hover,
|
||||
.ant-select-selection {
|
||||
border-color: @App-primary-color !important;
|
||||
box-shadow: none
|
||||
}
|
||||
.ant-select:not(.ant-select-disabled):hover .ant-select-selector{
|
||||
border-color: @App-primary-color !important;
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
}
|
||||
|
||||
|
||||
/* =================== Radio =================== */
|
||||
.ant-radio-checked .ant-radio-inner {
|
||||
border-color: @App-primary-color !important;
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
.ant-radio-group-solid .ant-radio-button-wrapper-checked{
|
||||
border-color: @App-primary-color !important;
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before{
|
||||
background-color: @App-primary-color !important;
|
||||
|
||||
}
|
||||
|
||||
/* =================== Checkbox =================== */
|
||||
.ant-checkbox-checked .ant-checkbox-inner {
|
||||
border-color: @App-primary-color !important;
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Switch =================== */
|
||||
.ant-switch-checked {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Tag =================== */
|
||||
//.ant-tag-blue {
|
||||
// background-color: @App-primary-color !important;
|
||||
// color: #fff !important;
|
||||
// border-color: @App-primary-color !important;
|
||||
//}
|
||||
|
||||
/* =================== Slider =================== */
|
||||
.ant-slider-track {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
.ant-slider-handle {
|
||||
border-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Menu =================== */
|
||||
.ant-menu-item-selected {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
.ant-menu-item-selected a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* =================== Pagination =================== */
|
||||
.ant-pagination-item-active {
|
||||
background-color: @App-primary-color !important;
|
||||
border-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Tooltip =================== */
|
||||
.ant-tooltip-arrow-content {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Tabs =================== */
|
||||
.ant-tabs-tab-active {
|
||||
color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Card =================== */
|
||||
.ant-card-head-title a {
|
||||
color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Steps =================== */
|
||||
.ant-steps-item-process .ant-steps-item-icon,
|
||||
.ant-steps-item-finish .ant-steps-item-icon {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Alert =================== */
|
||||
.ant-alert-success .ant-alert-icon,
|
||||
.ant-alert-info .ant-alert-icon,
|
||||
.ant-alert-warning .ant-alert-icon,
|
||||
.ant-alert-error .ant-alert-icon {
|
||||
color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Divider =================== */
|
||||
//.ant-divider-horizontal {
|
||||
// border-top-color: @App-primary-color !important;
|
||||
//}
|
||||
|
||||
/* =================== Checkbox / Radio Hover =================== */
|
||||
.ant-checkbox:hover .ant-checkbox-inner,
|
||||
.ant-radio:hover .ant-radio-inner {
|
||||
border-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
/* =================== Disabled =================== */
|
||||
.ant-checkbox-disabled .ant-checkbox-inner,
|
||||
.ant-radio-disabled .ant-radio-inner {
|
||||
background-color: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
border-color: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
|
||||
}
|
||||
|
||||
.ant-spin-dot-item {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
|
||||
.ant-spin-dot i {
|
||||
background-color: @App-primary-color !important;
|
||||
}
|
||||
Reference in New Issue
Block a user