diff --git a/assets/css/bootstrap-style.css b/assets/css/bootstrap-style.css index 6e76c81..c109ec8 100644 --- a/assets/css/bootstrap-style.css +++ b/assets/css/bootstrap-style.css @@ -77,28 +77,28 @@ --bs-neutral-800-rgb: 38, 38, 38; --bs-neutral-900-rgb: 23, 23, 23; --bs-neutral-950-rgb: 10, 10, 10; - --bs-primary-text-emphasis: rgb(5.2, 44, 101.2); - --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50); - --bs-success-text-emphasis: rgb(10, 54, 33.6); - --bs-info-text-emphasis: rgb(5.2, 80.8, 96); - --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); - --bs-danger-text-emphasis: rgb(88, 21.2, 27.6); + --bs-primary-text-emphasis: #052c65; + --bs-secondary-text-emphasis: #2b2f32; + --bs-success-text-emphasis: #0a3622; + --bs-info-text-emphasis: #055160; + --bs-warning-text-emphasis: #664d03; + --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: rgb(206.6, 226, 254.6); - --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229); - --bs-success-bg-subtle: rgb(209, 231, 220.8); - --bs-info-bg-subtle: rgb(206.6, 244.4, 252); - --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); - --bs-danger-bg-subtle: rgb(248, 214.6, 217.8); - --bs-light-bg-subtle: rgb(251.5, 252, 252.5); + --bs-primary-bg-subtle: #cfe2ff; + --bs-secondary-bg-subtle: #e2e3e5; + --bs-success-bg-subtle: #d1e7dd; + --bs-info-bg-subtle: #cff4fc; + --bs-warning-bg-subtle: #fff3cd; + --bs-danger-bg-subtle: #f8d7da; + --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: rgb(158.2, 197, 254.2); - --bs-secondary-border-subtle: rgb(196.2, 199.8, 203); - --bs-success-border-subtle: rgb(163, 207, 186.6); - --bs-info-border-subtle: rgb(158.2, 233.8, 249); - --bs-warning-border-subtle: rgb(255, 230.2, 155.8); - --bs-danger-border-subtle: rgb(241, 174.2, 180.6); + --bs-primary-border-subtle: #9ec5fe; + --bs-secondary-border-subtle: #c4c8cb; + --bs-success-border-subtle: #a3cfbb; + --bs-info-border-subtle: #9eeaf9; + --bs-warning-border-subtle: #ffe69c; + --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; @@ -128,11 +128,11 @@ --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; - --bs-link-hover-color: rgb(10.4, 88, 202.4); + --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; - --bs-highlight-bg: rgb(255, 242.6, 205.4); + --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; @@ -171,46 +171,46 @@ --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; - --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); + --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; - --bs-primary-text-emphasis: rgb(109.8, 168, 253.8); - --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177); - --bs-success-text-emphasis: rgb(117, 183, 152.4); - --bs-info-text-emphasis: rgb(109.8, 223.2, 246); - --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); - --bs-danger-text-emphasis: rgb(234, 133.8, 143.4); + --bs-primary-text-emphasis: #6ea8fe; + --bs-secondary-text-emphasis: #a7acb1; + --bs-success-text-emphasis: #75b798; + --bs-info-text-emphasis: #6edff6; + --bs-warning-text-emphasis: #ffda6a; + --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: rgb(2.6, 22, 50.6); - --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25); - --bs-success-bg-subtle: rgb(5, 27, 16.8); - --bs-info-bg-subtle: rgb(2.6, 40.4, 48); - --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); - --bs-danger-bg-subtle: rgb(44, 10.6, 13.8); + --bs-primary-bg-subtle: #031633; + --bs-secondary-bg-subtle: #161719; + --bs-success-bg-subtle: #051b11; + --bs-info-bg-subtle: #032830; + --bs-warning-bg-subtle: #332701; + --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; - --bs-primary-border-subtle: rgb(7.8, 66, 151.8); - --bs-secondary-border-subtle: rgb(64.8, 70.2, 75); - --bs-success-border-subtle: rgb(15, 81, 50.4); - --bs-info-border-subtle: rgb(7.8, 121.2, 144); - --bs-warning-border-subtle: rgb(153, 115.8, 4.2); - --bs-danger-border-subtle: rgb(132, 31.8, 41.4); + --bs-primary-border-subtle: #084298; + --bs-secondary-border-subtle: #41464b; + --bs-success-border-subtle: #0f5132; + --bs-info-border-subtle: #087990; + --bs-warning-border-subtle: #997404; + --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; - --bs-link-color: rgb(109.8, 168, 253.8); - --bs-link-hover-color: rgb(138.84, 185.4, 254.04); + --bs-link-color: #6ea8fe; + --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; - --bs-code-color: rgb(230.4, 132.6, 181.2); + --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; - --bs-highlight-bg: rgb(102, 77.2, 2.8); + --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: rgb(117, 183, 152.4); - --bs-form-valid-border-color: rgb(117, 183, 152.4); - --bs-form-invalid-color: rgb(234, 133.8, 143.4); - --bs-form-invalid-border-color: rgb(234, 133.8, 143.4); + --bs-form-valid-color: #75b798; + --bs-form-valid-border-color: #75b798; + --bs-form-invalid-color: #ea868f; + --bs-form-invalid-border-color: #ea868f; } *, @@ -1987,13 +1987,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: rgb(206.6, 226, 254.6); - --bs-table-border-color: rgb(165.28, 180.8, 203.68); - --bs-table-striped-bg: rgb(196.27, 214.7, 241.87); + --bs-table-bg: #cfe2ff; + --bs-table-border-color: #a6b5cc; + --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; - --bs-table-active-bg: rgb(185.94, 203.4, 229.14); + --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; - --bs-table-hover-bg: rgb(191.105, 209.05, 235.505); + --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2001,13 +2001,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: rgb(225.6, 227.4, 229); - --bs-table-border-color: rgb(180.48, 181.92, 183.2); - --bs-table-striped-bg: rgb(214.32, 216.03, 217.55); + --bs-table-bg: #e2e3e5; + --bs-table-border-color: #b5b6b7; + --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; - --bs-table-active-bg: rgb(203.04, 204.66, 206.1); + --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; - --bs-table-hover-bg: rgb(208.68, 210.345, 211.825); + --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2015,13 +2015,13 @@ progress { .table-success { --bs-table-color: #000; - --bs-table-bg: rgb(209, 231, 220.8); - --bs-table-border-color: rgb(167.2, 184.8, 176.64); - --bs-table-striped-bg: rgb(198.55, 219.45, 209.76); + --bs-table-bg: #d1e7dd; + --bs-table-border-color: #a7b9b1; + --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; - --bs-table-active-bg: rgb(188.1, 207.9, 198.72); + --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; - --bs-table-hover-bg: rgb(193.325, 213.675, 204.24); + --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2029,13 +2029,13 @@ progress { .table-info { --bs-table-color: #000; - --bs-table-bg: rgb(206.6, 244.4, 252); - --bs-table-border-color: rgb(165.28, 195.52, 201.6); - --bs-table-striped-bg: rgb(196.27, 232.18, 239.4); + --bs-table-bg: #cff4fc; + --bs-table-border-color: #a6c3ca; + --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; - --bs-table-active-bg: rgb(185.94, 219.96, 226.8); + --bs-table-active-bg: #badce3; --bs-table-active-color: #000; - --bs-table-hover-bg: rgb(191.105, 226.07, 233.1); + --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2043,13 +2043,13 @@ progress { .table-warning { --bs-table-color: #000; - --bs-table-bg: rgb(255, 242.6, 205.4); - --bs-table-border-color: rgb(204, 194.08, 164.32); - --bs-table-striped-bg: rgb(242.25, 230.47, 195.13); + --bs-table-bg: #fff3cd; + --bs-table-border-color: #ccc2a4; + --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; - --bs-table-active-bg: rgb(229.5, 218.34, 184.86); + --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; - --bs-table-hover-bg: rgb(235.875, 224.405, 189.995); + --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2057,13 +2057,13 @@ progress { .table-danger { --bs-table-color: #000; - --bs-table-bg: rgb(248, 214.6, 217.8); - --bs-table-border-color: rgb(198.4, 171.68, 174.24); - --bs-table-striped-bg: rgb(235.6, 203.87, 206.91); + --bs-table-bg: #f8d7da; + --bs-table-border-color: #c6acae; + --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; - --bs-table-active-bg: rgb(223.2, 193.14, 196.02); + --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; - --bs-table-hover-bg: rgb(229.4, 198.505, 201.465); + --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2072,12 +2072,12 @@ progress { .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; - --bs-table-border-color: rgb(198.4, 199.2, 200); - --bs-table-striped-bg: rgb(235.6, 236.55, 237.5); + --bs-table-border-color: #c6c7c8; + --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; - --bs-table-active-bg: rgb(223.2, 224.1, 225); + --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; - --bs-table-hover-bg: rgb(229.4, 230.325, 231.25); + --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2086,12 +2086,12 @@ progress { .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; - --bs-table-border-color: rgb(77.4, 80.6, 83.8); - --bs-table-striped-bg: rgb(44.1, 47.9, 51.7); + --bs-table-border-color: #4d5154; + --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; - --bs-table-active-bg: rgb(55.2, 58.8, 62.4); + --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; - --bs-table-hover-bg: rgb(49.65, 53.35, 57.05); + --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2191,7 +2191,7 @@ progress { .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); - border-color: rgb(134, 182.5, 254); + border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } @@ -2336,7 +2336,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: rgb(134, 182.5, 254); + border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } @@ -2420,7 +2420,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: rgb(134, 182.5, 254); + border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } @@ -2467,7 +2467,7 @@ textarea.form-control-lg { } } .form-switch .form-check-input:focus { - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e"); + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2537,7 +2537,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: rgb(182.4, 211.5, 254.4); + background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2563,7 +2563,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: rgb(182.4, 211.5, 254.4); + background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; @@ -3035,12 +3035,12 @@ textarea.form-control-lg { --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05); - --bs-btn-hover-border-color: rgb(10.4, 88, 202.4); + --bs-btn-hover-bg: #0b5ed7; + --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(10.4, 88, 202.4); - --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75); + --bs-btn-active-bg: #0a58ca; + --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; @@ -3052,12 +3052,12 @@ textarea.form-control-lg { --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25); - --bs-btn-hover-border-color: rgb(86.4, 93.6, 100); + --bs-btn-hover-bg: #5c636a; + --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(86.4, 93.6, 100); - --bs-btn-active-border-color: rgb(81, 87.75, 93.75); + --bs-btn-active-bg: #565e64; + --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; @@ -3069,12 +3069,12 @@ textarea.form-control-lg { --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4); - --bs-btn-hover-border-color: rgb(20, 108, 67.2); + --bs-btn-hover-bg: #157347; + --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(20, 108, 67.2); - --bs-btn-active-border-color: rgb(18.75, 101.25, 63); + --bs-btn-active-bg: #146c43; + --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; @@ -3086,12 +3086,12 @@ textarea.form-control-lg { --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25); - --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5); + --bs-btn-hover-bg: #31d2f2; + --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(61.4, 212.6, 243); - --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5); + --bs-btn-active-bg: #3dd5f3; + --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; @@ -3103,12 +3103,12 @@ textarea.form-control-lg { --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(255, 202.3, 44.2); - --bs-btn-hover-border-color: rgb(255, 199.2, 31.8); + --bs-btn-hover-bg: #ffca2c; + --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(255, 205.4, 56.6); - --bs-btn-active-border-color: rgb(255, 199.2, 31.8); + --bs-btn-active-bg: #ffcd39; + --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; @@ -3120,12 +3120,12 @@ textarea.form-control-lg { --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(187, 45.05, 58.65); - --bs-btn-hover-border-color: rgb(176, 42.4, 55.2); + --bs-btn-hover-bg: #bb2d3b; + --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(176, 42.4, 55.2); - --bs-btn-active-border-color: rgb(165, 39.75, 51.75); + --bs-btn-active-bg: #b02a37; + --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; @@ -3137,12 +3137,12 @@ textarea.form-control-lg { --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5); - --bs-btn-hover-border-color: rgb(198.4, 199.2, 200); + --bs-btn-hover-bg: #d3d4d5; + --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(198.4, 199.2, 200); - --bs-btn-active-border-color: rgb(186, 186.75, 187.5); + --bs-btn-active-bg: #c6c7c8; + --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; @@ -3154,12 +3154,12 @@ textarea.form-control-lg { --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1); - --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4); + --bs-btn-hover-bg: #424649; + --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(77.4, 80.6, 83.8); - --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4); + --bs-btn-active-bg: #4d5154; + --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; @@ -3171,12 +3171,12 @@ textarea.form-control-lg { --bs-btn-bg: #7aa2f7; --bs-btn-border-color: #7aa2f7; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(141.95, 175.95, 248.2); - --bs-btn-hover-border-color: rgb(135.3, 171.3, 247.8); + --bs-btn-hover-bg: #8eb0f8; + --bs-btn-hover-border-color: #87abf8; --bs-btn-focus-shadow-rgb: 104, 138, 210; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(148.6, 180.6, 248.6); - --bs-btn-active-border-color: rgb(135.3, 171.3, 247.8); + --bs-btn-active-bg: #95b5f9; + --bs-btn-active-border-color: #87abf8; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #7aa2f7; @@ -3188,12 +3188,12 @@ textarea.form-control-lg { --bs-btn-bg: #262626; --bs-btn-border-color: #262626; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(32.3, 32.3, 32.3); - --bs-btn-hover-border-color: rgb(30.4, 30.4, 30.4); + --bs-btn-hover-bg: #202020; + --bs-btn-hover-border-color: #1e1e1e; --bs-btn-focus-shadow-rgb: 71, 71, 71; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(30.4, 30.4, 30.4); - --bs-btn-active-border-color: rgb(28.5, 28.5, 28.5); + --bs-btn-active-bg: #1e1e1e; + --bs-btn-active-border-color: #1d1d1d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #262626; @@ -3205,12 +3205,12 @@ textarea.form-control-lg { --bs-btn-bg: #525252; --bs-btn-border-color: #525252; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(69.7, 69.7, 69.7); - --bs-btn-hover-border-color: rgb(65.6, 65.6, 65.6); + --bs-btn-hover-bg: #464646; + --bs-btn-hover-border-color: #424242; --bs-btn-focus-shadow-rgb: 108, 108, 108; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(65.6, 65.6, 65.6); - --bs-btn-active-border-color: rgb(61.5, 61.5, 61.5); + --bs-btn-active-bg: #424242; + --bs-btn-active-border-color: #3e3e3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #525252; @@ -3222,12 +3222,12 @@ textarea.form-control-lg { --bs-btn-bg: #f5f5dc; --bs-btn-border-color: #f5f5dc; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(246.5, 246.5, 225.25); - --bs-btn-hover-border-color: rgb(246, 246, 223.5); + --bs-btn-hover-bg: #f7f7e1; + --bs-btn-hover-border-color: #f6f6e0; --bs-btn-focus-shadow-rgb: 208, 208, 187; --bs-btn-active-color: #000; --bs-btn-active-bg: #f7f7e3; - --bs-btn-active-border-color: rgb(246, 246, 223.5); + --bs-btn-active-border-color: #f6f6e0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f5f5dc; @@ -3239,12 +3239,12 @@ textarea.form-control-lg { --bs-btn-bg: #fff8eb; --bs-btn-border-color: #fff8eb; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(255, 249.05, 238); - --bs-btn-hover-border-color: rgb(255, 248.7, 237); + --bs-btn-hover-bg: #fff9ee; + --bs-btn-hover-border-color: #fff9ed; --bs-btn-focus-shadow-rgb: 217, 211, 200; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(255, 249.4, 239); - --bs-btn-active-border-color: rgb(255, 248.7, 237); + --bs-btn-active-bg: #fff9ef; + --bs-btn-active-border-color: #fff9ed; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #fff8eb; @@ -3256,12 +3256,12 @@ textarea.form-control-lg { --bs-btn-bg: #fafafa; --bs-btn-border-color: #fafafa; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(250.75, 250.75, 250.75); - --bs-btn-hover-border-color: rgb(250.5, 250.5, 250.5); + --bs-btn-hover-bg: #fbfbfb; + --bs-btn-hover-border-color: #fbfbfb; --bs-btn-focus-shadow-rgb: 213, 213, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #fbfbfb; - --bs-btn-active-border-color: rgb(250.5, 250.5, 250.5); + --bs-btn-active-border-color: #fbfbfb; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #fafafa; @@ -3273,7 +3273,7 @@ textarea.form-control-lg { --bs-btn-bg: #f5f5f5; --bs-btn-border-color: #f5f5f5; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(246.5, 246.5, 246.5); + --bs-btn-hover-bg: #f7f7f7; --bs-btn-hover-border-color: #f6f6f6; --bs-btn-focus-shadow-rgb: 208, 208, 208; --bs-btn-active-color: #000; @@ -3290,12 +3290,12 @@ textarea.form-control-lg { --bs-btn-bg: #e5e5e5; --bs-btn-border-color: #e5e5e5; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(232.9, 232.9, 232.9); - --bs-btn-hover-border-color: rgb(231.6, 231.6, 231.6); + --bs-btn-hover-bg: #e9e9e9; + --bs-btn-hover-border-color: #e8e8e8; --bs-btn-focus-shadow-rgb: 195, 195, 195; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(234.2, 234.2, 234.2); - --bs-btn-active-border-color: rgb(231.6, 231.6, 231.6); + --bs-btn-active-bg: #eaeaea; + --bs-btn-active-border-color: #e8e8e8; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #e5e5e5; @@ -3307,12 +3307,12 @@ textarea.form-control-lg { --bs-btn-bg: #d4d4d4; --bs-btn-border-color: #d4d4d4; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(218.45, 218.45, 218.45); - --bs-btn-hover-border-color: rgb(216.3, 216.3, 216.3); + --bs-btn-hover-bg: #dadada; + --bs-btn-hover-border-color: #d8d8d8; --bs-btn-focus-shadow-rgb: 180, 180, 180; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(220.6, 220.6, 220.6); - --bs-btn-active-border-color: rgb(216.3, 216.3, 216.3); + --bs-btn-active-bg: #dddddd; + --bs-btn-active-border-color: #d8d8d8; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #d4d4d4; @@ -3324,12 +3324,12 @@ textarea.form-control-lg { --bs-btn-bg: #a3a3a3; --bs-btn-border-color: #a3a3a3; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: rgb(176.8, 176.8, 176.8); - --bs-btn-hover-border-color: rgb(172.2, 172.2, 172.2); + --bs-btn-hover-bg: #b1b1b1; + --bs-btn-hover-border-color: #acacac; --bs-btn-focus-shadow-rgb: 139, 139, 139; --bs-btn-active-color: #000; - --bs-btn-active-bg: rgb(181.4, 181.4, 181.4); - --bs-btn-active-border-color: rgb(172.2, 172.2, 172.2); + --bs-btn-active-bg: #b5b5b5; + --bs-btn-active-border-color: #acacac; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #a3a3a3; @@ -3341,12 +3341,12 @@ textarea.form-control-lg { --bs-btn-bg: #737373; --bs-btn-border-color: #737373; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(97.75, 97.75, 97.75); + --bs-btn-hover-bg: #626262; --bs-btn-hover-border-color: #5c5c5c; --bs-btn-focus-shadow-rgb: 136, 136, 136; --bs-btn-active-color: #fff; --bs-btn-active-bg: #5c5c5c; - --bs-btn-active-border-color: rgb(86.25, 86.25, 86.25); + --bs-btn-active-border-color: #565656; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #737373; @@ -3358,12 +3358,12 @@ textarea.form-control-lg { --bs-btn-bg: #525252; --bs-btn-border-color: #525252; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(69.7, 69.7, 69.7); - --bs-btn-hover-border-color: rgb(65.6, 65.6, 65.6); + --bs-btn-hover-bg: #464646; + --bs-btn-hover-border-color: #424242; --bs-btn-focus-shadow-rgb: 108, 108, 108; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(65.6, 65.6, 65.6); - --bs-btn-active-border-color: rgb(61.5, 61.5, 61.5); + --bs-btn-active-bg: #424242; + --bs-btn-active-border-color: #3e3e3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #525252; @@ -3375,11 +3375,11 @@ textarea.form-control-lg { --bs-btn-bg: #404040; --bs-btn-border-color: #404040; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(54.4, 54.4, 54.4); - --bs-btn-hover-border-color: rgb(51.2, 51.2, 51.2); + --bs-btn-hover-bg: #363636; + --bs-btn-hover-border-color: #333333; --bs-btn-focus-shadow-rgb: 93, 93, 93; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(51.2, 51.2, 51.2); + --bs-btn-active-bg: #333333; --bs-btn-active-border-color: #303030; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; @@ -3392,12 +3392,12 @@ textarea.form-control-lg { --bs-btn-bg: #262626; --bs-btn-border-color: #262626; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(32.3, 32.3, 32.3); - --bs-btn-hover-border-color: rgb(30.4, 30.4, 30.4); + --bs-btn-hover-bg: #202020; + --bs-btn-hover-border-color: #1e1e1e; --bs-btn-focus-shadow-rgb: 71, 71, 71; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(30.4, 30.4, 30.4); - --bs-btn-active-border-color: rgb(28.5, 28.5, 28.5); + --bs-btn-active-bg: #1e1e1e; + --bs-btn-active-border-color: #1d1d1d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #262626; @@ -3409,12 +3409,12 @@ textarea.form-control-lg { --bs-btn-bg: #171717; --bs-btn-border-color: #171717; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(19.55, 19.55, 19.55); - --bs-btn-hover-border-color: rgb(18.4, 18.4, 18.4); + --bs-btn-hover-bg: #141414; + --bs-btn-hover-border-color: #121212; --bs-btn-focus-shadow-rgb: 58, 58, 58; --bs-btn-active-color: #fff; - --bs-btn-active-bg: rgb(18.4, 18.4, 18.4); - --bs-btn-active-border-color: rgb(17.25, 17.25, 17.25); + --bs-btn-active-bg: #121212; + --bs-btn-active-border-color: #111111; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #171717; @@ -3426,12 +3426,12 @@ textarea.form-control-lg { --bs-btn-bg: #0a0a0a; --bs-btn-border-color: #0a0a0a; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: rgb(8.5, 8.5, 8.5); + --bs-btn-hover-bg: #090909; --bs-btn-hover-border-color: #080808; --bs-btn-focus-shadow-rgb: 47, 47, 47; --bs-btn-active-color: #fff; --bs-btn-active-bg: #080808; - --bs-btn-active-border-color: rgb(7.5, 7.5, 7.5); + --bs-btn-active-border-color: #080808; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0a0a0a; @@ -5207,7 +5207,7 @@ textarea.form-control-lg { --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -5324,8 +5324,8 @@ textarea.form-control-lg { } [data-bs-theme=dark] .accordion-button::after { - --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); } .breadcrumb { @@ -14914,16 +14914,16 @@ textarea.form-control-lg { } .custom-btn-secondary:hover, .custom-btn-secondary-flex:hover, .custom-btn-secondary:focus, .custom-btn-secondary-flex:focus, .custom-btn-secondary:active, .custom-btn-secondary-flex:active { - background-color: rgb(75.625, 75.625, 75.625) !important; + background-color: #4c4c4c !important; color: white; } .custom-btn-neutral-700:hover, .custom-btn-neutral-700-flex:hover, .custom-btn-neutral-700:focus, .custom-btn-neutral-700-flex:focus { - background-color: rgb(57.625, 57.625, 57.625) !important; + background-color: #3a3a3a !important; color: white; } .custom-btn-neutral-700:active, .custom-btn-neutral-700-flex:active { - background-color: rgb(70.375, 70.375, 70.375) !important; + background-color: #464646 !important; color: white; } @@ -14991,7 +14991,7 @@ a:not(:has(img)):not([class*=btn]):not(.nav-link):hover { } } -img { +img:not(.emoji) { background-color: #404040; /* TODO: properly disable animation once image is loaded to avoid performance issues */ /* animation: placeholder-glow-custom 2s ease-in-out infinite; */ @@ -15002,7 +15002,7 @@ img { background-color: #404040; } 50% { - background-color: rgb(70.375, 70.375, 70.375); + background-color: #464646; } 100% { background-color: #404040; diff --git a/assets/css/bootstrap-style.scss b/assets/css/bootstrap-style.scss index 9bc2863..5c1ca09 100644 --- a/assets/css/bootstrap-style.scss +++ b/assets/css/bootstrap-style.scss @@ -331,7 +331,7 @@ a:not(:has(img)):not([class*="btn"]):not(.nav-link) { } // rules for image placeholder -img { +img:not(.emoji) { background-color: map-get($custom-colors, neutral-700); /* TODO: properly disable animation once image is loaded to avoid performance issues */ /* animation: placeholder-glow-custom 2s ease-in-out infinite; */