LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-25 22:01:13 +00:00
Code Issues Projects Releases Wiki Activity

Change secondary color for darkly themes

Browse source
This commit is contained in:
SleeplessOne1917 2023-07-04 13:12:09 -04:00
parent b54990010e
commit 2b055facca
13 changed files with 273 additions and 295 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/assets/css/themes/_variables.darkly-pureblack.scss
View file

@ -18,7 +18,7 @@ $green: #00bc8c;
$cyan: #3498db; $cyan: #3498db;
$primary: $green; $primary: $green;
$secondary: $gray-700; $secondary: $gray-600;
$success: $green; $success: $green;
$dark: $gray-300; $dark: $gray-300;

1
src/assets/css/themes/_variables.darkly-red.scss
View file

@ -1,7 +1,6 @@
@import "variables.darkly"; @import "variables.darkly";
$primary: $blue; $primary: $blue;
$secondary: #444;
$light: $gray-800; $light: $gray-800;
$link-color: $red; $link-color: $red;

2
src/assets/css/themes/_variables.darkly.scss
View file

@ -17,7 +17,7 @@ $green: #00bc8c;
$cyan: #3498db; $cyan: #3498db;
$primary: $green; $primary: $green;
$secondary: $gray-700; $secondary: $gray-500;
$success: $green; $success: $green;
$dark: $gray-300; $dark: $gray-300;

86
src/assets/css/themes/darkly-compact.css
View file

@ -30,7 +30,7 @@
--bs-gray-800: #303030; --bs-gray-800: #303030;
--bs-gray-900: #222; --bs-gray-900: #222;
--bs-primary: #00bc8c; --bs-primary: #00bc8c;
--bs-secondary: #444; --bs-secondary: #adb5bd;
--bs-success: #00bc8c; --bs-success: #00bc8c;
--bs-info: #3498db; --bs-info: #3498db;
--bs-warning: #f39c12; --bs-warning: #f39c12;
@ -38,7 +38,7 @@
--bs-light: #303030; --bs-light: #303030;
--bs-dark: #dee2e6; --bs-dark: #dee2e6;
--bs-primary-rgb: 0, 188, 140; --bs-primary-rgb: 0, 188, 140;
--bs-secondary-rgb: 68, 68, 68; --bs-secondary-rgb: 173, 181, 189;
--bs-success-rgb: 0, 188, 140; --bs-success-rgb: 0, 188, 140;
--bs-info-rgb: 52, 152, 219; --bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18; --bs-warning-rgb: 243, 156, 18;
@ -46,7 +46,7 @@
--bs-light-rgb: 48, 48, 48; --bs-light-rgb: 48, 48, 48;
--bs-dark-rgb: 222, 226, 230; --bs-dark-rgb: 222, 226, 230;
--bs-primary-text-emphasis: #004b38; --bs-primary-text-emphasis: #004b38;
--bs-secondary-text-emphasis: #1b1b1b; --bs-secondary-text-emphasis: #45484c;
--bs-success-text-emphasis: #004b38; --bs-success-text-emphasis: #004b38;
--bs-info-text-emphasis: #153d58; --bs-info-text-emphasis: #153d58;
--bs-warning-text-emphasis: #613e07; --bs-warning-text-emphasis: #613e07;
@ -54,7 +54,7 @@
--bs-light-text-emphasis: #444; --bs-light-text-emphasis: #444;
--bs-dark-text-emphasis: #444; --bs-dark-text-emphasis: #444;
--bs-primary-bg-subtle: #ccf2e8; --bs-primary-bg-subtle: #ccf2e8;
--bs-secondary-bg-subtle: #dadada; --bs-secondary-bg-subtle: #eff0f2;
--bs-success-bg-subtle: #ccf2e8; --bs-success-bg-subtle: #ccf2e8;
--bs-info-bg-subtle: #d6eaf8; --bs-info-bg-subtle: #d6eaf8;
--bs-warning-bg-subtle: #fdebd0; --bs-warning-bg-subtle: #fdebd0;
@ -62,7 +62,7 @@
--bs-light-bg-subtle: #fcfcfd; --bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da; --bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #99e4d1; --bs-primary-border-subtle: #99e4d1;
--bs-secondary-border-subtle: #b4b4b4; --bs-secondary-border-subtle: #dee1e5;
--bs-success-border-subtle: #99e4d1; --bs-success-border-subtle: #99e4d1;
--bs-info-border-subtle: #aed6f1; --bs-info-border-subtle: #aed6f1;
--bs-warning-border-subtle: #fad7a0; --bs-warning-border-subtle: #fad7a0;
@ -142,7 +142,7 @@
--bs-tertiary-bg: #292929; --bs-tertiary-bg: #292929;
--bs-tertiary-bg-rgb: 41, 41, 41; --bs-tertiary-bg-rgb: 41, 41, 41;
--bs-primary-text-emphasis: #66d7ba; --bs-primary-text-emphasis: #66d7ba;
--bs-secondary-text-emphasis: #8f8f8f; --bs-secondary-text-emphasis: #ced3d7;
--bs-success-text-emphasis: #66d7ba; --bs-success-text-emphasis: #66d7ba;
--bs-info-text-emphasis: #85c1e9; --bs-info-text-emphasis: #85c1e9;
--bs-warning-text-emphasis: #f8c471; --bs-warning-text-emphasis: #f8c471;
@ -150,7 +150,7 @@
--bs-light-text-emphasis: #f8f9fa; --bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6; --bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #00261c; --bs-primary-bg-subtle: #00261c;
--bs-secondary-bg-subtle: #0e0e0e; --bs-secondary-bg-subtle: #232426;
--bs-success-bg-subtle: #00261c; --bs-success-bg-subtle: #00261c;
--bs-info-bg-subtle: #0a1e2c; --bs-info-bg-subtle: #0a1e2c;
--bs-warning-bg-subtle: #311f04; --bs-warning-bg-subtle: #311f04;
@ -158,7 +158,7 @@
--bs-light-bg-subtle: #303030; --bs-light-bg-subtle: #303030;
--bs-dark-bg-subtle: #181818; --bs-dark-bg-subtle: #181818;
--bs-primary-border-subtle: #007154; --bs-primary-border-subtle: #007154;
--bs-secondary-border-subtle: #292929; --bs-secondary-border-subtle: #686d71;
--bs-success-border-subtle: #007154; --bs-success-border-subtle: #007154;
--bs-info-border-subtle: #1f5b83; --bs-info-border-subtle: #1f5b83;
--bs-warning-border-subtle: #925e0b; --bs-warning-border-subtle: #925e0b;
@ -1945,13 +1945,13 @@ progress {
.table-secondary { .table-secondary {
--bs-table-color: #000; --bs-table-color: #000;
--bs-table-bg: #dadada; --bs-table-bg: #eff0f2;
--bs-table-border-color: #c4c4c4; --bs-table-border-color: #d7d8da;
--bs-table-striped-bg: #cfcfcf; --bs-table-striped-bg: #e3e4e6;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #c4c4c4; --bs-table-active-bg: #d7d8da;
--bs-table-active-color: #000; --bs-table-active-color: #000;
--bs-table-hover-bg: #cacaca; --bs-table-hover-bg: #dddee0;
--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);
@ -2978,20 +2978,20 @@ textarea.form-control-lg {
} }
.btn-secondary { .btn-secondary {
--bs-btn-color: #fff; --bs-btn-color: #000;
--bs-btn-bg: #444; --bs-btn-bg: #adb5bd;
--bs-btn-border-color: #444; --bs-btn-border-color: #adb5bd;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #000;
--bs-btn-hover-bg: #3a3a3a; --bs-btn-hover-bg: #b9c0c7;
--bs-btn-hover-border-color: #363636; --bs-btn-hover-border-color: #b5bcc4;
--bs-btn-focus-shadow-rgb: 96, 96, 96; --bs-btn-focus-shadow-rgb: 147, 154, 161;
--bs-btn-active-color: #fff; --bs-btn-active-color: #000;
--bs-btn-active-bg: #363636; --bs-btn-active-bg: #bdc4ca;
--bs-btn-active-border-color: #333333; --bs-btn-active-border-color: #b5bcc4;
--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: #000;
--bs-btn-disabled-bg: #444; --bs-btn-disabled-bg: #adb5bd;
--bs-btn-disabled-border-color: #444; --bs-btn-disabled-border-color: #adb5bd;
} }
.btn-success { .btn-success {
@ -3114,19 +3114,19 @@ textarea.form-control-lg {
} }
.btn-outline-secondary { .btn-outline-secondary {
--bs-btn-color: #444; --bs-btn-color: #adb5bd;
--bs-btn-border-color: #444; --bs-btn-border-color: #adb5bd;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #000;
--bs-btn-hover-bg: #444; --bs-btn-hover-bg: #adb5bd;
--bs-btn-hover-border-color: #444; --bs-btn-hover-border-color: #adb5bd;
--bs-btn-focus-shadow-rgb: 68, 68, 68; --bs-btn-focus-shadow-rgb: 173, 181, 189;
--bs-btn-active-color: #fff; --bs-btn-active-color: #000;
--bs-btn-active-bg: #444; --bs-btn-active-bg: #adb5bd;
--bs-btn-active-border-color: #444; --bs-btn-active-border-color: #adb5bd;
--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: #444; --bs-btn-disabled-color: #adb5bd;
--bs-btn-disabled-bg: transparent; --bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #444; --bs-btn-disabled-border-color: #adb5bd;
--bs-gradient: none; --bs-gradient: none;
} }
@ -6765,8 +6765,8 @@ textarea.form-control-lg {
} }
.text-bg-secondary { .text-bg-secondary {
color: #fff !important; color: #000 !important;
background-color: RGBA(68, 68, 68, var(--bs-bg-opacity, 1)) !important; background-color: RGBA(173, 181, 189, var(--bs-bg-opacity, 1)) !important;
} }
.text-bg-success { .text-bg-success {
@ -6813,8 +6813,8 @@ textarea.form-control-lg {
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
} }
.link-secondary:hover, .link-secondary:focus { .link-secondary:hover, .link-secondary:focus {
color: RGBA(54, 54, 54, var(--bs-link-opacity, 1)) !important; color: RGBA(189, 196, 202, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(54, 54, 54, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(189, 196, 202, var(--bs-link-underline-opacity, 1)) !important;
} }
.link-success { .link-success {
@ -11897,8 +11897,4 @@ hr.my-3 {
display: none; display: none;
} }
.btn-outline-secondary {
color: #adb5bd;
}
/*# sourceMappingURL=darkly-compact.css.map */ /*# sourceMappingURL=darkly-compact.css.map */

4
src/assets/css/themes/darkly-compact.scss
View file

@ -56,7 +56,3 @@ hr.my-3 {
display: none; display: none;
} }
} }
.btn-outline-secondary {
color: $gray-500;
}

71
src/assets/css/themes/darkly-pureblack.css
View file

@ -30,7 +30,7 @@
--bs-gray-800: #202020; --bs-gray-800: #202020;
--bs-gray-900: #111; --bs-gray-900: #111;
--bs-primary: #00bc8c; --bs-primary: #00bc8c;
--bs-secondary: #333; --bs-secondary: #666;
--bs-success: #00bc8c; --bs-success: #00bc8c;
--bs-info: #3498db; --bs-info: #3498db;
--bs-warning: #f39c12; --bs-warning: #f39c12;
@ -38,7 +38,7 @@
--bs-light: #111; --bs-light: #111;
--bs-dark: #dee2e6; --bs-dark: #dee2e6;
--bs-primary-rgb: 0, 188, 140; --bs-primary-rgb: 0, 188, 140;
--bs-secondary-rgb: 51, 51, 51; --bs-secondary-rgb: 102, 102, 102;
--bs-success-rgb: 0, 188, 140; --bs-success-rgb: 0, 188, 140;
--bs-info-rgb: 52, 152, 219; --bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18; --bs-warning-rgb: 243, 156, 18;
@ -46,7 +46,7 @@
--bs-light-rgb: 17, 17, 17; --bs-light-rgb: 17, 17, 17;
--bs-dark-rgb: 222, 226, 230; --bs-dark-rgb: 222, 226, 230;
--bs-primary-text-emphasis: #004b38; --bs-primary-text-emphasis: #004b38;
--bs-secondary-text-emphasis: #141414; --bs-secondary-text-emphasis: #292929;
--bs-success-text-emphasis: #004b38; --bs-success-text-emphasis: #004b38;
--bs-info-text-emphasis: #153d58; --bs-info-text-emphasis: #153d58;
--bs-warning-text-emphasis: #613e07; --bs-warning-text-emphasis: #613e07;
@ -54,7 +54,7 @@
--bs-light-text-emphasis: #333; --bs-light-text-emphasis: #333;
--bs-dark-text-emphasis: #333; --bs-dark-text-emphasis: #333;
--bs-primary-bg-subtle: #ccf2e8; --bs-primary-bg-subtle: #ccf2e8;
--bs-secondary-bg-subtle: #d6d6d6; --bs-secondary-bg-subtle: #e0e0e0;
--bs-success-bg-subtle: #ccf2e8; --bs-success-bg-subtle: #ccf2e8;
--bs-info-bg-subtle: #d6eaf8; --bs-info-bg-subtle: #d6eaf8;
--bs-warning-bg-subtle: #fdebd0; --bs-warning-bg-subtle: #fdebd0;
@ -62,7 +62,7 @@
--bs-light-bg-subtle: #f6f6f7; --bs-light-bg-subtle: #f6f6f7;
--bs-dark-bg-subtle: #ced4da; --bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #99e4d1; --bs-primary-border-subtle: #99e4d1;
--bs-secondary-border-subtle: #adadad; --bs-secondary-border-subtle: #c2c2c2;
--bs-success-border-subtle: #99e4d1; --bs-success-border-subtle: #99e4d1;
--bs-info-border-subtle: #aed6f1; --bs-info-border-subtle: #aed6f1;
--bs-warning-border-subtle: #fad7a0; --bs-warning-border-subtle: #fad7a0;
@ -142,7 +142,7 @@
--bs-tertiary-bg: #191919; --bs-tertiary-bg: #191919;
--bs-tertiary-bg-rgb: 25, 25, 25; --bs-tertiary-bg-rgb: 25, 25, 25;
--bs-primary-text-emphasis: #66d7ba; --bs-primary-text-emphasis: #66d7ba;
--bs-secondary-text-emphasis: #858585; --bs-secondary-text-emphasis: #a3a3a3;
--bs-success-text-emphasis: #66d7ba; --bs-success-text-emphasis: #66d7ba;
--bs-info-text-emphasis: #85c1e9; --bs-info-text-emphasis: #85c1e9;
--bs-warning-text-emphasis: #f8c471; --bs-warning-text-emphasis: #f8c471;
@ -150,7 +150,7 @@
--bs-light-text-emphasis: #f8f9fa; --bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6; --bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #00261c; --bs-primary-bg-subtle: #00261c;
--bs-secondary-bg-subtle: #0a0a0a; --bs-secondary-bg-subtle: #141414;
--bs-success-bg-subtle: #00261c; --bs-success-bg-subtle: #00261c;
--bs-info-bg-subtle: #0a1e2c; --bs-info-bg-subtle: #0a1e2c;
--bs-warning-bg-subtle: #311f04; --bs-warning-bg-subtle: #311f04;
@ -158,7 +158,7 @@
--bs-light-bg-subtle: #202020; --bs-light-bg-subtle: #202020;
--bs-dark-bg-subtle: #101010; --bs-dark-bg-subtle: #101010;
--bs-primary-border-subtle: #007154; --bs-primary-border-subtle: #007154;
--bs-secondary-border-subtle: #1f1f1f; --bs-secondary-border-subtle: #3d3d3d;
--bs-success-border-subtle: #007154; --bs-success-border-subtle: #007154;
--bs-info-border-subtle: #1f5b83; --bs-info-border-subtle: #1f5b83;
--bs-warning-border-subtle: #925e0b; --bs-warning-border-subtle: #925e0b;
@ -1945,13 +1945,13 @@ progress {
.table-secondary { .table-secondary {
--bs-table-color: #000; --bs-table-color: #000;
--bs-table-bg: #d6d6d6; --bs-table-bg: #e0e0e0;
--bs-table-border-color: #c1c1c1; --bs-table-border-color: #cacaca;
--bs-table-striped-bg: #cbcbcb; --bs-table-striped-bg: #d5d5d5;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #c1c1c1; --bs-table-active-bg: #cacaca;
--bs-table-active-color: #000; --bs-table-active-color: #000;
--bs-table-hover-bg: #c6c6c6; --bs-table-hover-bg: #cfcfcf;
--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);
@ -2979,19 +2979,19 @@ textarea.form-control-lg {
.btn-secondary { .btn-secondary {
--bs-btn-color: #f3f3f3; --bs-btn-color: #f3f3f3;
--bs-btn-bg: #333; --bs-btn-bg: #666;
--bs-btn-border-color: #333; --bs-btn-border-color: #666;
--bs-btn-hover-color: #f3f3f3; --bs-btn-hover-color: #f3f3f3;
--bs-btn-hover-bg: #2b2b2b; --bs-btn-hover-bg: #575757;
--bs-btn-hover-border-color: #292929; --bs-btn-hover-border-color: #525252;
--bs-btn-focus-shadow-rgb: 80, 80, 80; --bs-btn-focus-shadow-rgb: 123, 123, 123;
--bs-btn-active-color: #f3f3f3; --bs-btn-active-color: #f3f3f3;
--bs-btn-active-bg: #292929; --bs-btn-active-bg: #525252;
--bs-btn-active-border-color: #262626; --bs-btn-active-border-color: #4d4d4d;
--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: #f3f3f3; --bs-btn-disabled-color: #f3f3f3;
--bs-btn-disabled-bg: #333; --bs-btn-disabled-bg: #666;
--bs-btn-disabled-border-color: #333; --bs-btn-disabled-border-color: #666;
} }
.btn-success { .btn-success {
@ -3114,19 +3114,19 @@ textarea.form-control-lg {
} }
.btn-outline-secondary { .btn-outline-secondary {
--bs-btn-color: #333; --bs-btn-color: #666;
--bs-btn-border-color: #333; --bs-btn-border-color: #666;
--bs-btn-hover-color: #f3f3f3; --bs-btn-hover-color: #f3f3f3;
--bs-btn-hover-bg: #333; --bs-btn-hover-bg: #666;
--bs-btn-hover-border-color: #333; --bs-btn-hover-border-color: #666;
--bs-btn-focus-shadow-rgb: 51, 51, 51; --bs-btn-focus-shadow-rgb: 102, 102, 102;
--bs-btn-active-color: #f3f3f3; --bs-btn-active-color: #f3f3f3;
--bs-btn-active-bg: #333; --bs-btn-active-bg: #666;
--bs-btn-active-border-color: #333; --bs-btn-active-border-color: #666;
--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: #333; --bs-btn-disabled-color: #666;
--bs-btn-disabled-bg: transparent; --bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #333; --bs-btn-disabled-border-color: #666;
--bs-gradient: none; --bs-gradient: none;
} }
@ -6766,7 +6766,7 @@ textarea.form-control-lg {
.text-bg-secondary { .text-bg-secondary {
color: #f3f3f3 !important; color: #f3f3f3 !important;
background-color: RGBA(51, 51, 51, var(--bs-bg-opacity, 1)) !important; background-color: RGBA(102, 102, 102, var(--bs-bg-opacity, 1)) !important;
} }
.text-bg-success { .text-bg-success {
@ -6813,8 +6813,8 @@ textarea.form-control-lg {
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
} }
.link-secondary:hover, .link-secondary:focus { .link-secondary:hover, .link-secondary:focus {
color: RGBA(41, 41, 41, var(--bs-link-opacity, 1)) !important; color: RGBA(82, 82, 82, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(41, 41, 41, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(82, 82, 82, var(--bs-link-underline-opacity, 1)) !important;
} }
.link-success { .link-success {
@ -11857,8 +11857,5 @@ textarea.form-control-lg {
display: none !important; display: none !important;
} }
} }
.btn-outline-secondary {
color: #adb5bd;
}
/*# sourceMappingURL=darkly-pureblack.css.map */ /*# sourceMappingURL=darkly-pureblack.css.map */

4
src/assets/css/themes/darkly-pureblack.scss
View file

@ -1,6 +1,2 @@
@import "variables.darkly-pureblack"; @import "variables.darkly-pureblack";
@import "../../../../node_modules/bootstrap/scss/bootstrap"; @import "../../../../node_modules/bootstrap/scss/bootstrap";
.btn-outline-secondary {
color: $gray-500;
}

85
src/assets/css/themes/darkly-red.css
View file

@ -30,7 +30,7 @@
--bs-gray-800: #303030; --bs-gray-800: #303030;
--bs-gray-900: #222; --bs-gray-900: #222;
--bs-primary: #375a7f; --bs-primary: #375a7f;
--bs-secondary: #444; --bs-secondary: #adb5bd;
--bs-success: #00bc8c; --bs-success: #00bc8c;
--bs-info: #3498db; --bs-info: #3498db;
--bs-warning: #f39c12; --bs-warning: #f39c12;
@ -38,7 +38,7 @@
--bs-light: #303030; --bs-light: #303030;
--bs-dark: #dee2e6; --bs-dark: #dee2e6;
--bs-primary-rgb: 55, 90, 127; --bs-primary-rgb: 55, 90, 127;
--bs-secondary-rgb: 68, 68, 68; --bs-secondary-rgb: 173, 181, 189;
--bs-success-rgb: 0, 188, 140; --bs-success-rgb: 0, 188, 140;
--bs-info-rgb: 52, 152, 219; --bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18; --bs-warning-rgb: 243, 156, 18;
@ -46,7 +46,7 @@
--bs-light-rgb: 48, 48, 48; --bs-light-rgb: 48, 48, 48;
--bs-dark-rgb: 222, 226, 230; --bs-dark-rgb: 222, 226, 230;
--bs-primary-text-emphasis: #162433; --bs-primary-text-emphasis: #162433;
--bs-secondary-text-emphasis: #1b1b1b; --bs-secondary-text-emphasis: #45484c;
--bs-success-text-emphasis: #004b38; --bs-success-text-emphasis: #004b38;
--bs-info-text-emphasis: #153d58; --bs-info-text-emphasis: #153d58;
--bs-warning-text-emphasis: #613e07; --bs-warning-text-emphasis: #613e07;
@ -54,7 +54,7 @@
--bs-light-text-emphasis: #444; --bs-light-text-emphasis: #444;
--bs-dark-text-emphasis: #444; --bs-dark-text-emphasis: #444;
--bs-primary-bg-subtle: #d7dee5; --bs-primary-bg-subtle: #d7dee5;
--bs-secondary-bg-subtle: #dadada; --bs-secondary-bg-subtle: #eff0f2;
--bs-success-bg-subtle: #ccf2e8; --bs-success-bg-subtle: #ccf2e8;
--bs-info-bg-subtle: #d6eaf8; --bs-info-bg-subtle: #d6eaf8;
--bs-warning-bg-subtle: #fdebd0; --bs-warning-bg-subtle: #fdebd0;
@ -62,7 +62,7 @@
--bs-light-bg-subtle: #fcfcfd; --bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da; --bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #afbdcc; --bs-primary-border-subtle: #afbdcc;
--bs-secondary-border-subtle: #b4b4b4; --bs-secondary-border-subtle: #dee1e5;
--bs-success-border-subtle: #99e4d1; --bs-success-border-subtle: #99e4d1;
--bs-info-border-subtle: #aed6f1; --bs-info-border-subtle: #aed6f1;
--bs-warning-border-subtle: #fad7a0; --bs-warning-border-subtle: #fad7a0;
@ -142,7 +142,7 @@
--bs-tertiary-bg: #292929; --bs-tertiary-bg: #292929;
--bs-tertiary-bg-rgb: 41, 41, 41; --bs-tertiary-bg-rgb: 41, 41, 41;
--bs-primary-text-emphasis: #879cb2; --bs-primary-text-emphasis: #879cb2;
--bs-secondary-text-emphasis: #8f8f8f; --bs-secondary-text-emphasis: #ced3d7;
--bs-success-text-emphasis: #66d7ba; --bs-success-text-emphasis: #66d7ba;
--bs-info-text-emphasis: #85c1e9; --bs-info-text-emphasis: #85c1e9;
--bs-warning-text-emphasis: #f8c471; --bs-warning-text-emphasis: #f8c471;
@ -150,7 +150,7 @@
--bs-light-text-emphasis: #f8f9fa; --bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6; --bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #0b1219; --bs-primary-bg-subtle: #0b1219;
--bs-secondary-bg-subtle: #0e0e0e; --bs-secondary-bg-subtle: #232426;
--bs-success-bg-subtle: #00261c; --bs-success-bg-subtle: #00261c;
--bs-info-bg-subtle: #0a1e2c; --bs-info-bg-subtle: #0a1e2c;
--bs-warning-bg-subtle: #311f04; --bs-warning-bg-subtle: #311f04;
@ -158,7 +158,7 @@
--bs-light-bg-subtle: #303030; --bs-light-bg-subtle: #303030;
--bs-dark-bg-subtle: #181818; --bs-dark-bg-subtle: #181818;
--bs-primary-border-subtle: #21364c; --bs-primary-border-subtle: #21364c;
--bs-secondary-border-subtle: #292929; --bs-secondary-border-subtle: #686d71;
--bs-success-border-subtle: #007154; --bs-success-border-subtle: #007154;
--bs-info-border-subtle: #1f5b83; --bs-info-border-subtle: #1f5b83;
--bs-warning-border-subtle: #925e0b; --bs-warning-border-subtle: #925e0b;
@ -1945,13 +1945,13 @@ progress {
.table-secondary { .table-secondary {
--bs-table-color: #000; --bs-table-color: #000;
--bs-table-bg: #dadada; --bs-table-bg: #eff0f2;
--bs-table-border-color: #c4c4c4; --bs-table-border-color: #d7d8da;
--bs-table-striped-bg: #cfcfcf; --bs-table-striped-bg: #e3e4e6;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #c4c4c4; --bs-table-active-bg: #d7d8da;
--bs-table-active-color: #000; --bs-table-active-color: #000;
--bs-table-hover-bg: #cacaca; --bs-table-hover-bg: #dddee0;
--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);
@ -2978,20 +2978,20 @@ textarea.form-control-lg {
} }
.btn-secondary { .btn-secondary {
--bs-btn-color: #fff; --bs-btn-color: #000;
--bs-btn-bg: #444; --bs-btn-bg: #adb5bd;
--bs-btn-border-color: #444; --bs-btn-border-color: #adb5bd;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #000;
--bs-btn-hover-bg: #3a3a3a; --bs-btn-hover-bg: #b9c0c7;
--bs-btn-hover-border-color: #363636; --bs-btn-hover-border-color: #b5bcc4;
--bs-btn-focus-shadow-rgb: 96, 96, 96; --bs-btn-focus-shadow-rgb: 147, 154, 161;
--bs-btn-active-color: #fff; --bs-btn-active-color: #000;
--bs-btn-active-bg: #363636; --bs-btn-active-bg: #bdc4ca;
--bs-btn-active-border-color: #333333; --bs-btn-active-border-color: #b5bcc4;
--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: #000;
--bs-btn-disabled-bg: #444; --bs-btn-disabled-bg: #adb5bd;
--bs-btn-disabled-border-color: #444; --bs-btn-disabled-border-color: #adb5bd;
} }
.btn-success { .btn-success {
@ -3114,19 +3114,19 @@ textarea.form-control-lg {
} }
.btn-outline-secondary { .btn-outline-secondary {
--bs-btn-color: #444; --bs-btn-color: #adb5bd;
--bs-btn-border-color: #444; --bs-btn-border-color: #adb5bd;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #000;
--bs-btn-hover-bg: #444; --bs-btn-hover-bg: #adb5bd;
--bs-btn-hover-border-color: #444; --bs-btn-hover-border-color: #adb5bd;
--bs-btn-focus-shadow-rgb: 68, 68, 68; --bs-btn-focus-shadow-rgb: 173, 181, 189;
--bs-btn-active-color: #fff; --bs-btn-active-color: #000;
--bs-btn-active-bg: #444; --bs-btn-active-bg: #adb5bd;
--bs-btn-active-border-color: #444; --bs-btn-active-border-color: #adb5bd;
--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: #444; --bs-btn-disabled-color: #adb5bd;
--bs-btn-disabled-bg: transparent; --bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #444; --bs-btn-disabled-border-color: #adb5bd;
--bs-gradient: none; --bs-gradient: none;
} }
@ -6765,8 +6765,8 @@ textarea.form-control-lg {
} }
.text-bg-secondary { .text-bg-secondary {
color: #fff !important; color: #000 !important;
background-color: RGBA(68, 68, 68, var(--bs-bg-opacity, 1)) !important; background-color: RGBA(173, 181, 189, var(--bs-bg-opacity, 1)) !important;
} }
.text-bg-success { .text-bg-success {
@ -6813,8 +6813,8 @@ textarea.form-control-lg {
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
} }
.link-secondary:hover, .link-secondary:focus { .link-secondary:hover, .link-secondary:focus {
color: RGBA(54, 54, 54, var(--bs-link-opacity, 1)) !important; color: RGBA(189, 196, 202, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(54, 54, 54, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(189, 196, 202, var(--bs-link-underline-opacity, 1)) !important;
} }
.link-success { .link-success {
@ -11857,8 +11857,5 @@ textarea.form-control-lg {
display: none !important; display: none !important;
} }
} }
.btn-outline-secondary {
color: #adb5bd;
}
/*# sourceMappingURL=darkly-red.css.map */ /*# sourceMappingURL=darkly-red.css.map */

4
src/assets/css/themes/darkly-red.scss
View file

@ -1,6 +1,2 @@
@import "variables.darkly-red"; @import "variables.darkly-red";
@import "../../../../node_modules/bootstrap/scss/bootstrap"; @import "../../../../node_modules/bootstrap/scss/bootstrap";
.btn-outline-secondary {
color: $gray-500;
}

85
src/assets/css/themes/darkly.css
View file

@ -30,7 +30,7 @@
--bs-gray-800: #303030; --bs-gray-800: #303030;
--bs-gray-900: #222; --bs-gray-900: #222;
--bs-primary: #00bc8c; --bs-primary: #00bc8c;
--bs-secondary: #444; --bs-secondary: #adb5bd;
--bs-success: #00bc8c; --bs-success: #00bc8c;
--bs-info: #3498db; --bs-info: #3498db;
--bs-warning: #f39c12; --bs-warning: #f39c12;
@ -38,7 +38,7 @@
--bs-light: #303030; --bs-light: #303030;
--bs-dark: #dee2e6; --bs-dark: #dee2e6;
--bs-primary-rgb: 0, 188, 140; --bs-primary-rgb: 0, 188, 140;
--bs-secondary-rgb: 68, 68, 68; --bs-secondary-rgb: 173, 181, 189;
--bs-success-rgb: 0, 188, 140; --bs-success-rgb: 0, 188, 140;
--bs-info-rgb: 52, 152, 219; --bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18; --bs-warning-rgb: 243, 156, 18;
@ -46,7 +46,7 @@
--bs-light-rgb: 48, 48, 48; --bs-light-rgb: 48, 48, 48;
--bs-dark-rgb: 222, 226, 230; --bs-dark-rgb: 222, 226, 230;
--bs-primary-text-emphasis: #004b38; --bs-primary-text-emphasis: #004b38;
--bs-secondary-text-emphasis: #1b1b1b; --bs-secondary-text-emphasis: #45484c;
--bs-success-text-emphasis: #004b38; --bs-success-text-emphasis: #004b38;
--bs-info-text-emphasis: #153d58; --bs-info-text-emphasis: #153d58;
--bs-warning-text-emphasis: #613e07; --bs-warning-text-emphasis: #613e07;
@ -54,7 +54,7 @@
--bs-light-text-emphasis: #444; --bs-light-text-emphasis: #444;
--bs-dark-text-emphasis: #444; --bs-dark-text-emphasis: #444;
--bs-primary-bg-subtle: #ccf2e8; --bs-primary-bg-subtle: #ccf2e8;
--bs-secondary-bg-subtle: #dadada; --bs-secondary-bg-subtle: #eff0f2;
--bs-success-bg-subtle: #ccf2e8; --bs-success-bg-subtle: #ccf2e8;
--bs-info-bg-subtle: #d6eaf8; --bs-info-bg-subtle: #d6eaf8;
--bs-warning-bg-subtle: #fdebd0; --bs-warning-bg-subtle: #fdebd0;
@ -62,7 +62,7 @@
--bs-light-bg-subtle: #fcfcfd; --bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da; --bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #99e4d1; --bs-primary-border-subtle: #99e4d1;
--bs-secondary-border-subtle: #b4b4b4; --bs-secondary-border-subtle: #dee1e5;
--bs-success-border-subtle: #99e4d1; --bs-success-border-subtle: #99e4d1;
--bs-info-border-subtle: #aed6f1; --bs-info-border-subtle: #aed6f1;
--bs-warning-border-subtle: #fad7a0; --bs-warning-border-subtle: #fad7a0;
@ -142,7 +142,7 @@
--bs-tertiary-bg: #292929; --bs-tertiary-bg: #292929;
--bs-tertiary-bg-rgb: 41, 41, 41; --bs-tertiary-bg-rgb: 41, 41, 41;
--bs-primary-text-emphasis: #66d7ba; --bs-primary-text-emphasis: #66d7ba;
--bs-secondary-text-emphasis: #8f8f8f; --bs-secondary-text-emphasis: #ced3d7;
--bs-success-text-emphasis: #66d7ba; --bs-success-text-emphasis: #66d7ba;
--bs-info-text-emphasis: #85c1e9; --bs-info-text-emphasis: #85c1e9;
--bs-warning-text-emphasis: #f8c471; --bs-warning-text-emphasis: #f8c471;
@ -150,7 +150,7 @@
--bs-light-text-emphasis: #f8f9fa; --bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6; --bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #00261c; --bs-primary-bg-subtle: #00261c;
--bs-secondary-bg-subtle: #0e0e0e; --bs-secondary-bg-subtle: #232426;
--bs-success-bg-subtle: #00261c; --bs-success-bg-subtle: #00261c;
--bs-info-bg-subtle: #0a1e2c; --bs-info-bg-subtle: #0a1e2c;
--bs-warning-bg-subtle: #311f04; --bs-warning-bg-subtle: #311f04;
@ -158,7 +158,7 @@
--bs-light-bg-subtle: #303030; --bs-light-bg-subtle: #303030;
--bs-dark-bg-subtle: #181818; --bs-dark-bg-subtle: #181818;
--bs-primary-border-subtle: #007154; --bs-primary-border-subtle: #007154;
--bs-secondary-border-subtle: #292929; --bs-secondary-border-subtle: #686d71;
--bs-success-border-subtle: #007154; --bs-success-border-subtle: #007154;
--bs-info-border-subtle: #1f5b83; --bs-info-border-subtle: #1f5b83;
--bs-warning-border-subtle: #925e0b; --bs-warning-border-subtle: #925e0b;
@ -1945,13 +1945,13 @@ progress {
.table-secondary { .table-secondary {
--bs-table-color: #000; --bs-table-color: #000;
--bs-table-bg: #dadada; --bs-table-bg: #eff0f2;
--bs-table-border-color: #c4c4c4; --bs-table-border-color: #d7d8da;
--bs-table-striped-bg: #cfcfcf; --bs-table-striped-bg: #e3e4e6;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #c4c4c4; --bs-table-active-bg: #d7d8da;
--bs-table-active-color: #000; --bs-table-active-color: #000;
--bs-table-hover-bg: #cacaca; --bs-table-hover-bg: #dddee0;
--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);
@ -2978,20 +2978,20 @@ textarea.form-control-lg {
} }
.btn-secondary { .btn-secondary {
--bs-btn-color: #fff; --bs-btn-color: #000;
--bs-btn-bg: #444; --bs-btn-bg: #adb5bd;
--bs-btn-border-color: #444; --bs-btn-border-color: #adb5bd;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #000;
--bs-btn-hover-bg: #3a3a3a; --bs-btn-hover-bg: #b9c0c7;
--bs-btn-hover-border-color: #363636; --bs-btn-hover-border-color: #b5bcc4;
--bs-btn-focus-shadow-rgb: 96, 96, 96; --bs-btn-focus-shadow-rgb: 147, 154, 161;
--bs-btn-active-color: #fff; --bs-btn-active-color: #000;
--bs-btn-active-bg: #363636; --bs-btn-active-bg: #bdc4ca;
--bs-btn-active-border-color: #333333; --bs-btn-active-border-color: #b5bcc4;
--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: #000;
--bs-btn-disabled-bg: #444; --bs-btn-disabled-bg: #adb5bd;
--bs-btn-disabled-border-color: #444; --bs-btn-disabled-border-color: #adb5bd;
} }
.btn-success { .btn-success {
@ -3114,19 +3114,19 @@ textarea.form-control-lg {
} }
.btn-outline-secondary { .btn-outline-secondary {
--bs-btn-color: #444; --bs-btn-color: #adb5bd;
--bs-btn-border-color: #444; --bs-btn-border-color: #adb5bd;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #000;
--bs-btn-hover-bg: #444; --bs-btn-hover-bg: #adb5bd;
--bs-btn-hover-border-color: #444; --bs-btn-hover-border-color: #adb5bd;
--bs-btn-focus-shadow-rgb: 68, 68, 68; --bs-btn-focus-shadow-rgb: 173, 181, 189;
--bs-btn-active-color: #fff; --bs-btn-active-color: #000;
--bs-btn-active-bg: #444; --bs-btn-active-bg: #adb5bd;
--bs-btn-active-border-color: #444; --bs-btn-active-border-color: #adb5bd;
--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: #444; --bs-btn-disabled-color: #adb5bd;
--bs-btn-disabled-bg: transparent; --bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #444; --bs-btn-disabled-border-color: #adb5bd;
--bs-gradient: none; --bs-gradient: none;
} }
@ -6765,8 +6765,8 @@ textarea.form-control-lg {
} }
.text-bg-secondary { .text-bg-secondary {
color: #fff !important; color: #000 !important;
background-color: RGBA(68, 68, 68, var(--bs-bg-opacity, 1)) !important; background-color: RGBA(173, 181, 189, var(--bs-bg-opacity, 1)) !important;
} }
.text-bg-success { .text-bg-success {
@ -6813,8 +6813,8 @@ textarea.form-control-lg {
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
} }
.link-secondary:hover, .link-secondary:focus { .link-secondary:hover, .link-secondary:focus {
color: RGBA(54, 54, 54, var(--bs-link-opacity, 1)) !important; color: RGBA(189, 196, 202, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(54, 54, 54, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(189, 196, 202, var(--bs-link-underline-opacity, 1)) !important;
} }
.link-success { .link-success {
@ -11857,8 +11857,5 @@ textarea.form-control-lg {
display: none !important; display: none !important;
} }
} }
.btn-outline-secondary {
color: #adb5bd;
}
/*# sourceMappingURL=darkly.css.map */ /*# sourceMappingURL=darkly.css.map */

4
src/assets/css/themes/darkly.scss
View file

@ -1,6 +1,2 @@
@import "variables.darkly"; @import "variables.darkly";
@import "../../../../node_modules/bootstrap/scss/bootstrap"; @import "../../../../node_modules/bootstrap/scss/bootstrap";
.btn-outline-secondary {
color: $gray-500;
}

110
src/assets/css/themes/vaporwave-dark.css
View file

@ -74,8 +74,9 @@
--bs-font-sans-serif: "Lucida Console", Monaco, monospace; --bs-font-sans-serif: "Lucida Console", Monaco, monospace;
--bs-font-monospace: Arial, "Noto Sans", sans-serif; --bs-font-monospace: Arial, "Noto Sans", sans-serif;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 0.875rem; --bs-body-font-size: 1rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 400;
--bs-body-line-height: 1.5; --bs-body-line-height: 1.5;
--bs-body-color: #ebebeb; --bs-body-color: #ebebeb;
@ -184,6 +185,9 @@
box-sizing: border-box; box-sizing: border-box;
} }
:root {
font-size: var(--bs-root-font-size);
}
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
:root { :root {
scroll-behavior: smooth; scroll-behavior: smooth;
@ -220,47 +224,47 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
} }
h1, .h1 { h1, .h1 {
font-size: calc(1.34375rem + 1.125vw); font-size: calc(1.375rem + 1.5vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h1, .h1 { h1, .h1 {
font-size: 2.1875rem; font-size: 2.5rem;
} }
} }
h2, .h2 { h2, .h2 {
font-size: calc(1.3rem + 0.6vw); font-size: calc(1.325rem + 0.9vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h2, .h2 { h2, .h2 {
font-size: 1.75rem; font-size: 2rem;
} }
} }
h3, .h3 { h3, .h3 {
font-size: calc(1.278125rem + 0.3375vw); font-size: calc(1.3rem + 0.6vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h3, .h3 { h3, .h3 {
font-size: 1.53125rem; font-size: 1.75rem;
} }
} }
h4, .h4 { h4, .h4 {
font-size: calc(1.25625rem + 0.075vw); font-size: calc(1.275rem + 0.3vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h4, .h4 { h4, .h4 {
font-size: 1.3125rem; font-size: 1.5rem;
} }
} }
h5, .h5 { h5, .h5 {
font-size: 1.09375rem; font-size: 1.25rem;
} }
h6, .h6 { h6, .h6 {
font-size: 0.875rem; font-size: 1rem;
} }
p { p {
@ -586,7 +590,7 @@ progress {
} }
.lead { .lead {
font-size: 1.09375rem; font-size: 1.25rem;
font-weight: 300; font-weight: 300;
} }
@ -680,7 +684,7 @@ progress {
.blockquote { .blockquote {
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
} }
.blockquote > :last-child { .blockquote > :last-child {
margin-bottom: 0; margin-bottom: 0;
@ -2088,13 +2092,13 @@ progress {
.col-form-label-lg { .col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width)); padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width));
font-size: 1.09375rem; font-size: 1.25rem;
} }
.col-form-label-sm { .col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width)); padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width));
font-size: 0.765625rem; font-size: 0.875rem;
} }
.form-text { .form-text {
@ -2107,7 +2111,7 @@ progress {
display: block; display: block;
width: 100%; width: 100%;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-size: 0.875rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
@ -2200,7 +2204,7 @@ progress {
.form-control-sm { .form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.765625rem; font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm); border-radius: var(--bs-border-radius-sm);
} }
.form-control-sm::file-selector-button { .form-control-sm::file-selector-button {
@ -2212,7 +2216,7 @@ progress {
.form-control-lg { .form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg); border-radius: var(--bs-border-radius-lg);
} }
.form-control-lg::file-selector-button { .form-control-lg::file-selector-button {
@ -2259,7 +2263,7 @@ textarea.form-control-lg {
display: block; display: block;
width: 100%; width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem; padding: 0.375rem 2.25rem 0.375rem 0.75rem;
font-size: 0.875rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
@ -2300,7 +2304,7 @@ textarea.form-control-lg {
padding-top: 0.25rem; padding-top: 0.25rem;
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
padding-left: 0.5rem; padding-left: 0.5rem;
font-size: 0.765625rem; font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm); border-radius: var(--bs-border-radius-sm);
} }
@ -2308,7 +2312,7 @@ textarea.form-control-lg {
padding-top: 0.5rem; padding-top: 0.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg); border-radius: var(--bs-border-radius-lg);
} }
@ -2318,7 +2322,7 @@ textarea.form-control-lg {
.form-check { .form-check {
display: block; display: block;
min-height: 1.3125rem; min-height: 1.5rem;
padding-left: 1.5em; padding-left: 1.5em;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
} }
@ -2654,7 +2658,7 @@ textarea.form-control-lg {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-size: 0.875rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
@ -2670,7 +2674,7 @@ textarea.form-control-lg {
.input-group-lg > .input-group-text, .input-group-lg > .input-group-text,
.input-group-lg > .btn { .input-group-lg > .btn {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg); border-radius: var(--bs-border-radius-lg);
} }
@ -2679,7 +2683,7 @@ textarea.form-control-lg {
.input-group-sm > .input-group-text, .input-group-sm > .input-group-text,
.input-group-sm > .btn { .input-group-sm > .btn {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.765625rem; font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm); border-radius: var(--bs-border-radius-sm);
} }
@ -2729,7 +2733,7 @@ textarea.form-control-lg {
max-width: 100%; max-width: 100%;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-top: 0.1rem; margin-top: 0.1rem;
font-size: 0.765625rem; font-size: 0.875rem;
color: #fff; color: #fff;
background-color: var(--bs-success); background-color: var(--bs-success);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
@ -2819,7 +2823,7 @@ textarea.form-control-lg {
max-width: 100%; max-width: 100%;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-top: 0.1rem; margin-top: 0.1rem;
font-size: 0.765625rem; font-size: 0.875rem;
color: #fff; color: #fff;
background-color: var(--bs-danger); background-color: var(--bs-danger);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
@ -2897,7 +2901,7 @@ textarea.form-control-lg {
--bs-btn-padding-x: 0.75rem; --bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem; --bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ; --bs-btn-font-family: ;
--bs-btn-font-size: 0.875rem; --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400; --bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5; --bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color); --bs-btn-color: var(--bs-body-color);
@ -3273,14 +3277,14 @@ textarea.form-control-lg {
.btn-lg, .btn-group-lg > .btn { .btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem; --bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem; --bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.09375rem; --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg); --bs-btn-border-radius: var(--bs-border-radius-lg);
} }
.btn-sm, .btn-group-sm > .btn { .btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem; --bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem; --bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.765625rem; --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm); --bs-btn-border-radius: var(--bs-border-radius-sm);
} }
@ -3353,7 +3357,7 @@ textarea.form-control-lg {
--bs-dropdown-padding-x: 0; --bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem; --bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem; --bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 0.875rem; --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color); --bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-color: var(--bs-border-color-translucent);
@ -3615,7 +3619,7 @@ textarea.form-control-lg {
display: block; display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0; margin-bottom: 0;
font-size: 0.765625rem; font-size: 0.875rem;
color: var(--bs-dropdown-header-color); color: var(--bs-dropdown-header-color);
white-space: nowrap; white-space: nowrap;
} }
@ -3900,15 +3904,15 @@ textarea.form-control-lg {
--bs-navbar-hover-color: rgba(255, 64, 186, 0.7); --bs-navbar-hover-color: rgba(255, 64, 186, 0.7);
--bs-navbar-disabled-color: rgba(235, 235, 235, 0.3); --bs-navbar-disabled-color: rgba(235, 235, 235, 0.3);
--bs-navbar-active-color: rgba(235, 235, 235, 0.9); --bs-navbar-active-color: rgba(235, 235, 235, 0.9);
--bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(235, 235, 235, 0.9); --bs-navbar-brand-color: rgba(235, 235, 235, 0.9);
--bs-navbar-brand-hover-color: rgba(235, 235, 235, 0.9); --bs-navbar-brand-hover-color: rgba(235, 235, 235, 0.9);
--bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28235, 235, 235, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28235, 235, 235, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-border-radius: var(--bs-border-radius);
@ -4545,7 +4549,7 @@ textarea.form-control-lg {
align-items: center; align-items: center;
width: 100%; width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 0.875rem; font-size: 1rem;
color: var(--bs-accordion-btn-color); color: var(--bs-accordion-btn-color);
text-align: left; text-align: left;
background-color: var(--bs-accordion-btn-bg); background-color: var(--bs-accordion-btn-bg);
@ -4689,7 +4693,7 @@ textarea.form-control-lg {
.pagination { .pagination {
--bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem; --bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 0.875rem; --bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color); --bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg); --bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-width: var(--bs-border-width);
@ -4769,14 +4773,14 @@ textarea.form-control-lg {
.pagination-lg { .pagination-lg {
--bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem; --bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.09375rem; --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg); --bs-pagination-border-radius: var(--bs-border-radius-lg);
} }
.pagination-sm { .pagination-sm {
--bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem; --bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.765625rem; --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm); --bs-pagination-border-radius: var(--bs-border-radius-sm);
} }
@ -4911,7 +4915,7 @@ textarea.form-control-lg {
.progress, .progress,
.progress-stacked { .progress-stacked {
--bs-progress-height: 1rem; --bs-progress-height: 1rem;
--bs-progress-font-size: 0.65625rem; --bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg); --bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius); --bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-box-shadow: var(--bs-box-shadow-inset);
@ -5717,7 +5721,7 @@ textarea.form-control-lg {
--bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem; --bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ; --bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.765625rem; --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-border-radius: var(--bs-border-radius);
@ -5816,7 +5820,7 @@ textarea.form-control-lg {
.popover { .popover {
--bs-popover-zindex: 1070; --bs-popover-zindex: 1070;
--bs-popover-max-width: 276px; --bs-popover-max-width: 276px;
--bs-popover-font-size: 0.765625rem; --bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg); --bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width); --bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-color: var(--bs-border-color-translucent);
@ -5825,7 +5829,7 @@ textarea.form-control-lg {
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem; --bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 0.875rem; --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit; --bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-x: 1rem;
@ -8296,27 +8300,27 @@ textarea.form-control-lg {
} }
.fs-1 { .fs-1 {
font-size: calc(1.34375rem + 1.125vw) !important; font-size: calc(1.375rem + 1.5vw) !important;
} }
.fs-2 { .fs-2 {
font-size: calc(1.3rem + 0.6vw) !important; font-size: calc(1.325rem + 0.9vw) !important;
} }
.fs-3 { .fs-3 {
font-size: calc(1.278125rem + 0.3375vw) !important; font-size: calc(1.3rem + 0.6vw) !important;
} }
.fs-4 { .fs-4 {
font-size: calc(1.25625rem + 0.075vw) !important; font-size: calc(1.275rem + 0.3vw) !important;
} }
.fs-5 { .fs-5 {
font-size: 1.09375rem !important; font-size: 1.25rem !important;
} }
.fs-6 { .fs-6 {
font-size: 0.875rem !important; font-size: 1rem !important;
} }
.fst-italic { .fst-italic {
@ -11859,16 +11863,16 @@ textarea.form-control-lg {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.fs-1 { .fs-1 {
font-size: 2.1875rem !important; font-size: 2.5rem !important;
} }
.fs-2 { .fs-2 {
font-size: 1.75rem !important; font-size: 2rem !important;
} }
.fs-3 { .fs-3 {
font-size: 1.53125rem !important; font-size: 1.75rem !important;
} }
.fs-4 { .fs-4 {
font-size: 1.3125rem !important; font-size: 1.5rem !important;
} }
} }
@media print { @media print {

110
src/assets/css/themes/vaporwave-light.css
View file

@ -74,8 +74,9 @@
--bs-font-sans-serif: "Lucida Console", Monaco, monospace; --bs-font-sans-serif: "Lucida Console", Monaco, monospace;
--bs-font-monospace: Arial, "Noto Sans", sans-serif; --bs-font-monospace: Arial, "Noto Sans", sans-serif;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 0.875rem; --bs-body-font-size: 1rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 400;
--bs-body-line-height: 1.5; --bs-body-line-height: 1.5;
--bs-body-color: #495057; --bs-body-color: #495057;
@ -184,6 +185,9 @@
box-sizing: border-box; box-sizing: border-box;
} }
:root {
font-size: var(--bs-root-font-size);
}
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
:root { :root {
scroll-behavior: smooth; scroll-behavior: smooth;
@ -220,47 +224,47 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
} }
h1, .h1 { h1, .h1 {
font-size: calc(1.34375rem + 1.125vw); font-size: calc(1.375rem + 1.5vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h1, .h1 { h1, .h1 {
font-size: 2.1875rem; font-size: 2.5rem;
} }
} }
h2, .h2 { h2, .h2 {
font-size: calc(1.3rem + 0.6vw); font-size: calc(1.325rem + 0.9vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h2, .h2 { h2, .h2 {
font-size: 1.75rem; font-size: 2rem;
} }
} }
h3, .h3 { h3, .h3 {
font-size: calc(1.278125rem + 0.3375vw); font-size: calc(1.3rem + 0.6vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h3, .h3 { h3, .h3 {
font-size: 1.53125rem; font-size: 1.75rem;
} }
} }
h4, .h4 { h4, .h4 {
font-size: calc(1.25625rem + 0.075vw); font-size: calc(1.275rem + 0.3vw);
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
h4, .h4 { h4, .h4 {
font-size: 1.3125rem; font-size: 1.5rem;
} }
} }
h5, .h5 { h5, .h5 {
font-size: 1.09375rem; font-size: 1.25rem;
} }
h6, .h6 { h6, .h6 {
font-size: 0.875rem; font-size: 1rem;
} }
p { p {
@ -585,7 +589,7 @@ progress {
} }
.lead { .lead {
font-size: 1.09375rem; font-size: 1.25rem;
font-weight: 300; font-weight: 300;
} }
@ -679,7 +683,7 @@ progress {
.blockquote { .blockquote {
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
} }
.blockquote > :last-child { .blockquote > :last-child {
margin-bottom: 0; margin-bottom: 0;
@ -2087,13 +2091,13 @@ progress {
.col-form-label-lg { .col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width)); padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width));
font-size: 1.09375rem; font-size: 1.25rem;
} }
.col-form-label-sm { .col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width)); padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width));
font-size: 0.765625rem; font-size: 0.875rem;
} }
.form-text { .form-text {
@ -2106,7 +2110,7 @@ progress {
display: block; display: block;
width: 100%; width: 100%;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-size: 0.875rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: var(--bs-body-color); color: var(--bs-body-color);
@ -2199,7 +2203,7 @@ progress {
.form-control-sm { .form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.765625rem; font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm); border-radius: var(--bs-border-radius-sm);
} }
.form-control-sm::file-selector-button { .form-control-sm::file-selector-button {
@ -2211,7 +2215,7 @@ progress {
.form-control-lg { .form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg); border-radius: var(--bs-border-radius-lg);
} }
.form-control-lg::file-selector-button { .form-control-lg::file-selector-button {
@ -2258,7 +2262,7 @@ textarea.form-control-lg {
display: block; display: block;
width: 100%; width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem; padding: 0.375rem 2.25rem 0.375rem 0.75rem;
font-size: 0.875rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: var(--bs-body-color); color: var(--bs-body-color);
@ -2299,7 +2303,7 @@ textarea.form-control-lg {
padding-top: 0.25rem; padding-top: 0.25rem;
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
padding-left: 0.5rem; padding-left: 0.5rem;
font-size: 0.765625rem; font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm); border-radius: var(--bs-border-radius-sm);
} }
@ -2307,7 +2311,7 @@ textarea.form-control-lg {
padding-top: 0.5rem; padding-top: 0.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg); border-radius: var(--bs-border-radius-lg);
} }
@ -2317,7 +2321,7 @@ textarea.form-control-lg {
.form-check { .form-check {
display: block; display: block;
min-height: 1.3125rem; min-height: 1.5rem;
padding-left: 1.5em; padding-left: 1.5em;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
} }
@ -2653,7 +2657,7 @@ textarea.form-control-lg {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-size: 0.875rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: var(--bs-body-color); color: var(--bs-body-color);
@ -2669,7 +2673,7 @@ textarea.form-control-lg {
.input-group-lg > .input-group-text, .input-group-lg > .input-group-text,
.input-group-lg > .btn { .input-group-lg > .btn {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1.09375rem; font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg); border-radius: var(--bs-border-radius-lg);
} }
@ -2678,7 +2682,7 @@ textarea.form-control-lg {
.input-group-sm > .input-group-text, .input-group-sm > .input-group-text,
.input-group-sm > .btn { .input-group-sm > .btn {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.765625rem; font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm); border-radius: var(--bs-border-radius-sm);
} }
@ -2728,7 +2732,7 @@ textarea.form-control-lg {
max-width: 100%; max-width: 100%;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-top: 0.1rem; margin-top: 0.1rem;
font-size: 0.765625rem; font-size: 0.875rem;
color: #fff; color: #fff;
background-color: var(--bs-success); background-color: var(--bs-success);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
@ -2818,7 +2822,7 @@ textarea.form-control-lg {
max-width: 100%; max-width: 100%;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-top: 0.1rem; margin-top: 0.1rem;
font-size: 0.765625rem; font-size: 0.875rem;
color: #fff; color: #fff;
background-color: var(--bs-danger); background-color: var(--bs-danger);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
@ -2896,7 +2900,7 @@ textarea.form-control-lg {
--bs-btn-padding-x: 0.75rem; --bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem; --bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ; --bs-btn-font-family: ;
--bs-btn-font-size: 0.875rem; --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400; --bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5; --bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color); --bs-btn-color: var(--bs-body-color);
@ -3272,14 +3276,14 @@ textarea.form-control-lg {
.btn-lg, .btn-group-lg > .btn { .btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem; --bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem; --bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.09375rem; --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg); --bs-btn-border-radius: var(--bs-border-radius-lg);
} }
.btn-sm, .btn-group-sm > .btn { .btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem; --bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem; --bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.765625rem; --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm); --bs-btn-border-radius: var(--bs-border-radius-sm);
} }
@ -3352,7 +3356,7 @@ textarea.form-control-lg {
--bs-dropdown-padding-x: 0; --bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem; --bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem; --bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 0.875rem; --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color); --bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-color: var(--bs-border-color-translucent);
@ -3614,7 +3618,7 @@ textarea.form-control-lg {
display: block; display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0; margin-bottom: 0;
font-size: 0.765625rem; font-size: 0.875rem;
color: var(--bs-dropdown-header-color); color: var(--bs-dropdown-header-color);
white-space: nowrap; white-space: nowrap;
} }
@ -3899,15 +3903,15 @@ textarea.form-control-lg {
--bs-navbar-hover-color: rgba(255, 64, 186, 0.7); --bs-navbar-hover-color: rgba(255, 64, 186, 0.7);
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2873, 80, 87, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2873, 80, 87, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-border-radius: var(--bs-border-radius);
@ -4544,7 +4548,7 @@ textarea.form-control-lg {
align-items: center; align-items: center;
width: 100%; width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 0.875rem; font-size: 1rem;
color: var(--bs-accordion-btn-color); color: var(--bs-accordion-btn-color);
text-align: left; text-align: left;
background-color: var(--bs-accordion-btn-bg); background-color: var(--bs-accordion-btn-bg);
@ -4688,7 +4692,7 @@ textarea.form-control-lg {
.pagination { .pagination {
--bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem; --bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 0.875rem; --bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color); --bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg); --bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-width: var(--bs-border-width);
@ -4768,14 +4772,14 @@ textarea.form-control-lg {
.pagination-lg { .pagination-lg {
--bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem; --bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.09375rem; --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg); --bs-pagination-border-radius: var(--bs-border-radius-lg);
} }
.pagination-sm { .pagination-sm {
--bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem; --bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.765625rem; --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm); --bs-pagination-border-radius: var(--bs-border-radius-sm);
} }
@ -4910,7 +4914,7 @@ textarea.form-control-lg {
.progress, .progress,
.progress-stacked { .progress-stacked {
--bs-progress-height: 1rem; --bs-progress-height: 1rem;
--bs-progress-font-size: 0.65625rem; --bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg); --bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius); --bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-box-shadow: var(--bs-box-shadow-inset);
@ -5716,7 +5720,7 @@ textarea.form-control-lg {
--bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem; --bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ; --bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.765625rem; --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-border-radius: var(--bs-border-radius);
@ -5815,7 +5819,7 @@ textarea.form-control-lg {
.popover { .popover {
--bs-popover-zindex: 1070; --bs-popover-zindex: 1070;
--bs-popover-max-width: 276px; --bs-popover-max-width: 276px;
--bs-popover-font-size: 0.765625rem; --bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg); --bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width); --bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-color: var(--bs-border-color-translucent);
@ -5824,7 +5828,7 @@ textarea.form-control-lg {
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem; --bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 0.875rem; --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit; --bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-x: 1rem;
@ -8295,27 +8299,27 @@ textarea.form-control-lg {
} }
.fs-1 { .fs-1 {
font-size: calc(1.34375rem + 1.125vw) !important; font-size: calc(1.375rem + 1.5vw) !important;
} }
.fs-2 { .fs-2 {
font-size: calc(1.3rem + 0.6vw) !important; font-size: calc(1.325rem + 0.9vw) !important;
} }
.fs-3 { .fs-3 {
font-size: calc(1.278125rem + 0.3375vw) !important; font-size: calc(1.3rem + 0.6vw) !important;
} }
.fs-4 { .fs-4 {
font-size: calc(1.25625rem + 0.075vw) !important; font-size: calc(1.275rem + 0.3vw) !important;
} }
.fs-5 { .fs-5 {
font-size: 1.09375rem !important; font-size: 1.25rem !important;
} }
.fs-6 { .fs-6 {
font-size: 0.875rem !important; font-size: 1rem !important;
} }
.fst-italic { .fst-italic {
@ -11858,16 +11862,16 @@ textarea.form-control-lg {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.fs-1 { .fs-1 {
font-size: 2.1875rem !important; font-size: 2.5rem !important;
} }
.fs-2 { .fs-2 {
font-size: 1.75rem !important; font-size: 2rem !important;
} }
.fs-3 { .fs-3 {
font-size: 1.53125rem !important; font-size: 1.75rem !important;
} }
.fs-4 { .fs-4 {
font-size: 1.3125rem !important; font-size: 1.5rem !important;
} }
} }
@media print { @media print {