urania/gnosis-css
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change in dark/light palette

Browse Source
This commit is contained in:
urania 2024-10-17 10:03:48 +00:00
parent 9d1e5d48e5
commit 4a20ce8a74
6 changed files with 227 additions and 207 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

330
css/compiled.css
View File

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

2
css/compiled.css.map
View File

File diff suppressed because one or more lines are too long

2
css/compiled.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/compiled.min.css.map
View File

File diff suppressed because one or more lines are too long

93
css/scss/bootstrap/_colors.scss
View File

@ -1,3 +1,5 @@
@use "sass:color";
$primary-100: tint-color($primary, 80%) !default; $primary-100: tint-color($primary, 80%) !default;
$primary-200: tint-color($primary, 60%) !default; $primary-200: tint-color($primary, 60%) !default;
$primary-300: tint-color($primary, 40%) !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-800: shade-color($danger, 60%) !default;
$danger-900: shade-color($danger, 80%) !default; $danger-900: shade-color($danger, 80%) !default;
// $light-100: tint-color($light, 80%) !default; // // $light-100: tint-color($light, 80%) !default;
// $light-200: tint-color($light, 60%) !default; // // $light-200: tint-color($light, 60%) !default;
// $light-300: tint-color($light, 40%) !default; // // $light-300: tint-color($light, 40%) !default;
// $light-400: tint-color($light, 20%) !default; // // $light-400: tint-color($light, 20%) !default;
// $light-500: $light !default; // // $light-500: $light !default;
// $light-600: shade-color($light, 20%) !default; // // $light-600: shade-color($light, 20%) !default;
// $light-700: shade-color($light, 40%) !default; // // $light-700: shade-color($light, 40%) !default;
// $light-800: shade-color($light, 60%) !default; // // $light-800: shade-color($light, 60%) !default;
// $light-900: shade-color($light, 80%) !default; // // $light-900: shade-color($light, 80%) !default;
// $dark-100: tint-color($dark, 80%) !default; // // $dark-100: tint-color($dark, 80%) !default;
// $dark-200: tint-color($dark, 60%) !default; // // $dark-200: tint-color($dark, 60%) !default;
// $dark-300: tint-color($dark, 40%) !default; // // $dark-300: tint-color($dark, 40%) !default;
// $dark-400: tint-color($dark, 20%) !default; // // $dark-400: tint-color($dark, 20%) !default;
// $dark-500: $dark !default; // // $dark-500: $dark !default;
// $dark-600: shade-color($dark, 20%) !default; // // $dark-600: shade-color($dark, 20%) !default;
// $dark-700: shade-color($dark, 40%) !default; // // $dark-700: shade-color($dark, 40%) !default;
// $dark-800: shade-color($dark, 60%) !default; // // $dark-800: shade-color($dark, 60%) !default;
// $dark-900: shade-color($dark, 80%) !default; // // $dark-900: shade-color($dark, 80%) !default;
$light-100: #f5f5f5; // $light-100: #f5f5f5;
$light-200: #f2f2f2; // $light-200: #f2f2f2;
$light-300: #cccccc; // $light-300: #cccccc;
$light-400: #bfbfbf; // $light-400: #bfbfbf;
$light-500: #b3b3b3; // $light-500: #b3b3b3;
$light-600: #a6a6a6; // $light-600: #a6a6a6;
$light-700: #999999; // $light-700: #999999;
$light-800: #8c8c8c; // $light-800: #8c8c8c;
$light-900: #808080; // $light-900: #808080;
$dark-100: #737373; // $dark-100: #737373;
$dark-200: #666666; // $dark-200: #666666;
$dark-300: #595959; // $dark-300: #595959;
$dark-400: #4d4d4d; // $dark-400: #4d4d4d;
$dark-500: #424242; // $dark-500: #424242;
$dark-600: #333333; // $dark-600: #333333;
$dark-700: #262626; // $dark-700: #262626;
$dark-800: #1a1a1a; // $dark-800: #1a1a1a;
$dark-900: #0d0d0d; // $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-color: $dark-900;
$body-bg: $light-100; $body-bg: $light-100;

5
css/scss/bootstrap/_variables.scss
View File

@ -7,9 +7,8 @@ $info: #41b6e6;
$warning: #ffc72c; $warning: #ffc72c;
$danger: #da291c; $danger: #da291c;
$light: #b3b3b3; $light: #fefcf5;
$dark: #33322e; $dark: #0d0d0d;
$form-valid-color: #5B8100; $form-valid-color: #5B8100;