diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 510a3fc15..9a997e389 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #121212; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #383838; background: #1e1e1e; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #121212; +} + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 59378a248..0d0435557 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #121212; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #383838; background: #1e1e1e; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #121212; +} + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index c6cb10091..1ef884b36 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #121212; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #383838; background: #1e1e1e; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #121212; +} + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index f6c6cb56b..bddcee451 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #121212; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #121212; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #383838; background: #1e1e1e; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #121212; +} + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #121212; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/bootstrap4-dark/theme.css b/public/themes/bootstrap4-dark/theme.css index 0717f5b50..d1f928439 100644 --- a/public/themes/bootstrap4-dark/theme.css +++ b/public/themes/bootstrap4-dark/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f19ea6; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #20262e; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #151515; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #20262e; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.75rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #20262e; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #3f4b5b; background: #2a323d; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #20262e; +} + .p-password-panel { padding: 1.25rem; background: #2a323d; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #f19ea6; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #20262e; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #151515; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #20262e; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/bootstrap4-light/theme.css b/public/themes/bootstrap4-light/theme.css index 35468ae81..16b5db1ea 100644 --- a/public/themes/bootstrap4-light/theme.css +++ b/public/themes/bootstrap4-light/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #dc3545; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: rgba(0, 0, 0, 0.03); +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: rgba(0, 0, 0, 0.03); +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.75rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: rgba(0, 0, 0, 0.03); +} + .p-editor-container .p-editor-toolbar { border: 1px solid rgba(0, 0, 0, 0.125); background: rgba(0, 0, 0, 0.03); @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: rgba(0, 0, 0, 0.03); +} + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #dc3545; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: rgba(0, 0, 0, 0.03); +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: rgba(0, 0, 0, 0.03); +} + .p-rating .p-rating-icon { color: #212529; margin-left: 0.5rem; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index ae15dda64..f63d4842b 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #191919; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #191919; background: #191919; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #191919; +} + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} + .p-rating .p-rating-icon { color: #dedede; margin-left: 0.5rem; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 6fd91664d..d752b94a3 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #191919; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #191919; background: #191919; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #191919; +} + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} + .p-rating .p-rating-icon { color: #dedede; margin-left: 0.5rem; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index b1399bb1f..e290bd1ea 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #191919; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #191919; background: #191919; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #191919; +} + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} + .p-rating .p-rating-icon { color: #dedede; margin-left: 0.5rem; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index c5a584e1c..bcd39f553 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #191919; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #191919; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #191919; background: #191919; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #191919; +} + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #e57373; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #191919; +} + .p-rating .p-rating-icon { color: #dedede; margin-left: 0.5rem; diff --git a/public/themes/material-dark/theme.css b/public/themes/material-dark/theme.css index 0c64d1126..61ac0fe71 100644 --- a/public/themes/material-dark/theme.css +++ b/public/themes/material-dark/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: pink; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: pink; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: pink; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #dee2e6; background: #f8f9fa; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: pink; +} + .p-password-panel { padding: 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: pink; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: pink; +} + .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; diff --git a/public/themes/material-light/theme.css b/public/themes/material-light/theme.css index e8f1db6d2..e4f7db7dc 100644 --- a/public/themes/material-light/theme.css +++ b/public/themes/material-light/theme.css @@ -367,11 +367,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: pink; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: pink; +} + .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; } @@ -513,6 +520,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: pink; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #dee2e6; background: #f8f9fa; @@ -816,6 +827,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; @@ -902,6 +914,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: pink; +} + .p-password-panel { padding: 1rem; background: #ffffff; @@ -953,11 +970,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: pink; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: pink; +} + .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index f3999c57d..a410b52de 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f4f4f4; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #007ad9; background: #007ad9; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #666666; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f4f4f4; +} + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-rating .p-rating-icon { color: #333333; margin-left: 0.5rem; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index adb6e9139..5e3abfbea 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f4f4f4; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #333333; background: #333333; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #666666; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f4f4f4; +} + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-rating .p-rating-icon { color: #333333; margin-left: 0.5rem; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index dd16fecd3..d91ea05cd 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f4f4f4; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #c8c8c8; background: #f4f4f4; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #666666; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f4f4f4; +} + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-rating .p-rating-icon { color: #333333; margin-left: 0.5rem; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 4464fe17a..420c1c45a 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f4f4f4; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #c8c8c8; background: #f4f4f4; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #666666; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f4f4f4; +} + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #a80000; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-rating .p-rating-icon { color: #333333; margin-left: 0.5rem; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index f2262b085..8436c707c 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: e7a3a3; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f4f4f4; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #7B95A3; background: #7B95A3; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #a6a6a6; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f4f4f4; +} + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: e7a3a3; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f4f4f4; +} + .p-rating .p-rating-icon { color: #666666; margin-left: 0.5rem; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 602cbd88f..178e2e23e 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f8f9fa; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f8f9fa; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f8f9fa; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #dee2e6; background: #f8f9fa; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f8f9fa; +} + .p-password-panel { padding: 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f8f9fa; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f8f9fa; +} + .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 9a494efda..fa492f40e 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f8f9fa; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f8f9fa; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f8f9fa; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #dee2e6; background: #f8f9fa; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f8f9fa; +} + .p-password-panel { padding: 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f8f9fa; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f8f9fa; +} + .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 89892196e..4decd4119 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #f8f9fa; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #f8f9fa; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #f8f9fa; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #dee2e6; background: #f8f9fa; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #f8f9fa; +} + .p-password-panel { padding: 1rem; background: #ffffff; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #f44336; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #f8f9fa; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #f8f9fa; +} + .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 299759dee..32cc142ed 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #17212f; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #304562; background: #1f2d40; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #17212f; +} + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 02c9524c7..d1cd37325 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #17212f; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #304562; background: #1f2d40; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #17212f; +} + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index a2aca5d48..5b0b9bdbe 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #17212f; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #304562; background: #1f2d40; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #17212f; +} + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index f1aa722e2..53cd3c639 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -343,11 +343,18 @@ .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { + background-color: #17212f; +} + .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } @@ -489,6 +496,10 @@ border-width: 1px; } +.p-input-filled .p-dropdown-trigger { + background: #17212f; +} + .p-editor-container .p-editor-toolbar { border: 1px solid #304562; background: #1f2d40; @@ -792,6 +803,7 @@ } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -878,6 +890,11 @@ border-width: 1px; } +.p-input-filled .p-multiselect-label, +.p-input-filled .p-multiselect-trigger { + background: #17212f; +} + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -929,11 +946,18 @@ .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { border-color: #ef9a9a; } +.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { + background-color: #17212f; +} + .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem;