diff --git a/lemmy-translations b/lemmy-translations index 7ba4cac33..2bde7acef 160000 --- a/lemmy-translations +++ b/lemmy-translations @@ -1 +1 @@ -Subproject commit 7ba4cac33e47b712227c2b8a133c489abed7c727 +Subproject commit 2bde7acef9807d28cb13b6584fc63d7b8a457005 diff --git a/renovate.json b/renovate.json index b3eaa8e97..a2091cddd 100644 --- a/renovate.json +++ b/renovate.json @@ -2,5 +2,6 @@ "$schema": "https://docs.renovatebot.com/renovate-schema.json", "extends": ["config:recommended"], "schedule": ["every weekend"], - "automerge": true + "automerge": true, + "ignoreDeps": ["lemmy-js-client"] } diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 346661013..329e734a5 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -462,6 +462,14 @@ br.big { width: fit-content; } +.oauth-item details[open] .oauth-item-caret { + transform: rotate(90deg); +} + +.default-oauth-providers-section > ul { + list-style: none; +} + em-emoji-picker { width: 100%; } diff --git a/src/assets/css/themes/darkly-compact.css b/src/assets/css/themes/darkly-compact.css index 929841144..07c37bdd9 100644 --- a/src/assets/css/themes/darkly-compact.css +++ b/src/assets/css/themes/darkly-compact.css @@ -85,28 +85,28 @@ hr.my-3 { --bs-danger-rgb: 231, 76, 60; --bs-light-rgb: 48, 48, 48; --bs-dark-rgb: 222, 226, 230; - --bs-primary-text-emphasis: #004b38; - --bs-secondary-text-emphasis: #45484c; - --bs-success-text-emphasis: #004b38; - --bs-info-text-emphasis: #153d58; - --bs-warning-text-emphasis: #613e07; - --bs-danger-text-emphasis: #5c1e18; + --bs-primary-text-emphasis: rgb(0, 75.2, 56); + --bs-secondary-text-emphasis: rgb(69.2, 72.4, 75.6); + --bs-success-text-emphasis: rgb(0, 75.2, 56); + --bs-info-text-emphasis: rgb(20.8, 60.8, 87.6); + --bs-warning-text-emphasis: rgb(97.2, 62.4, 7.2); + --bs-danger-text-emphasis: rgb(92.4, 30.4, 24); --bs-light-text-emphasis: #444; --bs-dark-text-emphasis: #444; - --bs-primary-bg-subtle: #ccf2e8; - --bs-secondary-bg-subtle: #eff0f2; - --bs-success-bg-subtle: #ccf2e8; - --bs-info-bg-subtle: #d6eaf8; - --bs-warning-bg-subtle: #fdebd0; - --bs-danger-bg-subtle: #fadbd8; - --bs-light-bg-subtle: #fcfcfd; + --bs-primary-bg-subtle: rgb(204, 241.6, 232); + --bs-secondary-bg-subtle: rgb(238.6, 240.2, 241.8); + --bs-success-bg-subtle: rgb(204, 241.6, 232); + --bs-info-bg-subtle: rgb(214.4, 234.4, 247.8); + --bs-warning-bg-subtle: rgb(252.6, 235.2, 207.6); + --bs-danger-bg-subtle: rgb(250.2, 219.2, 216); + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #99e4d1; - --bs-secondary-border-subtle: #dee1e5; - --bs-success-border-subtle: #99e4d1; - --bs-info-border-subtle: #aed6f1; - --bs-warning-border-subtle: #fad7a0; - --bs-danger-border-subtle: #f5b7b1; + --bs-primary-border-subtle: rgb(153, 228.2, 209); + --bs-secondary-border-subtle: rgb(222.2, 225.4, 228.6); + --bs-success-border-subtle: rgb(153, 228.2, 209); + --bs-info-border-subtle: rgb(173.8, 213.8, 240.6); + --bs-warning-border-subtle: rgb(250.2, 215.4, 160.2); + --bs-danger-border-subtle: rgb(245.4, 183.4, 177); --bs-light-border-subtle: #ebebeb; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; @@ -137,7 +137,7 @@ hr.my-3 { --bs-link-color: #00bc8c; --bs-link-color-rgb: 0, 188, 140; --bs-link-decoration: none; - --bs-link-hover-color: #009670; + --bs-link-hover-color: rgb(0, 150.4, 112); --bs-link-hover-color-rgb: 0, 150, 112; --bs-code-color: #d63384; --bs-highlight-color: #dee2e6; @@ -182,44 +182,44 @@ hr.my-3 { --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #292929; --bs-tertiary-bg-rgb: 41, 41, 41; - --bs-primary-text-emphasis: #66d7ba; - --bs-secondary-text-emphasis: #ced3d7; - --bs-success-text-emphasis: #66d7ba; - --bs-info-text-emphasis: #85c1e9; - --bs-warning-text-emphasis: #f8c471; - --bs-danger-text-emphasis: #f1948a; + --bs-primary-text-emphasis: rgb(102, 214.8, 186); + --bs-secondary-text-emphasis: rgb(205.8, 210.6, 215.4); + --bs-success-text-emphasis: rgb(102, 214.8, 186); + --bs-info-text-emphasis: rgb(133.2, 193.2, 233.4); + --bs-warning-text-emphasis: rgb(247.8, 195.6, 112.8); + --bs-danger-text-emphasis: rgb(240.6, 147.6, 138); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #00261c; - --bs-secondary-bg-subtle: #232426; - --bs-success-bg-subtle: #00261c; - --bs-info-bg-subtle: #0a1e2c; - --bs-warning-bg-subtle: #311f04; - --bs-danger-bg-subtle: #2e0f0c; + --bs-primary-bg-subtle: rgb(0, 37.6, 28); + --bs-secondary-bg-subtle: rgb(34.6, 36.2, 37.8); + --bs-success-bg-subtle: rgb(0, 37.6, 28); + --bs-info-bg-subtle: rgb(10.4, 30.4, 43.8); + --bs-warning-bg-subtle: rgb(48.6, 31.2, 3.6); + --bs-danger-bg-subtle: rgb(46.2, 15.2, 12); --bs-light-bg-subtle: #303030; --bs-dark-bg-subtle: #181818; - --bs-primary-border-subtle: #007154; - --bs-secondary-border-subtle: #686d71; - --bs-success-border-subtle: #007154; - --bs-info-border-subtle: #1f5b83; - --bs-warning-border-subtle: #925e0b; - --bs-danger-border-subtle: #8b2e24; + --bs-primary-border-subtle: rgb(0, 112.8, 84); + --bs-secondary-border-subtle: rgb(103.8, 108.6, 113.4); + --bs-success-border-subtle: rgb(0, 112.8, 84); + --bs-info-border-subtle: rgb(31.2, 91.2, 131.4); + --bs-warning-border-subtle: rgb(145.8, 93.6, 10.8); + --bs-danger-border-subtle: rgb(138.6, 45.6, 36); --bs-light-border-subtle: #444; --bs-dark-border-subtle: #303030; --bs-heading-color: inherit; - --bs-link-color: #66d7ba; - --bs-link-hover-color: #85dfc8; + --bs-link-color: rgb(102, 214.8, 186); + --bs-link-hover-color: rgb(132.6, 222.84, 199.8); --bs-link-color-rgb: 102, 215, 186; --bs-link-hover-color-rgb: 133, 223, 200; - --bs-code-color: #e685b5; + --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: #333; --bs-border-color: #444; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #66d7ba; - --bs-form-valid-border-color: #66d7ba; - --bs-form-invalid-color: #f1948a; - --bs-form-invalid-border-color: #f1948a; + --bs-form-valid-color: rgb(102, 214.8, 186); + --bs-form-valid-border-color: rgb(102, 214.8, 186); + --bs-form-invalid-color: rgb(240.6, 147.6, 138); + --bs-form-invalid-border-color: rgb(240.6, 147.6, 138); } *, @@ -1951,13 +1951,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: #ccf2e8; - --bs-table-border-color: #a3c2ba; - --bs-table-striped-bg: #c2e6dc; + --bs-table-bg: rgb(204, 241.6, 232); + --bs-table-border-color: rgb(163.2, 193.28, 185.6); + --bs-table-striped-bg: rgb(193.8, 229.52, 220.4); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dad1; + --bs-table-active-bg: rgb(183.6, 217.44, 208.8); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0d7; + --bs-table-hover-bg: rgb(188.7, 223.48, 214.6); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1965,13 +1965,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: #eff0f2; - --bs-table-border-color: #bfc0c2; - --bs-table-striped-bg: #e3e4e6; + --bs-table-bg: rgb(238.6, 240.2, 241.8); + --bs-table-border-color: rgb(190.88, 192.16, 193.44); + --bs-table-striped-bg: rgb(226.67, 228.19, 229.71); --bs-table-striped-color: #000; - --bs-table-active-bg: #d7d8da; + --bs-table-active-bg: rgb(214.74, 216.18, 217.62); --bs-table-active-color: #000; - --bs-table-hover-bg: #dddee0; + --bs-table-hover-bg: rgb(220.705, 222.185, 223.665); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1979,13 +1979,13 @@ progress { .table-success { --bs-table-color: #000; - --bs-table-bg: #ccf2e8; - --bs-table-border-color: #a3c2ba; - --bs-table-striped-bg: #c2e6dc; + --bs-table-bg: rgb(204, 241.6, 232); + --bs-table-border-color: rgb(163.2, 193.28, 185.6); + --bs-table-striped-bg: rgb(193.8, 229.52, 220.4); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dad1; + --bs-table-active-bg: rgb(183.6, 217.44, 208.8); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0d7; + --bs-table-hover-bg: rgb(188.7, 223.48, 214.6); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1993,13 +1993,13 @@ progress { .table-info { --bs-table-color: #000; - --bs-table-bg: #d6eaf8; - --bs-table-border-color: #abbbc6; - --bs-table-striped-bg: #cbdeec; + --bs-table-bg: rgb(214.4, 234.4, 247.8); + --bs-table-border-color: rgb(171.52, 187.52, 198.24); + --bs-table-striped-bg: rgb(203.68, 222.68, 235.41); --bs-table-striped-color: #000; - --bs-table-active-bg: #c1d3df; + --bs-table-active-bg: rgb(192.96, 210.96, 223.02); --bs-table-active-color: #000; - --bs-table-hover-bg: #c6d8e5; + --bs-table-hover-bg: rgb(198.32, 216.82, 229.215); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2007,13 +2007,13 @@ progress { .table-warning { --bs-table-color: #000; - --bs-table-bg: #fdebd0; - --bs-table-border-color: #cabca6; - --bs-table-striped-bg: #f0dfc6; + --bs-table-bg: rgb(252.6, 235.2, 207.6); + --bs-table-border-color: rgb(202.08, 188.16, 166.08); + --bs-table-striped-bg: rgb(239.97, 223.44, 197.22); --bs-table-striped-color: #000; - --bs-table-active-bg: #e4d4bb; + --bs-table-active-bg: rgb(227.34, 211.68, 186.84); --bs-table-active-color: #000; - --bs-table-hover-bg: #ead9c0; + --bs-table-hover-bg: rgb(233.655, 217.56, 192.03); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2021,13 +2021,13 @@ progress { .table-danger { --bs-table-color: #000; - --bs-table-bg: #fadbd8; - --bs-table-border-color: #c8afad; - --bs-table-striped-bg: #eed0cd; + --bs-table-bg: rgb(250.2, 219.2, 216); + --bs-table-border-color: rgb(200.16, 175.36, 172.8); + --bs-table-striped-bg: rgb(237.69, 208.24, 205.2); --bs-table-striped-color: #000; - --bs-table-active-bg: #e1c5c2; + --bs-table-active-bg: rgb(225.18, 197.28, 194.4); --bs-table-active-color: #000; - --bs-table-hover-bg: #e7cbc8; + --bs-table-hover-bg: rgb(231.435, 202.76, 199.8); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2036,12 +2036,12 @@ progress { .table-light { --bs-table-color: #fff; --bs-table-bg: #303030; - --bs-table-border-color: #595959; - --bs-table-striped-bg: #3a3a3a; + --bs-table-border-color: rgb(89.4, 89.4, 89.4); + --bs-table-striped-bg: rgb(58.35, 58.35, 58.35); --bs-table-striped-color: #fff; - --bs-table-active-bg: #454545; + --bs-table-active-bg: rgb(68.7, 68.7, 68.7); --bs-table-active-color: #fff; - --bs-table-hover-bg: #404040; + --bs-table-hover-bg: rgb(63.525, 63.525, 63.525); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2050,12 +2050,12 @@ progress { .table-dark { --bs-table-color: #000; --bs-table-bg: #dee2e6; - --bs-table-border-color: #b2b5b8; - --bs-table-striped-bg: #d3d7db; + --bs-table-border-color: rgb(177.6, 180.8, 184); + --bs-table-striped-bg: rgb(210.9, 214.7, 218.5); --bs-table-striped-color: #000; - --bs-table-active-bg: #c8cbcf; + --bs-table-active-bg: rgb(199.8, 203.4, 207); --bs-table-active-color: #000; - --bs-table-hover-bg: #cdd1d5; + --bs-table-hover-bg: rgb(205.35, 209.05, 212.75); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2155,7 +2155,7 @@ progress { .form-control:focus { color: #fff; background-color: #444; - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2173,7 +2173,7 @@ progress { opacity: 1; } .form-control:disabled { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); opacity: 1; } .form-control::file-selector-button { @@ -2300,7 +2300,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2309,7 +2309,7 @@ textarea.form-control-lg { background-image: none; } .form-select:disabled { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); } .form-select:-moz-focusring { color: transparent; @@ -2384,7 +2384,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2431,7 +2431,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='%2380dec6'/%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='rgb%28127.5, 221.5, 197.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2501,7 +2501,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #b3ebdd; + background-color: rgb(178.5, 234.9, 220.5); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2527,7 +2527,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #b3ebdd; + background-color: rgb(178.5, 234.9, 220.5); } .form-range::-moz-range-track { width: 100%; @@ -2634,7 +2634,7 @@ textarea.form-control-lg { } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); } .input-group { @@ -2991,12 +2991,12 @@ textarea.form-control-lg { --bs-btn-bg: #00bc8c; --bs-btn-border-color: #00bc8c; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c69d; - --bs-btn-hover-border-color: #1ac398; + --bs-btn-hover-bg: rgb(38.25, 198.05, 157.25); + --bs-btn-hover-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-focus-shadow-rgb: 0, 160, 119; --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9a3; - --bs-btn-active-border-color: #1ac398; + --bs-btn-active-bg: rgb(51, 201.4, 163); + --bs-btn-active-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00bc8c; @@ -3008,12 +3008,12 @@ textarea.form-control-lg { --bs-btn-bg: #adb5bd; --bs-btn-border-color: #adb5bd; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #b9c0c7; - --bs-btn-hover-border-color: #b5bcc4; + --bs-btn-hover-bg: rgb(185.3, 192.1, 198.9); + --bs-btn-hover-border-color: rgb(181.2, 188.4, 195.6); --bs-btn-focus-shadow-rgb: 147, 154, 161; --bs-btn-active-color: #000; - --bs-btn-active-bg: #bdc4ca; - --bs-btn-active-border-color: #b5bcc4; + --bs-btn-active-bg: rgb(189.4, 195.8, 202.2); + --bs-btn-active-border-color: rgb(181.2, 188.4, 195.6); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #adb5bd; @@ -3025,12 +3025,12 @@ textarea.form-control-lg { --bs-btn-bg: #00bc8c; --bs-btn-border-color: #00bc8c; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c69d; - --bs-btn-hover-border-color: #1ac398; + --bs-btn-hover-bg: rgb(38.25, 198.05, 157.25); + --bs-btn-hover-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-focus-shadow-rgb: 0, 160, 119; --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9a3; - --bs-btn-active-border-color: #1ac398; + --bs-btn-active-bg: rgb(51, 201.4, 163); + --bs-btn-active-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00bc8c; @@ -3042,12 +3042,12 @@ textarea.form-control-lg { --bs-btn-bg: #3498db; --bs-btn-border-color: #3498db; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #2c81ba; - --bs-btn-hover-border-color: #2a7aaf; + --bs-btn-hover-bg: rgb(44.2, 129.2, 186.15); + --bs-btn-hover-border-color: rgb(41.6, 121.6, 175.2); --bs-btn-focus-shadow-rgb: 82, 167, 224; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #2a7aaf; - --bs-btn-active-border-color: #2772a4; + --bs-btn-active-bg: rgb(41.6, 121.6, 175.2); + --bs-btn-active-border-color: rgb(39, 114, 164.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3498db; @@ -3059,12 +3059,12 @@ textarea.form-control-lg { --bs-btn-bg: #f39c12; --bs-btn-border-color: #f39c12; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f5ab36; - --bs-btn-hover-border-color: #f4a62a; + --bs-btn-hover-bg: rgb(244.8, 170.85, 53.55); + --bs-btn-hover-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-focus-shadow-rgb: 207, 133, 15; --bs-btn-active-color: #000; - --bs-btn-active-bg: #f5b041; - --bs-btn-active-border-color: #f4a62a; + --bs-btn-active-bg: rgb(245.4, 175.8, 65.4); + --bs-btn-active-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f39c12; @@ -3076,12 +3076,12 @@ textarea.form-control-lg { --bs-btn-bg: #e74c3c; --bs-btn-border-color: #e74c3c; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #c44133; - --bs-btn-hover-border-color: #b93d30; + --bs-btn-hover-bg: rgb(196.35, 64.6, 51); + --bs-btn-hover-border-color: rgb(184.8, 60.8, 48); --bs-btn-focus-shadow-rgb: 235, 103, 89; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #b93d30; - --bs-btn-active-border-color: #ad392d; + --bs-btn-active-bg: rgb(184.8, 60.8, 48); + --bs-btn-active-border-color: rgb(173.25, 57, 45); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #e74c3c; @@ -3093,11 +3093,11 @@ textarea.form-control-lg { --bs-btn-bg: #303030; --bs-btn-border-color: #303030; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #292929; - --bs-btn-hover-border-color: #262626; + --bs-btn-hover-bg: rgb(40.8, 40.8, 40.8); + --bs-btn-hover-border-color: rgb(38.4, 38.4, 38.4); --bs-btn-focus-shadow-rgb: 79, 79, 79; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #262626; + --bs-btn-active-bg: rgb(38.4, 38.4, 38.4); --bs-btn-active-border-color: #242424; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; @@ -3110,12 +3110,12 @@ textarea.form-control-lg { --bs-btn-bg: #dee2e6; --bs-btn-border-color: #dee2e6; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #e3e6ea; - --bs-btn-hover-border-color: #e1e5e9; + --bs-btn-hover-bg: rgb(226.95, 230.35, 233.75); + --bs-btn-hover-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-focus-shadow-rgb: 189, 192, 196; --bs-btn-active-color: #000; - --bs-btn-active-bg: #e5e8eb; - --bs-btn-active-border-color: #e1e5e9; + --bs-btn-active-bg: rgb(228.6, 231.8, 235); + --bs-btn-active-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #dee2e6; @@ -4506,7 +4506,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='%23004b38' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%280, 75.2, 56%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4624,8 +4624,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='%2366d7ba'%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-.708z'/%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='%2366d7ba'%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-.708z'/%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='rgb%28102, 214.8, 186%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-.708z'/%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%28102, 214.8, 186%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { @@ -4670,16 +4670,16 @@ textarea.form-control-lg { --bs-pagination-border-color: transparent; --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: #fff; - --bs-pagination-hover-bg: #00efb2; + --bs-pagination-hover-bg: rgb(0, 239, 177.9787234043); --bs-pagination-hover-border-color: transparent; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); --bs-pagination-active-color: #fff; - --bs-pagination-active-bg: #00efb2; + --bs-pagination-active-bg: rgb(0, 239, 177.9787234043); --bs-pagination-active-border-color: transparent; --bs-pagination-disabled-color: #fff; - --bs-pagination-disabled-bg: #007053; + --bs-pagination-disabled-bg: rgb(0, 111.5, 83.0319148936); --bs-pagination-disabled-border-color: transparent; display: flex; padding-left: 0; diff --git a/src/assets/css/themes/darkly-pureblack.css b/src/assets/css/themes/darkly-pureblack.css index 53256eede..7149e3efd 100644 --- a/src/assets/css/themes/darkly-pureblack.css +++ b/src/assets/css/themes/darkly-pureblack.css @@ -45,28 +45,28 @@ --bs-danger-rgb: 231, 76, 60; --bs-light-rgb: 17, 17, 17; --bs-dark-rgb: 222, 226, 230; - --bs-primary-text-emphasis: #004b38; - --bs-secondary-text-emphasis: #292929; - --bs-success-text-emphasis: #004b38; - --bs-info-text-emphasis: #153d58; - --bs-warning-text-emphasis: #613e07; - --bs-danger-text-emphasis: #5c1e18; + --bs-primary-text-emphasis: rgb(0, 75.2, 56); + --bs-secondary-text-emphasis: rgb(40.8, 40.8, 40.8); + --bs-success-text-emphasis: rgb(0, 75.2, 56); + --bs-info-text-emphasis: rgb(20.8, 60.8, 87.6); + --bs-warning-text-emphasis: rgb(97.2, 62.4, 7.2); + --bs-danger-text-emphasis: rgb(92.4, 30.4, 24); --bs-light-text-emphasis: #333; --bs-dark-text-emphasis: #333; - --bs-primary-bg-subtle: #ccf2e8; - --bs-secondary-bg-subtle: #e0e0e0; - --bs-success-bg-subtle: #ccf2e8; - --bs-info-bg-subtle: #d6eaf8; - --bs-warning-bg-subtle: #fdebd0; - --bs-danger-bg-subtle: #fadbd8; - --bs-light-bg-subtle: #f6f6f7; + --bs-primary-bg-subtle: rgb(204, 241.6, 232); + --bs-secondary-bg-subtle: rgb(224.4, 224.4, 224.4); + --bs-success-bg-subtle: rgb(204, 241.6, 232); + --bs-info-bg-subtle: rgb(214.4, 234.4, 247.8); + --bs-warning-bg-subtle: rgb(252.6, 235.2, 207.6); + --bs-danger-bg-subtle: rgb(250.2, 219.2, 216); + --bs-light-bg-subtle: rgb(245.5, 246, 246.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #99e4d1; - --bs-secondary-border-subtle: #c2c2c2; - --bs-success-border-subtle: #99e4d1; - --bs-info-border-subtle: #aed6f1; - --bs-warning-border-subtle: #fad7a0; - --bs-danger-border-subtle: #f5b7b1; + --bs-primary-border-subtle: rgb(153, 228.2, 209); + --bs-secondary-border-subtle: rgb(193.8, 193.8, 193.8); + --bs-success-border-subtle: rgb(153, 228.2, 209); + --bs-info-border-subtle: rgb(173.8, 213.8, 240.6); + --bs-warning-border-subtle: rgb(250.2, 215.4, 160.2); + --bs-danger-border-subtle: rgb(245.4, 183.4, 177); --bs-light-border-subtle: #ebebeb; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 243, 243, 243; @@ -97,7 +97,7 @@ --bs-link-color: #00bc8c; --bs-link-color-rgb: 0, 188, 140; --bs-link-decoration: none; - --bs-link-hover-color: #009670; + --bs-link-hover-color: rgb(0, 150.4, 112); --bs-link-hover-color-rgb: 0, 150, 112; --bs-code-color: #d63384; --bs-highlight-color: #ebebeb; @@ -140,46 +140,46 @@ --bs-secondary-bg-rgb: 32, 32, 32; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; - --bs-tertiary-bg: #191919; + --bs-tertiary-bg: rgb(24.5, 24.5, 24.5); --bs-tertiary-bg-rgb: 25, 25, 25; - --bs-primary-text-emphasis: #66d7ba; - --bs-secondary-text-emphasis: #a3a3a3; - --bs-success-text-emphasis: #66d7ba; - --bs-info-text-emphasis: #85c1e9; - --bs-warning-text-emphasis: #f8c471; - --bs-danger-text-emphasis: #f1948a; + --bs-primary-text-emphasis: rgb(102, 214.8, 186); + --bs-secondary-text-emphasis: rgb(163.2, 163.2, 163.2); + --bs-success-text-emphasis: rgb(102, 214.8, 186); + --bs-info-text-emphasis: rgb(133.2, 193.2, 233.4); + --bs-warning-text-emphasis: rgb(247.8, 195.6, 112.8); + --bs-danger-text-emphasis: rgb(240.6, 147.6, 138); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #00261c; - --bs-secondary-bg-subtle: #141414; - --bs-success-bg-subtle: #00261c; - --bs-info-bg-subtle: #0a1e2c; - --bs-warning-bg-subtle: #311f04; - --bs-danger-bg-subtle: #2e0f0c; + --bs-primary-bg-subtle: rgb(0, 37.6, 28); + --bs-secondary-bg-subtle: rgb(20.4, 20.4, 20.4); + --bs-success-bg-subtle: rgb(0, 37.6, 28); + --bs-info-bg-subtle: rgb(10.4, 30.4, 43.8); + --bs-warning-bg-subtle: rgb(48.6, 31.2, 3.6); + --bs-danger-bg-subtle: rgb(46.2, 15.2, 12); --bs-light-bg-subtle: #202020; --bs-dark-bg-subtle: #101010; - --bs-primary-border-subtle: #007154; - --bs-secondary-border-subtle: #3d3d3d; - --bs-success-border-subtle: #007154; - --bs-info-border-subtle: #1f5b83; - --bs-warning-border-subtle: #925e0b; - --bs-danger-border-subtle: #8b2e24; + --bs-primary-border-subtle: rgb(0, 112.8, 84); + --bs-secondary-border-subtle: rgb(61.2, 61.2, 61.2); + --bs-success-border-subtle: rgb(0, 112.8, 84); + --bs-info-border-subtle: rgb(31.2, 91.2, 131.4); + --bs-warning-border-subtle: rgb(145.8, 93.6, 10.8); + --bs-danger-border-subtle: rgb(138.6, 45.6, 36); --bs-light-border-subtle: #333; --bs-dark-border-subtle: #202020; --bs-heading-color: inherit; - --bs-link-color: #66d7ba; - --bs-link-hover-color: #85dfc8; + --bs-link-color: rgb(102, 214.8, 186); + --bs-link-hover-color: rgb(132.6, 222.84, 199.8); --bs-link-color-rgb: 102, 215, 186; --bs-link-hover-color-rgb: 133, 223, 200; - --bs-code-color: #e685b5; + --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: #111; --bs-border-color: #333; --bs-border-color-translucent: rgba(243, 243, 243, 0.15); - --bs-form-valid-color: #66d7ba; - --bs-form-valid-border-color: #66d7ba; - --bs-form-invalid-color: #f1948a; - --bs-form-invalid-border-color: #f1948a; + --bs-form-valid-color: rgb(102, 214.8, 186); + --bs-form-valid-border-color: rgb(102, 214.8, 186); + --bs-form-invalid-color: rgb(240.6, 147.6, 138); + --bs-form-invalid-border-color: rgb(240.6, 147.6, 138); } *, @@ -1935,13 +1935,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: #ccf2e8; - --bs-table-border-color: #a3c2ba; - --bs-table-striped-bg: #c2e6dc; + --bs-table-bg: rgb(204, 241.6, 232); + --bs-table-border-color: rgb(163.2, 193.28, 185.6); + --bs-table-striped-bg: rgb(193.8, 229.52, 220.4); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dad1; + --bs-table-active-bg: rgb(183.6, 217.44, 208.8); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0d7; + --bs-table-hover-bg: rgb(188.7, 223.48, 214.6); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1949,13 +1949,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: #e0e0e0; - --bs-table-border-color: #b3b3b3; - --bs-table-striped-bg: #d5d5d5; + --bs-table-bg: rgb(224.4, 224.4, 224.4); + --bs-table-border-color: rgb(179.52, 179.52, 179.52); + --bs-table-striped-bg: rgb(213.18, 213.18, 213.18); --bs-table-striped-color: #000; - --bs-table-active-bg: #cacaca; + --bs-table-active-bg: rgb(201.96, 201.96, 201.96); --bs-table-active-color: #000; - --bs-table-hover-bg: #cfcfcf; + --bs-table-hover-bg: rgb(207.57, 207.57, 207.57); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1963,13 +1963,13 @@ progress { .table-success { --bs-table-color: #000; - --bs-table-bg: #ccf2e8; - --bs-table-border-color: #a3c2ba; - --bs-table-striped-bg: #c2e6dc; + --bs-table-bg: rgb(204, 241.6, 232); + --bs-table-border-color: rgb(163.2, 193.28, 185.6); + --bs-table-striped-bg: rgb(193.8, 229.52, 220.4); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dad1; + --bs-table-active-bg: rgb(183.6, 217.44, 208.8); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0d7; + --bs-table-hover-bg: rgb(188.7, 223.48, 214.6); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1977,13 +1977,13 @@ progress { .table-info { --bs-table-color: #000; - --bs-table-bg: #d6eaf8; - --bs-table-border-color: #abbbc6; - --bs-table-striped-bg: #cbdeec; + --bs-table-bg: rgb(214.4, 234.4, 247.8); + --bs-table-border-color: rgb(171.52, 187.52, 198.24); + --bs-table-striped-bg: rgb(203.68, 222.68, 235.41); --bs-table-striped-color: #000; - --bs-table-active-bg: #c1d3df; + --bs-table-active-bg: rgb(192.96, 210.96, 223.02); --bs-table-active-color: #000; - --bs-table-hover-bg: #c6d8e5; + --bs-table-hover-bg: rgb(198.32, 216.82, 229.215); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1991,13 +1991,13 @@ progress { .table-warning { --bs-table-color: #000; - --bs-table-bg: #fdebd0; - --bs-table-border-color: #cabca6; - --bs-table-striped-bg: #f0dfc6; + --bs-table-bg: rgb(252.6, 235.2, 207.6); + --bs-table-border-color: rgb(202.08, 188.16, 166.08); + --bs-table-striped-bg: rgb(239.97, 223.44, 197.22); --bs-table-striped-color: #000; - --bs-table-active-bg: #e4d4bb; + --bs-table-active-bg: rgb(227.34, 211.68, 186.84); --bs-table-active-color: #000; - --bs-table-hover-bg: #ead9c0; + --bs-table-hover-bg: rgb(233.655, 217.56, 192.03); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2005,13 +2005,13 @@ progress { .table-danger { --bs-table-color: #000; - --bs-table-bg: #fadbd8; - --bs-table-border-color: #c8afad; - --bs-table-striped-bg: #eed0cd; + --bs-table-bg: rgb(250.2, 219.2, 216); + --bs-table-border-color: rgb(200.16, 175.36, 172.8); + --bs-table-striped-bg: rgb(237.69, 208.24, 205.2); --bs-table-striped-color: #000; - --bs-table-active-bg: #e1c5c2; + --bs-table-active-bg: rgb(225.18, 197.28, 194.4); --bs-table-active-color: #000; - --bs-table-hover-bg: #e7cbc8; + --bs-table-hover-bg: rgb(231.435, 202.76, 199.8); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2020,12 +2020,12 @@ progress { .table-light { --bs-table-color: #f3f3f3; --bs-table-bg: #111; - --bs-table-border-color: #3e3e3e; - --bs-table-striped-bg: #1c1c1c; + --bs-table-border-color: rgb(62.2, 62.2, 62.2); + --bs-table-striped-bg: rgb(28.3, 28.3, 28.3); --bs-table-striped-color: #f3f3f3; - --bs-table-active-bg: #282828; + --bs-table-active-bg: rgb(39.6, 39.6, 39.6); --bs-table-active-color: #f3f3f3; - --bs-table-hover-bg: #222222; + --bs-table-hover-bg: rgb(33.95, 33.95, 33.95); --bs-table-hover-color: #f3f3f3; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2034,12 +2034,12 @@ progress { .table-dark { --bs-table-color: #000; --bs-table-bg: #dee2e6; - --bs-table-border-color: #b2b5b8; - --bs-table-striped-bg: #d3d7db; + --bs-table-border-color: rgb(177.6, 180.8, 184); + --bs-table-striped-bg: rgb(210.9, 214.7, 218.5); --bs-table-striped-color: #000; - --bs-table-active-bg: #c8cbcf; + --bs-table-active-bg: rgb(199.8, 203.4, 207); --bs-table-active-color: #000; - --bs-table-hover-bg: #cdd1d5; + --bs-table-hover-bg: rgb(205.35, 209.05, 212.75); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2139,7 +2139,7 @@ progress { .form-control:focus { color: #f3f3f3; background-color: #111; - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2284,7 +2284,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2368,7 +2368,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2415,7 +2415,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='%2380dec6'/%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='rgb%28127.5, 221.5, 197.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2485,7 +2485,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #b3ebdd; + background-color: rgb(178.5, 234.9, 220.5); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2511,7 +2511,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #b3ebdd; + background-color: rgb(178.5, 234.9, 220.5); } .form-range::-moz-range-track { width: 100%; @@ -2975,12 +2975,12 @@ textarea.form-control-lg { --bs-btn-bg: #00bc8c; --bs-btn-border-color: #00bc8c; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c69d; - --bs-btn-hover-border-color: #1ac398; + --bs-btn-hover-bg: rgb(38.25, 198.05, 157.25); + --bs-btn-hover-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-focus-shadow-rgb: 0, 160, 119; --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9a3; - --bs-btn-active-border-color: #1ac398; + --bs-btn-active-bg: rgb(51, 201.4, 163); + --bs-btn-active-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00bc8c; @@ -2992,12 +2992,12 @@ textarea.form-control-lg { --bs-btn-bg: #666; --bs-btn-border-color: #666; --bs-btn-hover-color: #f3f3f3; - --bs-btn-hover-bg: #575757; - --bs-btn-hover-border-color: #525252; + --bs-btn-hover-bg: rgb(86.7, 86.7, 86.7); + --bs-btn-hover-border-color: rgb(81.6, 81.6, 81.6); --bs-btn-focus-shadow-rgb: 123, 123, 123; --bs-btn-active-color: #f3f3f3; - --bs-btn-active-bg: #525252; - --bs-btn-active-border-color: #4d4d4d; + --bs-btn-active-bg: rgb(81.6, 81.6, 81.6); + --bs-btn-active-border-color: rgb(76.5, 76.5, 76.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f3f3f3; --bs-btn-disabled-bg: #666; @@ -3009,12 +3009,12 @@ textarea.form-control-lg { --bs-btn-bg: #00bc8c; --bs-btn-border-color: #00bc8c; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c69d; - --bs-btn-hover-border-color: #1ac398; + --bs-btn-hover-bg: rgb(38.25, 198.05, 157.25); + --bs-btn-hover-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-focus-shadow-rgb: 0, 160, 119; --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9a3; - --bs-btn-active-border-color: #1ac398; + --bs-btn-active-bg: rgb(51, 201.4, 163); + --bs-btn-active-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00bc8c; @@ -3026,12 +3026,12 @@ textarea.form-control-lg { --bs-btn-bg: #3498db; --bs-btn-border-color: #3498db; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #52a7e0; - --bs-btn-hover-border-color: #48a2df; + --bs-btn-hover-bg: rgb(82.45, 167.45, 224.4); + --bs-btn-hover-border-color: rgb(72.3, 162.3, 222.6); --bs-btn-focus-shadow-rgb: 44, 129, 186; --bs-btn-active-color: #000; - --bs-btn-active-bg: #5dade2; - --bs-btn-active-border-color: #48a2df; + --bs-btn-active-bg: rgb(92.6, 172.6, 226.2); + --bs-btn-active-border-color: rgb(72.3, 162.3, 222.6); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #3498db; @@ -3043,12 +3043,12 @@ textarea.form-control-lg { --bs-btn-bg: #f39c12; --bs-btn-border-color: #f39c12; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f5ab36; - --bs-btn-hover-border-color: #f4a62a; + --bs-btn-hover-bg: rgb(244.8, 170.85, 53.55); + --bs-btn-hover-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-focus-shadow-rgb: 207, 133, 15; --bs-btn-active-color: #000; - --bs-btn-active-bg: #f5b041; - --bs-btn-active-border-color: #f4a62a; + --bs-btn-active-bg: rgb(245.4, 175.8, 65.4); + --bs-btn-active-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f39c12; @@ -3060,12 +3060,12 @@ textarea.form-control-lg { --bs-btn-bg: #e74c3c; --bs-btn-border-color: #e74c3c; --bs-btn-hover-color: #f3f3f3; - --bs-btn-hover-bg: #c44133; - --bs-btn-hover-border-color: #b93d30; + --bs-btn-hover-bg: rgb(196.35, 64.6, 51); + --bs-btn-hover-border-color: rgb(184.8, 60.8, 48); --bs-btn-focus-shadow-rgb: 233, 101, 87; --bs-btn-active-color: #f3f3f3; - --bs-btn-active-bg: #b93d30; - --bs-btn-active-border-color: #ad392d; + --bs-btn-active-bg: rgb(184.8, 60.8, 48); + --bs-btn-active-border-color: rgb(173.25, 57, 45); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f3f3f3; --bs-btn-disabled-bg: #e74c3c; @@ -3077,12 +3077,12 @@ textarea.form-control-lg { --bs-btn-bg: #111; --bs-btn-border-color: #111; --bs-btn-hover-color: #f3f3f3; - --bs-btn-hover-bg: #0e0e0e; - --bs-btn-hover-border-color: #0e0e0e; + --bs-btn-hover-bg: rgb(14.45, 14.45, 14.45); + --bs-btn-hover-border-color: rgb(13.6, 13.6, 13.6); --bs-btn-focus-shadow-rgb: 51, 51, 51; --bs-btn-active-color: #f3f3f3; - --bs-btn-active-bg: #0e0e0e; - --bs-btn-active-border-color: #0d0d0d; + --bs-btn-active-bg: rgb(13.6, 13.6, 13.6); + --bs-btn-active-border-color: rgb(12.75, 12.75, 12.75); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f3f3f3; --bs-btn-disabled-bg: #111; @@ -3094,12 +3094,12 @@ textarea.form-control-lg { --bs-btn-bg: #dee2e6; --bs-btn-border-color: #dee2e6; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #e3e6ea; - --bs-btn-hover-border-color: #e1e5e9; + --bs-btn-hover-bg: rgb(226.95, 230.35, 233.75); + --bs-btn-hover-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-focus-shadow-rgb: 189, 192, 196; --bs-btn-active-color: #000; - --bs-btn-active-bg: #e5e8eb; - --bs-btn-active-border-color: #e1e5e9; + --bs-btn-active-bg: rgb(228.6, 231.8, 235); + --bs-btn-active-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #dee2e6; @@ -4494,7 +4494,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='%23004b38' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%280, 75.2, 56%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4612,8 +4612,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='%2366d7ba'%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-.708z'/%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='%2366d7ba'%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-.708z'/%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='rgb%28102, 214.8, 186%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-.708z'/%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%28102, 214.8, 186%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { @@ -4658,16 +4658,16 @@ textarea.form-control-lg { --bs-pagination-border-color: transparent; --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: #f3f3f3; - --bs-pagination-hover-bg: #00efb2; + --bs-pagination-hover-bg: rgb(0, 239, 177.9787234043); --bs-pagination-hover-border-color: transparent; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); --bs-pagination-active-color: #f3f3f3; - --bs-pagination-active-bg: #00efb2; + --bs-pagination-active-bg: rgb(0, 239, 177.9787234043); --bs-pagination-active-border-color: transparent; --bs-pagination-disabled-color: #f3f3f3; - --bs-pagination-disabled-bg: #007053; + --bs-pagination-disabled-bg: rgb(0, 111.5, 83.0319148936); --bs-pagination-disabled-border-color: transparent; display: flex; padding-left: 0; diff --git a/src/assets/css/themes/darkly-red.css b/src/assets/css/themes/darkly-red.css index f4039dc98..c90833031 100644 --- a/src/assets/css/themes/darkly-red.css +++ b/src/assets/css/themes/darkly-red.css @@ -45,28 +45,28 @@ --bs-danger-rgb: 231, 76, 60; --bs-light-rgb: 48, 48, 48; --bs-dark-rgb: 222, 226, 230; - --bs-primary-text-emphasis: #162433; - --bs-secondary-text-emphasis: #45484c; - --bs-success-text-emphasis: #004b38; - --bs-info-text-emphasis: #153d58; - --bs-warning-text-emphasis: #613e07; - --bs-danger-text-emphasis: #5c1e18; + --bs-primary-text-emphasis: rgb(22, 36, 50.8); + --bs-secondary-text-emphasis: rgb(69.2, 72.4, 75.6); + --bs-success-text-emphasis: rgb(0, 75.2, 56); + --bs-info-text-emphasis: rgb(20.8, 60.8, 87.6); + --bs-warning-text-emphasis: rgb(97.2, 62.4, 7.2); + --bs-danger-text-emphasis: rgb(92.4, 30.4, 24); --bs-light-text-emphasis: #444; --bs-dark-text-emphasis: #444; - --bs-primary-bg-subtle: #d7dee5; - --bs-secondary-bg-subtle: #eff0f2; - --bs-success-bg-subtle: #ccf2e8; - --bs-info-bg-subtle: #d6eaf8; - --bs-warning-bg-subtle: #fdebd0; - --bs-danger-bg-subtle: #fadbd8; - --bs-light-bg-subtle: #fcfcfd; + --bs-primary-bg-subtle: rgb(215, 222, 229.4); + --bs-secondary-bg-subtle: rgb(238.6, 240.2, 241.8); + --bs-success-bg-subtle: rgb(204, 241.6, 232); + --bs-info-bg-subtle: rgb(214.4, 234.4, 247.8); + --bs-warning-bg-subtle: rgb(252.6, 235.2, 207.6); + --bs-danger-bg-subtle: rgb(250.2, 219.2, 216); + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #afbdcc; - --bs-secondary-border-subtle: #dee1e5; - --bs-success-border-subtle: #99e4d1; - --bs-info-border-subtle: #aed6f1; - --bs-warning-border-subtle: #fad7a0; - --bs-danger-border-subtle: #f5b7b1; + --bs-primary-border-subtle: rgb(175, 189, 203.8); + --bs-secondary-border-subtle: rgb(222.2, 225.4, 228.6); + --bs-success-border-subtle: rgb(153, 228.2, 209); + --bs-info-border-subtle: rgb(173.8, 213.8, 240.6); + --bs-warning-border-subtle: rgb(250.2, 215.4, 160.2); + --bs-danger-border-subtle: rgb(245.4, 183.4, 177); --bs-light-border-subtle: #ebebeb; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; @@ -97,7 +97,7 @@ --bs-link-color: #e74c3c; --bs-link-color-rgb: 231, 76, 60; --bs-link-decoration: none; - --bs-link-hover-color: #b93d30; + --bs-link-hover-color: rgb(184.8, 60.8, 48); --bs-link-hover-color-rgb: 185, 61, 48; --bs-code-color: #d63384; --bs-highlight-color: #dee2e6; @@ -142,44 +142,44 @@ --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #292929; --bs-tertiary-bg-rgb: 41, 41, 41; - --bs-primary-text-emphasis: #879cb2; - --bs-secondary-text-emphasis: #ced3d7; - --bs-success-text-emphasis: #66d7ba; - --bs-info-text-emphasis: #85c1e9; - --bs-warning-text-emphasis: #f8c471; - --bs-danger-text-emphasis: #f1948a; + --bs-primary-text-emphasis: rgb(135, 156, 178.2); + --bs-secondary-text-emphasis: rgb(205.8, 210.6, 215.4); + --bs-success-text-emphasis: rgb(102, 214.8, 186); + --bs-info-text-emphasis: rgb(133.2, 193.2, 233.4); + --bs-warning-text-emphasis: rgb(247.8, 195.6, 112.8); + --bs-danger-text-emphasis: rgb(240.6, 147.6, 138); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #0b1219; - --bs-secondary-bg-subtle: #232426; - --bs-success-bg-subtle: #00261c; - --bs-info-bg-subtle: #0a1e2c; - --bs-warning-bg-subtle: #311f04; - --bs-danger-bg-subtle: #2e0f0c; + --bs-primary-bg-subtle: rgb(11, 18, 25.4); + --bs-secondary-bg-subtle: rgb(34.6, 36.2, 37.8); + --bs-success-bg-subtle: rgb(0, 37.6, 28); + --bs-info-bg-subtle: rgb(10.4, 30.4, 43.8); + --bs-warning-bg-subtle: rgb(48.6, 31.2, 3.6); + --bs-danger-bg-subtle: rgb(46.2, 15.2, 12); --bs-light-bg-subtle: #303030; --bs-dark-bg-subtle: #181818; - --bs-primary-border-subtle: #21364c; - --bs-secondary-border-subtle: #686d71; - --bs-success-border-subtle: #007154; - --bs-info-border-subtle: #1f5b83; - --bs-warning-border-subtle: #925e0b; - --bs-danger-border-subtle: #8b2e24; + --bs-primary-border-subtle: rgb(33, 54, 76.2); + --bs-secondary-border-subtle: rgb(103.8, 108.6, 113.4); + --bs-success-border-subtle: rgb(0, 112.8, 84); + --bs-info-border-subtle: rgb(31.2, 91.2, 131.4); + --bs-warning-border-subtle: rgb(145.8, 93.6, 10.8); + --bs-danger-border-subtle: rgb(138.6, 45.6, 36); --bs-light-border-subtle: #444; --bs-dark-border-subtle: #303030; --bs-heading-color: inherit; - --bs-link-color: #879cb2; - --bs-link-hover-color: #9fb0c1; + --bs-link-color: rgb(135, 156, 178.2); + --bs-link-hover-color: rgb(159, 175.8, 193.56); --bs-link-color-rgb: 135, 156, 178; - --bs-link-hover-color-rgb: 159, 176, 193; - --bs-code-color: #e685b5; + --bs-link-hover-color-rgb: 159, 176, 194; + --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: #333; --bs-border-color: #444; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #66d7ba; - --bs-form-valid-border-color: #66d7ba; - --bs-form-invalid-color: #f1948a; - --bs-form-invalid-border-color: #f1948a; + --bs-form-valid-color: rgb(102, 214.8, 186); + --bs-form-valid-border-color: rgb(102, 214.8, 186); + --bs-form-invalid-color: rgb(240.6, 147.6, 138); + --bs-form-invalid-border-color: rgb(240.6, 147.6, 138); } *, @@ -1935,13 +1935,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: #d7dee5; - --bs-table-border-color: #acb2b7; - --bs-table-striped-bg: #ccd3da; + --bs-table-bg: rgb(215, 222, 229.4); + --bs-table-border-color: rgb(172, 177.6, 183.52); + --bs-table-striped-bg: rgb(204.25, 210.9, 217.93); --bs-table-striped-color: #000; - --bs-table-active-bg: #c2c8ce; + --bs-table-active-bg: rgb(193.5, 199.8, 206.46); --bs-table-active-color: #000; - --bs-table-hover-bg: #c7cdd4; + --bs-table-hover-bg: rgb(198.875, 205.35, 212.195); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1949,13 +1949,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: #eff0f2; - --bs-table-border-color: #bfc0c2; - --bs-table-striped-bg: #e3e4e6; + --bs-table-bg: rgb(238.6, 240.2, 241.8); + --bs-table-border-color: rgb(190.88, 192.16, 193.44); + --bs-table-striped-bg: rgb(226.67, 228.19, 229.71); --bs-table-striped-color: #000; - --bs-table-active-bg: #d7d8da; + --bs-table-active-bg: rgb(214.74, 216.18, 217.62); --bs-table-active-color: #000; - --bs-table-hover-bg: #dddee0; + --bs-table-hover-bg: rgb(220.705, 222.185, 223.665); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1963,13 +1963,13 @@ progress { .table-success { --bs-table-color: #000; - --bs-table-bg: #ccf2e8; - --bs-table-border-color: #a3c2ba; - --bs-table-striped-bg: #c2e6dc; + --bs-table-bg: rgb(204, 241.6, 232); + --bs-table-border-color: rgb(163.2, 193.28, 185.6); + --bs-table-striped-bg: rgb(193.8, 229.52, 220.4); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dad1; + --bs-table-active-bg: rgb(183.6, 217.44, 208.8); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0d7; + --bs-table-hover-bg: rgb(188.7, 223.48, 214.6); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1977,13 +1977,13 @@ progress { .table-info { --bs-table-color: #000; - --bs-table-bg: #d6eaf8; - --bs-table-border-color: #abbbc6; - --bs-table-striped-bg: #cbdeec; + --bs-table-bg: rgb(214.4, 234.4, 247.8); + --bs-table-border-color: rgb(171.52, 187.52, 198.24); + --bs-table-striped-bg: rgb(203.68, 222.68, 235.41); --bs-table-striped-color: #000; - --bs-table-active-bg: #c1d3df; + --bs-table-active-bg: rgb(192.96, 210.96, 223.02); --bs-table-active-color: #000; - --bs-table-hover-bg: #c6d8e5; + --bs-table-hover-bg: rgb(198.32, 216.82, 229.215); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1991,13 +1991,13 @@ progress { .table-warning { --bs-table-color: #000; - --bs-table-bg: #fdebd0; - --bs-table-border-color: #cabca6; - --bs-table-striped-bg: #f0dfc6; + --bs-table-bg: rgb(252.6, 235.2, 207.6); + --bs-table-border-color: rgb(202.08, 188.16, 166.08); + --bs-table-striped-bg: rgb(239.97, 223.44, 197.22); --bs-table-striped-color: #000; - --bs-table-active-bg: #e4d4bb; + --bs-table-active-bg: rgb(227.34, 211.68, 186.84); --bs-table-active-color: #000; - --bs-table-hover-bg: #ead9c0; + --bs-table-hover-bg: rgb(233.655, 217.56, 192.03); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2005,13 +2005,13 @@ progress { .table-danger { --bs-table-color: #000; - --bs-table-bg: #fadbd8; - --bs-table-border-color: #c8afad; - --bs-table-striped-bg: #eed0cd; + --bs-table-bg: rgb(250.2, 219.2, 216); + --bs-table-border-color: rgb(200.16, 175.36, 172.8); + --bs-table-striped-bg: rgb(237.69, 208.24, 205.2); --bs-table-striped-color: #000; - --bs-table-active-bg: #e1c5c2; + --bs-table-active-bg: rgb(225.18, 197.28, 194.4); --bs-table-active-color: #000; - --bs-table-hover-bg: #e7cbc8; + --bs-table-hover-bg: rgb(231.435, 202.76, 199.8); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2020,12 +2020,12 @@ progress { .table-light { --bs-table-color: #fff; --bs-table-bg: #303030; - --bs-table-border-color: #595959; - --bs-table-striped-bg: #3a3a3a; + --bs-table-border-color: rgb(89.4, 89.4, 89.4); + --bs-table-striped-bg: rgb(58.35, 58.35, 58.35); --bs-table-striped-color: #fff; - --bs-table-active-bg: #454545; + --bs-table-active-bg: rgb(68.7, 68.7, 68.7); --bs-table-active-color: #fff; - --bs-table-hover-bg: #404040; + --bs-table-hover-bg: rgb(63.525, 63.525, 63.525); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2034,12 +2034,12 @@ progress { .table-dark { --bs-table-color: #000; --bs-table-bg: #dee2e6; - --bs-table-border-color: #b2b5b8; - --bs-table-striped-bg: #d3d7db; + --bs-table-border-color: rgb(177.6, 180.8, 184); + --bs-table-striped-bg: rgb(210.9, 214.7, 218.5); --bs-table-striped-color: #000; - --bs-table-active-bg: #c8cbcf; + --bs-table-active-bg: rgb(199.8, 203.4, 207); --bs-table-active-color: #000; - --bs-table-hover-bg: #cdd1d5; + --bs-table-hover-bg: rgb(205.35, 209.05, 212.75); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2139,7 +2139,7 @@ progress { .form-control:focus { color: #fff; background-color: #444; - border-color: #9badbf; + border-color: rgb(155, 172.5, 191); outline: 0; box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); } @@ -2157,7 +2157,7 @@ progress { opacity: 1; } .form-control:disabled { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); opacity: 1; } .form-control::file-selector-button { @@ -2284,7 +2284,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #9badbf; + border-color: rgb(155, 172.5, 191); outline: 0; box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); } @@ -2293,7 +2293,7 @@ textarea.form-control-lg { background-image: none; } .form-select:disabled { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); } .form-select:-moz-focusring { color: transparent; @@ -2368,7 +2368,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #9badbf; + border-color: rgb(155, 172.5, 191); outline: 0; box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); } @@ -2415,7 +2415,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='%239badbf'/%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='rgb%28155, 172.5, 191%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2485,7 +2485,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #c3ced9; + background-color: rgb(195, 205.5, 216.6); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2511,7 +2511,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #c3ced9; + background-color: rgb(195, 205.5, 216.6); } .form-range::-moz-range-track { width: 100%; @@ -2618,7 +2618,7 @@ textarea.form-control-lg { } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); } .input-group { @@ -2975,12 +2975,12 @@ textarea.form-control-lg { --bs-btn-bg: #375a7f; --bs-btn-border-color: #375a7f; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #2f4d6c; - --bs-btn-hover-border-color: #2c4866; + --bs-btn-hover-bg: rgb(46.75, 76.5, 107.95); + --bs-btn-hover-border-color: rgb(44, 72, 101.6); --bs-btn-focus-shadow-rgb: 85, 115, 146; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #2c4866; - --bs-btn-active-border-color: #29445f; + --bs-btn-active-bg: rgb(44, 72, 101.6); + --bs-btn-active-border-color: rgb(41.25, 67.5, 95.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #375a7f; @@ -2992,12 +2992,12 @@ textarea.form-control-lg { --bs-btn-bg: #adb5bd; --bs-btn-border-color: #adb5bd; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #b9c0c7; - --bs-btn-hover-border-color: #b5bcc4; + --bs-btn-hover-bg: rgb(185.3, 192.1, 198.9); + --bs-btn-hover-border-color: rgb(181.2, 188.4, 195.6); --bs-btn-focus-shadow-rgb: 147, 154, 161; --bs-btn-active-color: #000; - --bs-btn-active-bg: #bdc4ca; - --bs-btn-active-border-color: #b5bcc4; + --bs-btn-active-bg: rgb(189.4, 195.8, 202.2); + --bs-btn-active-border-color: rgb(181.2, 188.4, 195.6); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #adb5bd; @@ -3009,12 +3009,12 @@ textarea.form-control-lg { --bs-btn-bg: #00bc8c; --bs-btn-border-color: #00bc8c; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c69d; - --bs-btn-hover-border-color: #1ac398; + --bs-btn-hover-bg: rgb(38.25, 198.05, 157.25); + --bs-btn-hover-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-focus-shadow-rgb: 0, 160, 119; --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9a3; - --bs-btn-active-border-color: #1ac398; + --bs-btn-active-bg: rgb(51, 201.4, 163); + --bs-btn-active-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00bc8c; @@ -3026,12 +3026,12 @@ textarea.form-control-lg { --bs-btn-bg: #3498db; --bs-btn-border-color: #3498db; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #2c81ba; - --bs-btn-hover-border-color: #2a7aaf; + --bs-btn-hover-bg: rgb(44.2, 129.2, 186.15); + --bs-btn-hover-border-color: rgb(41.6, 121.6, 175.2); --bs-btn-focus-shadow-rgb: 82, 167, 224; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #2a7aaf; - --bs-btn-active-border-color: #2772a4; + --bs-btn-active-bg: rgb(41.6, 121.6, 175.2); + --bs-btn-active-border-color: rgb(39, 114, 164.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3498db; @@ -3043,12 +3043,12 @@ textarea.form-control-lg { --bs-btn-bg: #f39c12; --bs-btn-border-color: #f39c12; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f5ab36; - --bs-btn-hover-border-color: #f4a62a; + --bs-btn-hover-bg: rgb(244.8, 170.85, 53.55); + --bs-btn-hover-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-focus-shadow-rgb: 207, 133, 15; --bs-btn-active-color: #000; - --bs-btn-active-bg: #f5b041; - --bs-btn-active-border-color: #f4a62a; + --bs-btn-active-bg: rgb(245.4, 175.8, 65.4); + --bs-btn-active-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f39c12; @@ -3060,12 +3060,12 @@ textarea.form-control-lg { --bs-btn-bg: #e74c3c; --bs-btn-border-color: #e74c3c; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #c44133; - --bs-btn-hover-border-color: #b93d30; + --bs-btn-hover-bg: rgb(196.35, 64.6, 51); + --bs-btn-hover-border-color: rgb(184.8, 60.8, 48); --bs-btn-focus-shadow-rgb: 235, 103, 89; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #b93d30; - --bs-btn-active-border-color: #ad392d; + --bs-btn-active-bg: rgb(184.8, 60.8, 48); + --bs-btn-active-border-color: rgb(173.25, 57, 45); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #e74c3c; @@ -3077,11 +3077,11 @@ textarea.form-control-lg { --bs-btn-bg: #303030; --bs-btn-border-color: #303030; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #292929; - --bs-btn-hover-border-color: #262626; + --bs-btn-hover-bg: rgb(40.8, 40.8, 40.8); + --bs-btn-hover-border-color: rgb(38.4, 38.4, 38.4); --bs-btn-focus-shadow-rgb: 79, 79, 79; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #262626; + --bs-btn-active-bg: rgb(38.4, 38.4, 38.4); --bs-btn-active-border-color: #242424; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; @@ -3094,12 +3094,12 @@ textarea.form-control-lg { --bs-btn-bg: #dee2e6; --bs-btn-border-color: #dee2e6; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #e3e6ea; - --bs-btn-hover-border-color: #e1e5e9; + --bs-btn-hover-bg: rgb(226.95, 230.35, 233.75); + --bs-btn-hover-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-focus-shadow-rgb: 189, 192, 196; --bs-btn-active-color: #000; - --bs-btn-active-bg: #e5e8eb; - --bs-btn-active-border-color: #e1e5e9; + --bs-btn-active-bg: rgb(228.6, 231.8, 235); + --bs-btn-active-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #dee2e6; @@ -4494,7 +4494,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='%23162433' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%2822, 36, 50.8%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4612,8 +4612,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='%23879cb2'%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-.708z'/%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='%23879cb2'%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-.708z'/%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='rgb%28135, 156, 178.2%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-.708z'/%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%28135, 156, 178.2%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { @@ -4658,16 +4658,16 @@ textarea.form-control-lg { --bs-pagination-border-color: transparent; --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: #fff; - --bs-pagination-hover-bg: #00efb2; + --bs-pagination-hover-bg: rgb(0, 239, 177.9787234043); --bs-pagination-hover-border-color: transparent; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); --bs-pagination-active-color: #fff; - --bs-pagination-active-bg: #00efb2; + --bs-pagination-active-bg: rgb(0, 239, 177.9787234043); --bs-pagination-active-border-color: transparent; --bs-pagination-disabled-color: #fff; - --bs-pagination-disabled-bg: #007053; + --bs-pagination-disabled-bg: rgb(0, 111.5, 83.0319148936); --bs-pagination-disabled-border-color: transparent; display: flex; padding-left: 0; diff --git a/src/assets/css/themes/darkly.css b/src/assets/css/themes/darkly.css index 85aaf2dfa..9f5674314 100644 --- a/src/assets/css/themes/darkly.css +++ b/src/assets/css/themes/darkly.css @@ -45,28 +45,28 @@ --bs-danger-rgb: 231, 76, 60; --bs-light-rgb: 48, 48, 48; --bs-dark-rgb: 222, 226, 230; - --bs-primary-text-emphasis: #004b38; - --bs-secondary-text-emphasis: #45484c; - --bs-success-text-emphasis: #004b38; - --bs-info-text-emphasis: #153d58; - --bs-warning-text-emphasis: #613e07; - --bs-danger-text-emphasis: #5c1e18; + --bs-primary-text-emphasis: rgb(0, 75.2, 56); + --bs-secondary-text-emphasis: rgb(69.2, 72.4, 75.6); + --bs-success-text-emphasis: rgb(0, 75.2, 56); + --bs-info-text-emphasis: rgb(20.8, 60.8, 87.6); + --bs-warning-text-emphasis: rgb(97.2, 62.4, 7.2); + --bs-danger-text-emphasis: rgb(92.4, 30.4, 24); --bs-light-text-emphasis: #444; --bs-dark-text-emphasis: #444; - --bs-primary-bg-subtle: #ccf2e8; - --bs-secondary-bg-subtle: #eff0f2; - --bs-success-bg-subtle: #ccf2e8; - --bs-info-bg-subtle: #d6eaf8; - --bs-warning-bg-subtle: #fdebd0; - --bs-danger-bg-subtle: #fadbd8; - --bs-light-bg-subtle: #fcfcfd; + --bs-primary-bg-subtle: rgb(204, 241.6, 232); + --bs-secondary-bg-subtle: rgb(238.6, 240.2, 241.8); + --bs-success-bg-subtle: rgb(204, 241.6, 232); + --bs-info-bg-subtle: rgb(214.4, 234.4, 247.8); + --bs-warning-bg-subtle: rgb(252.6, 235.2, 207.6); + --bs-danger-bg-subtle: rgb(250.2, 219.2, 216); + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #99e4d1; - --bs-secondary-border-subtle: #dee1e5; - --bs-success-border-subtle: #99e4d1; - --bs-info-border-subtle: #aed6f1; - --bs-warning-border-subtle: #fad7a0; - --bs-danger-border-subtle: #f5b7b1; + --bs-primary-border-subtle: rgb(153, 228.2, 209); + --bs-secondary-border-subtle: rgb(222.2, 225.4, 228.6); + --bs-success-border-subtle: rgb(153, 228.2, 209); + --bs-info-border-subtle: rgb(173.8, 213.8, 240.6); + --bs-warning-border-subtle: rgb(250.2, 215.4, 160.2); + --bs-danger-border-subtle: rgb(245.4, 183.4, 177); --bs-light-border-subtle: #ebebeb; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; @@ -97,7 +97,7 @@ --bs-link-color: #00bc8c; --bs-link-color-rgb: 0, 188, 140; --bs-link-decoration: none; - --bs-link-hover-color: #009670; + --bs-link-hover-color: rgb(0, 150.4, 112); --bs-link-hover-color-rgb: 0, 150, 112; --bs-code-color: #d63384; --bs-highlight-color: #dee2e6; @@ -142,44 +142,44 @@ --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #292929; --bs-tertiary-bg-rgb: 41, 41, 41; - --bs-primary-text-emphasis: #66d7ba; - --bs-secondary-text-emphasis: #ced3d7; - --bs-success-text-emphasis: #66d7ba; - --bs-info-text-emphasis: #85c1e9; - --bs-warning-text-emphasis: #f8c471; - --bs-danger-text-emphasis: #f1948a; + --bs-primary-text-emphasis: rgb(102, 214.8, 186); + --bs-secondary-text-emphasis: rgb(205.8, 210.6, 215.4); + --bs-success-text-emphasis: rgb(102, 214.8, 186); + --bs-info-text-emphasis: rgb(133.2, 193.2, 233.4); + --bs-warning-text-emphasis: rgb(247.8, 195.6, 112.8); + --bs-danger-text-emphasis: rgb(240.6, 147.6, 138); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #00261c; - --bs-secondary-bg-subtle: #232426; - --bs-success-bg-subtle: #00261c; - --bs-info-bg-subtle: #0a1e2c; - --bs-warning-bg-subtle: #311f04; - --bs-danger-bg-subtle: #2e0f0c; + --bs-primary-bg-subtle: rgb(0, 37.6, 28); + --bs-secondary-bg-subtle: rgb(34.6, 36.2, 37.8); + --bs-success-bg-subtle: rgb(0, 37.6, 28); + --bs-info-bg-subtle: rgb(10.4, 30.4, 43.8); + --bs-warning-bg-subtle: rgb(48.6, 31.2, 3.6); + --bs-danger-bg-subtle: rgb(46.2, 15.2, 12); --bs-light-bg-subtle: #303030; --bs-dark-bg-subtle: #181818; - --bs-primary-border-subtle: #007154; - --bs-secondary-border-subtle: #686d71; - --bs-success-border-subtle: #007154; - --bs-info-border-subtle: #1f5b83; - --bs-warning-border-subtle: #925e0b; - --bs-danger-border-subtle: #8b2e24; + --bs-primary-border-subtle: rgb(0, 112.8, 84); + --bs-secondary-border-subtle: rgb(103.8, 108.6, 113.4); + --bs-success-border-subtle: rgb(0, 112.8, 84); + --bs-info-border-subtle: rgb(31.2, 91.2, 131.4); + --bs-warning-border-subtle: rgb(145.8, 93.6, 10.8); + --bs-danger-border-subtle: rgb(138.6, 45.6, 36); --bs-light-border-subtle: #444; --bs-dark-border-subtle: #303030; --bs-heading-color: inherit; - --bs-link-color: #66d7ba; - --bs-link-hover-color: #85dfc8; + --bs-link-color: rgb(102, 214.8, 186); + --bs-link-hover-color: rgb(132.6, 222.84, 199.8); --bs-link-color-rgb: 102, 215, 186; --bs-link-hover-color-rgb: 133, 223, 200; - --bs-code-color: #e685b5; + --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: #333; --bs-border-color: #444; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #66d7ba; - --bs-form-valid-border-color: #66d7ba; - --bs-form-invalid-color: #f1948a; - --bs-form-invalid-border-color: #f1948a; + --bs-form-valid-color: rgb(102, 214.8, 186); + --bs-form-valid-border-color: rgb(102, 214.8, 186); + --bs-form-invalid-color: rgb(240.6, 147.6, 138); + --bs-form-invalid-border-color: rgb(240.6, 147.6, 138); } *, @@ -1935,13 +1935,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: #ccf2e8; - --bs-table-border-color: #a3c2ba; - --bs-table-striped-bg: #c2e6dc; + --bs-table-bg: rgb(204, 241.6, 232); + --bs-table-border-color: rgb(163.2, 193.28, 185.6); + --bs-table-striped-bg: rgb(193.8, 229.52, 220.4); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dad1; + --bs-table-active-bg: rgb(183.6, 217.44, 208.8); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0d7; + --bs-table-hover-bg: rgb(188.7, 223.48, 214.6); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1949,13 +1949,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: #eff0f2; - --bs-table-border-color: #bfc0c2; - --bs-table-striped-bg: #e3e4e6; + --bs-table-bg: rgb(238.6, 240.2, 241.8); + --bs-table-border-color: rgb(190.88, 192.16, 193.44); + --bs-table-striped-bg: rgb(226.67, 228.19, 229.71); --bs-table-striped-color: #000; - --bs-table-active-bg: #d7d8da; + --bs-table-active-bg: rgb(214.74, 216.18, 217.62); --bs-table-active-color: #000; - --bs-table-hover-bg: #dddee0; + --bs-table-hover-bg: rgb(220.705, 222.185, 223.665); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1963,13 +1963,13 @@ progress { .table-success { --bs-table-color: #000; - --bs-table-bg: #ccf2e8; - --bs-table-border-color: #a3c2ba; - --bs-table-striped-bg: #c2e6dc; + --bs-table-bg: rgb(204, 241.6, 232); + --bs-table-border-color: rgb(163.2, 193.28, 185.6); + --bs-table-striped-bg: rgb(193.8, 229.52, 220.4); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dad1; + --bs-table-active-bg: rgb(183.6, 217.44, 208.8); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0d7; + --bs-table-hover-bg: rgb(188.7, 223.48, 214.6); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1977,13 +1977,13 @@ progress { .table-info { --bs-table-color: #000; - --bs-table-bg: #d6eaf8; - --bs-table-border-color: #abbbc6; - --bs-table-striped-bg: #cbdeec; + --bs-table-bg: rgb(214.4, 234.4, 247.8); + --bs-table-border-color: rgb(171.52, 187.52, 198.24); + --bs-table-striped-bg: rgb(203.68, 222.68, 235.41); --bs-table-striped-color: #000; - --bs-table-active-bg: #c1d3df; + --bs-table-active-bg: rgb(192.96, 210.96, 223.02); --bs-table-active-color: #000; - --bs-table-hover-bg: #c6d8e5; + --bs-table-hover-bg: rgb(198.32, 216.82, 229.215); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1991,13 +1991,13 @@ progress { .table-warning { --bs-table-color: #000; - --bs-table-bg: #fdebd0; - --bs-table-border-color: #cabca6; - --bs-table-striped-bg: #f0dfc6; + --bs-table-bg: rgb(252.6, 235.2, 207.6); + --bs-table-border-color: rgb(202.08, 188.16, 166.08); + --bs-table-striped-bg: rgb(239.97, 223.44, 197.22); --bs-table-striped-color: #000; - --bs-table-active-bg: #e4d4bb; + --bs-table-active-bg: rgb(227.34, 211.68, 186.84); --bs-table-active-color: #000; - --bs-table-hover-bg: #ead9c0; + --bs-table-hover-bg: rgb(233.655, 217.56, 192.03); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2005,13 +2005,13 @@ progress { .table-danger { --bs-table-color: #000; - --bs-table-bg: #fadbd8; - --bs-table-border-color: #c8afad; - --bs-table-striped-bg: #eed0cd; + --bs-table-bg: rgb(250.2, 219.2, 216); + --bs-table-border-color: rgb(200.16, 175.36, 172.8); + --bs-table-striped-bg: rgb(237.69, 208.24, 205.2); --bs-table-striped-color: #000; - --bs-table-active-bg: #e1c5c2; + --bs-table-active-bg: rgb(225.18, 197.28, 194.4); --bs-table-active-color: #000; - --bs-table-hover-bg: #e7cbc8; + --bs-table-hover-bg: rgb(231.435, 202.76, 199.8); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2020,12 +2020,12 @@ progress { .table-light { --bs-table-color: #fff; --bs-table-bg: #303030; - --bs-table-border-color: #595959; - --bs-table-striped-bg: #3a3a3a; + --bs-table-border-color: rgb(89.4, 89.4, 89.4); + --bs-table-striped-bg: rgb(58.35, 58.35, 58.35); --bs-table-striped-color: #fff; - --bs-table-active-bg: #454545; + --bs-table-active-bg: rgb(68.7, 68.7, 68.7); --bs-table-active-color: #fff; - --bs-table-hover-bg: #404040; + --bs-table-hover-bg: rgb(63.525, 63.525, 63.525); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2034,12 +2034,12 @@ progress { .table-dark { --bs-table-color: #000; --bs-table-bg: #dee2e6; - --bs-table-border-color: #b2b5b8; - --bs-table-striped-bg: #d3d7db; + --bs-table-border-color: rgb(177.6, 180.8, 184); + --bs-table-striped-bg: rgb(210.9, 214.7, 218.5); --bs-table-striped-color: #000; - --bs-table-active-bg: #c8cbcf; + --bs-table-active-bg: rgb(199.8, 203.4, 207); --bs-table-active-color: #000; - --bs-table-hover-bg: #cdd1d5; + --bs-table-hover-bg: rgb(205.35, 209.05, 212.75); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2139,7 +2139,7 @@ progress { .form-control:focus { color: #fff; background-color: #444; - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2157,7 +2157,7 @@ progress { opacity: 1; } .form-control:disabled { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); opacity: 1; } .form-control::file-selector-button { @@ -2284,7 +2284,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2293,7 +2293,7 @@ textarea.form-control-lg { background-image: none; } .form-select:disabled { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); } .form-select:-moz-focusring { color: transparent; @@ -2368,7 +2368,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #80dec6; + border-color: rgb(127.5, 221.5, 197.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); } @@ -2415,7 +2415,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='%2380dec6'/%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='rgb%28127.5, 221.5, 197.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2485,7 +2485,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #b3ebdd; + background-color: rgb(178.5, 234.9, 220.5); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2511,7 +2511,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #b3ebdd; + background-color: rgb(178.5, 234.9, 220.5); } .form-range::-moz-range-track { width: 100%; @@ -2618,7 +2618,7 @@ textarea.form-control-lg { } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { - background-color: #2b2b2b; + background-color: rgb(42.5, 42.5, 42.5); } .input-group { @@ -2975,12 +2975,12 @@ textarea.form-control-lg { --bs-btn-bg: #00bc8c; --bs-btn-border-color: #00bc8c; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c69d; - --bs-btn-hover-border-color: #1ac398; + --bs-btn-hover-bg: rgb(38.25, 198.05, 157.25); + --bs-btn-hover-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-focus-shadow-rgb: 0, 160, 119; --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9a3; - --bs-btn-active-border-color: #1ac398; + --bs-btn-active-bg: rgb(51, 201.4, 163); + --bs-btn-active-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00bc8c; @@ -2992,12 +2992,12 @@ textarea.form-control-lg { --bs-btn-bg: #adb5bd; --bs-btn-border-color: #adb5bd; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #b9c0c7; - --bs-btn-hover-border-color: #b5bcc4; + --bs-btn-hover-bg: rgb(185.3, 192.1, 198.9); + --bs-btn-hover-border-color: rgb(181.2, 188.4, 195.6); --bs-btn-focus-shadow-rgb: 147, 154, 161; --bs-btn-active-color: #000; - --bs-btn-active-bg: #bdc4ca; - --bs-btn-active-border-color: #b5bcc4; + --bs-btn-active-bg: rgb(189.4, 195.8, 202.2); + --bs-btn-active-border-color: rgb(181.2, 188.4, 195.6); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #adb5bd; @@ -3009,12 +3009,12 @@ textarea.form-control-lg { --bs-btn-bg: #00bc8c; --bs-btn-border-color: #00bc8c; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c69d; - --bs-btn-hover-border-color: #1ac398; + --bs-btn-hover-bg: rgb(38.25, 198.05, 157.25); + --bs-btn-hover-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-focus-shadow-rgb: 0, 160, 119; --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9a3; - --bs-btn-active-border-color: #1ac398; + --bs-btn-active-bg: rgb(51, 201.4, 163); + --bs-btn-active-border-color: rgb(25.5, 194.7, 151.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00bc8c; @@ -3026,12 +3026,12 @@ textarea.form-control-lg { --bs-btn-bg: #3498db; --bs-btn-border-color: #3498db; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #2c81ba; - --bs-btn-hover-border-color: #2a7aaf; + --bs-btn-hover-bg: rgb(44.2, 129.2, 186.15); + --bs-btn-hover-border-color: rgb(41.6, 121.6, 175.2); --bs-btn-focus-shadow-rgb: 82, 167, 224; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #2a7aaf; - --bs-btn-active-border-color: #2772a4; + --bs-btn-active-bg: rgb(41.6, 121.6, 175.2); + --bs-btn-active-border-color: rgb(39, 114, 164.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3498db; @@ -3043,12 +3043,12 @@ textarea.form-control-lg { --bs-btn-bg: #f39c12; --bs-btn-border-color: #f39c12; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f5ab36; - --bs-btn-hover-border-color: #f4a62a; + --bs-btn-hover-bg: rgb(244.8, 170.85, 53.55); + --bs-btn-hover-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-focus-shadow-rgb: 207, 133, 15; --bs-btn-active-color: #000; - --bs-btn-active-bg: #f5b041; - --bs-btn-active-border-color: #f4a62a; + --bs-btn-active-bg: rgb(245.4, 175.8, 65.4); + --bs-btn-active-border-color: rgb(244.2, 165.9, 41.7); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f39c12; @@ -3060,12 +3060,12 @@ textarea.form-control-lg { --bs-btn-bg: #e74c3c; --bs-btn-border-color: #e74c3c; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #c44133; - --bs-btn-hover-border-color: #b93d30; + --bs-btn-hover-bg: rgb(196.35, 64.6, 51); + --bs-btn-hover-border-color: rgb(184.8, 60.8, 48); --bs-btn-focus-shadow-rgb: 235, 103, 89; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #b93d30; - --bs-btn-active-border-color: #ad392d; + --bs-btn-active-bg: rgb(184.8, 60.8, 48); + --bs-btn-active-border-color: rgb(173.25, 57, 45); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #e74c3c; @@ -3077,11 +3077,11 @@ textarea.form-control-lg { --bs-btn-bg: #303030; --bs-btn-border-color: #303030; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #292929; - --bs-btn-hover-border-color: #262626; + --bs-btn-hover-bg: rgb(40.8, 40.8, 40.8); + --bs-btn-hover-border-color: rgb(38.4, 38.4, 38.4); --bs-btn-focus-shadow-rgb: 79, 79, 79; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #262626; + --bs-btn-active-bg: rgb(38.4, 38.4, 38.4); --bs-btn-active-border-color: #242424; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; @@ -3094,12 +3094,12 @@ textarea.form-control-lg { --bs-btn-bg: #dee2e6; --bs-btn-border-color: #dee2e6; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #e3e6ea; - --bs-btn-hover-border-color: #e1e5e9; + --bs-btn-hover-bg: rgb(226.95, 230.35, 233.75); + --bs-btn-hover-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-focus-shadow-rgb: 189, 192, 196; --bs-btn-active-color: #000; - --bs-btn-active-bg: #e5e8eb; - --bs-btn-active-border-color: #e1e5e9; + --bs-btn-active-bg: rgb(228.6, 231.8, 235); + --bs-btn-active-border-color: rgb(225.3, 228.9, 232.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #dee2e6; @@ -4494,7 +4494,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='%23004b38' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%280, 75.2, 56%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4612,8 +4612,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='%2366d7ba'%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-.708z'/%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='%2366d7ba'%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-.708z'/%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='rgb%28102, 214.8, 186%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-.708z'/%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%28102, 214.8, 186%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { @@ -4658,16 +4658,16 @@ textarea.form-control-lg { --bs-pagination-border-color: transparent; --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: #fff; - --bs-pagination-hover-bg: #00efb2; + --bs-pagination-hover-bg: rgb(0, 239, 177.9787234043); --bs-pagination-hover-border-color: transparent; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); --bs-pagination-active-color: #fff; - --bs-pagination-active-bg: #00efb2; + --bs-pagination-active-bg: rgb(0, 239, 177.9787234043); --bs-pagination-active-border-color: transparent; --bs-pagination-disabled-color: #fff; - --bs-pagination-disabled-bg: #007053; + --bs-pagination-disabled-bg: rgb(0, 111.5, 83.0319148936); --bs-pagination-disabled-border-color: transparent; display: flex; padding-left: 0; diff --git a/src/assets/css/themes/i386-dark.css b/src/assets/css/themes/i386-dark.css index bda4b93da..4b15d01c1 100644 --- a/src/assets/css/themes/i386-dark.css +++ b/src/assets/css/themes/i386-dark.css @@ -45,24 +45,24 @@ --bs-danger-rgb: 170, 0, 0; --bs-light-rgb: 48, 48, 48; --bs-dark-rgb: 187, 187, 187; - --bs-primary-text-emphasis: #666622; - --bs-secondary-text-emphasis: #0e0e0e; + --bs-primary-text-emphasis: rgb(101.6, 101.6, 33.6); + --bs-secondary-text-emphasis: rgb(13.6, 13.6, 13.6); --bs-success-text-emphasis: #004400; --bs-info-text-emphasis: #004444; --bs-warning-text-emphasis: #440044; --bs-danger-text-emphasis: #440000; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: #ffffdd; - --bs-secondary-bg-subtle: lightgray; + --bs-primary-bg-subtle: rgb(254.8, 254.8, 220.8); + --bs-secondary-bg-subtle: rgb(210.8, 210.8, 210.8); --bs-success-bg-subtle: #cceecc; --bs-info-bg-subtle: #cceeee; --bs-warning-bg-subtle: #eeccee; --bs-danger-bg-subtle: #eecccc; - --bs-light-bg-subtle: #fcfcfd; + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #ffffbb; - --bs-secondary-border-subtle: #a7a7a7; + --bs-primary-border-subtle: rgb(254.6, 254.6, 186.6); + --bs-secondary-border-subtle: rgb(166.6, 166.6, 166.6); --bs-success-border-subtle: #99dd99; --bs-info-border-subtle: #99dddd; --bs-warning-border-subtle: #dd99dd; @@ -142,24 +142,24 @@ --bs-tertiary-color-rgb: 187, 187, 187; --bs-tertiary-bg: #292929; --bs-tertiary-bg-rgb: 41, 41, 41; - --bs-primary-text-emphasis: #fefe98; - --bs-secondary-text-emphasis: #7a7a7a; + --bs-primary-text-emphasis: rgb(254.4, 254.4, 152.4); + --bs-secondary-text-emphasis: rgb(122.4, 122.4, 122.4); --bs-success-text-emphasis: #66cc66; --bs-info-text-emphasis: #66cccc; --bs-warning-text-emphasis: #cc66cc; --bs-danger-text-emphasis: #cc6666; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #bbb; - --bs-primary-bg-subtle: #333311; - --bs-secondary-bg-subtle: #070707; + --bs-primary-bg-subtle: rgb(50.8, 50.8, 16.8); + --bs-secondary-bg-subtle: rgb(6.8, 6.8, 6.8); --bs-success-bg-subtle: #002200; --bs-info-bg-subtle: #002222; --bs-warning-bg-subtle: #220022; --bs-danger-bg-subtle: #220000; --bs-light-bg-subtle: #303030; --bs-dark-bg-subtle: #181818; - --bs-primary-border-subtle: #989832; - --bs-secondary-border-subtle: #141414; + --bs-primary-border-subtle: rgb(152.4, 152.4, 50.4); + --bs-secondary-border-subtle: rgb(20.4, 20.4, 20.4); --bs-success-border-subtle: #006600; --bs-info-border-subtle: #006666; --bs-warning-border-subtle: #660066; @@ -167,11 +167,11 @@ --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #303030; --bs-heading-color: inherit; - --bs-link-color: #fefe98; - --bs-link-hover-color: #fefead; + --bs-link-color: rgb(254.4, 254.4, 152.4); + --bs-link-hover-color: rgb(254.52, 254.52, 172.92); --bs-link-color-rgb: 254, 254, 152; - --bs-link-hover-color-rgb: 254, 254, 173; - --bs-code-color: #fe98fe; + --bs-link-hover-color-rgb: 255, 255, 173; + --bs-code-color: rgb(254.4, 152.4, 254.4); --bs-highlight-color: #bbb; --bs-highlight-bg: #463b00; --bs-border-color: #495057; @@ -1932,13 +1932,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: #ffffdd; - --bs-table-border-color: #ccccb1; - --bs-table-striped-bg: #f2f2d2; + --bs-table-bg: rgb(254.8, 254.8, 220.8); + --bs-table-border-color: rgb(203.84, 203.84, 176.64); + --bs-table-striped-bg: rgb(242.06, 242.06, 209.76); --bs-table-striped-color: #000; - --bs-table-active-bg: #e6e6c7; + --bs-table-active-bg: rgb(229.32, 229.32, 198.72); --bs-table-active-color: #000; - --bs-table-hover-bg: #ececcc; + --bs-table-hover-bg: rgb(235.69, 235.69, 204.24); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1946,13 +1946,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: lightgray; - --bs-table-border-color: darkgray; - --bs-table-striped-bg: #c8c8c8; + --bs-table-bg: rgb(210.8, 210.8, 210.8); + --bs-table-border-color: rgb(168.64, 168.64, 168.64); + --bs-table-striped-bg: rgb(200.26, 200.26, 200.26); --bs-table-striped-color: #000; - --bs-table-active-bg: #bebebe; + --bs-table-active-bg: rgb(189.72, 189.72, 189.72); --bs-table-active-color: #000; - --bs-table-hover-bg: #c3c3c3; + --bs-table-hover-bg: rgb(194.99, 194.99, 194.99); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1961,12 +1961,12 @@ progress { .table-success { --bs-table-color: #000; --bs-table-bg: #cceecc; - --bs-table-border-color: #a3bea3; - --bs-table-striped-bg: #c2e2c2; + --bs-table-border-color: rgb(163.2, 190.4, 163.2); + --bs-table-striped-bg: rgb(193.8, 226.1, 193.8); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8d6b8; + --bs-table-active-bg: rgb(183.6, 214.2, 183.6); --bs-table-active-color: #000; - --bs-table-hover-bg: #bddcbd; + --bs-table-hover-bg: rgb(188.7, 220.15, 188.7); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1975,12 +1975,12 @@ progress { .table-info { --bs-table-color: #000; --bs-table-bg: #cceeee; - --bs-table-border-color: #a3bebe; - --bs-table-striped-bg: #c2e2e2; + --bs-table-border-color: rgb(163.2, 190.4, 190.4); + --bs-table-striped-bg: rgb(193.8, 226.1, 226.1); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8d6d6; + --bs-table-active-bg: rgb(183.6, 214.2, 214.2); --bs-table-active-color: #000; - --bs-table-hover-bg: #bddcdc; + --bs-table-hover-bg: rgb(188.7, 220.15, 220.15); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1989,12 +1989,12 @@ progress { .table-warning { --bs-table-color: #000; --bs-table-bg: #eeccee; - --bs-table-border-color: #bea3be; - --bs-table-striped-bg: #e2c2e2; + --bs-table-border-color: rgb(190.4, 163.2, 190.4); + --bs-table-striped-bg: rgb(226.1, 193.8, 226.1); --bs-table-striped-color: #000; - --bs-table-active-bg: #d6b8d6; + --bs-table-active-bg: rgb(214.2, 183.6, 214.2); --bs-table-active-color: #000; - --bs-table-hover-bg: #dcbddc; + --bs-table-hover-bg: rgb(220.15, 188.7, 220.15); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2003,12 +2003,12 @@ progress { .table-danger { --bs-table-color: #000; --bs-table-bg: #eecccc; - --bs-table-border-color: #bea3a3; - --bs-table-striped-bg: #e2c2c2; + --bs-table-border-color: rgb(190.4, 163.2, 163.2); + --bs-table-striped-bg: rgb(226.1, 193.8, 193.8); --bs-table-striped-color: #000; - --bs-table-active-bg: #d6b8b8; + --bs-table-active-bg: rgb(214.2, 183.6, 183.6); --bs-table-active-color: #000; - --bs-table-hover-bg: #dcbdbd; + --bs-table-hover-bg: rgb(220.15, 188.7, 188.7); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2017,12 +2017,12 @@ progress { .table-light { --bs-table-color: #fff; --bs-table-bg: #303030; - --bs-table-border-color: #595959; - --bs-table-striped-bg: #3a3a3a; + --bs-table-border-color: rgb(89.4, 89.4, 89.4); + --bs-table-striped-bg: rgb(58.35, 58.35, 58.35); --bs-table-striped-color: #fff; - --bs-table-active-bg: #454545; + --bs-table-active-bg: rgb(68.7, 68.7, 68.7); --bs-table-active-color: #fff; - --bs-table-hover-bg: #404040; + --bs-table-hover-bg: rgb(63.525, 63.525, 63.525); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2031,12 +2031,12 @@ progress { .table-dark { --bs-table-color: #000; --bs-table-bg: #bbb; - --bs-table-border-color: #969696; - --bs-table-striped-bg: #b2b2b2; + --bs-table-border-color: rgb(149.6, 149.6, 149.6); + --bs-table-striped-bg: rgb(177.65, 177.65, 177.65); --bs-table-striped-color: #000; - --bs-table-active-bg: #a8a8a8; + --bs-table-active-bg: rgb(168.3, 168.3, 168.3); --bs-table-active-color: #000; - --bs-table-hover-bg: #adadad; + --bs-table-hover-bg: rgb(172.975, 172.975, 172.975); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2136,7 +2136,7 @@ progress { .form-control:focus { color: #fff; background-color: rgb(102, 102, 102); - border-color: #ffffaa; + border-color: rgb(254.5, 254.5, 169.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(254, 254, 84, 0.25); } @@ -2277,7 +2277,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #ffffaa; + border-color: rgb(254.5, 254.5, 169.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(254, 254, 84, 0.25); } @@ -2356,7 +2356,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #ffffaa; + border-color: rgb(254.5, 254.5, 169.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(254, 254, 84, 0.25); } @@ -2403,7 +2403,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='%23ffffaa'/%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='rgb%28254.5, 254.5, 169.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2472,7 +2472,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #ffffcc; + background-color: rgb(254.7, 254.7, 203.7); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2496,7 +2496,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #ffffcc; + background-color: rgb(254.7, 254.7, 203.7); } .form-range::-moz-range-track { width: 100%; @@ -2930,12 +2930,12 @@ textarea.form-control-lg { --bs-btn-bg: #fefe54; --bs-btn-border-color: #fefe54; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #fefe6e; - --bs-btn-hover-border-color: #fefe65; + --bs-btn-hover-bg: rgb(254.15, 254.15, 109.65); + --bs-btn-hover-border-color: rgb(254.1, 254.1, 101.1); --bs-btn-focus-shadow-rgb: 216, 216, 71; --bs-btn-active-color: #000; - --bs-btn-active-bg: #fefe76; - --bs-btn-active-border-color: #fefe65; + --bs-btn-active-bg: rgb(254.2, 254.2, 118.2); + --bs-btn-active-border-color: rgb(254.1, 254.1, 101.1); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #fefe54; @@ -2947,12 +2947,12 @@ textarea.form-control-lg { --bs-btn-bg: #222; --bs-btn-border-color: #222; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #1d1d1d; - --bs-btn-hover-border-color: #1b1b1b; + --bs-btn-hover-bg: rgb(28.9, 28.9, 28.9); + --bs-btn-hover-border-color: rgb(27.2, 27.2, 27.2); --bs-btn-focus-shadow-rgb: 67, 67, 67; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #1b1b1b; - --bs-btn-active-border-color: #1a1a1a; + --bs-btn-active-bg: rgb(27.2, 27.2, 27.2); + --bs-btn-active-border-color: rgb(25.5, 25.5, 25.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #222; @@ -2964,12 +2964,12 @@ textarea.form-control-lg { --bs-btn-bg: #00aa00; --bs-btn-border-color: #00aa00; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #009100; + --bs-btn-hover-bg: rgb(0, 144.5, 0); --bs-btn-hover-border-color: #008800; --bs-btn-focus-shadow-rgb: 38, 183, 38; --bs-btn-active-color: #fff; --bs-btn-active-bg: #008800; - --bs-btn-active-border-color: green; + --bs-btn-active-border-color: rgb(0, 127.5, 0); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #00aa00; @@ -2981,12 +2981,12 @@ textarea.form-control-lg { --bs-btn-bg: #00aaaa; --bs-btn-border-color: #00aaaa; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26b7b7; - --bs-btn-hover-border-color: #1ab3b3; + --bs-btn-hover-bg: rgb(38.25, 182.75, 182.75); + --bs-btn-hover-border-color: rgb(25.5, 178.5, 178.5); --bs-btn-focus-shadow-rgb: 0, 145, 145; --bs-btn-active-color: #000; --bs-btn-active-bg: #33bbbb; - --bs-btn-active-border-color: #1ab3b3; + --bs-btn-active-border-color: rgb(25.5, 178.5, 178.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00aaaa; @@ -2998,12 +2998,12 @@ textarea.form-control-lg { --bs-btn-bg: #aa00aa; --bs-btn-border-color: #aa00aa; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #910091; + --bs-btn-hover-bg: rgb(144.5, 0, 144.5); --bs-btn-hover-border-color: #880088; --bs-btn-focus-shadow-rgb: 183, 38, 183; --bs-btn-active-color: #fff; --bs-btn-active-bg: #880088; - --bs-btn-active-border-color: purple; + --bs-btn-active-border-color: rgb(127.5, 0, 127.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #aa00aa; @@ -3015,12 +3015,12 @@ textarea.form-control-lg { --bs-btn-bg: #aa0000; --bs-btn-border-color: #aa0000; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #910000; + --bs-btn-hover-bg: rgb(144.5, 0, 0); --bs-btn-hover-border-color: #880000; --bs-btn-focus-shadow-rgb: 183, 38, 38; --bs-btn-active-color: #fff; --bs-btn-active-bg: #880000; - --bs-btn-active-border-color: maroon; + --bs-btn-active-border-color: rgb(127.5, 0, 0); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #aa0000; @@ -3032,11 +3032,11 @@ textarea.form-control-lg { --bs-btn-bg: #303030; --bs-btn-border-color: #303030; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #292929; - --bs-btn-hover-border-color: #262626; + --bs-btn-hover-bg: rgb(40.8, 40.8, 40.8); + --bs-btn-hover-border-color: rgb(38.4, 38.4, 38.4); --bs-btn-focus-shadow-rgb: 79, 79, 79; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #262626; + --bs-btn-active-bg: rgb(38.4, 38.4, 38.4); --bs-btn-active-border-color: #242424; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; @@ -3049,12 +3049,12 @@ textarea.form-control-lg { --bs-btn-bg: #bbb; --bs-btn-border-color: #bbb; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #c5c5c5; - --bs-btn-hover-border-color: #c2c2c2; + --bs-btn-hover-bg: rgb(197.2, 197.2, 197.2); + --bs-btn-hover-border-color: rgb(193.8, 193.8, 193.8); --bs-btn-focus-shadow-rgb: 159, 159, 159; --bs-btn-active-color: #000; - --bs-btn-active-bg: #c9c9c9; - --bs-btn-active-border-color: #c2c2c2; + --bs-btn-active-bg: rgb(200.6, 200.6, 200.6); + --bs-btn-active-border-color: rgb(193.8, 193.8, 193.8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #bbb; @@ -4362,7 +4362,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='%23666622' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%28101.6, 101.6, 33.6%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(254, 254, 84, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4450,8 +4450,8 @@ textarea.form-control-lg { border-bottom: 0; } [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='%23fefe98'%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-.708z'/%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='%23fefe98'%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-.708z'/%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='rgb%28254.4, 254.4, 152.4%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-.708z'/%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%28254.4, 254.4, 152.4%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { diff --git a/src/assets/css/themes/litely-compact.css b/src/assets/css/themes/litely-compact.css index 701fce590..79968dc2f 100644 --- a/src/assets/css/themes/litely-compact.css +++ b/src/assets/css/themes/litely-compact.css @@ -74,7 +74,7 @@ hr.my-3 { --bs-success: #6610f2; --bs-info: #007bff; --bs-warning: #ffc107; - --bs-danger: #873208; + --bs-danger: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 241, 100, 30; @@ -85,28 +85,28 @@ hr.my-3 { --bs-danger-rgb: 135, 50, 8; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; - --bs-primary-text-emphasis: #60280c; - --bs-secondary-text-emphasis: #00431c; - --bs-success-text-emphasis: #290661; - --bs-info-text-emphasis: #003166; - --bs-warning-text-emphasis: #664d03; - --bs-danger-text-emphasis: #361403; + --bs-primary-text-emphasis: rgb(96.4, 40, 12); + --bs-secondary-text-emphasis: rgb(0, 67.2, 28); + --bs-success-text-emphasis: rgb(40.8, 6.4, 96.8); + --bs-info-text-emphasis: rgb(0, 49.2, 102); + --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); + --bs-danger-text-emphasis: rgb(54.0376569038, 20.1740585774, 3.3623430962); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: #fce0d2; - --bs-secondary-bg-subtle: #cceeda; - --bs-success-bg-subtle: #e0cffc; - --bs-info-bg-subtle: #cce5ff; - --bs-warning-bg-subtle: #fff3cd; - --bs-danger-bg-subtle: #e7d6ce; - --bs-light-bg-subtle: #fcfcfd; + --bs-primary-bg-subtle: rgb(252.2, 224, 210); + --bs-secondary-bg-subtle: rgb(204, 237.6, 218); + --bs-success-bg-subtle: rgb(224.4, 207.2, 252.4); + --bs-info-bg-subtle: rgb(204, 228.6, 255); + --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); + --bs-danger-bg-subtle: rgb(231.0188284519, 214.0870292887, 205.6811715481); + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #f9c1a5; - --bs-secondary-border-subtle: #99dcb5; - --bs-success-border-subtle: #c29ffa; - --bs-info-border-subtle: #99caff; - --bs-warning-border-subtle: #ffe69c; - --bs-danger-border-subtle: #cfad9c; + --bs-primary-border-subtle: rgb(249.4, 193, 165); + --bs-secondary-border-subtle: rgb(153, 220.2, 181); + --bs-success-border-subtle: rgb(193.8, 159.4, 249.8); + --bs-info-border-subtle: rgb(153, 202.2, 255); + --bs-warning-border-subtle: rgb(255, 230.2, 155.8); + --bs-danger-border-subtle: rgb(207.0376569038, 173.1740585774, 156.3623430962); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; @@ -137,7 +137,7 @@ hr.my-3 { --bs-link-color: #f1641e; --bs-link-color-rgb: 241, 100, 30; --bs-link-decoration: none; - --bs-link-hover-color: #c15018; + --bs-link-hover-color: rgb(192.8, 80, 24); --bs-link-hover-color-rgb: 193, 80, 24; --bs-code-color: #d63384; --bs-highlight-color: #495057; @@ -162,8 +162,8 @@ hr.my-3 { --bs-focus-ring-color: rgba(241, 100, 30, 0.25); --bs-form-valid-color: #007bff; --bs-form-valid-border-color: #007bff; - --bs-form-invalid-color: #873208; - --bs-form-invalid-border-color: #873208; + --bs-form-invalid-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-form-invalid-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); } [data-bs-theme=dark] { @@ -180,46 +180,46 @@ hr.my-3 { --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: #2b3035; + --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; - --bs-primary-text-emphasis: #f7a278; - --bs-secondary-text-emphasis: #66cb90; - --bs-success-text-emphasis: #a370f7; - --bs-info-text-emphasis: #66b0ff; - --bs-warning-text-emphasis: #ffda6a; - --bs-danger-text-emphasis: #b7846b; + --bs-primary-text-emphasis: rgb(246.6, 162, 120); + --bs-secondary-text-emphasis: rgb(102, 202.8, 144); + --bs-success-text-emphasis: rgb(163.2, 111.6, 247.2); + --bs-info-text-emphasis: rgb(102, 175.8, 255); + --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); + --bs-danger-text-emphasis: rgb(183.0564853556, 132.2610878661, 107.0435146444); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #301406; - --bs-secondary-bg-subtle: #00220e; - --bs-success-bg-subtle: #140330; - --bs-info-bg-subtle: #001933; - --bs-warning-bg-subtle: #332701; - --bs-danger-bg-subtle: #1b0a02; + --bs-primary-bg-subtle: rgb(48.2, 20, 6); + --bs-secondary-bg-subtle: rgb(0, 33.6, 14); + --bs-success-bg-subtle: rgb(20.4, 3.2, 48.4); + --bs-info-bg-subtle: rgb(0, 24.6, 51); + --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); + --bs-danger-bg-subtle: rgb(27.0188284519, 10.0870292887, 1.6811715481); --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #2b2e31; - --bs-primary-border-subtle: #913c12; - --bs-secondary-border-subtle: #00652a; - --bs-success-border-subtle: #3d0a91; - --bs-info-border-subtle: #004a99; - --bs-warning-border-subtle: #997404; - --bs-danger-border-subtle: #511e05; + --bs-primary-border-subtle: rgb(144.6, 60, 18); + --bs-secondary-border-subtle: rgb(0, 100.8, 42); + --bs-success-border-subtle: rgb(61.2, 9.6, 145.2); + --bs-info-border-subtle: rgb(0, 73.8, 153); + --bs-warning-border-subtle: rgb(153, 115.8, 4.2); + --bs-danger-border-subtle: rgb(81.0564853556, 30.2610878661, 5.0435146444); --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; - --bs-link-color: #f7a278; - --bs-link-hover-color: #f9b593; + --bs-link-color: rgb(246.6, 162, 120); + --bs-link-hover-color: rgb(248.28, 180.6, 147); --bs-link-color-rgb: 247, 162, 120; - --bs-link-hover-color-rgb: 249, 181, 147; - --bs-code-color: #e685b5; + --bs-link-hover-color-rgb: 248, 181, 147; + --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; - --bs-highlight-bg: #664d03; + --bs-highlight-bg: rgb(102, 77.2, 2.8); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #66cb90; - --bs-form-valid-border-color: #66cb90; - --bs-form-invalid-color: #e891a6; - --bs-form-invalid-border-color: #e891a6; + --bs-form-valid-color: rgb(102, 202.8, 144); + --bs-form-valid-border-color: rgb(102, 202.8, 144); + --bs-form-invalid-color: rgb(231.6, 145.2, 165.6); + --bs-form-invalid-border-color: rgb(231.6, 145.2, 165.6); } *, @@ -1950,13 +1950,13 @@ progress { .table-primary { --bs-table-color: #222; - --bs-table-bg: #fce0d2; - --bs-table-border-color: #d0baaf; - --bs-table-striped-bg: #f1d7c9; + --bs-table-bg: rgb(252.2, 224, 210); + --bs-table-border-color: rgb(208.56, 186, 174.8); + --bs-table-striped-bg: rgb(241.29, 214.5, 201.2); --bs-table-striped-color: #222; - --bs-table-active-bg: #e6cdc0; + --bs-table-active-bg: rgb(230.38, 205, 192.4); --bs-table-active-color: #222; - --bs-table-hover-bg: #ecd2c5; + --bs-table-hover-bg: rgb(235.835, 209.75, 196.8); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1964,13 +1964,13 @@ progress { .table-secondary { --bs-table-color: #222; - --bs-table-bg: #cceeda; - --bs-table-border-color: #aac5b5; - --bs-table-striped-bg: #c4e4d1; + --bs-table-bg: rgb(204, 237.6, 218); + --bs-table-border-color: rgb(170, 196.88, 181.2); + --bs-table-striped-bg: rgb(195.5, 227.42, 208.8); --bs-table-striped-color: #222; - --bs-table-active-bg: #bbdac8; + --bs-table-active-bg: rgb(187, 217.24, 199.6); --bs-table-active-color: #222; - --bs-table-hover-bg: #bfdfcc; + --bs-table-hover-bg: rgb(191.25, 222.33, 204.2); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1978,13 +1978,13 @@ progress { .table-success { --bs-table-color: #222; - --bs-table-bg: #e0cffc; - --bs-table-border-color: #baacd0; - --bs-table-striped-bg: #d7c6f1; + --bs-table-bg: rgb(224.4, 207.2, 252.4); + --bs-table-border-color: rgb(186.32, 172.56, 208.72); + --bs-table-striped-bg: rgb(214.88, 198.54, 241.48); --bs-table-striped-color: #222; - --bs-table-active-bg: #cdbee6; + --bs-table-active-bg: rgb(205.36, 189.88, 230.56); --bs-table-active-color: #222; - --bs-table-hover-bg: #d2c2ec; + --bs-table-hover-bg: rgb(210.12, 194.21, 236.02); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1992,13 +1992,13 @@ progress { .table-info { --bs-table-color: #222; - --bs-table-bg: #cce5ff; - --bs-table-border-color: #aabed3; - --bs-table-striped-bg: #c4dbf4; + --bs-table-bg: rgb(204, 228.6, 255); + --bs-table-border-color: rgb(170, 189.68, 210.8); + --bs-table-striped-bg: rgb(195.5, 218.87, 243.95); --bs-table-striped-color: #222; - --bs-table-active-bg: #bbd2e9; + --bs-table-active-bg: rgb(187, 209.14, 232.9); --bs-table-active-color: #222; - --bs-table-hover-bg: #bfd6ee; + --bs-table-hover-bg: rgb(191.25, 214.005, 238.425); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2006,13 +2006,13 @@ progress { .table-warning { --bs-table-color: #222; - --bs-table-bg: #fff3cd; - --bs-table-border-color: #d3c9ab; - --bs-table-striped-bg: #f4e9c4; + --bs-table-bg: rgb(255, 242.6, 205.4); + --bs-table-border-color: rgb(210.8, 200.88, 171.12); + --bs-table-striped-bg: rgb(243.95, 232.17, 196.83); --bs-table-striped-color: #222; - --bs-table-active-bg: #e9debc; + --bs-table-active-bg: rgb(232.9, 221.74, 188.26); --bs-table-active-color: #222; - --bs-table-hover-bg: #eee3c0; + --bs-table-hover-bg: rgb(238.425, 226.955, 192.545); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2020,13 +2020,13 @@ progress { .table-danger { --bs-table-color: #222; - --bs-table-bg: #e7d6ce; - --bs-table-border-color: #c0b2ac; - --bs-table-striped-bg: #ddcdc5; + --bs-table-bg: rgb(231.0188284519, 214.0870292887, 205.6811715481); + --bs-table-border-color: rgb(191.6150627615, 178.069623431, 171.3449372385); + --bs-table-striped-bg: rgb(221.1678870293, 205.0826778243, 197.0971129707); --bs-table-striped-color: #222; - --bs-table-active-bg: #d3c4bd; + --bs-table-active-bg: rgb(211.3169456067, 196.0783263598, 188.5130543933); --bs-table-active-color: #222; - --bs-table-hover-bg: #d8c9c1; + --bs-table-hover-bg: rgb(216.242416318, 200.5805020921, 192.805083682); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2035,12 +2035,12 @@ progress { .table-light { --bs-table-color: #222; --bs-table-bg: #f8f9fa; - --bs-table-border-color: #cdcecf; - --bs-table-striped-bg: #edeeef; + --bs-table-border-color: rgb(205.2, 206, 206.8); + --bs-table-striped-bg: rgb(237.3, 238.25, 239.2); --bs-table-striped-color: #222; - --bs-table-active-bg: #e3e4e4; + --bs-table-active-bg: rgb(226.6, 227.5, 228.4); --bs-table-active-color: #222; - --bs-table-hover-bg: #e8e9ea; + --bs-table-hover-bg: rgb(231.95, 232.875, 233.8); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2049,12 +2049,12 @@ progress { .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; - --bs-table-border-color: #4d5154; - --bs-table-striped-bg: #2c3034; + --bs-table-border-color: rgb(77.4, 80.6, 83.8); + --bs-table-striped-bg: rgb(44.1, 47.9, 51.7); --bs-table-striped-color: #fff; - --bs-table-active-bg: #373b3e; + --bs-table-active-bg: rgb(55.2, 58.8, 62.4); --bs-table-active-color: #fff; - --bs-table-hover-bg: #323539; + --bs-table-hover-bg: rgb(49.65, 53.35, 57.05); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2154,7 +2154,7 @@ progress { .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); } @@ -2299,7 +2299,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.75); } @@ -2383,7 +2383,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); } @@ -2430,7 +2430,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='%23f8b28f'/%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='rgb%28248, 177.5, 142.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2500,7 +2500,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #fbd1bc; + background-color: rgb(250.8, 208.5, 187.5); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2526,7 +2526,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #fbd1bc; + background-color: rgb(250.8, 208.5, 187.5); } .form-range::-moz-range-track { width: 100%; @@ -2849,7 +2849,7 @@ textarea.form-control-lg { .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23873208'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23873208' stroke='none'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); @@ -2868,7 +2868,7 @@ textarea.form-control-lg { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23873208'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23873208' stroke='none'/%3e%3c/svg%3e"); + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); @@ -2990,12 +2990,12 @@ textarea.form-control-lg { --bs-btn-bg: #f1641e; --bs-btn-border-color: #f1641e; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #cd551a; - --bs-btn-hover-border-color: #c15018; + --bs-btn-hover-bg: rgb(204.85, 85, 25.5); + --bs-btn-hover-border-color: rgb(192.8, 80, 24); --bs-btn-focus-shadow-rgb: 243, 123, 64; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #c15018; - --bs-btn-active-border-color: #b54b17; + --bs-btn-active-bg: rgb(192.8, 80, 24); + --bs-btn-active-border-color: rgb(180.75, 75, 22.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #f1641e; @@ -3007,12 +3007,12 @@ textarea.form-control-lg { --bs-btn-bg: #00a846; --bs-btn-border-color: #00a846; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #008f3c; - --bs-btn-hover-border-color: #008638; + --bs-btn-hover-bg: rgb(0, 142.8, 59.5); + --bs-btn-hover-border-color: rgb(0, 134.4, 56); --bs-btn-focus-shadow-rgb: 38, 181, 98; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #008638; - --bs-btn-active-border-color: #007e35; + --bs-btn-active-bg: rgb(0, 134.4, 56); + --bs-btn-active-border-color: rgb(0, 126, 52.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #00a846; @@ -3024,12 +3024,12 @@ textarea.form-control-lg { --bs-btn-bg: #6610f2; --bs-btn-border-color: #6610f2; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #570ece; - --bs-btn-hover-border-color: #520dc2; + --bs-btn-hover-bg: rgb(86.7, 13.6, 205.7); + --bs-btn-hover-border-color: rgb(81.6, 12.8, 193.6); --bs-btn-focus-shadow-rgb: 125, 52, 244; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #520dc2; - --bs-btn-active-border-color: #4d0cb6; + --bs-btn-active-bg: rgb(81.6, 12.8, 193.6); + --bs-btn-active-border-color: rgb(76.5, 12, 181.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6610f2; @@ -3041,12 +3041,12 @@ textarea.form-control-lg { --bs-btn-bg: #007bff; --bs-btn-border-color: #007bff; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #0069d9; - --bs-btn-hover-border-color: #0062cc; + --bs-btn-hover-bg: rgb(0, 104.55, 216.75); + --bs-btn-hover-border-color: rgb(0, 98.4, 204); --bs-btn-focus-shadow-rgb: 38, 143, 255; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #0062cc; - --bs-btn-active-border-color: #005cbf; + --bs-btn-active-bg: rgb(0, 98.4, 204); + --bs-btn-active-border-color: rgb(0, 92.25, 191.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #007bff; @@ -3058,12 +3058,12 @@ textarea.form-control-lg { --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #222; - --bs-btn-hover-bg: #ffca2c; - --bs-btn-hover-border-color: #ffc720; + --bs-btn-hover-bg: rgb(255, 202.3, 44.2); + --bs-btn-hover-border-color: rgb(255, 199.2, 31.8); --bs-btn-focus-shadow-rgb: 222, 169, 11; --bs-btn-active-color: #222; - --bs-btn-active-bg: #ffcd39; - --bs-btn-active-border-color: #ffc720; + --bs-btn-active-bg: rgb(255, 205.4, 56.6); + --bs-btn-active-border-color: rgb(255, 199.2, 31.8); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #222; --bs-btn-disabled-bg: #ffc107; @@ -3072,19 +3072,19 @@ textarea.form-control-lg { .btn-danger { --bs-btn-color: #fff; - --bs-btn-bg: #873208; - --bs-btn-border-color: #873208; + --bs-btn-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #732b07; - --bs-btn-hover-border-color: #6c2806; + --bs-btn-hover-bg: rgb(114.8300209205, 42.869874477, 7.1449790795); + --bs-btn-hover-border-color: rgb(108.0753138075, 40.3481171548, 6.7246861925); --bs-btn-focus-shadow-rgb: 153, 81, 45; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #6c2806; - --bs-btn-active-border-color: #652606; + --bs-btn-active-bg: rgb(108.0753138075, 40.3481171548, 6.7246861925); + --bs-btn-active-border-color: rgb(101.3206066946, 37.8263598326, 6.3043933054); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #873208; - --bs-btn-disabled-border-color: #873208; + --bs-btn-disabled-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-disabled-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); } .btn-light { @@ -3092,12 +3092,12 @@ textarea.form-control-lg { --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #222; - --bs-btn-hover-bg: #d3d4d5; - --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5); + --bs-btn-hover-border-color: rgb(198.4, 199.2, 200); --bs-btn-focus-shadow-rgb: 216, 217, 218; --bs-btn-active-color: #222; - --bs-btn-active-bg: #c6c7c8; - --bs-btn-active-border-color: #babbbc; + --bs-btn-active-bg: rgb(198.4, 199.2, 200); + --bs-btn-active-border-color: rgb(186, 186.75, 187.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #222; --bs-btn-disabled-bg: #f8f9fa; @@ -3109,12 +3109,12 @@ textarea.form-control-lg { --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #424649; - --bs-btn-hover-border-color: #373b3e; + --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-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #4d5154; - --bs-btn-active-border-color: #373b3e; + --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-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; @@ -3207,19 +3207,19 @@ textarea.form-control-lg { } .btn-outline-danger { - --bs-btn-color: #873208; - --bs-btn-border-color: #873208; + --bs-btn-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #873208; - --bs-btn-hover-border-color: #873208; + --bs-btn-hover-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-hover-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-focus-shadow-rgb: 135, 50, 8; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #873208; - --bs-btn-active-border-color: #873208; + --bs-btn-active-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-active-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); - --bs-btn-disabled-color: #873208; + --bs-btn-disabled-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #873208; + --bs-btn-disabled-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-gradient: none; } @@ -4505,7 +4505,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='%2360280c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%2896.4, 40, 12%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4623,8 +4623,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='%23f7a278'%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-.708z'/%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='%23f7a278'%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-.708z'/%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='rgb%28246.6, 162, 120%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-.708z'/%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%28246.6, 162, 120%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { @@ -6846,8 +6846,8 @@ textarea.form-control-lg { text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { - color: RGBA(108, 40, 6, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(108, 40, 6, var(--bs-link-underline-opacity, 1)) !important; + color: RGBA(108, 40, 7, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(108, 40, 7, var(--bs-link-underline-opacity, 1)) !important; } .link-light { diff --git a/src/assets/css/themes/litely-red.css b/src/assets/css/themes/litely-red.css index ee3ccb06b..e9ba7191d 100644 --- a/src/assets/css/themes/litely-red.css +++ b/src/assets/css/themes/litely-red.css @@ -34,7 +34,7 @@ --bs-success: #6610f2; --bs-info: #007bff; --bs-warning: #ffc107; - --bs-danger: #8c3409; + --bs-danger: rgb(139.8953974895, 52.2276150628, 8.7046025105); --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 241, 100, 30; @@ -45,28 +45,28 @@ --bs-danger-rgb: 140, 52, 9; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; - --bs-primary-text-emphasis: #60280c; + --bs-primary-text-emphasis: rgb(96.4, 40, 12); --bs-secondary-text-emphasis: #500000; - --bs-success-text-emphasis: #290661; - --bs-info-text-emphasis: #003166; - --bs-warning-text-emphasis: #664d03; - --bs-danger-text-emphasis: #381504; + --bs-success-text-emphasis: rgb(40.8, 6.4, 96.8); + --bs-info-text-emphasis: rgb(0, 49.2, 102); + --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); + --bs-danger-text-emphasis: rgb(55.9581589958, 20.8910460251, 3.4818410042); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: #fce0d2; + --bs-primary-bg-subtle: rgb(252.2, 224, 210); --bs-secondary-bg-subtle: #f4cccc; - --bs-success-bg-subtle: #e0cffc; - --bs-info-bg-subtle: #cce5ff; - --bs-warning-bg-subtle: #fff3cd; - --bs-danger-bg-subtle: #e8d6ce; - --bs-light-bg-subtle: #fcfcfd; + --bs-success-bg-subtle: rgb(224.4, 207.2, 252.4); + --bs-info-bg-subtle: rgb(204, 228.6, 255); + --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); + --bs-danger-bg-subtle: rgb(231.9790794979, 214.4455230126, 205.7409205021); + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #f9c1a5; + --bs-primary-border-subtle: rgb(249.4, 193, 165); --bs-secondary-border-subtle: #e99999; - --bs-success-border-subtle: #c29ffa; - --bs-info-border-subtle: #99caff; - --bs-warning-border-subtle: #ffe69c; - --bs-danger-border-subtle: #d1ae9d; + --bs-success-border-subtle: rgb(193.8, 159.4, 249.8); + --bs-info-border-subtle: rgb(153, 202.2, 255); + --bs-warning-border-subtle: rgb(255, 230.2, 155.8); + --bs-danger-border-subtle: rgb(208.9581589958, 173.8910460251, 156.4818410042); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; @@ -97,7 +97,7 @@ --bs-link-color: #f1641e; --bs-link-color-rgb: 241, 100, 30; --bs-link-decoration: none; - --bs-link-hover-color: #c15018; + --bs-link-hover-color: rgb(192.8, 80, 24); --bs-link-hover-color-rgb: 193, 80, 24; --bs-code-color: #d63384; --bs-highlight-color: #495057; @@ -122,8 +122,8 @@ --bs-focus-ring-color: rgba(241, 100, 30, 0.25); --bs-form-valid-color: #007bff; --bs-form-valid-border-color: #007bff; - --bs-form-invalid-color: #8c3409; - --bs-form-invalid-border-color: #8c3409; + --bs-form-invalid-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); + --bs-form-invalid-border-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); } [data-bs-theme=dark] { @@ -140,46 +140,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: #2b3035; + --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; - --bs-primary-text-emphasis: #f7a278; + --bs-primary-text-emphasis: rgb(246.6, 162, 120); --bs-secondary-text-emphasis: #de6666; - --bs-success-text-emphasis: #a370f7; - --bs-info-text-emphasis: #66b0ff; - --bs-warning-text-emphasis: #ffda6a; - --bs-danger-text-emphasis: #ba856b; + --bs-success-text-emphasis: rgb(163.2, 111.6, 247.2); + --bs-info-text-emphasis: rgb(102, 175.8, 255); + --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); + --bs-danger-text-emphasis: rgb(185.9372384937, 133.3365690377, 107.2227615063); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #301406; + --bs-primary-bg-subtle: rgb(48.2, 20, 6); --bs-secondary-bg-subtle: #280000; - --bs-success-bg-subtle: #140330; - --bs-info-bg-subtle: #001933; - --bs-warning-bg-subtle: #332701; - --bs-danger-bg-subtle: #1c0a02; + --bs-success-bg-subtle: rgb(20.4, 3.2, 48.4); + --bs-info-bg-subtle: rgb(0, 24.6, 51); + --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); + --bs-danger-bg-subtle: rgb(27.9790794979, 10.4455230126, 1.7409205021); --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #2b2e31; - --bs-primary-border-subtle: #913c12; + --bs-primary-border-subtle: rgb(144.6, 60, 18); --bs-secondary-border-subtle: #780000; - --bs-success-border-subtle: #3d0a91; - --bs-info-border-subtle: #004a99; - --bs-warning-border-subtle: #997404; - --bs-danger-border-subtle: #541f05; + --bs-success-border-subtle: rgb(61.2, 9.6, 145.2); + --bs-info-border-subtle: rgb(0, 73.8, 153); + --bs-warning-border-subtle: rgb(153, 115.8, 4.2); + --bs-danger-border-subtle: rgb(83.9372384937, 31.3365690377, 5.2227615063); --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; - --bs-link-color: #f7a278; - --bs-link-hover-color: #f9b593; + --bs-link-color: rgb(246.6, 162, 120); + --bs-link-hover-color: rgb(248.28, 180.6, 147); --bs-link-color-rgb: 247, 162, 120; - --bs-link-hover-color-rgb: 249, 181, 147; - --bs-code-color: #e685b5; + --bs-link-hover-color-rgb: 248, 181, 147; + --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; - --bs-highlight-bg: #664d03; + --bs-highlight-bg: rgb(102, 77.2, 2.8); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #66cb90; - --bs-form-valid-border-color: #66cb90; - --bs-form-invalid-color: #e891a6; - --bs-form-invalid-border-color: #e891a6; + --bs-form-valid-color: rgb(102, 202.8, 144); + --bs-form-valid-border-color: rgb(102, 202.8, 144); + --bs-form-invalid-color: rgb(231.6, 145.2, 165.6); + --bs-form-invalid-border-color: rgb(231.6, 145.2, 165.6); } *, @@ -1934,13 +1934,13 @@ progress { .table-primary { --bs-table-color: #222; - --bs-table-bg: #fce0d2; - --bs-table-border-color: #d0baaf; - --bs-table-striped-bg: #f1d7c9; + --bs-table-bg: rgb(252.2, 224, 210); + --bs-table-border-color: rgb(208.56, 186, 174.8); + --bs-table-striped-bg: rgb(241.29, 214.5, 201.2); --bs-table-striped-color: #222; - --bs-table-active-bg: #e6cdc0; + --bs-table-active-bg: rgb(230.38, 205, 192.4); --bs-table-active-color: #222; - --bs-table-hover-bg: #ecd2c5; + --bs-table-hover-bg: rgb(235.835, 209.75, 196.8); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1950,11 +1950,11 @@ progress { --bs-table-color: #222; --bs-table-bg: #f4cccc; --bs-table-border-color: #caaaaa; - --bs-table-striped-bg: #eac4c4; + --bs-table-striped-bg: rgb(233.5, 195.5, 195.5); --bs-table-striped-color: #222; --bs-table-active-bg: #dfbbbb; --bs-table-active-color: #222; - --bs-table-hover-bg: #e4bfbf; + --bs-table-hover-bg: rgb(228.25, 191.25, 191.25); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1962,13 +1962,13 @@ progress { .table-success { --bs-table-color: #222; - --bs-table-bg: #e0cffc; - --bs-table-border-color: #baacd0; - --bs-table-striped-bg: #d7c6f1; + --bs-table-bg: rgb(224.4, 207.2, 252.4); + --bs-table-border-color: rgb(186.32, 172.56, 208.72); + --bs-table-striped-bg: rgb(214.88, 198.54, 241.48); --bs-table-striped-color: #222; - --bs-table-active-bg: #cdbee6; + --bs-table-active-bg: rgb(205.36, 189.88, 230.56); --bs-table-active-color: #222; - --bs-table-hover-bg: #d2c2ec; + --bs-table-hover-bg: rgb(210.12, 194.21, 236.02); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1976,13 +1976,13 @@ progress { .table-info { --bs-table-color: #222; - --bs-table-bg: #cce5ff; - --bs-table-border-color: #aabed3; - --bs-table-striped-bg: #c4dbf4; + --bs-table-bg: rgb(204, 228.6, 255); + --bs-table-border-color: rgb(170, 189.68, 210.8); + --bs-table-striped-bg: rgb(195.5, 218.87, 243.95); --bs-table-striped-color: #222; - --bs-table-active-bg: #bbd2e9; + --bs-table-active-bg: rgb(187, 209.14, 232.9); --bs-table-active-color: #222; - --bs-table-hover-bg: #bfd6ee; + --bs-table-hover-bg: rgb(191.25, 214.005, 238.425); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1990,13 +1990,13 @@ progress { .table-warning { --bs-table-color: #222; - --bs-table-bg: #fff3cd; - --bs-table-border-color: #d3c9ab; - --bs-table-striped-bg: #f4e9c4; + --bs-table-bg: rgb(255, 242.6, 205.4); + --bs-table-border-color: rgb(210.8, 200.88, 171.12); + --bs-table-striped-bg: rgb(243.95, 232.17, 196.83); --bs-table-striped-color: #222; - --bs-table-active-bg: #e9debc; + --bs-table-active-bg: rgb(232.9, 221.74, 188.26); --bs-table-active-color: #222; - --bs-table-hover-bg: #eee3c0; + --bs-table-hover-bg: rgb(238.425, 226.955, 192.545); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2004,13 +2004,13 @@ progress { .table-danger { --bs-table-color: #222; - --bs-table-bg: #e8d6ce; - --bs-table-border-color: #c0b2ac; - --bs-table-striped-bg: #decdc5; + --bs-table-bg: rgb(231.9790794979, 214.4455230126, 205.7409205021); + --bs-table-border-color: rgb(192.3832635983, 178.35641841, 171.3927364017); + --bs-table-striped-bg: rgb(222.080125523, 205.4232468619, 197.153874477); --bs-table-striped-color: #222; - --bs-table-active-bg: #d4c4bd; + --bs-table-active-bg: rgb(212.1811715481, 196.4009707113, 188.5668284519); --bs-table-active-color: #222; - --bs-table-hover-bg: #d9c9c1; + --bs-table-hover-bg: rgb(217.1306485356, 200.9121087866, 192.8603514644); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2019,12 +2019,12 @@ progress { .table-light { --bs-table-color: #222; --bs-table-bg: #f8f9fa; - --bs-table-border-color: #cdcecf; - --bs-table-striped-bg: #edeeef; + --bs-table-border-color: rgb(205.2, 206, 206.8); + --bs-table-striped-bg: rgb(237.3, 238.25, 239.2); --bs-table-striped-color: #222; - --bs-table-active-bg: #e3e4e4; + --bs-table-active-bg: rgb(226.6, 227.5, 228.4); --bs-table-active-color: #222; - --bs-table-hover-bg: #e8e9ea; + --bs-table-hover-bg: rgb(231.95, 232.875, 233.8); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2033,12 +2033,12 @@ progress { .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; - --bs-table-border-color: #4d5154; - --bs-table-striped-bg: #2c3034; + --bs-table-border-color: rgb(77.4, 80.6, 83.8); + --bs-table-striped-bg: rgb(44.1, 47.9, 51.7); --bs-table-striped-color: #fff; - --bs-table-active-bg: #373b3e; + --bs-table-active-bg: rgb(55.2, 58.8, 62.4); --bs-table-active-color: #fff; - --bs-table-hover-bg: #323539; + --bs-table-hover-bg: rgb(49.65, 53.35, 57.05); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2138,7 +2138,7 @@ progress { .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); } @@ -2283,7 +2283,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.75); } @@ -2367,7 +2367,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); } @@ -2414,7 +2414,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='%23f8b28f'/%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='rgb%28248, 177.5, 142.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2484,7 +2484,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #fbd1bc; + background-color: rgb(250.8, 208.5, 187.5); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2510,7 +2510,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #fbd1bc; + background-color: rgb(250.8, 208.5, 187.5); } .form-range::-moz-range-track { width: 100%; @@ -2833,7 +2833,7 @@ textarea.form-control-lg { .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%238c3409'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%238c3409' stroke='none'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='rgb%28139.8953974895, 52.2276150628, 8.7046025105%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='rgb%28139.8953974895, 52.2276150628, 8.7046025105%29' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); @@ -2852,7 +2852,7 @@ textarea.form-control-lg { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%238c3409'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%238c3409' stroke='none'/%3e%3c/svg%3e"); + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='rgb%28139.8953974895, 52.2276150628, 8.7046025105%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='rgb%28139.8953974895, 52.2276150628, 8.7046025105%29' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); @@ -2974,12 +2974,12 @@ textarea.form-control-lg { --bs-btn-bg: #f1641e; --bs-btn-border-color: #f1641e; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #cd551a; - --bs-btn-hover-border-color: #c15018; + --bs-btn-hover-bg: rgb(204.85, 85, 25.5); + --bs-btn-hover-border-color: rgb(192.8, 80, 24); --bs-btn-focus-shadow-rgb: 243, 123, 64; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #c15018; - --bs-btn-active-border-color: #b54b17; + --bs-btn-active-bg: rgb(192.8, 80, 24); + --bs-btn-active-border-color: rgb(180.75, 75, 22.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #f1641e; @@ -3008,12 +3008,12 @@ textarea.form-control-lg { --bs-btn-bg: #6610f2; --bs-btn-border-color: #6610f2; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #570ece; - --bs-btn-hover-border-color: #520dc2; + --bs-btn-hover-bg: rgb(86.7, 13.6, 205.7); + --bs-btn-hover-border-color: rgb(81.6, 12.8, 193.6); --bs-btn-focus-shadow-rgb: 125, 52, 244; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #520dc2; - --bs-btn-active-border-color: #4d0cb6; + --bs-btn-active-bg: rgb(81.6, 12.8, 193.6); + --bs-btn-active-border-color: rgb(76.5, 12, 181.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6610f2; @@ -3025,12 +3025,12 @@ textarea.form-control-lg { --bs-btn-bg: #007bff; --bs-btn-border-color: #007bff; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #0069d9; - --bs-btn-hover-border-color: #0062cc; + --bs-btn-hover-bg: rgb(0, 104.55, 216.75); + --bs-btn-hover-border-color: rgb(0, 98.4, 204); --bs-btn-focus-shadow-rgb: 38, 143, 255; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #0062cc; - --bs-btn-active-border-color: #005cbf; + --bs-btn-active-bg: rgb(0, 98.4, 204); + --bs-btn-active-border-color: rgb(0, 92.25, 191.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #007bff; @@ -3042,12 +3042,12 @@ textarea.form-control-lg { --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #222; - --bs-btn-hover-bg: #ffca2c; - --bs-btn-hover-border-color: #ffc720; + --bs-btn-hover-bg: rgb(255, 202.3, 44.2); + --bs-btn-hover-border-color: rgb(255, 199.2, 31.8); --bs-btn-focus-shadow-rgb: 222, 169, 11; --bs-btn-active-color: #222; - --bs-btn-active-bg: #ffcd39; - --bs-btn-active-border-color: #ffc720; + --bs-btn-active-bg: rgb(255, 205.4, 56.6); + --bs-btn-active-border-color: rgb(255, 199.2, 31.8); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #222; --bs-btn-disabled-bg: #ffc107; @@ -3056,19 +3056,19 @@ textarea.form-control-lg { .btn-danger { --bs-btn-color: #fff; - --bs-btn-bg: #8c3409; - --bs-btn-border-color: #8c3409; + --bs-btn-bg: rgb(139.8953974895, 52.2276150628, 8.7046025105); + --bs-btn-border-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #772c08; - --bs-btn-hover-border-color: #702a07; - --bs-btn-focus-shadow-rgb: 157, 82, 46; + --bs-btn-hover-bg: rgb(118.9110878661, 44.3934728033, 7.3989121339); + --bs-btn-hover-border-color: rgb(111.9163179916, 41.7820920502, 6.9636820084); + --bs-btn-focus-shadow-rgb: 157, 83, 46; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #702a07; - --bs-btn-active-border-color: #692707; + --bs-btn-active-bg: rgb(111.9163179916, 41.7820920502, 6.9636820084); + --bs-btn-active-border-color: rgb(104.9215481172, 39.1707112971, 6.5284518828); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #8c3409; - --bs-btn-disabled-border-color: #8c3409; + --bs-btn-disabled-bg: rgb(139.8953974895, 52.2276150628, 8.7046025105); + --bs-btn-disabled-border-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); } .btn-light { @@ -3076,12 +3076,12 @@ textarea.form-control-lg { --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #222; - --bs-btn-hover-bg: #d3d4d5; - --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5); + --bs-btn-hover-border-color: rgb(198.4, 199.2, 200); --bs-btn-focus-shadow-rgb: 216, 217, 218; --bs-btn-active-color: #222; - --bs-btn-active-bg: #c6c7c8; - --bs-btn-active-border-color: #babbbc; + --bs-btn-active-bg: rgb(198.4, 199.2, 200); + --bs-btn-active-border-color: rgb(186, 186.75, 187.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #222; --bs-btn-disabled-bg: #f8f9fa; @@ -3093,12 +3093,12 @@ textarea.form-control-lg { --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #424649; - --bs-btn-hover-border-color: #373b3e; + --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-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #4d5154; - --bs-btn-active-border-color: #373b3e; + --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-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; @@ -3191,19 +3191,19 @@ textarea.form-control-lg { } .btn-outline-danger { - --bs-btn-color: #8c3409; - --bs-btn-border-color: #8c3409; + --bs-btn-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); + --bs-btn-border-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #8c3409; - --bs-btn-hover-border-color: #8c3409; + --bs-btn-hover-bg: rgb(139.8953974895, 52.2276150628, 8.7046025105); + --bs-btn-hover-border-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); --bs-btn-focus-shadow-rgb: 140, 52, 9; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #8c3409; - --bs-btn-active-border-color: #8c3409; + --bs-btn-active-bg: rgb(139.8953974895, 52.2276150628, 8.7046025105); + --bs-btn-active-border-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); - --bs-btn-disabled-color: #8c3409; + --bs-btn-disabled-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #8c3409; + --bs-btn-disabled-border-color: rgb(139.8953974895, 52.2276150628, 8.7046025105); --bs-gradient: none; } @@ -4493,7 +4493,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='%2360280c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%2896.4, 40, 12%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4611,8 +4611,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='%23f7a278'%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-.708z'/%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='%23f7a278'%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-.708z'/%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='rgb%28246.6, 162, 120%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-.708z'/%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%28246.6, 162, 120%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { diff --git a/src/assets/css/themes/litely.css b/src/assets/css/themes/litely.css index 3f5dcfc01..20ad67c1a 100644 --- a/src/assets/css/themes/litely.css +++ b/src/assets/css/themes/litely.css @@ -34,7 +34,7 @@ --bs-success: #6610f2; --bs-info: #007bff; --bs-warning: #ffc107; - --bs-danger: #873208; + --bs-danger: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 241, 100, 30; @@ -45,28 +45,28 @@ --bs-danger-rgb: 135, 50, 8; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; - --bs-primary-text-emphasis: #60280c; - --bs-secondary-text-emphasis: #00431c; - --bs-success-text-emphasis: #290661; - --bs-info-text-emphasis: #003166; - --bs-warning-text-emphasis: #664d03; - --bs-danger-text-emphasis: #361403; + --bs-primary-text-emphasis: rgb(96.4, 40, 12); + --bs-secondary-text-emphasis: rgb(0, 67.2, 28); + --bs-success-text-emphasis: rgb(40.8, 6.4, 96.8); + --bs-info-text-emphasis: rgb(0, 49.2, 102); + --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); + --bs-danger-text-emphasis: rgb(54.0376569038, 20.1740585774, 3.3623430962); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: #fce0d2; - --bs-secondary-bg-subtle: #cceeda; - --bs-success-bg-subtle: #e0cffc; - --bs-info-bg-subtle: #cce5ff; - --bs-warning-bg-subtle: #fff3cd; - --bs-danger-bg-subtle: #e7d6ce; - --bs-light-bg-subtle: #fcfcfd; + --bs-primary-bg-subtle: rgb(252.2, 224, 210); + --bs-secondary-bg-subtle: rgb(204, 237.6, 218); + --bs-success-bg-subtle: rgb(224.4, 207.2, 252.4); + --bs-info-bg-subtle: rgb(204, 228.6, 255); + --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); + --bs-danger-bg-subtle: rgb(231.0188284519, 214.0870292887, 205.6811715481); + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #f9c1a5; - --bs-secondary-border-subtle: #99dcb5; - --bs-success-border-subtle: #c29ffa; - --bs-info-border-subtle: #99caff; - --bs-warning-border-subtle: #ffe69c; - --bs-danger-border-subtle: #cfad9c; + --bs-primary-border-subtle: rgb(249.4, 193, 165); + --bs-secondary-border-subtle: rgb(153, 220.2, 181); + --bs-success-border-subtle: rgb(193.8, 159.4, 249.8); + --bs-info-border-subtle: rgb(153, 202.2, 255); + --bs-warning-border-subtle: rgb(255, 230.2, 155.8); + --bs-danger-border-subtle: rgb(207.0376569038, 173.1740585774, 156.3623430962); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; @@ -97,7 +97,7 @@ --bs-link-color: #f1641e; --bs-link-color-rgb: 241, 100, 30; --bs-link-decoration: none; - --bs-link-hover-color: #c15018; + --bs-link-hover-color: rgb(192.8, 80, 24); --bs-link-hover-color-rgb: 193, 80, 24; --bs-code-color: #d63384; --bs-highlight-color: #495057; @@ -122,8 +122,8 @@ --bs-focus-ring-color: rgba(241, 100, 30, 0.25); --bs-form-valid-color: #007bff; --bs-form-valid-border-color: #007bff; - --bs-form-invalid-color: #873208; - --bs-form-invalid-border-color: #873208; + --bs-form-invalid-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-form-invalid-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); } [data-bs-theme=dark] { @@ -140,46 +140,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: #2b3035; + --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; - --bs-primary-text-emphasis: #f7a278; - --bs-secondary-text-emphasis: #66cb90; - --bs-success-text-emphasis: #a370f7; - --bs-info-text-emphasis: #66b0ff; - --bs-warning-text-emphasis: #ffda6a; - --bs-danger-text-emphasis: #b7846b; + --bs-primary-text-emphasis: rgb(246.6, 162, 120); + --bs-secondary-text-emphasis: rgb(102, 202.8, 144); + --bs-success-text-emphasis: rgb(163.2, 111.6, 247.2); + --bs-info-text-emphasis: rgb(102, 175.8, 255); + --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); + --bs-danger-text-emphasis: rgb(183.0564853556, 132.2610878661, 107.0435146444); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #301406; - --bs-secondary-bg-subtle: #00220e; - --bs-success-bg-subtle: #140330; - --bs-info-bg-subtle: #001933; - --bs-warning-bg-subtle: #332701; - --bs-danger-bg-subtle: #1b0a02; + --bs-primary-bg-subtle: rgb(48.2, 20, 6); + --bs-secondary-bg-subtle: rgb(0, 33.6, 14); + --bs-success-bg-subtle: rgb(20.4, 3.2, 48.4); + --bs-info-bg-subtle: rgb(0, 24.6, 51); + --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); + --bs-danger-bg-subtle: rgb(27.0188284519, 10.0870292887, 1.6811715481); --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #2b2e31; - --bs-primary-border-subtle: #913c12; - --bs-secondary-border-subtle: #00652a; - --bs-success-border-subtle: #3d0a91; - --bs-info-border-subtle: #004a99; - --bs-warning-border-subtle: #997404; - --bs-danger-border-subtle: #511e05; + --bs-primary-border-subtle: rgb(144.6, 60, 18); + --bs-secondary-border-subtle: rgb(0, 100.8, 42); + --bs-success-border-subtle: rgb(61.2, 9.6, 145.2); + --bs-info-border-subtle: rgb(0, 73.8, 153); + --bs-warning-border-subtle: rgb(153, 115.8, 4.2); + --bs-danger-border-subtle: rgb(81.0564853556, 30.2610878661, 5.0435146444); --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; - --bs-link-color: #f7a278; - --bs-link-hover-color: #f9b593; + --bs-link-color: rgb(246.6, 162, 120); + --bs-link-hover-color: rgb(248.28, 180.6, 147); --bs-link-color-rgb: 247, 162, 120; - --bs-link-hover-color-rgb: 249, 181, 147; - --bs-code-color: #e685b5; + --bs-link-hover-color-rgb: 248, 181, 147; + --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; - --bs-highlight-bg: #664d03; + --bs-highlight-bg: rgb(102, 77.2, 2.8); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #66cb90; - --bs-form-valid-border-color: #66cb90; - --bs-form-invalid-color: #e891a6; - --bs-form-invalid-border-color: #e891a6; + --bs-form-valid-color: rgb(102, 202.8, 144); + --bs-form-valid-border-color: rgb(102, 202.8, 144); + --bs-form-invalid-color: rgb(231.6, 145.2, 165.6); + --bs-form-invalid-border-color: rgb(231.6, 145.2, 165.6); } *, @@ -1934,13 +1934,13 @@ progress { .table-primary { --bs-table-color: #222; - --bs-table-bg: #fce0d2; - --bs-table-border-color: #d0baaf; - --bs-table-striped-bg: #f1d7c9; + --bs-table-bg: rgb(252.2, 224, 210); + --bs-table-border-color: rgb(208.56, 186, 174.8); + --bs-table-striped-bg: rgb(241.29, 214.5, 201.2); --bs-table-striped-color: #222; - --bs-table-active-bg: #e6cdc0; + --bs-table-active-bg: rgb(230.38, 205, 192.4); --bs-table-active-color: #222; - --bs-table-hover-bg: #ecd2c5; + --bs-table-hover-bg: rgb(235.835, 209.75, 196.8); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1948,13 +1948,13 @@ progress { .table-secondary { --bs-table-color: #222; - --bs-table-bg: #cceeda; - --bs-table-border-color: #aac5b5; - --bs-table-striped-bg: #c4e4d1; + --bs-table-bg: rgb(204, 237.6, 218); + --bs-table-border-color: rgb(170, 196.88, 181.2); + --bs-table-striped-bg: rgb(195.5, 227.42, 208.8); --bs-table-striped-color: #222; - --bs-table-active-bg: #bbdac8; + --bs-table-active-bg: rgb(187, 217.24, 199.6); --bs-table-active-color: #222; - --bs-table-hover-bg: #bfdfcc; + --bs-table-hover-bg: rgb(191.25, 222.33, 204.2); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1962,13 +1962,13 @@ progress { .table-success { --bs-table-color: #222; - --bs-table-bg: #e0cffc; - --bs-table-border-color: #baacd0; - --bs-table-striped-bg: #d7c6f1; + --bs-table-bg: rgb(224.4, 207.2, 252.4); + --bs-table-border-color: rgb(186.32, 172.56, 208.72); + --bs-table-striped-bg: rgb(214.88, 198.54, 241.48); --bs-table-striped-color: #222; - --bs-table-active-bg: #cdbee6; + --bs-table-active-bg: rgb(205.36, 189.88, 230.56); --bs-table-active-color: #222; - --bs-table-hover-bg: #d2c2ec; + --bs-table-hover-bg: rgb(210.12, 194.21, 236.02); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1976,13 +1976,13 @@ progress { .table-info { --bs-table-color: #222; - --bs-table-bg: #cce5ff; - --bs-table-border-color: #aabed3; - --bs-table-striped-bg: #c4dbf4; + --bs-table-bg: rgb(204, 228.6, 255); + --bs-table-border-color: rgb(170, 189.68, 210.8); + --bs-table-striped-bg: rgb(195.5, 218.87, 243.95); --bs-table-striped-color: #222; - --bs-table-active-bg: #bbd2e9; + --bs-table-active-bg: rgb(187, 209.14, 232.9); --bs-table-active-color: #222; - --bs-table-hover-bg: #bfd6ee; + --bs-table-hover-bg: rgb(191.25, 214.005, 238.425); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1990,13 +1990,13 @@ progress { .table-warning { --bs-table-color: #222; - --bs-table-bg: #fff3cd; - --bs-table-border-color: #d3c9ab; - --bs-table-striped-bg: #f4e9c4; + --bs-table-bg: rgb(255, 242.6, 205.4); + --bs-table-border-color: rgb(210.8, 200.88, 171.12); + --bs-table-striped-bg: rgb(243.95, 232.17, 196.83); --bs-table-striped-color: #222; - --bs-table-active-bg: #e9debc; + --bs-table-active-bg: rgb(232.9, 221.74, 188.26); --bs-table-active-color: #222; - --bs-table-hover-bg: #eee3c0; + --bs-table-hover-bg: rgb(238.425, 226.955, 192.545); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2004,13 +2004,13 @@ progress { .table-danger { --bs-table-color: #222; - --bs-table-bg: #e7d6ce; - --bs-table-border-color: #c0b2ac; - --bs-table-striped-bg: #ddcdc5; + --bs-table-bg: rgb(231.0188284519, 214.0870292887, 205.6811715481); + --bs-table-border-color: rgb(191.6150627615, 178.069623431, 171.3449372385); + --bs-table-striped-bg: rgb(221.1678870293, 205.0826778243, 197.0971129707); --bs-table-striped-color: #222; - --bs-table-active-bg: #d3c4bd; + --bs-table-active-bg: rgb(211.3169456067, 196.0783263598, 188.5130543933); --bs-table-active-color: #222; - --bs-table-hover-bg: #d8c9c1; + --bs-table-hover-bg: rgb(216.242416318, 200.5805020921, 192.805083682); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2019,12 +2019,12 @@ progress { .table-light { --bs-table-color: #222; --bs-table-bg: #f8f9fa; - --bs-table-border-color: #cdcecf; - --bs-table-striped-bg: #edeeef; + --bs-table-border-color: rgb(205.2, 206, 206.8); + --bs-table-striped-bg: rgb(237.3, 238.25, 239.2); --bs-table-striped-color: #222; - --bs-table-active-bg: #e3e4e4; + --bs-table-active-bg: rgb(226.6, 227.5, 228.4); --bs-table-active-color: #222; - --bs-table-hover-bg: #e8e9ea; + --bs-table-hover-bg: rgb(231.95, 232.875, 233.8); --bs-table-hover-color: #222; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2033,12 +2033,12 @@ progress { .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; - --bs-table-border-color: #4d5154; - --bs-table-striped-bg: #2c3034; + --bs-table-border-color: rgb(77.4, 80.6, 83.8); + --bs-table-striped-bg: rgb(44.1, 47.9, 51.7); --bs-table-striped-color: #fff; - --bs-table-active-bg: #373b3e; + --bs-table-active-bg: rgb(55.2, 58.8, 62.4); --bs-table-active-color: #fff; - --bs-table-hover-bg: #323539; + --bs-table-hover-bg: rgb(49.65, 53.35, 57.05); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2138,7 +2138,7 @@ progress { .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); } @@ -2283,7 +2283,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.75); } @@ -2367,7 +2367,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #f8b28f; + border-color: rgb(248, 177.5, 142.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); } @@ -2414,7 +2414,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='%23f8b28f'/%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='rgb%28248, 177.5, 142.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2484,7 +2484,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #fbd1bc; + background-color: rgb(250.8, 208.5, 187.5); } .form-range::-webkit-slider-runnable-track { width: 100%; @@ -2510,7 +2510,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #fbd1bc; + background-color: rgb(250.8, 208.5, 187.5); } .form-range::-moz-range-track { width: 100%; @@ -2833,7 +2833,7 @@ textarea.form-control-lg { .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23873208'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23873208' stroke='none'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); @@ -2852,7 +2852,7 @@ textarea.form-control-lg { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23873208'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23873208' stroke='none'/%3e%3c/svg%3e"); + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='rgb%28135.0941422594, 50.4351464435, 8.4058577406%29' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); @@ -2974,12 +2974,12 @@ textarea.form-control-lg { --bs-btn-bg: #f1641e; --bs-btn-border-color: #f1641e; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #cd551a; - --bs-btn-hover-border-color: #c15018; + --bs-btn-hover-bg: rgb(204.85, 85, 25.5); + --bs-btn-hover-border-color: rgb(192.8, 80, 24); --bs-btn-focus-shadow-rgb: 243, 123, 64; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #c15018; - --bs-btn-active-border-color: #b54b17; + --bs-btn-active-bg: rgb(192.8, 80, 24); + --bs-btn-active-border-color: rgb(180.75, 75, 22.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #f1641e; @@ -2991,12 +2991,12 @@ textarea.form-control-lg { --bs-btn-bg: #00a846; --bs-btn-border-color: #00a846; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #008f3c; - --bs-btn-hover-border-color: #008638; + --bs-btn-hover-bg: rgb(0, 142.8, 59.5); + --bs-btn-hover-border-color: rgb(0, 134.4, 56); --bs-btn-focus-shadow-rgb: 38, 181, 98; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #008638; - --bs-btn-active-border-color: #007e35; + --bs-btn-active-bg: rgb(0, 134.4, 56); + --bs-btn-active-border-color: rgb(0, 126, 52.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #00a846; @@ -3008,12 +3008,12 @@ textarea.form-control-lg { --bs-btn-bg: #6610f2; --bs-btn-border-color: #6610f2; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #570ece; - --bs-btn-hover-border-color: #520dc2; + --bs-btn-hover-bg: rgb(86.7, 13.6, 205.7); + --bs-btn-hover-border-color: rgb(81.6, 12.8, 193.6); --bs-btn-focus-shadow-rgb: 125, 52, 244; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #520dc2; - --bs-btn-active-border-color: #4d0cb6; + --bs-btn-active-bg: rgb(81.6, 12.8, 193.6); + --bs-btn-active-border-color: rgb(76.5, 12, 181.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6610f2; @@ -3025,12 +3025,12 @@ textarea.form-control-lg { --bs-btn-bg: #007bff; --bs-btn-border-color: #007bff; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #0069d9; - --bs-btn-hover-border-color: #0062cc; + --bs-btn-hover-bg: rgb(0, 104.55, 216.75); + --bs-btn-hover-border-color: rgb(0, 98.4, 204); --bs-btn-focus-shadow-rgb: 38, 143, 255; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #0062cc; - --bs-btn-active-border-color: #005cbf; + --bs-btn-active-bg: rgb(0, 98.4, 204); + --bs-btn-active-border-color: rgb(0, 92.25, 191.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #007bff; @@ -3042,12 +3042,12 @@ textarea.form-control-lg { --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #222; - --bs-btn-hover-bg: #ffca2c; - --bs-btn-hover-border-color: #ffc720; + --bs-btn-hover-bg: rgb(255, 202.3, 44.2); + --bs-btn-hover-border-color: rgb(255, 199.2, 31.8); --bs-btn-focus-shadow-rgb: 222, 169, 11; --bs-btn-active-color: #222; - --bs-btn-active-bg: #ffcd39; - --bs-btn-active-border-color: #ffc720; + --bs-btn-active-bg: rgb(255, 205.4, 56.6); + --bs-btn-active-border-color: rgb(255, 199.2, 31.8); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #222; --bs-btn-disabled-bg: #ffc107; @@ -3056,19 +3056,19 @@ textarea.form-control-lg { .btn-danger { --bs-btn-color: #fff; - --bs-btn-bg: #873208; - --bs-btn-border-color: #873208; + --bs-btn-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #732b07; - --bs-btn-hover-border-color: #6c2806; + --bs-btn-hover-bg: rgb(114.8300209205, 42.869874477, 7.1449790795); + --bs-btn-hover-border-color: rgb(108.0753138075, 40.3481171548, 6.7246861925); --bs-btn-focus-shadow-rgb: 153, 81, 45; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #6c2806; - --bs-btn-active-border-color: #652606; + --bs-btn-active-bg: rgb(108.0753138075, 40.3481171548, 6.7246861925); + --bs-btn-active-border-color: rgb(101.3206066946, 37.8263598326, 6.3043933054); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #873208; - --bs-btn-disabled-border-color: #873208; + --bs-btn-disabled-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-disabled-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); } .btn-light { @@ -3076,12 +3076,12 @@ textarea.form-control-lg { --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #222; - --bs-btn-hover-bg: #d3d4d5; - --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5); + --bs-btn-hover-border-color: rgb(198.4, 199.2, 200); --bs-btn-focus-shadow-rgb: 216, 217, 218; --bs-btn-active-color: #222; - --bs-btn-active-bg: #c6c7c8; - --bs-btn-active-border-color: #babbbc; + --bs-btn-active-bg: rgb(198.4, 199.2, 200); + --bs-btn-active-border-color: rgb(186, 186.75, 187.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #222; --bs-btn-disabled-bg: #f8f9fa; @@ -3093,12 +3093,12 @@ textarea.form-control-lg { --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #424649; - --bs-btn-hover-border-color: #373b3e; + --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-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #4d5154; - --bs-btn-active-border-color: #373b3e; + --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-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; @@ -3191,19 +3191,19 @@ textarea.form-control-lg { } .btn-outline-danger { - --bs-btn-color: #873208; - --bs-btn-border-color: #873208; + --bs-btn-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #873208; - --bs-btn-hover-border-color: #873208; + --bs-btn-hover-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-hover-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-focus-shadow-rgb: 135, 50, 8; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #873208; - --bs-btn-active-border-color: #873208; + --bs-btn-active-bg: rgb(135.0941422594, 50.4351464435, 8.4058577406); + --bs-btn-active-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125); - --bs-btn-disabled-color: #873208; + --bs-btn-disabled-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #873208; + --bs-btn-disabled-border-color: rgb(135.0941422594, 50.4351464435, 8.4058577406); --bs-gradient: none; } @@ -4493,7 +4493,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='%2360280c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%2896.4, 40, 12%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(241, 100, 30, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4611,8 +4611,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='%23f7a278'%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-.708z'/%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='%23f7a278'%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-.708z'/%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='rgb%28246.6, 162, 120%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-.708z'/%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%28246.6, 162, 120%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { @@ -6834,8 +6834,8 @@ textarea.form-control-lg { text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { - color: RGBA(108, 40, 6, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(108, 40, 6, var(--bs-link-underline-opacity, 1)) !important; + color: RGBA(108, 40, 7, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(108, 40, 7, var(--bs-link-underline-opacity, 1)) !important; } .link-light { diff --git a/src/assets/css/themes/vaporwave-dark.css b/src/assets/css/themes/vaporwave-dark.css index 478b5b6fa..124489e15 100644 --- a/src/assets/css/themes/vaporwave-dark.css +++ b/src/assets/css/themes/vaporwave-dark.css @@ -45,27 +45,27 @@ --bs-danger-rgb: 255, 95, 110; --bs-light-rgb: 68, 68, 68; --bs-dark-rgb: 235, 235, 235; - --bs-primary-text-emphasis: #661a4a; - --bs-secondary-text-emphasis: #005266; - --bs-success-text-emphasis: #026640; - --bs-info-text-emphasis: #005266; - --bs-warning-text-emphasis: #66643c; + --bs-primary-text-emphasis: rgb(102, 25.6, 74.4); + --bs-secondary-text-emphasis: rgb(0.4, 82, 101.6); + --bs-success-text-emphasis: rgb(2, 102, 64.4); + --bs-info-text-emphasis: rgb(0.4, 82, 101.6); + --bs-warning-text-emphasis: rgb(102, 100.4, 60); --bs-danger-text-emphasis: #66262c; --bs-light-text-emphasis: #444; --bs-dark-text-emphasis: #444; - --bs-primary-bg-subtle: #ffd9f1; - --bs-secondary-bg-subtle: #ccf5ff; - --bs-success-bg-subtle: #cdffec; - --bs-info-bg-subtle: #ccf5ff; - --bs-warning-bg-subtle: #fffeea; + --bs-primary-bg-subtle: rgb(255, 216.8, 241.2); + --bs-secondary-bg-subtle: rgb(204.2, 245, 254.8); + --bs-success-bg-subtle: rgb(205, 255, 236.2); + --bs-info-bg-subtle: rgb(204.2, 245, 254.8); + --bs-warning-bg-subtle: rgb(255, 254.2, 234); --bs-danger-bg-subtle: #ffdfe2; - --bs-light-bg-subtle: #fcfcfd; + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #ffb3e3; - --bs-secondary-border-subtle: #99ebff; - --bs-success-border-subtle: #9bffd9; - --bs-info-border-subtle: #99ebff; - --bs-warning-border-subtle: #fffdd5; + --bs-primary-border-subtle: rgb(255, 178.6, 227.4); + --bs-secondary-border-subtle: rgb(153.4, 235, 254.6); + --bs-success-border-subtle: rgb(155, 255, 217.4); + --bs-info-border-subtle: rgb(153.4, 235, 254.6); + --bs-warning-border-subtle: rgb(255, 253.4, 213); --bs-danger-border-subtle: #ffbfc5; --bs-light-border-subtle: #ebebeb; --bs-dark-border-subtle: #adb5bd; @@ -97,7 +97,7 @@ --bs-link-color: rgb(255, 64, 186); --bs-link-color-rgb: 255, 64, 186; --bs-link-decoration: none; - --bs-link-hover-color: #cc3395; + --bs-link-hover-color: rgb(204, 51.2, 148.8); --bs-link-hover-color-rgb: 204, 51, 149; --bs-code-color: rgb(255, 64, 186); --bs-highlight-color: #ebebeb; @@ -142,42 +142,42 @@ --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #292929; --bs-tertiary-bg-rgb: 41, 41, 41; - --bs-primary-text-emphasis: #ff8cd6; - --bs-secondary-text-emphasis: #67e1fe; - --bs-success-text-emphasis: #69ffc7; - --bs-info-text-emphasis: #67e1fe; - --bs-warning-text-emphasis: #fffdc0; + --bs-primary-text-emphasis: rgb(255, 140.4, 213.6); + --bs-secondary-text-emphasis: rgb(102.6, 225, 254.4); + --bs-success-text-emphasis: rgb(105, 255, 198.6); + --bs-info-text-emphasis: rgb(102.6, 225, 254.4); + --bs-warning-text-emphasis: rgb(255, 252.6, 192); --bs-danger-text-emphasis: #ff9fa8; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #330d25; - --bs-secondary-bg-subtle: #002933; - --bs-success-bg-subtle: #013320; - --bs-info-bg-subtle: #002933; - --bs-warning-bg-subtle: #33321e; + --bs-primary-bg-subtle: rgb(51, 12.8, 37.2); + --bs-secondary-bg-subtle: rgb(0.2, 41, 50.8); + --bs-success-bg-subtle: rgb(1, 51, 32.2); + --bs-info-bg-subtle: rgb(0.2, 41, 50.8); + --bs-warning-bg-subtle: rgb(51, 50.2, 30); --bs-danger-bg-subtle: #331316; --bs-light-bg-subtle: #303030; --bs-dark-bg-subtle: #181818; - --bs-primary-border-subtle: #992670; - --bs-secondary-border-subtle: #017b98; - --bs-success-border-subtle: #039961; - --bs-info-border-subtle: #017b98; - --bs-warning-border-subtle: #99975a; + --bs-primary-border-subtle: rgb(153, 38.4, 111.6); + --bs-secondary-border-subtle: rgb(0.6, 123, 152.4); + --bs-success-border-subtle: rgb(3, 153, 96.6); + --bs-info-border-subtle: rgb(0.6, 123, 152.4); + --bs-warning-border-subtle: rgb(153, 150.6, 90); --bs-danger-border-subtle: #993942; --bs-light-border-subtle: #444; --bs-dark-border-subtle: #303030; --bs-heading-color: inherit; - --bs-link-color: #ff8cd6; - --bs-link-hover-color: #ffa3de; + --bs-link-color: rgb(255, 140.4, 213.6); + --bs-link-hover-color: rgb(255, 163.32, 221.88); --bs-link-color-rgb: 255, 140, 214; --bs-link-hover-color-rgb: 255, 163, 222; - --bs-code-color: #ff8cd6; + --bs-code-color: rgb(255, 140.4, 213.6); --bs-highlight-color: #dee2e6; --bs-highlight-bg: #888; --bs-border-color: #444; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #69ffc7; - --bs-form-valid-border-color: #69ffc7; + --bs-form-valid-color: rgb(105, 255, 198.6); + --bs-form-valid-border-color: rgb(105, 255, 198.6); --bs-form-invalid-color: #ff9fa8; --bs-form-invalid-border-color: #ff9fa8; } @@ -1936,13 +1936,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: #ffd9f1; - --bs-table-border-color: #ccaec1; - --bs-table-striped-bg: #f2cee5; + --bs-table-bg: rgb(255, 216.8, 241.2); + --bs-table-border-color: rgb(204, 173.44, 192.96); + --bs-table-striped-bg: rgb(242.25, 205.96, 229.14); --bs-table-striped-color: #000; - --bs-table-active-bg: #e6c3d9; + --bs-table-active-bg: rgb(229.5, 195.12, 217.08); --bs-table-active-color: #000; - --bs-table-hover-bg: #ecc9df; + --bs-table-hover-bg: rgb(235.875, 200.54, 223.11); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1950,13 +1950,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: #ccf5ff; - --bs-table-border-color: #a3c4cc; - --bs-table-striped-bg: #c2e9f2; + --bs-table-bg: rgb(204.2, 245, 254.8); + --bs-table-border-color: rgb(163.36, 196, 203.84); + --bs-table-striped-bg: rgb(193.99, 232.75, 242.06); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dde6; + --bs-table-active-bg: rgb(183.78, 220.5, 229.32); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde3ec; + --bs-table-hover-bg: rgb(188.885, 226.625, 235.69); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1964,13 +1964,13 @@ progress { .table-success { --bs-table-color: #000; - --bs-table-bg: #cdffec; - --bs-table-border-color: #a4ccbd; - --bs-table-striped-bg: #c3f2e0; + --bs-table-bg: rgb(205, 255, 236.2); + --bs-table-border-color: rgb(164, 204, 188.96); + --bs-table-striped-bg: rgb(194.75, 242.25, 224.39); --bs-table-striped-color: #000; - --bs-table-active-bg: #b9e6d4; + --bs-table-active-bg: rgb(184.5, 229.5, 212.58); --bs-table-active-color: #000; - --bs-table-hover-bg: #beecda; + --bs-table-hover-bg: rgb(189.625, 235.875, 218.485); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1978,13 +1978,13 @@ progress { .table-info { --bs-table-color: #000; - --bs-table-bg: #ccf5ff; - --bs-table-border-color: #a3c4cc; - --bs-table-striped-bg: #c2e9f2; + --bs-table-bg: rgb(204.2, 245, 254.8); + --bs-table-border-color: rgb(163.36, 196, 203.84); + --bs-table-striped-bg: rgb(193.99, 232.75, 242.06); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dde6; + --bs-table-active-bg: rgb(183.78, 220.5, 229.32); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde3ec; + --bs-table-hover-bg: rgb(188.885, 226.625, 235.69); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1992,13 +1992,13 @@ progress { .table-warning { --bs-table-color: #000; - --bs-table-bg: #fffeea; - --bs-table-border-color: #cccbbb; - --bs-table-striped-bg: #f2f1de; + --bs-table-bg: rgb(255, 254.2, 234); + --bs-table-border-color: rgb(204, 203.36, 187.2); + --bs-table-striped-bg: rgb(242.25, 241.49, 222.3); --bs-table-striped-color: #000; - --bs-table-active-bg: #e6e5d3; + --bs-table-active-bg: rgb(229.5, 228.78, 210.6); --bs-table-active-color: #000; - --bs-table-hover-bg: #ecebd8; + --bs-table-hover-bg: rgb(235.875, 235.135, 216.45); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2007,12 +2007,12 @@ progress { .table-danger { --bs-table-color: #000; --bs-table-bg: #ffdfe2; - --bs-table-border-color: #ccb2b5; - --bs-table-striped-bg: #f2d4d7; + --bs-table-border-color: rgb(204, 178.4, 180.8); + --bs-table-striped-bg: rgb(242.25, 211.85, 214.7); --bs-table-striped-color: #000; - --bs-table-active-bg: #e6c9cb; + --bs-table-active-bg: rgb(229.5, 200.7, 203.4); --bs-table-active-color: #000; - --bs-table-hover-bg: #ecced1; + --bs-table-hover-bg: rgb(235.875, 206.275, 209.05); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2021,12 +2021,12 @@ progress { .table-light { --bs-table-color: #fff; --bs-table-bg: #444; - --bs-table-border-color: dimgray; - --bs-table-striped-bg: #4d4d4d; + --bs-table-border-color: rgb(105.4, 105.4, 105.4); + --bs-table-striped-bg: rgb(77.35, 77.35, 77.35); --bs-table-striped-color: #fff; - --bs-table-active-bg: #575757; + --bs-table-active-bg: rgb(86.7, 86.7, 86.7); --bs-table-active-color: #fff; - --bs-table-hover-bg: #525252; + --bs-table-hover-bg: rgb(82.025, 82.025, 82.025); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2036,11 +2036,11 @@ progress { --bs-table-color: #000; --bs-table-bg: #ebebeb; --bs-table-border-color: #bcbcbc; - --bs-table-striped-bg: #dfdfdf; + --bs-table-striped-bg: rgb(223.25, 223.25, 223.25); --bs-table-striped-color: #000; - --bs-table-active-bg: #d4d4d4; + --bs-table-active-bg: rgb(211.5, 211.5, 211.5); --bs-table-active-color: #000; - --bs-table-hover-bg: #d9d9d9; + --bs-table-hover-bg: rgb(217.375, 217.375, 217.375); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2141,7 +2141,7 @@ progress { .form-control:focus { color: #fff; background-color: #888; - border-color: #ffa0dd; + border-color: rgb(255, 159.5, 220.5); outline: 0; box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(255, 64, 186, 0.25); } @@ -2288,7 +2288,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #ffa0dd; + border-color: rgb(255, 159.5, 220.5); outline: 0; box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(255, 64, 186, 0.25); } @@ -2372,7 +2372,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #ffa0dd; + border-color: rgb(255, 159.5, 220.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(255, 64, 186, 0.25); } @@ -2419,7 +2419,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='%23ffa0dd'/%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='rgb%28255, 159.5, 220.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2491,7 +2491,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #ffc6ea; + background-color: rgb(255, 197.7, 234.3); background-image: var(--bs-gradient); } .form-range::-webkit-slider-runnable-track { @@ -2521,7 +2521,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #ffc6ea; + background-color: rgb(255, 197.7, 234.3); background-image: var(--bs-gradient); } .form-range::-moz-range-track { @@ -2994,12 +2994,12 @@ textarea.form-control-lg { --bs-btn-bg: rgb(255, 64, 186); --bs-btn-border-color: rgb(255, 64, 186); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #d9369e; - --bs-btn-hover-border-color: #cc3395; + --bs-btn-hover-bg: rgb(216.75, 54.4, 158.1); + --bs-btn-hover-border-color: rgb(204, 51.2, 148.8); --bs-btn-focus-shadow-rgb: 255, 93, 196; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #cc3395; - --bs-btn-active-border-color: #bf308c; + --bs-btn-active-bg: rgb(204, 51.2, 148.8); + --bs-btn-active-border-color: rgb(191.25, 48, 139.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: rgb(255, 64, 186); @@ -3011,12 +3011,12 @@ textarea.form-control-lg { --bs-btn-bg: #01cdfe; --bs-btn-border-color: #01cdfe; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #27d5fe; - --bs-btn-hover-border-color: #1ad2fe; + --bs-btn-hover-bg: rgb(39.1, 212.5, 254.15); + --bs-btn-hover-border-color: rgb(26.4, 210, 254.1); --bs-btn-focus-shadow-rgb: 1, 174, 216; --bs-btn-active-color: #000; - --bs-btn-active-bg: #34d7fe; - --bs-btn-active-border-color: #1ad2fe; + --bs-btn-active-bg: rgb(51.8, 215, 254.2); + --bs-btn-active-border-color: rgb(26.4, 210, 254.1); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #01cdfe; @@ -3028,12 +3028,12 @@ textarea.form-control-lg { --bs-btn-bg: #05ffa1; --bs-btn-border-color: #05ffa1; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #2bffaf; - --bs-btn-hover-border-color: #1effaa; + --bs-btn-hover-bg: rgb(42.5, 255, 175.1); + --bs-btn-hover-border-color: rgb(30, 255, 170.4); --bs-btn-focus-shadow-rgb: 4, 217, 137; --bs-btn-active-color: #000; - --bs-btn-active-bg: #37ffb4; - --bs-btn-active-border-color: #1effaa; + --bs-btn-active-bg: rgb(55, 255, 179.8); + --bs-btn-active-border-color: rgb(30, 255, 170.4); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #05ffa1; @@ -3045,12 +3045,12 @@ textarea.form-control-lg { --bs-btn-bg: #01cdfe; --bs-btn-border-color: #01cdfe; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #27d5fe; - --bs-btn-hover-border-color: #1ad2fe; + --bs-btn-hover-bg: rgb(39.1, 212.5, 254.15); + --bs-btn-hover-border-color: rgb(26.4, 210, 254.1); --bs-btn-focus-shadow-rgb: 1, 174, 216; --bs-btn-active-color: #000; - --bs-btn-active-bg: #34d7fe; - --bs-btn-active-border-color: #1ad2fe; + --bs-btn-active-bg: rgb(51.8, 215, 254.2); + --bs-btn-active-border-color: rgb(26.4, 210, 254.1); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #01cdfe; @@ -3062,12 +3062,12 @@ textarea.form-control-lg { --bs-btn-bg: #fffb96; --bs-btn-border-color: #fffb96; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #fffca6; - --bs-btn-hover-border-color: #fffba1; + --bs-btn-hover-bg: rgb(255, 251.6, 165.75); + --bs-btn-hover-border-color: rgb(255, 251.4, 160.5); --bs-btn-focus-shadow-rgb: 217, 213, 128; --bs-btn-active-color: #000; - --bs-btn-active-bg: #fffcab; - --bs-btn-active-border-color: #fffba1; + --bs-btn-active-bg: rgb(255, 251.8, 171); + --bs-btn-active-border-color: rgb(255, 251.4, 160.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #fffb96; @@ -3079,12 +3079,12 @@ textarea.form-control-lg { --bs-btn-bg: rgb(255, 95, 110); --bs-btn-border-color: rgb(255, 95, 110); --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ff7784; - --bs-btn-hover-border-color: #ff6f7d; + --bs-btn-hover-bg: rgb(255, 119, 131.75); + --bs-btn-hover-border-color: rgb(255, 111, 124.5); --bs-btn-focus-shadow-rgb: 217, 81, 94; --bs-btn-active-color: #000; --bs-btn-active-bg: #ff7f8b; - --bs-btn-active-border-color: #ff6f7d; + --bs-btn-active-border-color: rgb(255, 111, 124.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: rgb(255, 95, 110); @@ -3096,11 +3096,11 @@ textarea.form-control-lg { --bs-btn-bg: #444; --bs-btn-border-color: #444; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #3a3a3a; - --bs-btn-hover-border-color: #363636; + --bs-btn-hover-bg: rgb(57.8, 57.8, 57.8); + --bs-btn-hover-border-color: rgb(54.4, 54.4, 54.4); --bs-btn-focus-shadow-rgb: 96, 96, 96; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #363636; + --bs-btn-active-bg: rgb(54.4, 54.4, 54.4); --bs-btn-active-border-color: #333333; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; @@ -4534,7 +4534,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='%23661a4a' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%28102, 25.6, 74.4%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 64, 186, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4652,8 +4652,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='%23ff8cd6'%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-.708z'/%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='%23ff8cd6'%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-.708z'/%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='rgb%28255, 140.4, 213.6%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-.708z'/%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%28255, 140.4, 213.6%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { diff --git a/src/assets/css/themes/vaporwave-light.css b/src/assets/css/themes/vaporwave-light.css index 14db532b0..b171b3cde 100644 --- a/src/assets/css/themes/vaporwave-light.css +++ b/src/assets/css/themes/vaporwave-light.css @@ -35,7 +35,7 @@ --bs-info: #01cdfe; --bs-warning: #fffb96; --bs-danger: rgb(255, 95, 110); - --bs-light: #dadee3; + --bs-light: rgb(217.6474137931, 222.175, 226.7025862069); --bs-dark: #212529; --bs-primary-rgb: 255, 64, 186; --bs-secondary-rgb: 1, 205, 254; @@ -45,27 +45,27 @@ --bs-danger-rgb: 255, 95, 110; --bs-light-rgb: 218, 222, 227; --bs-dark-rgb: 33, 37, 41; - --bs-primary-text-emphasis: #661a4a; - --bs-secondary-text-emphasis: #005266; - --bs-success-text-emphasis: #026640; - --bs-info-text-emphasis: #005266; - --bs-warning-text-emphasis: #66643c; + --bs-primary-text-emphasis: rgb(102, 25.6, 74.4); + --bs-secondary-text-emphasis: rgb(0.4, 82, 101.6); + --bs-success-text-emphasis: rgb(2, 102, 64.4); + --bs-info-text-emphasis: rgb(0.4, 82, 101.6); + --bs-warning-text-emphasis: rgb(102, 100.4, 60); --bs-danger-text-emphasis: #66262c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: #ffd9f1; - --bs-secondary-bg-subtle: #ccf5ff; - --bs-success-bg-subtle: #cdffec; - --bs-info-bg-subtle: #ccf5ff; - --bs-warning-bg-subtle: #fffeea; + --bs-primary-bg-subtle: rgb(255, 216.8, 241.2); + --bs-secondary-bg-subtle: rgb(204.2, 245, 254.8); + --bs-success-bg-subtle: rgb(205, 255, 236.2); + --bs-info-bg-subtle: rgb(204.2, 245, 254.8); + --bs-warning-bg-subtle: rgb(255, 254.2, 234); --bs-danger-bg-subtle: #ffdfe2; - --bs-light-bg-subtle: #fcfcfd; + --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #ffb3e3; - --bs-secondary-border-subtle: #99ebff; - --bs-success-border-subtle: #9bffd9; - --bs-info-border-subtle: #99ebff; - --bs-warning-border-subtle: #fffdd5; + --bs-primary-border-subtle: rgb(255, 178.6, 227.4); + --bs-secondary-border-subtle: rgb(153.4, 235, 254.6); + --bs-success-border-subtle: rgb(155, 255, 217.4); + --bs-info-border-subtle: rgb(153.4, 235, 254.6); + --bs-warning-border-subtle: rgb(255, 253.4, 213); --bs-danger-border-subtle: #ffbfc5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; @@ -97,11 +97,11 @@ --bs-link-color: rgb(255, 64, 186); --bs-link-color-rgb: 255, 64, 186; --bs-link-decoration: none; - --bs-link-hover-color: #cc3395; + --bs-link-hover-color: rgb(204, 51.2, 148.8); --bs-link-hover-color-rgb: 204, 51, 149; --bs-code-color: rgb(255, 64, 186); --bs-highlight-color: #495057; - --bs-highlight-bg: #fffeea; + --bs-highlight-bg: rgb(255, 254.2, 234); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; @@ -140,44 +140,44 @@ --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: #2b3035; + --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; - --bs-primary-text-emphasis: #ff8cd6; - --bs-secondary-text-emphasis: #67e1fe; - --bs-success-text-emphasis: #69ffc7; - --bs-info-text-emphasis: #67e1fe; - --bs-warning-text-emphasis: #fffdc0; + --bs-primary-text-emphasis: rgb(255, 140.4, 213.6); + --bs-secondary-text-emphasis: rgb(102.6, 225, 254.4); + --bs-success-text-emphasis: rgb(105, 255, 198.6); + --bs-info-text-emphasis: rgb(102.6, 225, 254.4); + --bs-warning-text-emphasis: rgb(255, 252.6, 192); --bs-danger-text-emphasis: #ff9fa8; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #330d25; - --bs-secondary-bg-subtle: #002933; - --bs-success-bg-subtle: #013320; - --bs-info-bg-subtle: #002933; - --bs-warning-bg-subtle: #33321e; + --bs-primary-bg-subtle: rgb(51, 12.8, 37.2); + --bs-secondary-bg-subtle: rgb(0.2, 41, 50.8); + --bs-success-bg-subtle: rgb(1, 51, 32.2); + --bs-info-bg-subtle: rgb(0.2, 41, 50.8); + --bs-warning-bg-subtle: rgb(51, 50.2, 30); --bs-danger-bg-subtle: #331316; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; - --bs-primary-border-subtle: #992670; - --bs-secondary-border-subtle: #017b98; - --bs-success-border-subtle: #039961; - --bs-info-border-subtle: #017b98; - --bs-warning-border-subtle: #99975a; + --bs-primary-border-subtle: rgb(153, 38.4, 111.6); + --bs-secondary-border-subtle: rgb(0.6, 123, 152.4); + --bs-success-border-subtle: rgb(3, 153, 96.6); + --bs-info-border-subtle: rgb(0.6, 123, 152.4); + --bs-warning-border-subtle: rgb(153, 150.6, 90); --bs-danger-border-subtle: #993942; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; - --bs-link-color: #ff8cd6; - --bs-link-hover-color: #ffa3de; + --bs-link-color: rgb(255, 140.4, 213.6); + --bs-link-hover-color: rgb(255, 163.32, 221.88); --bs-link-color-rgb: 255, 140, 214; --bs-link-hover-color-rgb: 255, 163, 222; - --bs-code-color: #ff8cd6; + --bs-code-color: rgb(255, 140.4, 213.6); --bs-highlight-color: #dee2e6; - --bs-highlight-bg: #66643c; + --bs-highlight-bg: rgb(102, 100.4, 60); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #69ffc7; - --bs-form-valid-border-color: #69ffc7; + --bs-form-valid-color: rgb(105, 255, 198.6); + --bs-form-valid-border-color: rgb(105, 255, 198.6); --bs-form-invalid-color: #ff9fa8; --bs-form-invalid-border-color: #ff9fa8; } @@ -1935,13 +1935,13 @@ progress { .table-primary { --bs-table-color: #000; - --bs-table-bg: #ffd9f1; - --bs-table-border-color: #ccaec1; - --bs-table-striped-bg: #f2cee5; + --bs-table-bg: rgb(255, 216.8, 241.2); + --bs-table-border-color: rgb(204, 173.44, 192.96); + --bs-table-striped-bg: rgb(242.25, 205.96, 229.14); --bs-table-striped-color: #000; - --bs-table-active-bg: #e6c3d9; + --bs-table-active-bg: rgb(229.5, 195.12, 217.08); --bs-table-active-color: #000; - --bs-table-hover-bg: #ecc9df; + --bs-table-hover-bg: rgb(235.875, 200.54, 223.11); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1949,13 +1949,13 @@ progress { .table-secondary { --bs-table-color: #000; - --bs-table-bg: #ccf5ff; - --bs-table-border-color: #a3c4cc; - --bs-table-striped-bg: #c2e9f2; + --bs-table-bg: rgb(204.2, 245, 254.8); + --bs-table-border-color: rgb(163.36, 196, 203.84); + --bs-table-striped-bg: rgb(193.99, 232.75, 242.06); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dde6; + --bs-table-active-bg: rgb(183.78, 220.5, 229.32); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde3ec; + --bs-table-hover-bg: rgb(188.885, 226.625, 235.69); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1963,13 +1963,13 @@ progress { .table-success { --bs-table-color: #000; - --bs-table-bg: #cdffec; - --bs-table-border-color: #a4ccbd; - --bs-table-striped-bg: #c3f2e0; + --bs-table-bg: rgb(205, 255, 236.2); + --bs-table-border-color: rgb(164, 204, 188.96); + --bs-table-striped-bg: rgb(194.75, 242.25, 224.39); --bs-table-striped-color: #000; - --bs-table-active-bg: #b9e6d4; + --bs-table-active-bg: rgb(184.5, 229.5, 212.58); --bs-table-active-color: #000; - --bs-table-hover-bg: #beecda; + --bs-table-hover-bg: rgb(189.625, 235.875, 218.485); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1977,13 +1977,13 @@ progress { .table-info { --bs-table-color: #000; - --bs-table-bg: #ccf5ff; - --bs-table-border-color: #a3c4cc; - --bs-table-striped-bg: #c2e9f2; + --bs-table-bg: rgb(204.2, 245, 254.8); + --bs-table-border-color: rgb(163.36, 196, 203.84); + --bs-table-striped-bg: rgb(193.99, 232.75, 242.06); --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dde6; + --bs-table-active-bg: rgb(183.78, 220.5, 229.32); --bs-table-active-color: #000; - --bs-table-hover-bg: #bde3ec; + --bs-table-hover-bg: rgb(188.885, 226.625, 235.69); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -1991,13 +1991,13 @@ progress { .table-warning { --bs-table-color: #000; - --bs-table-bg: #fffeea; - --bs-table-border-color: #cccbbb; - --bs-table-striped-bg: #f2f1de; + --bs-table-bg: rgb(255, 254.2, 234); + --bs-table-border-color: rgb(204, 203.36, 187.2); + --bs-table-striped-bg: rgb(242.25, 241.49, 222.3); --bs-table-striped-color: #000; - --bs-table-active-bg: #e6e5d3; + --bs-table-active-bg: rgb(229.5, 228.78, 210.6); --bs-table-active-color: #000; - --bs-table-hover-bg: #ecebd8; + --bs-table-hover-bg: rgb(235.875, 235.135, 216.45); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2006,12 +2006,12 @@ progress { .table-danger { --bs-table-color: #000; --bs-table-bg: #ffdfe2; - --bs-table-border-color: #ccb2b5; - --bs-table-striped-bg: #f2d4d7; + --bs-table-border-color: rgb(204, 178.4, 180.8); + --bs-table-striped-bg: rgb(242.25, 211.85, 214.7); --bs-table-striped-color: #000; - --bs-table-active-bg: #e6c9cb; + --bs-table-active-bg: rgb(229.5, 200.7, 203.4); --bs-table-active-color: #000; - --bs-table-hover-bg: #ecced1; + --bs-table-hover-bg: rgb(235.875, 206.275, 209.05); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2019,13 +2019,13 @@ progress { .table-light { --bs-table-color: #000; - --bs-table-bg: #dadee3; - --bs-table-border-color: #aeb2b6; - --bs-table-striped-bg: #cfd3d8; + --bs-table-bg: rgb(217.6474137931, 222.175, 226.7025862069); + --bs-table-border-color: rgb(174.1179310345, 177.74, 181.3620689655); + --bs-table-striped-bg: rgb(206.7650431034, 211.06625, 215.3674568966); --bs-table-striped-color: #000; - --bs-table-active-bg: #c4c8cc; + --bs-table-active-bg: rgb(195.8826724138, 199.9575, 204.0323275862); --bs-table-active-color: #000; - --bs-table-hover-bg: #cacdd2; + --bs-table-hover-bg: rgb(201.3238577586, 205.511875, 209.6998922414); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2034,12 +2034,12 @@ progress { .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; - --bs-table-border-color: #4d5154; - --bs-table-striped-bg: #2c3034; + --bs-table-border-color: rgb(77.4, 80.6, 83.8); + --bs-table-striped-bg: rgb(44.1, 47.9, 51.7); --bs-table-striped-color: #fff; - --bs-table-active-bg: #373b3e; + --bs-table-active-bg: rgb(55.2, 58.8, 62.4); --bs-table-active-color: #fff; - --bs-table-hover-bg: #323539; + --bs-table-hover-bg: rgb(49.65, 53.35, 57.05); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2140,7 +2140,7 @@ progress { .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); - border-color: #ffa0dd; + border-color: rgb(255, 159.5, 220.5); outline: 0; box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(255, 64, 186, 0.25); } @@ -2287,7 +2287,7 @@ textarea.form-control-lg { } } .form-select:focus { - border-color: #ffa0dd; + border-color: rgb(255, 159.5, 220.5); outline: 0; box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(255, 64, 186, 0.25); } @@ -2371,7 +2371,7 @@ textarea.form-control-lg { filter: brightness(90%); } .form-check-input:focus { - border-color: #ffa0dd; + border-color: rgb(255, 159.5, 220.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(255, 64, 186, 0.25); } @@ -2418,7 +2418,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='%23ffa0dd'/%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='rgb%28255, 159.5, 220.5%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; @@ -2490,7 +2490,7 @@ textarea.form-control-lg { } } .form-range::-webkit-slider-thumb:active { - background-color: #ffc6ea; + background-color: rgb(255, 197.7, 234.3); background-image: var(--bs-gradient); } .form-range::-webkit-slider-runnable-track { @@ -2520,7 +2520,7 @@ textarea.form-control-lg { } } .form-range::-moz-range-thumb:active { - background-color: #ffc6ea; + background-color: rgb(255, 197.7, 234.3); background-image: var(--bs-gradient); } .form-range::-moz-range-track { @@ -2993,12 +2993,12 @@ textarea.form-control-lg { --bs-btn-bg: rgb(255, 64, 186); --bs-btn-border-color: rgb(255, 64, 186); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #d9369e; - --bs-btn-hover-border-color: #cc3395; + --bs-btn-hover-bg: rgb(216.75, 54.4, 158.1); + --bs-btn-hover-border-color: rgb(204, 51.2, 148.8); --bs-btn-focus-shadow-rgb: 255, 93, 196; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #cc3395; - --bs-btn-active-border-color: #bf308c; + --bs-btn-active-bg: rgb(204, 51.2, 148.8); + --bs-btn-active-border-color: rgb(191.25, 48, 139.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: rgb(255, 64, 186); @@ -3010,12 +3010,12 @@ textarea.form-control-lg { --bs-btn-bg: #01cdfe; --bs-btn-border-color: #01cdfe; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #27d5fe; - --bs-btn-hover-border-color: #1ad2fe; + --bs-btn-hover-bg: rgb(39.1, 212.5, 254.15); + --bs-btn-hover-border-color: rgb(26.4, 210, 254.1); --bs-btn-focus-shadow-rgb: 1, 174, 216; --bs-btn-active-color: #000; - --bs-btn-active-bg: #34d7fe; - --bs-btn-active-border-color: #1ad2fe; + --bs-btn-active-bg: rgb(51.8, 215, 254.2); + --bs-btn-active-border-color: rgb(26.4, 210, 254.1); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #01cdfe; @@ -3027,12 +3027,12 @@ textarea.form-control-lg { --bs-btn-bg: #05ffa1; --bs-btn-border-color: #05ffa1; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #2bffaf; - --bs-btn-hover-border-color: #1effaa; + --bs-btn-hover-bg: rgb(42.5, 255, 175.1); + --bs-btn-hover-border-color: rgb(30, 255, 170.4); --bs-btn-focus-shadow-rgb: 4, 217, 137; --bs-btn-active-color: #000; - --bs-btn-active-bg: #37ffb4; - --bs-btn-active-border-color: #1effaa; + --bs-btn-active-bg: rgb(55, 255, 179.8); + --bs-btn-active-border-color: rgb(30, 255, 170.4); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #05ffa1; @@ -3044,12 +3044,12 @@ textarea.form-control-lg { --bs-btn-bg: #01cdfe; --bs-btn-border-color: #01cdfe; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #27d5fe; - --bs-btn-hover-border-color: #1ad2fe; + --bs-btn-hover-bg: rgb(39.1, 212.5, 254.15); + --bs-btn-hover-border-color: rgb(26.4, 210, 254.1); --bs-btn-focus-shadow-rgb: 1, 174, 216; --bs-btn-active-color: #000; - --bs-btn-active-bg: #34d7fe; - --bs-btn-active-border-color: #1ad2fe; + --bs-btn-active-bg: rgb(51.8, 215, 254.2); + --bs-btn-active-border-color: rgb(26.4, 210, 254.1); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #01cdfe; @@ -3061,12 +3061,12 @@ textarea.form-control-lg { --bs-btn-bg: #fffb96; --bs-btn-border-color: #fffb96; --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #fffca6; - --bs-btn-hover-border-color: #fffba1; + --bs-btn-hover-bg: rgb(255, 251.6, 165.75); + --bs-btn-hover-border-color: rgb(255, 251.4, 160.5); --bs-btn-focus-shadow-rgb: 217, 213, 128; --bs-btn-active-color: #000; - --bs-btn-active-bg: #fffcab; - --bs-btn-active-border-color: #fffba1; + --bs-btn-active-bg: rgb(255, 251.8, 171); + --bs-btn-active-border-color: rgb(255, 251.4, 160.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #fffb96; @@ -3078,12 +3078,12 @@ textarea.form-control-lg { --bs-btn-bg: rgb(255, 95, 110); --bs-btn-border-color: rgb(255, 95, 110); --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ff7784; - --bs-btn-hover-border-color: #ff6f7d; + --bs-btn-hover-bg: rgb(255, 119, 131.75); + --bs-btn-hover-border-color: rgb(255, 111, 124.5); --bs-btn-focus-shadow-rgb: 217, 81, 94; --bs-btn-active-color: #000; --bs-btn-active-bg: #ff7f8b; - --bs-btn-active-border-color: #ff6f7d; + --bs-btn-active-border-color: rgb(255, 111, 124.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: rgb(255, 95, 110); @@ -3092,19 +3092,19 @@ textarea.form-control-lg { .btn-light { --bs-btn-color: #000; - --bs-btn-bg: #dadee3; - --bs-btn-border-color: #dadee3; + --bs-btn-bg: rgb(217.6474137931, 222.175, 226.7025862069); + --bs-btn-border-color: rgb(217.6474137931, 222.175, 226.7025862069); --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #b9bdc1; - --bs-btn-hover-border-color: #aeb2b6; + --bs-btn-hover-bg: rgb(185.0003017241, 188.84875, 192.6971982759); + --bs-btn-hover-border-color: rgb(174.1179310345, 177.74, 181.3620689655); --bs-btn-focus-shadow-rgb: 185, 189, 193; --bs-btn-active-color: #000; - --bs-btn-active-bg: #aeb2b6; - --bs-btn-active-border-color: #a4a7aa; + --bs-btn-active-bg: rgb(174.1179310345, 177.74, 181.3620689655); + --bs-btn-active-border-color: rgb(163.2355603448, 166.63125, 170.0269396552); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #dadee3; - --bs-btn-disabled-border-color: #dadee3; + --bs-btn-disabled-bg: rgb(217.6474137931, 222.175, 226.7025862069); + --bs-btn-disabled-border-color: rgb(217.6474137931, 222.175, 226.7025862069); } .btn-dark { @@ -3112,12 +3112,12 @@ textarea.form-control-lg { --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #424649; - --bs-btn-hover-border-color: #373b3e; + --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-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #4d5154; - --bs-btn-active-border-color: #373b3e; + --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-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; @@ -3227,19 +3227,19 @@ textarea.form-control-lg { } .btn-outline-light { - --bs-btn-color: #dadee3; - --bs-btn-border-color: #dadee3; + --bs-btn-color: rgb(217.6474137931, 222.175, 226.7025862069); + --bs-btn-border-color: rgb(217.6474137931, 222.175, 226.7025862069); --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #dadee3; - --bs-btn-hover-border-color: #dadee3; + --bs-btn-hover-bg: rgb(217.6474137931, 222.175, 226.7025862069); + --bs-btn-hover-border-color: rgb(217.6474137931, 222.175, 226.7025862069); --bs-btn-focus-shadow-rgb: 218, 222, 227; --bs-btn-active-color: #000; - --bs-btn-active-bg: #dadee3; - --bs-btn-active-border-color: #dadee3; + --bs-btn-active-bg: rgb(217.6474137931, 222.175, 226.7025862069); + --bs-btn-active-border-color: rgb(217.6474137931, 222.175, 226.7025862069); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #dadee3; + --bs-btn-disabled-color: rgb(217.6474137931, 222.175, 226.7025862069); --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #dadee3; + --bs-btn-disabled-border-color: rgb(217.6474137931, 222.175, 226.7025862069); --bs-gradient: none; } @@ -4533,7 +4533,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='%23661a4a' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='rgb%28102, 25.6, 74.4%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 64, 186, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; @@ -4651,8 +4651,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='%23ff8cd6'%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-.708z'/%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='%23ff8cd6'%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-.708z'/%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='rgb%28255, 140.4, 213.6%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-.708z'/%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%28255, 140.4, 213.6%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-.708z'/%3e%3c/svg%3e"); } .breadcrumb { @@ -6896,8 +6896,8 @@ textarea.form-control-lg { text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { - color: RGBA(225, 229, 233, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(225, 229, 233, var(--bs-link-underline-opacity, 1)) !important; + color: RGBA(225, 229, 232, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(225, 229, 232, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { diff --git a/src/assets/symbols.svg b/src/assets/symbols.svg index 8abe98c08..60f3c71ef 100644 --- a/src/assets/symbols.svg +++ b/src/assets/symbols.svg @@ -305,5 +305,8 @@ + + + diff --git a/src/shared/components/common/modal/confirmation-modal.tsx b/src/shared/components/common/modal/confirmation-modal.tsx index 4de088146..4ba93acca 100644 --- a/src/shared/components/common/modal/confirmation-modal.tsx +++ b/src/shared/components/common/modal/confirmation-modal.tsx @@ -4,10 +4,11 @@ import type { Modal } from "bootstrap"; import { Spinner } from "../icon"; import { LoadingEllipses } from "../loading-ellipses"; import { modalMixin } from "../../mixins/modal-mixin"; +import { MouseEventHandler } from "inferno"; interface ConfirmationModalProps { onYes: () => Promise; - onNo: () => void; + onNo: MouseEventHandler; message: string; loadingMessage: string; show: boolean; diff --git a/src/shared/components/common/modal/create-or-edit-oauth-provider-modal.tsx b/src/shared/components/common/modal/create-or-edit-oauth-provider-modal.tsx new file mode 100644 index 000000000..a0112f27c --- /dev/null +++ b/src/shared/components/common/modal/create-or-edit-oauth-provider-modal.tsx @@ -0,0 +1,386 @@ +import { + Component, + FormEventHandler, + MouseEventHandler, + RefObject, + createRef, + linkEvent, +} from "inferno"; +import type { Modal } from "bootstrap"; +import { modalMixin } from "../../mixins/modal-mixin"; +import { I18NextService } from "../../../services/I18NextService"; +import { + CreateOAuthProvider, + EditOAuthProvider, + OAuthProvider, +} from "lemmy-js-client"; +import { ProviderToEdit } from "@utils/types/oauth"; + +export type CreateOrEditOAuthProviderModalData = + | { type: "add"; provider?: ProviderToEdit } + | { type: "edit" | "add"; provider: OAuthProvider }; + +interface CreateOrEditOAuthProviderModalProps { + onClose: MouseEventHandler; + show: boolean; + data: CreateOrEditOAuthProviderModalData; + onSubmit: ( + provider: CreateOAuthProvider | EditOAuthProvider, + ) => Promise; +} + +interface CreateOrEditOAuthProviderModalState { + changed: boolean; + provider: Partial; + loading: boolean; +} + +interface ProviderFieldProps { + id: string; + i18nKey: string; + onInput: FormEventHandler; +} + +interface ProviderTextFieldProps extends ProviderFieldProps { + disabled?: boolean; + placeholder?: string; + type?: "text" | "url" | "password"; + value?: string; + required?: boolean; +} + +type ProviderBooleanProperties = + | "enabled" + | "account_linking_enabled" + | "auto_verify_email"; + +interface ProviderCheckboxFieldProps extends ProviderFieldProps { + checked?: boolean; +} + +const FORM_ID = "create-or-edit-oauth-provider-form-id"; + +function handleTextPropertyChange( + { + modal, + property, + }: { + modal: CreateOrEditOAuthProviderModal; + property: Exclude; + }, + event: any, +) { + modal.setState(prevState => ({ + changed: true, + provider: { + ...prevState.provider, + [property]: event.target.value, + }, + })); +} + +function handleBooleanPropertyChange({ + modal, + property, +}: { + modal: CreateOrEditOAuthProviderModal; + property: Extract; +}) { + modal.setState(prevState => ({ + changed: true, + provider: { + ...prevState.provider, + [property]: !prevState.provider[property], + }, + })); +} + +function ProviderTextField({ + id, + i18nKey, + type = "text", + value, + onInput, + required = true, + disabled, + placeholder, +}: ProviderTextFieldProps) { + return ( +
+ + +
+ ); +} + +function ProviderCheckboxField({ + i18nKey, + id, + onInput, + checked, +}: ProviderCheckboxFieldProps) { + return ( +
+ + +
+ ); +} + +@modalMixin +export default class CreateOrEditOAuthProviderModal extends Component< + CreateOrEditOAuthProviderModalProps, + CreateOrEditOAuthProviderModalState +> { + readonly modalDivRef: RefObject; + modal?: Modal; + + state: CreateOrEditOAuthProviderModalState = { + changed: false, + provider: {}, + loading: false, + }; + + constructor(props: CreateOrEditOAuthProviderModalProps, context: any) { + super(props, context); + + this.modalDivRef = createRef(); + + this.handleSubmit = this.handleSubmit.bind(this); + } + + componentDidUpdate(prevProps: Readonly) { + if (this.props.show && this.props.show !== prevProps.show) { + this.setState({ provider: this.props.data.provider ?? {} }); + } + } + + render( + { onClose, data }: CreateOrEditOAuthProviderModalProps, + { provider, changed, loading }: CreateOrEditOAuthProviderModalState, + ) { + return ( +
+
+
+
+

+ {data.type === "edit" + ? `Edit ${data.provider.display_name}` + : "Add OAuth Provider"} +

+
+
+
+
+ + + + + + + + + +
+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+ ); + } + + async handleSubmit(event) { + event.preventDefault(); + + this.setState({ loading: true }); + await this.props.onSubmit(this.state.provider as CreateOAuthProvider); + this.setState({ loading: false, changed: false, provider: {} }); + } +} diff --git a/src/shared/components/common/modal/display-modal.tsx b/src/shared/components/common/modal/display-modal.tsx index e23efa207..2736861b5 100644 --- a/src/shared/components/common/modal/display-modal.tsx +++ b/src/shared/components/common/modal/display-modal.tsx @@ -1,4 +1,10 @@ -import { Component, InfernoNode, RefObject, createRef } from "inferno"; +import { + Component, + InfernoNode, + MouseEventHandler, + RefObject, + createRef, +} from "inferno"; import type { Modal } from "bootstrap"; import { Spinner } from "../icon"; import { LoadingEllipses } from "../loading-ellipses"; @@ -8,7 +14,7 @@ interface DisplayModalProps { children: InfernoNode; loadingMessage?: string; title: string; - onClose: () => void; + onClose: MouseEventHandler; show: boolean; loading?: boolean; } diff --git a/src/shared/components/common/password-input.tsx b/src/shared/components/common/password-input.tsx index 62fc2f29a..b0f066c60 100644 --- a/src/shared/components/common/password-input.tsx +++ b/src/shared/components/common/password-input.tsx @@ -16,6 +16,7 @@ interface PasswordInputProps { label?: string | null; showForgotLink?: boolean; isNew?: boolean; + required?: boolean; } interface PasswordInputState { @@ -77,6 +78,7 @@ class PasswordInput extends Component { label, showForgotLink, isNew, + required, }, state: { show }, } = this; @@ -98,7 +100,7 @@ class PasswordInput extends Component { autoComplete={isNew ? "new-password" : "current-password"} onInput={onInput} value={value} - required + required={required !== false} pattern=".+" title={I18NextService.i18n.t("invalid_password")} minLength={isNew ? 10 : undefined} diff --git a/src/shared/components/home/admin-settings.tsx b/src/shared/components/home/admin-settings.tsx index d36df775b..561cc20c5 100644 --- a/src/shared/components/home/admin-settings.tsx +++ b/src/shared/components/home/admin-settings.tsx @@ -6,6 +6,9 @@ import classNames from "classnames"; import { Component } from "inferno"; import { BannedPersonsResponse, + CreateOAuthProvider, + DeleteOAuthProvider, + EditOAuthProvider, EditSite, GetFederatedInstancesResponse, GetSiteResponse, @@ -39,6 +42,7 @@ import { Paginator } from "../common/paginator"; import { snapToTop } from "@utils/browser"; import { isBrowser } from "@utils/browser"; import ConfirmationModal from "../common/modal/confirmation-modal"; +import OAuthProvidersTab from "./oauth/oauth-providers-tab"; type AdminSettingsData = RouteDataResponse<{ bannedRes: BannedPersonsResponse; @@ -104,6 +108,9 @@ export class AdminSettings extends Component< this.handleToggleShowLeaveAdminConfirmation = this.handleToggleShowLeaveAdminConfirmation.bind(this); this.handleLeaveAdminTeam = this.handleLeaveAdminTeam.bind(this); + this.handleEditOAuthProvider = this.handleEditOAuthProvider.bind(this); + this.handleDeleteOAuthProvider = this.handleDeleteOAuthProvider.bind(this); + this.handleCreateOAuthProvider = this.handleCreateOAuthProvider.bind(this); // Only fetch the data if coming from another route if (FirstLoadService.isFirstLoad) { @@ -279,6 +286,28 @@ export class AdminSettings extends Component< ), }, + { + key: "auth", + label: I18NextService.i18n.t("authentication"), + getNode: isSelected => ( +
+ +
+ ), + }, ]} /> @@ -453,4 +482,66 @@ export class AdminSettings extends Component< snapToTop(); await this.fetchUploadsOnly(); } + + async handleEditOAuthProvider(form: EditOAuthProvider) { + this.setState({ loading: true }); + + const res = await HttpService.client.editOAuthProvider(form); + + if (res.state === "success") { + const newOAuthProvider = res.data; + this.setState(s => { + s.siteRes.admin_oauth_providers = ( + s.siteRes.admin_oauth_providers ?? [] + ).map(p => { + return p?.id === newOAuthProvider.id ? newOAuthProvider : p; + }); + return s; + }); + toast(I18NextService.i18n.t("site_saved")); + } else { + toast(I18NextService.i18n.t("couldnt_edit_oauth_provider"), "danger"); + } + + this.setState({ loading: false }); + } + + async handleDeleteOAuthProvider(form: DeleteOAuthProvider) { + this.setState({ loading: true }); + + const res = await HttpService.client.deleteOAuthProvider(form); + + if (res.state === "success") { + this.setState(s => { + s.siteRes.admin_oauth_providers = ( + s.siteRes.admin_oauth_providers ?? [] + ).filter(p => p.id !== form.id); + return s; + }); + toast(I18NextService.i18n.t("site_saved")); + } else { + toast(I18NextService.i18n.t("couldnt_delete_oauth_provider"), "danger"); + } + + this.setState({ loading: false }); + } + + async handleCreateOAuthProvider(form: CreateOAuthProvider) { + this.setState({ loading: true }); + + const res = await HttpService.client.createOAuthProvider(form); + if (res.state === "success") { + this.setState(s => { + s.siteRes.admin_oauth_providers = [ + ...(s.siteRes.admin_oauth_providers ?? []), + res.data, + ]; + }); + toast(I18NextService.i18n.t("site_saved")); + } else { + toast(I18NextService.i18n.t("couldnt_create_oauth_provider"), "danger"); + } + + this.setState({ loading: false }); + } } diff --git a/src/shared/components/home/login.tsx b/src/shared/components/home/login.tsx index 9c30df08e..01f3d781f 100644 --- a/src/shared/components/home/login.tsx +++ b/src/shared/components/home/login.tsx @@ -3,7 +3,12 @@ import { isBrowser, refreshTheme } from "@utils/browser"; import { getQueryParams } from "@utils/helpers"; import { Component, linkEvent } from "inferno"; import { RouteComponentProps } from "inferno-router/dist/Route"; -import { GetSiteResponse, LoginResponse } from "lemmy-js-client"; +import { + GetSiteResponse, + LoginResponse, + OAuthProvider, + PublicOAuthProvider, +} from "lemmy-js-client"; import { I18NextService, UserService } from "../../services"; import { EMPTY_REQUEST, @@ -42,6 +47,7 @@ interface State { }; siteRes: GetSiteResponse; show2faModal: boolean; + showOAuthModal: boolean; } async function handleLoginSuccess(i: Login, loginRes: LoginResponse) { @@ -52,6 +58,9 @@ async function handleLoginSuccess(i: Login, loginRes: LoginResponse) { if (site.state === "success") { UserService.Instance.myUserInfo = site.data.my_user; + const isoData = setIsoData(i.context); + isoData.site_res.oauth_providers = site.data.oauth_providers; + isoData.site_res.admin_oauth_providers = site.data.admin_oauth_providers; refreshTheme(); } @@ -107,6 +116,45 @@ async function handleLoginSubmit(i: Login, event: any) { } } +export async function handleUseOAuthProvider(params: { + oauth_provider: OAuthProvider; + username?: string; + prev?: string; + answer?: string; + show_nsfw?: boolean; +}) { + const redirectUri = `${window.location.origin}/oauth/callback`; + + const state = crypto.randomUUID(); + const requestUri = + params.oauth_provider.authorization_endpoint + + "?" + + [ + `client_id=${encodeURIComponent(params.oauth_provider.client_id)}`, + `response_type=code`, + `scope=${encodeURIComponent(params.oauth_provider.scopes)}`, + `redirect_uri=${encodeURIComponent(redirectUri)}`, + `state=${state}`, + ].join("&"); + + // store state in local storage + localStorage.setItem( + "oauth_state", + JSON.stringify({ + state, + oauth_provider_id: params.oauth_provider.id, + redirect_uri: redirectUri, + prev: params.prev ?? "/", + username: params.username, + answer: params.answer, + show_nsfw: params.show_nsfw, + expires_at: Date.now() + 5 * 60_000, + }), + ); + + window.location.assign(requestUri); +} + function handleLoginUsernameChange(i: Login, event: any) { i.setState( prevState => (prevState.form.username_or_email = event.target.value.trim()), @@ -140,12 +188,14 @@ export class Login extends Component { }, siteRes: this.isoData.site_res, show2faModal: false, + showOAuthModal: false, }; constructor(props: any, context: any) { super(props, context); this.handleSubmitTotp = this.handleSubmitTotp.bind(this); + this.handleLoginWithProvider = this.handleLoginWithProvider.bind(this); } get documentTitle(): string { @@ -174,6 +224,35 @@ export class Login extends Component {
{this.loginForm()}
+ {(this.state.siteRes.oauth_providers?.length || 0) > 0 && ( + <> +
+
+ {I18NextService.i18n.t("or")} +
+
+
+
+

+ {I18NextService.i18n.t("oauth_login_with_provider")} +

+ {(this.state.siteRes.oauth_providers ?? []).map( + (provider: PublicOAuthProvider) => ( + + ), + )} +
+
+ + )} ); } @@ -196,6 +275,13 @@ export class Login extends Component { return successful; } + async handleLoginWithProvider(params: { oauth_provider: OAuthProvider }) { + handleUseOAuthProvider({ + oauth_provider: params.oauth_provider, + prev: this.props.prev ?? "/", + }); + } + loginForm() { return (
diff --git a/src/shared/components/home/oauth/oauth-callback.tsx b/src/shared/components/home/oauth/oauth-callback.tsx new file mode 100644 index 000000000..8d8ea3db8 --- /dev/null +++ b/src/shared/components/home/oauth/oauth-callback.tsx @@ -0,0 +1,175 @@ +import { setIsoData } from "@utils/app"; +import { Component } from "inferno"; +import { refreshTheme } from "@utils/browser"; +import { GetSiteResponse, LoginResponse } from "lemmy-js-client"; +import { Spinner } from "../../common/icon"; +import { getQueryParams } from "@utils/helpers"; +import { IRoutePropsWithFetch } from "../../../routes"; +import { RouteData } from "../../../interfaces"; +import { I18NextService, UserService } from "../../../services"; +import { RouteComponentProps } from "inferno-router/dist/Route"; +import { UnreadCounterService } from "../../../services"; +import { HttpService } from "../../../services/HttpService"; +import { toast } from "../../../toast"; + +interface OAuthCallbackProps { + code?: string; + state?: string; +} + +export function getOAuthCallbackQueryParams( + source?: string, +): OAuthCallbackProps { + return getQueryParams( + { + code: (code?: string) => code, + state: (state?: string) => state, + }, + source, + ); +} + +type OAuthCallbackRouteProps = RouteComponentProps> & + OAuthCallbackProps; +export type OAuthCallbackConfig = IRoutePropsWithFetch< + RouteData, + Record, + OAuthCallbackProps +>; + +interface State { + siteRes: GetSiteResponse; +} + +export class OAuthCallback extends Component { + private isoData = setIsoData(this.context); + + state: State = { + siteRes: this.isoData.site_res, + }; + + constructor(props: any, context: any) { + super(props, context); + } + + async componentDidMount() { + // store state in local storage + const local_oauth_state = JSON.parse( + localStorage.getItem("oauth_state") || "{}", + ); + if ( + !( + this.props.state && + this.props.code && + local_oauth_state?.state && + local_oauth_state?.oauth_provider_id && + local_oauth_state?.expires_at && + this.props.state === local_oauth_state.state + ) || + local_oauth_state.expires_at < Date.now() + ) { + // oauth failed or expired + toast(I18NextService.i18n.t("oauth_authorization_invalid"), "danger"); + this.props.history.replace("/login"); + } else { + const loginRes = await HttpService.client.authenticateWithOAuth({ + code: this.props.code, + oauth_provider_id: local_oauth_state.oauth_provider_id, + redirect_uri: local_oauth_state.redirect_uri, + show_nsfw: local_oauth_state.show_nsfw, + username: local_oauth_state.username, + answer: local_oauth_state.answer, + }); + + switch (loginRes.state) { + case "success": { + if (loginRes.data.jwt) { + handleOAuthLoginSuccess( + this, + local_oauth_state.prev, + loginRes.data, + ); + } else { + if (loginRes.data.verify_email_sent) { + toast(I18NextService.i18n.t("verify_email_sent")); + } + if (loginRes.data.registration_created) { + toast(I18NextService.i18n.t("registration_application_sent")); + } + this.props.history.push("/login"); + } + break; + } + case "failed": { + let err_redirect = "/login"; + switch (loginRes.err.message) { + case "registration_username_required": + case "registration_application_answer_required": + err_redirect = `/signup?sso_provider_id=${local_oauth_state.oauth_provider_id}`; + toast(I18NextService.i18n.t(loginRes.err.message), "danger"); + break; + case "registration_application_is_pending": + toast( + I18NextService.i18n.t("registration_application_pending"), + "danger", + ); + break; + case "registration_denied": + case "oauth_authorization_invalid": + case "oauth_login_failed": + case "oauth_registration_closed": + case "email_already_exists": + case "username_already_exists": + case "no_email_setup": + toast(I18NextService.i18n.t(loginRes.err.message), "danger"); + break; + default: + toast(I18NextService.i18n.t("incorrect_login"), "danger"); + break; + } + this.props.history.push(err_redirect); + } + } + } + } + + get documentTitle(): string { + return `${I18NextService.i18n.t("login")} - ${ + this.state.siteRes.site_view.site.name + }`; + } + + render() { + return ( +
+ +
+ ); + } +} + +async function handleOAuthLoginSuccess( + i: OAuthCallback, + prev: string, + loginRes: LoginResponse, +) { + UserService.Instance.login({ + res: loginRes, + }); + const site = await HttpService.client.getSite(); + + if (site.state === "success") { + UserService.Instance.myUserInfo = site.data.my_user; + refreshTheme(); + } + + if (prev) { + i.props.history.replace(prev); + } else if (i.props.history.action === "PUSH") { + i.props.history.back(); + } else { + i.props.history.replace("/"); + } + + UnreadCounterService.Instance.updateAll(); +} diff --git a/src/shared/components/home/oauth/oauth-provider-list-item.tsx b/src/shared/components/home/oauth/oauth-provider-list-item.tsx new file mode 100644 index 000000000..e87ae3f1f --- /dev/null +++ b/src/shared/components/home/oauth/oauth-provider-list-item.tsx @@ -0,0 +1,98 @@ +import { OAuthProvider } from "lemmy-js-client"; +import { I18NextService } from "../../../services/I18NextService"; +import { Icon } from "../../common/icon"; +import { MouseEventHandler } from "inferno"; + +type OAuthProviderListItemProps = { + provider: OAuthProvider; + onEdit: MouseEventHandler; + onDelete: MouseEventHandler; +}; + +type TextInfoFieldProps = { + i18nKey: string; + data: string; +}; + +function TextInfoField({ i18nKey, data }: TextInfoFieldProps) { + return ( +
+
{I18NextService.i18n.t(i18nKey)}
+
{data}
+
+ ); +} + +function boolToYesNo(value?: boolean) { + return I18NextService.i18n.t(value ? "yes" : "no"); +} + +export default function OAuthProviderListItem({ + provider, + onEdit, + onDelete, +}: OAuthProviderListItemProps) { + return ( +
  • +
    + +
    + + {provider.display_name} +
    +
    + + +
    +
    +
    +
    + + + + + + + + + + +
    +
    +
    +
  • + ); +} diff --git a/src/shared/components/home/oauth/oauth-providers-tab.tsx b/src/shared/components/home/oauth/oauth-providers-tab.tsx new file mode 100644 index 000000000..e6efa5378 --- /dev/null +++ b/src/shared/components/home/oauth/oauth-providers-tab.tsx @@ -0,0 +1,204 @@ +import { Component, linkEvent } from "inferno"; +import { I18NextService } from "../../../services/I18NextService"; +import { + CreateOAuthProvider, + DeleteOAuthProvider, + EditOAuthProvider, + OAuthProvider, +} from "lemmy-js-client"; +import OAuthProviderListItem from "./oauth-provider-list-item"; +import CreateOrEditOAuthProviderModal, { + CreateOrEditOAuthProviderModalData, +} from "../../common/modal/create-or-edit-oauth-provider-modal"; +import ConfirmationModal from "../../common/modal/confirmation-modal"; +import { ProviderToEdit } from "@utils/types/oauth"; + +type OAuthProvidersTabProps = { + oauthProviders: OAuthProvider[]; + onEdit(form: EditOAuthProvider): Promise; + onCreate(form: CreateOAuthProvider): Promise; + onDelete(form: DeleteOAuthProvider): Promise; +}; + +type OAuthProvidersTabState = { + providerToDelete?: OAuthProvider; + createOrEditModalData?: CreateOrEditOAuthProviderModalData; +}; + +const PRESET_OAUTH_PROVIDERS: ProviderToEdit[] = [ + { + display_name: "Privacy Portal", + issuer: "https://api.privacyportal.org/", + authorization_endpoint: "https://app.privacyportal.org/oauth/authorize", + token_endpoint: "https://api.privacyportal.org/oauth/token", + userinfo_endpoint: "https://api.privacyportal.org/oauth/userinfo", + id_claim: "sub", + scopes: "openid email", + auto_verify_email: true, + account_linking_enabled: true, + enabled: true, + }, + // additional preset providers can be added here +]; + +function handleShowCreateOrEditProviderModal({ + data, + tab, +}: { + tab: OAuthProvidersTab; + data: CreateOrEditOAuthProviderModalData; +}) { + tab.setState({ + createOrEditModalData: data, + }); +} + +function handleCloseCreateOrEditModal(tab: OAuthProvidersTab) { + tab.setState({ + createOrEditModalData: undefined, + }); +} + +function handleTryDeleteOauthProvider({ + tab, + provider, +}: { + tab: OAuthProvidersTab; + provider: OAuthProvider; +}) { + tab.setState({ providerToDelete: provider }); +} + +function handleCloseDeleteConfirmationModal(tab: OAuthProvidersTab) { + tab.setState({ providerToDelete: undefined }); +} + +export default class OAuthProvidersTab extends Component< + OAuthProvidersTabProps, + OAuthProvidersTabState +> { + state: OAuthProvidersTabState = {}; + + constructor(props: OAuthProvidersTabProps, context: any) { + super(props, context); + + this.handleDeleteProvider = this.handleDeleteProvider.bind(this); + this.handleCreateOrEditProviderSubmit = + this.handleCreateOrEditProviderSubmit.bind(this); + } + + render( + { oauthProviders }: Readonly, + { + providerToDelete, + createOrEditModalData, + }: Readonly, + ) { + return ( +
    +

    {I18NextService.i18n.t("oauth_config")}

    + {oauthProviders.length > 0 ? ( + <> +

    + {I18NextService.i18n.t("oauth_providers")} +

    +
      + {oauthProviders.map(provider => ( + + ))} +
    + + ) : ( +
    {I18NextService.i18n.t("no_oauth_providers_blurb")}
    + )} + + {PRESET_OAUTH_PROVIDERS.length > 0 && ( +
    +

    + {I18NextService.i18n.t("oauth_provider_presets")} +

    +
      + {PRESET_OAUTH_PROVIDERS.map(provider => { + const isAlreadyUsed = oauthProviders.some( + p => p.issuer === provider.issuer, + ); + + return ( +
    • + +
    • + ); + })} +
    +
    + )} + + +
    + ); + } + + async handleDeleteProvider() { + const id = this.state.providerToDelete?.id; + + if (id !== undefined) { + await this.props.onDelete({ id }); + } + + this.setState({ providerToDelete: undefined }); + } + + async handleCreateOrEditProviderSubmit( + provider: CreateOAuthProvider | EditOAuthProvider, + ) { + if (this.state.createOrEditModalData?.type === "edit") { + await this.props.onEdit(provider as EditOAuthProvider); + } else { + await this.props.onCreate(provider as CreateOAuthProvider); + } + + this.setState({ + createOrEditModalData: undefined, + }); + } +} diff --git a/src/shared/components/home/signup.tsx b/src/shared/components/home/signup.tsx index 7c6c94710..17361eea3 100644 --- a/src/shared/components/home/signup.tsx +++ b/src/shared/components/home/signup.tsx @@ -1,6 +1,6 @@ import { setIsoData } from "@utils/app"; import { isBrowser } from "@utils/browser"; -import { resourcesSettled, validEmail } from "@utils/helpers"; +import { getQueryParams, resourcesSettled, validEmail } from "@utils/helpers"; import { scrollMixin } from "../mixins/scroll-mixin"; import { Component, linkEvent } from "inferno"; import { T } from "inferno-i18next-dess"; @@ -26,6 +26,13 @@ import { Icon, Spinner } from "../common/icon"; import { MarkdownTextArea } from "../common/markdown-textarea"; import PasswordInput from "../common/password-input"; import { RouteComponentProps } from "inferno-router/dist/Route"; +import { RouteData } from "../../interfaces"; +import { IRoutePropsWithFetch } from "../../routes"; +import { handleUseOAuthProvider } from "./login"; + +interface SignupProps { + sso_provider_id?: string; +} interface State { registerRes: RequestState; @@ -45,11 +52,25 @@ interface State { siteRes: GetSiteResponse; } +export function getSignupQueryParams(source?: string): SignupProps { + return getQueryParams( + { + sso_provider_id: (param?: string) => param, + }, + source, + ); +} + +type SignupRouteProps = RouteComponentProps> & + SignupProps; +export type SignupFetchConfig = IRoutePropsWithFetch< + RouteData, + Record, + SignupProps +>; + @scrollMixin -export class Signup extends Component< - RouteComponentProps>, - State -> { +export class Signup extends Component { private isoData = setIsoData(this.context); private audio?: HTMLAudioElement; @@ -132,6 +153,8 @@ export class Signup extends Component< registerForm() { const siteView = this.state.siteRes.site_view; + const oauth_provider = getOAuthProvider(this); + return (
    -
    - -
    - - {!siteView.local_site.require_email_verification && - this.state.form.email && - !validEmail(this.state.form.email) && ( -
    - - {I18NextService.i18n.t("no_password_reset")} + {!oauth_provider && ( + <> + { +
    + +
    + + {!siteView.local_site.require_email_verification && + this.state.form.email && + !validEmail(this.state.form.email) && ( +
    + + {I18NextService.i18n.t("no_password_reset")} +
    + )}
    - )} -
    -
    +
    + } -
    - -
    + { +
    + +
    + } -
    - -
    + { +
    + +
    + } + + )} {siteView.local_site.registration_mode === "RequireApplication" && ( <> @@ -296,7 +341,12 @@ export class Signup extends Component< {this.state.registerRes.state === "loading" ? ( ) : ( - this.titleName(siteView) + [ + this.titleName(siteView), + ...(oauth_provider + ? [`(${oauth_provider.display_name})`] + : []), + ].join(" ") )}
    @@ -389,6 +439,19 @@ export class Signup extends Component< password_verify, username, } = i.state.form; + + const oauthProvider = getOAuthProvider(i); + + // oauth registration + if (username && oauthProvider) + return handleUseOAuthProvider({ + oauth_provider: oauthProvider, + username, + answer, + show_nsfw, + }); + + // normal registration if (username && password && password_verify) { i.setState({ registerRes: LOADING_REQUEST }); @@ -516,3 +579,9 @@ export class Signup extends Component< return `data:image/png;base64,${captcha.png}`; } } + +function getOAuthProvider(signup: Signup) { + return (signup.state.siteRes.oauth_providers ?? []).find( + provider => provider.id === Number(signup.props?.sso_provider_id ?? -1), + ); +} diff --git a/src/shared/components/home/site-form.tsx b/src/shared/components/home/site-form.tsx index b2d050ccf..f19674369 100644 --- a/src/shared/components/home/site-form.tsx +++ b/src/shared/components/home/site-form.tsx @@ -63,6 +63,7 @@ export class SiteForm extends Component { description: site.description, enable_downvotes: ls.enable_downvotes, registration_mode: ls.registration_mode, + oauth_registration: ls.oauth_registration, community_creation_admin_only: ls.community_creation_admin_only, icon: site.icon, banner: site.banner, @@ -332,6 +333,25 @@ export class SiteForm extends Component { )} +
    +
    +
    + + +
    +
    +
    @@ -781,6 +801,7 @@ export class SiteForm extends Component { enable_downvotes: stateSiteForm.enable_downvotes, application_question: stateSiteForm.application_question, registration_mode: stateSiteForm.registration_mode, + oauth_registration: stateSiteForm.oauth_registration, require_email_verification: stateSiteForm.require_email_verification, private_instance: stateSiteForm.private_instance, default_theme: stateSiteForm.default_theme, @@ -895,6 +916,11 @@ export class SiteForm extends Component { i.setState(i.state); } + handleSiteOauthRegistration(i: SiteForm, event: any) { + i.state.siteForm.oauth_registration = event.target.checked; + i.setState(i.state); + } + handleSiteCommunityCreationAdminOnly(i: SiteForm, event: any) { i.state.siteForm.community_creation_admin_only = event.target.checked; i.setState(i.state); diff --git a/src/shared/components/person/settings.tsx b/src/shared/components/person/settings.tsx index ddd13afd2..3e9a27284 100644 --- a/src/shared/components/person/settings.tsx +++ b/src/shared/components/person/settings.tsx @@ -519,6 +519,7 @@ export class Settings extends Component { value={this.state.changePasswordForm.old_password} onInput={linkEvent(this, this.handleOldPasswordChange)} label={I18NextService.i18n.t("old_password")} + required={false} />
    @@ -1709,12 +1710,12 @@ export class Settings extends Component { const { new_password, new_password_verify, old_password } = i.state.changePasswordForm; - if (new_password && old_password && new_password_verify) { + if (new_password && new_password_verify) { i.setState({ changePasswordRes: LOADING_REQUEST }); const changePasswordRes = await HttpService.client.changePassword({ new_password, new_password_verify, - old_password, + old_password: old_password || "", }); if (changePasswordRes.state === "success") { snapToTop(); diff --git a/src/shared/routes.ts b/src/shared/routes.ts index a26c72f2d..f7622a651 100644 --- a/src/shared/routes.ts +++ b/src/shared/routes.ts @@ -28,7 +28,11 @@ import { } from "./components/home/login"; import { LoginReset } from "./components/home/login-reset"; import { Setup } from "./components/home/setup"; -import { Signup } from "./components/home/signup"; +import { + Signup, + SignupFetchConfig, + getSignupQueryParams, +} from "./components/home/signup"; import { Modlog, ModlogFetchConfig, @@ -75,6 +79,11 @@ import { import { InitialFetchRequest, RouteData } from "./interfaces"; import { GetSiteResponse } from "lemmy-js-client"; import { Inferno } from "inferno"; +import { + OAuthCallback, + OAuthCallbackConfig, + getOAuthCallbackQueryParams, +} from "./components/home/oauth/oauth-callback"; export interface IRoutePropsWithFetch< DataT extends RouteData, @@ -114,8 +123,9 @@ export const routes: IRoutePropsWithFetch[] = [ }, { path: `/signup`, + getQueryParams: getSignupQueryParams, component: Signup, - }, + } as SignupFetchConfig, { path: `/create_post`, component: CreatePost, @@ -218,6 +228,11 @@ export const routes: IRoutePropsWithFetch[] = [ path: `/verify_email/:token`, component: VerifyEmail, }, + { + path: `/oauth/callback`, + getQueryParams: getOAuthCallbackQueryParams, + component: OAuthCallback, + } as OAuthCallbackConfig, { path: `/instances`, component: Instances, diff --git a/src/shared/utils/types/oauth.ts b/src/shared/utils/types/oauth.ts new file mode 100644 index 000000000..60dee9122 --- /dev/null +++ b/src/shared/utils/types/oauth.ts @@ -0,0 +1,6 @@ +import { CreateOAuthProvider } from "lemmy-js-client"; + +export type ProviderToEdit = Omit< + CreateOAuthProvider, + "client_id" | "client_secret" +>;