Change in dark/light palette
This commit is contained in:
parent
9d1e5d48e5
commit
4a20ce8a74
330
css/compiled.css
330
css/compiled.css
|
|
@ -30,16 +30,16 @@
|
|||
--bs-info: #41b6e6;
|
||||
--bs-warning: #ffc72c;
|
||||
--bs-danger: #da291c;
|
||||
--bs-light: #b3b3b3;
|
||||
--bs-dark: #33322e;
|
||||
--bs-light: #fefcf5;
|
||||
--bs-dark: #0d0d0d;
|
||||
--bs-primary-rgb: 0, 94, 184;
|
||||
--bs-secondary-rgb: 233, 60, 172;
|
||||
--bs-success-rgb: 151, 215, 0;
|
||||
--bs-info-rgb: 65, 182, 230;
|
||||
--bs-warning-rgb: 255, 199, 44;
|
||||
--bs-danger-rgb: 218, 41, 28;
|
||||
--bs-light-rgb: 179, 179, 179;
|
||||
--bs-dark-rgb: 51, 50, 46;
|
||||
--bs-light-rgb: 254, 252, 245;
|
||||
--bs-dark-rgb: 13, 13, 13;
|
||||
--bs-primary-text-emphasis: #00264a;
|
||||
--bs-secondary-text-emphasis: #5d1845;
|
||||
--bs-success-text-emphasis: #3c5600;
|
||||
|
|
@ -75,8 +75,8 @@
|
|||
--bs-body-line-height: 1.5;
|
||||
--bs-body-color: #0d0d0d;
|
||||
--bs-body-color-rgb: 13, 13, 13;
|
||||
--bs-body-bg: #f5f5f5;
|
||||
--bs-body-bg-rgb: 245, 245, 245;
|
||||
--bs-body-bg: #fefcf5;
|
||||
--bs-body-bg-rgb: 254, 252, 245;
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-emphasis-color-rgb: 0, 0, 0;
|
||||
--bs-secondary-color: rgba(33, 37, 41, 0.75);
|
||||
|
|
@ -88,11 +88,11 @@
|
|||
--bs-tertiary-bg: #f8f9fa;
|
||||
--bs-tertiary-bg-rgb: 248, 249, 250;
|
||||
--bs-heading-color: inherit;
|
||||
--bs-link-color: #33322e;
|
||||
--bs-link-color-rgb: 51, 50, 46;
|
||||
--bs-link-color: #0d0d0d;
|
||||
--bs-link-color-rgb: 13, 13, 13;
|
||||
--bs-link-decoration: underline;
|
||||
--bs-link-hover-color: #292825;
|
||||
--bs-link-hover-color-rgb: 41, 40, 37;
|
||||
--bs-link-hover-color: #0a0a0a;
|
||||
--bs-link-hover-color-rgb: 10, 10, 10;
|
||||
--bs-code-color: #d63384;
|
||||
--bs-highlight-color: #212529;
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
|
|
@ -122,8 +122,8 @@
|
|||
|
||||
[data-bs-theme=dark] {
|
||||
color-scheme: dark;
|
||||
--bs-body-color: #f5f5f5;
|
||||
--bs-body-color-rgb: 245, 245, 245;
|
||||
--bs-body-color: #fefcf5;
|
||||
--bs-body-color-rgb: 254, 252, 245;
|
||||
--bs-body-bg: #0d0d0d;
|
||||
--bs-body-bg-rgb: 13, 13, 13;
|
||||
--bs-emphasis-color: #fff;
|
||||
|
|
@ -1623,16 +1623,16 @@ smaller,
|
|||
--bs-info: #41b6e6;
|
||||
--bs-warning: #ffc72c;
|
||||
--bs-danger: #da291c;
|
||||
--bs-light: #b3b3b3;
|
||||
--bs-dark: #33322e;
|
||||
--bs-light: #fefcf5;
|
||||
--bs-dark: #0d0d0d;
|
||||
--bs-primary-rgb: 0, 94, 184;
|
||||
--bs-secondary-rgb: 233, 60, 172;
|
||||
--bs-success-rgb: 151, 215, 0;
|
||||
--bs-info-rgb: 65, 182, 230;
|
||||
--bs-warning-rgb: 255, 199, 44;
|
||||
--bs-danger-rgb: 218, 41, 28;
|
||||
--bs-light-rgb: 179, 179, 179;
|
||||
--bs-dark-rgb: 51, 50, 46;
|
||||
--bs-light-rgb: 254, 252, 245;
|
||||
--bs-dark-rgb: 13, 13, 13;
|
||||
--bs-primary-text-emphasis: #00264a;
|
||||
--bs-secondary-text-emphasis: #5d1845;
|
||||
--bs-success-text-emphasis: #3c5600;
|
||||
|
|
@ -1668,8 +1668,8 @@ smaller,
|
|||
--bs-body-line-height: 1.5;
|
||||
--bs-body-color: #0d0d0d;
|
||||
--bs-body-color-rgb: 13, 13, 13;
|
||||
--bs-body-bg: #f5f5f5;
|
||||
--bs-body-bg-rgb: 245, 245, 245;
|
||||
--bs-body-bg: #fefcf5;
|
||||
--bs-body-bg-rgb: 254, 252, 245;
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-emphasis-color-rgb: 0, 0, 0;
|
||||
--bs-secondary-color: rgba(33, 37, 41, 0.75);
|
||||
|
|
@ -1681,11 +1681,11 @@ smaller,
|
|||
--bs-tertiary-bg: #f8f9fa;
|
||||
--bs-tertiary-bg-rgb: 248, 249, 250;
|
||||
--bs-heading-color: inherit;
|
||||
--bs-link-color: #33322e;
|
||||
--bs-link-color-rgb: 51, 50, 46;
|
||||
--bs-link-color: #0d0d0d;
|
||||
--bs-link-color-rgb: 13, 13, 13;
|
||||
--bs-link-decoration: underline;
|
||||
--bs-link-hover-color: #292825;
|
||||
--bs-link-hover-color-rgb: 41, 40, 37;
|
||||
--bs-link-hover-color: #0a0a0a;
|
||||
--bs-link-hover-color-rgb: 10, 10, 10;
|
||||
--bs-code-color: #d63384;
|
||||
--bs-highlight-color: #212529;
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
|
|
@ -1715,8 +1715,8 @@ smaller,
|
|||
|
||||
[data-bs-theme=dark] {
|
||||
color-scheme: dark;
|
||||
--bs-body-color: #f5f5f5;
|
||||
--bs-body-color-rgb: 245, 245, 245;
|
||||
--bs-body-color: #fefcf5;
|
||||
--bs-body-color-rgb: 254, 252, 245;
|
||||
--bs-body-bg: #0d0d0d;
|
||||
--bs-body-bg-rgb: 13, 13, 13;
|
||||
--bs-emphasis-color: #fff;
|
||||
|
|
@ -2366,7 +2366,7 @@ progress {
|
|||
}
|
||||
@media (min-width: 1400px) {
|
||||
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
|
||||
max-width: 1320px;
|
||||
max-width: 1440px;
|
||||
}
|
||||
}
|
||||
:root {
|
||||
|
|
@ -3765,13 +3765,13 @@ progress {
|
|||
|
||||
.table-light {
|
||||
--bs-table-color: #000;
|
||||
--bs-table-bg: #b3b3b3;
|
||||
--bs-table-border-color: #8f8f8f;
|
||||
--bs-table-striped-bg: #aaaaaa;
|
||||
--bs-table-bg: #fefcf5;
|
||||
--bs-table-border-color: #cbcac4;
|
||||
--bs-table-striped-bg: #f1efe9;
|
||||
--bs-table-striped-color: #000;
|
||||
--bs-table-active-bg: #a1a1a1;
|
||||
--bs-table-active-bg: #e5e3dd;
|
||||
--bs-table-active-color: #000;
|
||||
--bs-table-hover-bg: #a6a6a6;
|
||||
--bs-table-hover-bg: #ebe9e3;
|
||||
--bs-table-hover-color: #000;
|
||||
color: var(--bs-table-color);
|
||||
border-color: var(--bs-table-border-color);
|
||||
|
|
@ -3779,13 +3779,13 @@ progress {
|
|||
|
||||
.table-dark {
|
||||
--bs-table-color: #fff;
|
||||
--bs-table-bg: #33322e;
|
||||
--bs-table-border-color: #5c5b58;
|
||||
--bs-table-striped-bg: #3d3c38;
|
||||
--bs-table-bg: #0d0d0d;
|
||||
--bs-table-border-color: #3d3d3d;
|
||||
--bs-table-striped-bg: #191919;
|
||||
--bs-table-striped-color: #fff;
|
||||
--bs-table-active-bg: #474743;
|
||||
--bs-table-active-bg: #252525;
|
||||
--bs-table-active-color: #fff;
|
||||
--bs-table-hover-bg: #42413e;
|
||||
--bs-table-hover-bg: #1f1f1f;
|
||||
--bs-table-hover-color: #fff;
|
||||
color: var(--bs-table-color);
|
||||
border-color: var(--bs-table-border-color);
|
||||
|
|
@ -4821,36 +4821,36 @@ textarea.form-control-lg {
|
|||
|
||||
.btn-light {
|
||||
--bs-btn-color: #000;
|
||||
--bs-btn-bg: #b3b3b3;
|
||||
--bs-btn-border-color: #b3b3b3;
|
||||
--bs-btn-bg: #fefcf5;
|
||||
--bs-btn-border-color: #fefcf5;
|
||||
--bs-btn-hover-color: #000;
|
||||
--bs-btn-hover-bg: #989898;
|
||||
--bs-btn-hover-border-color: #8f8f8f;
|
||||
--bs-btn-focus-shadow-rgb: 152, 152, 152;
|
||||
--bs-btn-hover-bg: #d8d6d0;
|
||||
--bs-btn-hover-border-color: #cbcac4;
|
||||
--bs-btn-focus-shadow-rgb: 216, 214, 208;
|
||||
--bs-btn-active-color: #000;
|
||||
--bs-btn-active-bg: #8f8f8f;
|
||||
--bs-btn-active-border-color: #868686;
|
||||
--bs-btn-active-bg: #cbcac4;
|
||||
--bs-btn-active-border-color: #bfbdb8;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
--bs-btn-disabled-color: #000;
|
||||
--bs-btn-disabled-bg: #b3b3b3;
|
||||
--bs-btn-disabled-border-color: #b3b3b3;
|
||||
--bs-btn-disabled-bg: #fefcf5;
|
||||
--bs-btn-disabled-border-color: #fefcf5;
|
||||
}
|
||||
|
||||
.btn-dark {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #33322e;
|
||||
--bs-btn-border-color: #33322e;
|
||||
--bs-btn-bg: #0d0d0d;
|
||||
--bs-btn-border-color: #0d0d0d;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #52514d;
|
||||
--bs-btn-hover-border-color: #474743;
|
||||
--bs-btn-focus-shadow-rgb: 82, 81, 77;
|
||||
--bs-btn-hover-bg: #313131;
|
||||
--bs-btn-hover-border-color: #252525;
|
||||
--bs-btn-focus-shadow-rgb: 49, 49, 49;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #5c5b58;
|
||||
--bs-btn-active-border-color: #474743;
|
||||
--bs-btn-active-bg: #3d3d3d;
|
||||
--bs-btn-active-border-color: #252525;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
--bs-btn-disabled-color: #fff;
|
||||
--bs-btn-disabled-bg: #33322e;
|
||||
--bs-btn-disabled-border-color: #33322e;
|
||||
--bs-btn-disabled-bg: #0d0d0d;
|
||||
--bs-btn-disabled-border-color: #0d0d0d;
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
|
|
@ -4956,36 +4956,36 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.btn-outline-light {
|
||||
--bs-btn-color: #b3b3b3;
|
||||
--bs-btn-border-color: #b3b3b3;
|
||||
--bs-btn-color: #fefcf5;
|
||||
--bs-btn-border-color: #fefcf5;
|
||||
--bs-btn-hover-color: #000;
|
||||
--bs-btn-hover-bg: #b3b3b3;
|
||||
--bs-btn-hover-border-color: #b3b3b3;
|
||||
--bs-btn-focus-shadow-rgb: 179, 179, 179;
|
||||
--bs-btn-hover-bg: #fefcf5;
|
||||
--bs-btn-hover-border-color: #fefcf5;
|
||||
--bs-btn-focus-shadow-rgb: 254, 252, 245;
|
||||
--bs-btn-active-color: #000;
|
||||
--bs-btn-active-bg: #b3b3b3;
|
||||
--bs-btn-active-border-color: #b3b3b3;
|
||||
--bs-btn-active-bg: #fefcf5;
|
||||
--bs-btn-active-border-color: #fefcf5;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
--bs-btn-disabled-color: #b3b3b3;
|
||||
--bs-btn-disabled-color: #fefcf5;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #b3b3b3;
|
||||
--bs-btn-disabled-border-color: #fefcf5;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
--bs-btn-color: #33322e;
|
||||
--bs-btn-border-color: #33322e;
|
||||
--bs-btn-color: #0d0d0d;
|
||||
--bs-btn-border-color: #0d0d0d;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #33322e;
|
||||
--bs-btn-hover-border-color: #33322e;
|
||||
--bs-btn-focus-shadow-rgb: 51, 50, 46;
|
||||
--bs-btn-hover-bg: #0d0d0d;
|
||||
--bs-btn-hover-border-color: #0d0d0d;
|
||||
--bs-btn-focus-shadow-rgb: 13, 13, 13;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #33322e;
|
||||
--bs-btn-active-border-color: #33322e;
|
||||
--bs-btn-active-bg: #0d0d0d;
|
||||
--bs-btn-active-border-color: #0d0d0d;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
--bs-btn-disabled-color: #33322e;
|
||||
--bs-btn-disabled-color: #0d0d0d;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #33322e;
|
||||
--bs-btn-disabled-border-color: #0d0d0d;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
|
|
@ -5001,7 +5001,7 @@ textarea.form-control-lg {
|
|||
--bs-btn-disabled-color: #6c757d;
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-btn-box-shadow: 0 0 0 #000;
|
||||
--bs-btn-focus-shadow-rgb: 82, 81, 77;
|
||||
--bs-btn-focus-shadow-rgb: 49, 49, 49;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.btn-link:focus-visible {
|
||||
|
|
@ -8046,8 +8046,8 @@ textarea.form-control-lg {
|
|||
text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-light:hover, .link-light:focus {
|
||||
color: RGBA(194, 194, 194, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(194, 194, 194, var(--bs-link-underline-opacity, 1)) !important;
|
||||
color: RGBA(254, 253, 247, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(254, 253, 247, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-dark {
|
||||
|
|
@ -8055,8 +8055,8 @@ textarea.form-control-lg {
|
|||
text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-dark:hover, .link-dark:focus {
|
||||
color: RGBA(41, 40, 37, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(41, 40, 37, var(--bs-link-underline-opacity, 1)) !important;
|
||||
color: RGBA(10, 10, 10, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(10, 10, 10, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-body-emphasis {
|
||||
|
|
@ -9301,7 +9301,7 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.bg-light-100 {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #fefcf5;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
|
|
@ -9309,18 +9309,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #f5f5f5 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #fefcf5 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-100 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #fefcf5 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-200 {
|
||||
background-color: #f2f2f2;
|
||||
background-color: #fefbf0;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
|
|
@ -9328,18 +9328,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #f2f2f2 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #fefbf0 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-200 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #f2f2f2 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #fefbf0 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-300 {
|
||||
background-color: #cccccc;
|
||||
background-color: #fdf8e7;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
|
|
@ -9347,18 +9347,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #cccccc var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #fdf8e7 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-300 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #cccccc var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #fdf8e7 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-400 {
|
||||
background-color: #bfbfbf;
|
||||
background-color: #fcf5de;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
|
|
@ -9366,18 +9366,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #bfbfbf var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #fcf5de var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-400 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #bfbfbf var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #fcf5de var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-500 {
|
||||
background-color: #b3b3b3;
|
||||
background-color: #f9f1d6;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
|
|
@ -9385,18 +9385,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #b3b3b3 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #f9f1d6 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-500 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #b3b3b3 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #f9f1d6 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-600 {
|
||||
background-color: #a6a6a6;
|
||||
background-color: #f5ebc6;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
|
|
@ -9404,18 +9404,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #a6a6a6 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #f5ebc6 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-600 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #a6a6a6 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #f5ebc6 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-700 {
|
||||
background-color: #999999;
|
||||
background-color: #f3e7be;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
|
|
@ -9423,56 +9423,56 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #999999 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #f3e7be var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-700 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #999999 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #f3e7be var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-800 {
|
||||
background-color: #8c8c8c;
|
||||
color: #000000;
|
||||
background-color: #eee0ae;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
.bg-gradient-x-light-800 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #8c8c8c var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #eee0ae var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-800 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #8c8c8c var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #eee0ae var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-light-900 {
|
||||
background-color: #808080;
|
||||
color: #ffffff;
|
||||
background-color: #e5d499;
|
||||
color: #33322e;
|
||||
}
|
||||
|
||||
.bg-gradient-x-light-900 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #808080 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #e5d499 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-light-900 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #808080 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #e5d499 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-100 {
|
||||
background-color: #737373;
|
||||
background-color: #484848;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9480,18 +9480,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #737373 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #484848 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-100 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #737373 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #484848 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-200 {
|
||||
background-color: #666666;
|
||||
background-color: #383838;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9499,18 +9499,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #666666 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #383838 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-200 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #666666 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #383838 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-300 {
|
||||
background-color: #595959;
|
||||
background-color: #2e2e2e;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9518,18 +9518,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #595959 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #2e2e2e var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-300 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #595959 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #2e2e2e var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-400 {
|
||||
background-color: #4d4d4d;
|
||||
background-color: #292929;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9537,18 +9537,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #4d4d4d var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #292929 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-400 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #4d4d4d var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #292929 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-500 {
|
||||
background-color: #424242;
|
||||
background-color: #1f1f1f;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9556,18 +9556,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #424242 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #1f1f1f var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-500 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #424242 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #1f1f1f var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-600 {
|
||||
background-color: #333333;
|
||||
background-color: #1a1a1a;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9575,18 +9575,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #333333 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #1a1a1a var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-600 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #333333 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #1a1a1a var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-700 {
|
||||
background-color: #262626;
|
||||
background-color: #151515;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9594,18 +9594,18 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #262626 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #151515 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-700 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #262626 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #151515 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-800 {
|
||||
background-color: #1a1a1a;
|
||||
background-color: #101010;
|
||||
color: #fff9e5;
|
||||
}
|
||||
|
||||
|
|
@ -9613,14 +9613,14 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #1a1a1a var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #101010 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-y-dark-800 {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to bottom, #1a1a1a var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to bottom, #101010 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-dark-900 {
|
||||
|
|
@ -9688,14 +9688,14 @@ textarea.form-control-lg {
|
|||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #b3b3b3 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #fefcf5 var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.bg-gradient-dark {
|
||||
--bs-gradient-start: 0%;
|
||||
--bs-gradient-end: 100%;
|
||||
--bs-gradient-to: transparent;
|
||||
background-image: linear-gradient(to right, #33322e var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
background-image: linear-gradient(to right, #0d0d0d var(--bs-gradient-start), var(--bs-gradient-to) var(--bs-gradient-end));
|
||||
}
|
||||
|
||||
.border-primary-100 {
|
||||
|
|
@ -9915,71 +9915,71 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.border-light-100 {
|
||||
--bs-border-color: #f5f5f5;
|
||||
--bs-border-color: #fefcf5;
|
||||
}
|
||||
|
||||
.border-light-200 {
|
||||
--bs-border-color: #f2f2f2;
|
||||
--bs-border-color: #fefbf0;
|
||||
}
|
||||
|
||||
.border-light-300 {
|
||||
--bs-border-color: #cccccc;
|
||||
--bs-border-color: #fdf8e7;
|
||||
}
|
||||
|
||||
.border-light-400 {
|
||||
--bs-border-color: #bfbfbf;
|
||||
--bs-border-color: #fcf5de;
|
||||
}
|
||||
|
||||
.border-light-500 {
|
||||
--bs-border-color: #b3b3b3;
|
||||
--bs-border-color: #f9f1d6;
|
||||
}
|
||||
|
||||
.border-light-600 {
|
||||
--bs-border-color: #a6a6a6;
|
||||
--bs-border-color: #f5ebc6;
|
||||
}
|
||||
|
||||
.border-light-700 {
|
||||
--bs-border-color: #999999;
|
||||
--bs-border-color: #f3e7be;
|
||||
}
|
||||
|
||||
.border-light-800 {
|
||||
--bs-border-color: #8c8c8c;
|
||||
--bs-border-color: #eee0ae;
|
||||
}
|
||||
|
||||
.border-light-900 {
|
||||
--bs-border-color: #808080;
|
||||
--bs-border-color: #e5d499;
|
||||
}
|
||||
|
||||
.border-dark-100 {
|
||||
--bs-border-color: #737373;
|
||||
--bs-border-color: #484848;
|
||||
}
|
||||
|
||||
.border-dark-200 {
|
||||
--bs-border-color: #666666;
|
||||
--bs-border-color: #383838;
|
||||
}
|
||||
|
||||
.border-dark-300 {
|
||||
--bs-border-color: #595959;
|
||||
--bs-border-color: #2e2e2e;
|
||||
}
|
||||
|
||||
.border-dark-400 {
|
||||
--bs-border-color: #4d4d4d;
|
||||
--bs-border-color: #292929;
|
||||
}
|
||||
|
||||
.border-dark-500 {
|
||||
--bs-border-color: #424242;
|
||||
--bs-border-color: #1f1f1f;
|
||||
}
|
||||
|
||||
.border-dark-600 {
|
||||
--bs-border-color: #333333;
|
||||
--bs-border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.border-dark-700 {
|
||||
--bs-border-color: #262626;
|
||||
--bs-border-color: #151515;
|
||||
}
|
||||
|
||||
.border-dark-800 {
|
||||
--bs-border-color: #1a1a1a;
|
||||
--bs-border-color: #101010;
|
||||
}
|
||||
|
||||
.border-dark-900 {
|
||||
|
|
@ -11919,87 +11919,87 @@ textarea.form-control-lg {
|
|||
|
||||
.text-light-100 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #f5f5f5 !important;
|
||||
color: #fefcf5 !important;
|
||||
}
|
||||
|
||||
.text-light-200 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #f2f2f2 !important;
|
||||
color: #fefbf0 !important;
|
||||
}
|
||||
|
||||
.text-light-300 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #cccccc !important;
|
||||
color: #fdf8e7 !important;
|
||||
}
|
||||
|
||||
.text-light-400 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #bfbfbf !important;
|
||||
color: #fcf5de !important;
|
||||
}
|
||||
|
||||
.text-light-500 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #b3b3b3 !important;
|
||||
color: #f9f1d6 !important;
|
||||
}
|
||||
|
||||
.text-light-600 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #a6a6a6 !important;
|
||||
color: #f5ebc6 !important;
|
||||
}
|
||||
|
||||
.text-light-700 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #999999 !important;
|
||||
color: #f3e7be !important;
|
||||
}
|
||||
|
||||
.text-light-800 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #8c8c8c !important;
|
||||
color: #eee0ae !important;
|
||||
}
|
||||
|
||||
.text-light-900 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #808080 !important;
|
||||
color: #e5d499 !important;
|
||||
}
|
||||
|
||||
.text-dark-100 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #737373 !important;
|
||||
color: #484848 !important;
|
||||
}
|
||||
|
||||
.text-dark-200 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #666666 !important;
|
||||
color: #383838 !important;
|
||||
}
|
||||
|
||||
.text-dark-300 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #595959 !important;
|
||||
color: #2e2e2e !important;
|
||||
}
|
||||
|
||||
.text-dark-400 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #4d4d4d !important;
|
||||
color: #292929 !important;
|
||||
}
|
||||
|
||||
.text-dark-500 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #424242 !important;
|
||||
color: #1f1f1f !important;
|
||||
}
|
||||
|
||||
.text-dark-600 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #333333 !important;
|
||||
color: #1a1a1a !important;
|
||||
}
|
||||
|
||||
.text-dark-700 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #262626 !important;
|
||||
color: #151515 !important;
|
||||
}
|
||||
|
||||
.text-dark-800 {
|
||||
--bs-text-opacity: 1;
|
||||
color: #1a1a1a !important;
|
||||
color: #101010 !important;
|
||||
}
|
||||
|
||||
.text-dark-900 {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
2
css/compiled.min.css
vendored
2
css/compiled.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,5 @@
|
|||
@use "sass:color";
|
||||
|
||||
$primary-100: tint-color($primary, 80%) !default;
|
||||
$primary-200: tint-color($primary, 60%) !default;
|
||||
$primary-300: tint-color($primary, 40%) !default;
|
||||
|
|
@ -58,46 +60,65 @@ $danger-700: shade-color($danger, 40%) !default;
|
|||
$danger-800: shade-color($danger, 60%) !default;
|
||||
$danger-900: shade-color($danger, 80%) !default;
|
||||
|
||||
// $light-100: tint-color($light, 80%) !default;
|
||||
// $light-200: tint-color($light, 60%) !default;
|
||||
// $light-300: tint-color($light, 40%) !default;
|
||||
// $light-400: tint-color($light, 20%) !default;
|
||||
// $light-500: $light !default;
|
||||
// $light-600: shade-color($light, 20%) !default;
|
||||
// $light-700: shade-color($light, 40%) !default;
|
||||
// $light-800: shade-color($light, 60%) !default;
|
||||
// $light-900: shade-color($light, 80%) !default;
|
||||
// // $light-100: tint-color($light, 80%) !default;
|
||||
// // $light-200: tint-color($light, 60%) !default;
|
||||
// // $light-300: tint-color($light, 40%) !default;
|
||||
// // $light-400: tint-color($light, 20%) !default;
|
||||
// // $light-500: $light !default;
|
||||
// // $light-600: shade-color($light, 20%) !default;
|
||||
// // $light-700: shade-color($light, 40%) !default;
|
||||
// // $light-800: shade-color($light, 60%) !default;
|
||||
// // $light-900: shade-color($light, 80%) !default;
|
||||
|
||||
// $dark-100: tint-color($dark, 80%) !default;
|
||||
// $dark-200: tint-color($dark, 60%) !default;
|
||||
// $dark-300: tint-color($dark, 40%) !default;
|
||||
// $dark-400: tint-color($dark, 20%) !default;
|
||||
// $dark-500: $dark !default;
|
||||
// $dark-600: shade-color($dark, 20%) !default;
|
||||
// $dark-700: shade-color($dark, 40%) !default;
|
||||
// $dark-800: shade-color($dark, 60%) !default;
|
||||
// $dark-900: shade-color($dark, 80%) !default;
|
||||
// // $dark-100: tint-color($dark, 80%) !default;
|
||||
// // $dark-200: tint-color($dark, 60%) !default;
|
||||
// // $dark-300: tint-color($dark, 40%) !default;
|
||||
// // $dark-400: tint-color($dark, 20%) !default;
|
||||
// // $dark-500: $dark !default;
|
||||
// // $dark-600: shade-color($dark, 20%) !default;
|
||||
// // $dark-700: shade-color($dark, 40%) !default;
|
||||
// // $dark-800: shade-color($dark, 60%) !default;
|
||||
// // $dark-900: shade-color($dark, 80%) !default;
|
||||
|
||||
$light-100: #f5f5f5;
|
||||
$light-200: #f2f2f2;
|
||||
$light-300: #cccccc;
|
||||
$light-400: #bfbfbf;
|
||||
$light-500: #b3b3b3;
|
||||
$light-600: #a6a6a6;
|
||||
$light-700: #999999;
|
||||
$light-800: #8c8c8c;
|
||||
$light-900: #808080;
|
||||
// $light-100: #f5f5f5;
|
||||
// $light-200: #f2f2f2;
|
||||
// $light-300: #cccccc;
|
||||
// $light-400: #bfbfbf;
|
||||
// $light-500: #b3b3b3;
|
||||
// $light-600: #a6a6a6;
|
||||
// $light-700: #999999;
|
||||
// $light-800: #8c8c8c;
|
||||
// $light-900: #808080;
|
||||
|
||||
$dark-100: #737373;
|
||||
$dark-200: #666666;
|
||||
$dark-300: #595959;
|
||||
$dark-400: #4d4d4d;
|
||||
$dark-500: #424242;
|
||||
$dark-600: #333333;
|
||||
$dark-700: #262626;
|
||||
$dark-800: #1a1a1a;
|
||||
$dark-900: #0d0d0d;
|
||||
// $dark-100: #737373;
|
||||
// $dark-200: #666666;
|
||||
// $dark-300: #595959;
|
||||
// $dark-400: #4d4d4d;
|
||||
// $dark-500: #424242;
|
||||
// $dark-600: #333333;
|
||||
// $dark-700: #262626;
|
||||
// $dark-800: #1a1a1a;
|
||||
// $dark-900: #0d0d0d;
|
||||
|
||||
$light-100: $light;
|
||||
$light-200: color.adjust($light, $lightness: -1%);
|
||||
$light-300: color.adjust($light, $lightness: -3%);
|
||||
$light-400: color.adjust($light, $lightness: -5%);
|
||||
$light-500: color.adjust($light, $lightness: -7%, $saturation: -7%);
|
||||
$light-600: color.adjust($light, $lightness: -11%, $saturation: -11%);
|
||||
$light-700: color.adjust($light, $lightness: -13%, $saturation: -13%);
|
||||
$light-800: color.adjust($light, $lightness: -17%, $saturation: -17%);
|
||||
$light-900: color.adjust($light, $lightness: -23%, $saturation: -23%);
|
||||
|
||||
$dark-100: color.adjust($dark, $lightness: +23%);
|
||||
$dark-200: color.adjust($dark, $lightness: +17%);
|
||||
$dark-300: color.adjust($dark, $lightness: +13%);
|
||||
$dark-400: color.adjust($dark, $lightness: +11%);
|
||||
$dark-500: color.adjust($dark, $lightness: +7%);
|
||||
$dark-600: color.adjust($dark, $lightness: +5%);
|
||||
$dark-700: color.adjust($dark, $lightness: +3%);
|
||||
$dark-800: color.adjust($dark, $lightness: +1%);
|
||||
$dark-900: $dark;
|
||||
|
||||
$body-color: $dark-900;
|
||||
$body-bg: $light-100;
|
||||
|
|
|
|||
|
|
@ -7,9 +7,8 @@ $info: #41b6e6;
|
|||
$warning: #ffc72c;
|
||||
$danger: #da291c;
|
||||
|
||||
$light: #b3b3b3;
|
||||
$dark: #33322e;
|
||||
|
||||
$light: #fefcf5;
|
||||
$dark: #0d0d0d;
|
||||
|
||||
$form-valid-color: #5B8100;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user