Contrast fixes
This commit is contained in:
ThePetrovich
parent
be164cfe0a
commit
25ade09b0c
31 changed files with 471 additions and 378 deletions
343
dist/css/bootstrap.rtl.css
vendored
343
dist/css/bootstrap.rtl.css
vendored
|
|
@ -52,7 +52,7 @@
|
|||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #4e0f0f;
|
||||
--bs-light-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #2a2a2a;
|
||||
--bs-primary-bg-subtle: #dae4ee;
|
||||
--bs-secondary-bg-subtle: #dfe2e3;
|
||||
--bs-success-bg-subtle: #d4e6dd;
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f3d3d4;
|
||||
--bs-light-bg-subtle: #f9f9f9;
|
||||
--bs-dark-bg-subtle: #cdcdcd;
|
||||
--bs-dark-bg-subtle: #e2e2e3;
|
||||
--bs-primary-border-subtle: #b5cadd;
|
||||
--bs-secondary-border-subtle: #bec5c8;
|
||||
--bs-success-border-subtle: #aacdbb;
|
||||
|
|
@ -3059,258 +3059,290 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
--bs-btn-color: #457aab;
|
||||
--bs-btn-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-border-color: rgba(69, 122, 171, 0.15);
|
||||
--bs-btn-hover-color: #457aab;
|
||||
--bs-btn-hover-bg: rgba(69, 122, 171, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(69, 122, 171, 0.3);
|
||||
--bs-btn-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-primary-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #457aab;
|
||||
--bs-btn-hover-border-color: #457aab;
|
||||
--bs-btn-focus-shadow-rgb: 69, 122, 171;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #457aab;
|
||||
--bs-btn-active-border-color: #457aab;
|
||||
--bs-btn-active-bg: #376289;
|
||||
--bs-btn-active-border-color: #376289;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #457aab;
|
||||
--bs-btn-disabled-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(69, 122, 171, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-primary-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
--bs-btn-color: #5d6d75;
|
||||
--bs-btn-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-border-color: rgba(93, 109, 117, 0.15);
|
||||
--bs-btn-hover-color: #5d6d75;
|
||||
--bs-btn-hover-bg: rgba(93, 109, 117, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(93, 109, 117, 0.3);
|
||||
--bs-btn-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-secondary-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #5d6d75;
|
||||
--bs-btn-hover-border-color: #5d6d75;
|
||||
--bs-btn-focus-shadow-rgb: 93, 109, 117;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #5d6d75;
|
||||
--bs-btn-active-border-color: #5d6d75;
|
||||
--bs-btn-active-bg: #4a575e;
|
||||
--bs-btn-active-border-color: #4a575e;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #5d6d75;
|
||||
--bs-btn-disabled-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(93, 109, 117, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-secondary-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-success {
|
||||
--bs-btn-color: #2a8256;
|
||||
--bs-btn-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-border-color: rgba(42, 130, 86, 0.15);
|
||||
--bs-btn-hover-color: #2a8256;
|
||||
--bs-btn-hover-bg: rgba(42, 130, 86, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(42, 130, 86, 0.3);
|
||||
--bs-btn-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-success-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a8256;
|
||||
--bs-btn-hover-border-color: #2a8256;
|
||||
--bs-btn-focus-shadow-rgb: 42, 130, 86;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a8256;
|
||||
--bs-btn-active-border-color: #2a8256;
|
||||
--bs-btn-active-bg: #226845;
|
||||
--bs-btn-active-border-color: #226845;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a8256;
|
||||
--bs-btn-disabled-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(42, 130, 86, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-success-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-info {
|
||||
--bs-btn-color: #0068b3;
|
||||
--bs-btn-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-border-color: rgba(0, 104, 179, 0.15);
|
||||
--bs-btn-hover-color: #0068b3;
|
||||
--bs-btn-hover-bg: rgba(0, 104, 179, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(0, 104, 179, 0.3);
|
||||
--bs-btn-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-info-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #0068b3;
|
||||
--bs-btn-hover-border-color: #0068b3;
|
||||
--bs-btn-focus-shadow-rgb: 0, 104, 179;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0068b3;
|
||||
--bs-btn-active-border-color: #0068b3;
|
||||
--bs-btn-active-bg: #00538f;
|
||||
--bs-btn-active-border-color: #00538f;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #0068b3;
|
||||
--bs-btn-disabled-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(0, 104, 179, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-info-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-warning {
|
||||
--bs-btn-color: #ffc107;
|
||||
--bs-btn-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-border-color: rgba(255, 193, 7, 0.15);
|
||||
--bs-btn-hover-color: #ffc107;
|
||||
--bs-btn-hover-bg: rgba(255, 193, 7, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(255, 193, 7, 0.3);
|
||||
--bs-btn-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-warning-border-subtle);
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #ffc107;
|
||||
--bs-btn-hover-border-color: #ffc107;
|
||||
--bs-btn-focus-shadow-rgb: 255, 193, 7;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #ffc107;
|
||||
--bs-btn-active-border-color: #ffc107;
|
||||
--bs-btn-active-bg: #ffcd39;
|
||||
--bs-btn-active-border-color: #ffcd39;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #ffc107;
|
||||
--bs-btn-disabled-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(255, 193, 7, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-warning-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
--bs-btn-color: #c42526;
|
||||
--bs-btn-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-border-color: rgba(196, 37, 38, 0.15);
|
||||
--bs-btn-hover-color: #c42526;
|
||||
--bs-btn-hover-bg: rgba(196, 37, 38, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(196, 37, 38, 0.3);
|
||||
--bs-btn-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-danger-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #c42526;
|
||||
--bs-btn-hover-border-color: #c42526;
|
||||
--bs-btn-focus-shadow-rgb: 196, 37, 38;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #c42526;
|
||||
--bs-btn-active-border-color: #c42526;
|
||||
--bs-btn-active-bg: #9d1e1e;
|
||||
--bs-btn-active-border-color: #9d1e1e;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #c42526;
|
||||
--bs-btn-disabled-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(196, 37, 38, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-danger-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
--bs-btn-color: #f2f2f2;
|
||||
--bs-btn-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-border-color: rgba(242, 242, 242, 0.15);
|
||||
--bs-btn-hover-color: #f2f2f2;
|
||||
--bs-btn-hover-bg: rgba(242, 242, 242, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(242, 242, 242, 0.3);
|
||||
--bs-btn-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-light-border-subtle);
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #f2f2f2;
|
||||
--bs-btn-hover-border-color: #f2f2f2;
|
||||
--bs-btn-focus-shadow-rgb: 242, 242, 242;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #f2f2f2;
|
||||
--bs-btn-active-border-color: #f2f2f2;
|
||||
--bs-btn-active-bg: whitesmoke;
|
||||
--bs-btn-active-border-color: whitesmoke;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #f2f2f2;
|
||||
--bs-btn-disabled-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(242, 242, 242, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-light-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
--bs-btn-color: #2a2a2a;
|
||||
--bs-btn-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-border-color: rgba(42, 42, 42, 0.15);
|
||||
--bs-btn-hover-color: #2a2a2a;
|
||||
--bs-btn-hover-bg: rgba(42, 42, 42, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(42, 42, 42, 0.3);
|
||||
--bs-btn-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-dark-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a2a2a;
|
||||
--bs-btn-hover-border-color: #2a2a2a;
|
||||
--bs-btn-focus-shadow-rgb: 42, 42, 42;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a2a2a;
|
||||
--bs-btn-active-border-color: #2a2a2a;
|
||||
--bs-btn-active-bg: #222222;
|
||||
--bs-btn-active-border-color: #222222;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a2a2a;
|
||||
--bs-btn-disabled-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(42, 42, 42, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-dark-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-primary {
|
||||
--bs-btn-color: #457aab;
|
||||
--bs-btn-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-hover-color: #457aab;
|
||||
--bs-btn-hover-bg: rgba(69, 122, 171, 0.2);
|
||||
--bs-btn-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #457aab;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 69, 122, 171;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #457aab;
|
||||
--bs-btn-active-bg: #376289;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #457aab;
|
||||
--bs-btn-disabled-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-secondary {
|
||||
--bs-btn-color: #5d6d75;
|
||||
--bs-btn-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-hover-color: #5d6d75;
|
||||
--bs-btn-hover-bg: rgba(93, 109, 117, 0.2);
|
||||
--bs-btn-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #5d6d75;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 93, 109, 117;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #5d6d75;
|
||||
--bs-btn-active-bg: #4a575e;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #5d6d75;
|
||||
--bs-btn-disabled-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-success {
|
||||
--bs-btn-color: #2a8256;
|
||||
--bs-btn-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-hover-color: #2a8256;
|
||||
--bs-btn-hover-bg: rgba(42, 130, 86, 0.2);
|
||||
--bs-btn-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a8256;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 42, 130, 86;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a8256;
|
||||
--bs-btn-active-bg: #226845;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a8256;
|
||||
--bs-btn-disabled-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-info {
|
||||
--bs-btn-color: #0068b3;
|
||||
--bs-btn-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-hover-color: #0068b3;
|
||||
--bs-btn-hover-bg: rgba(0, 104, 179, 0.2);
|
||||
--bs-btn-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #0068b3;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 0, 104, 179;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0068b3;
|
||||
--bs-btn-active-bg: #00538f;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #0068b3;
|
||||
--bs-btn-disabled-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-warning {
|
||||
--bs-btn-color: #ffc107;
|
||||
--bs-btn-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-hover-color: #ffc107;
|
||||
--bs-btn-hover-bg: rgba(255, 193, 7, 0.2);
|
||||
--bs-btn-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #ffc107;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 255, 193, 7;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #ffc107;
|
||||
--bs-btn-active-bg: #ffcd39;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #ffc107;
|
||||
--bs-btn-disabled-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-danger {
|
||||
--bs-btn-color: #c42526;
|
||||
--bs-btn-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-hover-color: #c42526;
|
||||
--bs-btn-hover-bg: rgba(196, 37, 38, 0.2);
|
||||
--bs-btn-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #c42526;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 196, 37, 38;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #c42526;
|
||||
--bs-btn-active-bg: #9d1e1e;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #c42526;
|
||||
--bs-btn-disabled-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-light {
|
||||
--bs-btn-color: #f2f2f2;
|
||||
--bs-btn-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-hover-color: #f2f2f2;
|
||||
--bs-btn-hover-bg: rgba(242, 242, 242, 0.2);
|
||||
--bs-btn-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #f2f2f2;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 242, 242, 242;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #f2f2f2;
|
||||
--bs-btn-active-bg: whitesmoke;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #f2f2f2;
|
||||
--bs-btn-disabled-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-dark {
|
||||
--bs-btn-color: #2a2a2a;
|
||||
--bs-btn-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-hover-color: #2a2a2a;
|
||||
--bs-btn-hover-bg: rgba(42, 42, 42, 0.2);
|
||||
--bs-btn-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a2a2a;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 42, 42, 42;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a2a2a;
|
||||
--bs-btn-active-bg: #222222;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a2a2a;
|
||||
--bs-btn-disabled-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
|
|
@ -4683,8 +4715,9 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.alert-link {
|
||||
font-weight: 400;
|
||||
font-weight: 700;
|
||||
color: var(--bs-alert-link-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.alert-dismissible {
|
||||
|
|
@ -4702,56 +4735,56 @@ textarea.form-control-lg {
|
|||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #457aab;
|
||||
--bs-alert-border-color: #457aab;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-secondary {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #5d6d75;
|
||||
--bs-alert-border-color: #5d6d75;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #2a8256;
|
||||
--bs-alert-border-color: #2a8256;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #0068b3;
|
||||
--bs-alert-border-color: #0068b3;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
--bs-alert-color: #222;
|
||||
--bs-alert-bg: #ffc107;
|
||||
--bs-alert-border-color: #ffc107;
|
||||
--bs-alert-link-color: #1f1f1f;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #c42526;
|
||||
--bs-alert-border-color: #c42526;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-light {
|
||||
--bs-alert-color: #222;
|
||||
--bs-alert-bg: #f2f2f2;
|
||||
--bs-alert-border-color: #f2f2f2;
|
||||
--bs-alert-link-color: #1f1f1f;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-dark {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #2a2a2a;
|
||||
--bs-alert-border-color: #2a2a2a;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.progress,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue