diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 949298afa..d572c5fd5 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -351,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #2196F3; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #64B5F6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #64B5F6; @@ -950,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2196F3; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 5b6978142..3fca540ca 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -351,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #4CAF50; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #81C784; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #81C784; @@ -950,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4CAF50; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 929fd3884..5d7c248b7 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -351,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #FFC107; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #FFD54F; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #FFD54F; @@ -950,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #FFC107; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 32a59f210..3676b70ce 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -351,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #9C27B0; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #BA68C8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #BA68C8; @@ -950,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9C27B0; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index ba31fa70d..ebbd43f3e 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -351,6 +351,19 @@ border-color: #f19ea6; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8dd0ff; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #1dadff; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #151515; } @@ -933,9 +946,10 @@ border-color: #8dd0ff; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.15s; - color: #151515; + background-color: #151515; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #8dd0ff; @@ -950,6 +964,19 @@ border-color: #f19ea6; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #8dd0ff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1dadff; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #151515; } @@ -1180,7 +1207,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 88bb331d4..b2398ff01 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -351,6 +351,19 @@ border-color: #f19ea6; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #c298d8; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #9954bb; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #151515; } @@ -933,9 +946,10 @@ border-color: #c298d8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.15s; - color: #151515; + background-color: #151515; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #c298d8; @@ -950,6 +964,19 @@ border-color: #f19ea6; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #c298d8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9954bb; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #151515; } @@ -1180,7 +1207,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 39986863f..624a8ddd9 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -351,6 +351,19 @@ border-color: #dc3545; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #007bff; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #0062cc; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #007bff; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.15s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #007bff; @@ -950,6 +964,19 @@ border-color: #dc3545; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #007bff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0062cc; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 1c768bcb5..b21c7b604 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -351,6 +351,19 @@ border-color: #dc3545; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #883cae; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #68329e; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #883cae; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.15s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #883cae; @@ -950,6 +964,19 @@ border-color: #dc3545; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(0, 0, 0, 0.03); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #883cae; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #68329e; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 02b8e7d51..bd6d51a18 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -351,6 +351,19 @@ border-color: #e57373; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFE082; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #FFCA28; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #FFE082; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #FFE082; @@ -950,6 +964,19 @@ border-color: #e57373; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFE082; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #FFCA28; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 19c89d08f..4eaaaf884 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -351,6 +351,19 @@ border-color: #e57373; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #81D4FA; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #29B6F6; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #81D4FA; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #81D4FA; @@ -950,6 +964,19 @@ border-color: #e57373; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #81D4FA; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #29B6F6; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 4e27479f0..11435cf05 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -351,6 +351,19 @@ border-color: #e57373; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #C5E1A5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #9CCC65; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #C5E1A5; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #C5E1A5; @@ -950,6 +964,19 @@ border-color: #e57373; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #C5E1A5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9CCC65; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index a6ec12936..ecc859223 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -351,6 +351,19 @@ border-color: #e57373; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #F48FB1; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #EC407A; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #F48FB1; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #F48FB1; @@ -950,6 +964,19 @@ border-color: #e57373; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #4b4b4b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #F48FB1; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #EC407A; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 33216e278..111e93b7f 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -375,6 +375,19 @@ border-color: #f44435; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #CE93D8; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #CE93D8; +} + .p-chips .p-chips-multiple-container { padding: 0.5rem 1rem; } @@ -931,14 +944,14 @@ } .p-radiobutton { - width: 21px; - height: 21px; + width: 20px; + height: 20px; } .p-radiobutton .p-radiobutton-box { border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; - width: 21px; - height: 21px; + width: 20px; + height: 20px; color: rgba(255, 255, 255, 0.87); border-radius: 50%; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -953,9 +966,10 @@ border-color: #CE93D8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #CE93D8; + background-color: #CE93D8; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #CE93D8; @@ -970,6 +984,19 @@ border-color: #f44435; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; +} + .p-rating .p-rating-icon { color: #CE93D8; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid rgba(255, 255, 255, 0.7); } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #CE93D8; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 9783672f3..d2e34c96c 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -375,6 +375,19 @@ border-color: #f44435; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #9FA8DA; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #9FA8DA; +} + .p-chips .p-chips-multiple-container { padding: 0.5rem 1rem; } @@ -931,14 +944,14 @@ } .p-radiobutton { - width: 21px; - height: 21px; + width: 20px; + height: 20px; } .p-radiobutton .p-radiobutton-box { border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; - width: 21px; - height: 21px; + width: 20px; + height: 20px; color: rgba(255, 255, 255, 0.87); border-radius: 50%; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -953,9 +966,10 @@ border-color: #9FA8DA; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #9FA8DA; + background-color: #9FA8DA; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #9FA8DA; @@ -970,6 +984,19 @@ border-color: #f44435; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; +} + .p-rating .p-rating-icon { color: #9FA8DA; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid rgba(255, 255, 255, 0.7); } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #9FA8DA; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 2e0adce89..255ca0f2d 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -375,6 +375,19 @@ border-color: #B00020; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #673AB7; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #673AB7; +} + .p-chips .p-chips-multiple-container { padding: 0.5rem 1rem; } @@ -953,9 +966,10 @@ border-color: #673AB7; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #673AB7; + background-color: #673AB7; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #673AB7; @@ -970,6 +984,19 @@ border-color: #B00020; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + .p-rating .p-rating-icon { color: #673AB7; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid #757575; } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #673AB7; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #673AB7; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 4095f8945..0a91b65e1 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -375,6 +375,19 @@ border-color: #B00020; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3F51B5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #3F51B5; +} + .p-chips .p-chips-multiple-container { padding: 0.5rem 1rem; } @@ -953,9 +966,10 @@ border-color: #3F51B5; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #3F51B5; + background-color: #3F51B5; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #3F51B5; @@ -970,6 +984,19 @@ border-color: #B00020; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + .p-rating .p-rating-icon { color: #3F51B5; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid #757575; } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #3F51B5; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #3F51B5; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index a94afa710..298093c3a 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -375,6 +375,19 @@ border-color: #f44435; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #673AB7; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #673AB7; +} + .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; } @@ -931,14 +944,14 @@ } .p-radiobutton { - width: 21px; - height: 21px; + width: 20px; + height: 20px; } .p-radiobutton .p-radiobutton-box { border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; - width: 21px; - height: 21px; + width: 20px; + height: 20px; color: rgba(255, 255, 255, 0.87); border-radius: 50%; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -953,9 +966,10 @@ border-color: #673AB7; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #673AB7; + background-color: #673AB7; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #673AB7; @@ -970,6 +984,19 @@ border-color: #f44435; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + .p-rating .p-rating-icon { color: #673AB7; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.25rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid rgba(255, 255, 255, 0.7); } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #673AB7; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #673AB7; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 6c9d99b22..6235933d5 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -375,6 +375,19 @@ border-color: #f44435; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3F51B5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #3F51B5; +} + .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; } @@ -931,14 +944,14 @@ } .p-radiobutton { - width: 21px; - height: 21px; + width: 20px; + height: 20px; } .p-radiobutton .p-radiobutton-box { border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; - width: 21px; - height: 21px; + width: 20px; + height: 20px; color: rgba(255, 255, 255, 0.87); border-radius: 50%; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -953,9 +966,10 @@ border-color: #3F51B5; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #3F51B5; + background-color: #3F51B5; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #3F51B5; @@ -970,6 +984,19 @@ border-color: #f44435; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + .p-rating .p-rating-icon { color: #3F51B5; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.25rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid rgba(255, 255, 255, 0.7); } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #3F51B5; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #3F51B5; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index f3151b0f5..383a2c68f 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -375,6 +375,19 @@ border-color: #B00020; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #673AB7; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #673AB7; +} + .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; } @@ -953,9 +966,10 @@ border-color: #673AB7; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #673AB7; + background-color: #673AB7; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #673AB7; @@ -970,6 +984,19 @@ border-color: #B00020; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + .p-rating .p-rating-icon { color: #673AB7; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.25rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid #757575; } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #673AB7; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #673AB7; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index cdc029499..9d5ef52c3 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -375,6 +375,19 @@ border-color: #B00020; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3F51B5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #3F51B5; +} + .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; } @@ -953,9 +966,10 @@ border-color: #3F51B5; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 10px; + height: 10px; transition-duration: 0.2s; - color: #3F51B5; + background-color: #3F51B5; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #3F51B5; @@ -970,6 +984,19 @@ border-color: #B00020; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + .p-rating .p-rating-icon { color: #3F51B5; margin-left: 0.5rem; @@ -1196,7 +1223,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.25rem; @@ -4410,6 +4437,13 @@ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; +} + @keyframes checkbox-check { 0% { width: 0; @@ -4439,25 +4473,9 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border: 2px solid #757575; } -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - transition: transform 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); - width: 0.75rem; - height: 0.75rem; - border-radius: 50%; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { - display: none; -} .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #3F51B5; } -.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { - background-color: #3F51B5; - transform: translateZ(0) scale(1, 1); -} .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); } @@ -4471,6 +4489,13 @@ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 5c56c79e1..d5dd9d5da 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -351,6 +351,19 @@ border-color: #a80000; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #007ad9; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #005b9f; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -929,9 +942,10 @@ border-color: #007ad9; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #007ad9; @@ -946,6 +960,19 @@ border-color: #a80000; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #007ad9; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #005b9f; +} + .p-rating .p-rating-icon { color: #333333; margin-left: 0.5rem; @@ -1172,7 +1199,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index c026c96a4..bb051ec7e 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -351,6 +351,19 @@ border-color: #a80000; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #007ad9; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #005b9f; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #007ad9; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #007ad9; @@ -950,6 +964,19 @@ border-color: #a80000; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #007ad9; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #005b9f; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 5d0770c77..1a010608a 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -351,6 +351,19 @@ border-color: #a80000; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #41b883; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #246749; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #41b883; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #41b883; @@ -950,6 +964,19 @@ border-color: #a80000; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #41b883; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #246749; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 657b75f2e..f1ded05cb 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -351,6 +351,19 @@ border-color: #a80000; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #007ad9; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #005b9f; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #007ad9; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #007ad9; @@ -950,6 +964,19 @@ border-color: #a80000; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #007ad9; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #005b9f; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 396d372b9..05a7d5496 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -351,6 +351,19 @@ border-color: e7a3a3; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #7B95A3; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #617c8a; +} + .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; } @@ -929,9 +942,10 @@ border-color: #7B95A3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #7B95A3; @@ -946,6 +960,19 @@ border-color: e7a3a3; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f4f4f4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #7B95A3; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #617c8a; +} + .p-rating .p-rating-icon { color: #666666; margin-left: 0.5rem; @@ -1172,7 +1199,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 738b34160..4dd92c094 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -1,7 +1,7 @@ @charset "UTF-8"; :root { --surface-a: #ffffff; - --surface-b: #fdfdfd; + --surface-b:#f8f9fa; --surface-c: #e9ecef; --surface-d: #dee2e6; --surface-e: #ffffff; @@ -351,6 +351,19 @@ border-color: #f44336; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2196F3; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #1976D2; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #2196F3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #2196F3; @@ -950,6 +964,19 @@ border-color: #f44336; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #2196F3; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1976D2; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 570689897..97e002230 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -1,7 +1,7 @@ @charset "UTF-8"; :root { --surface-a: #ffffff; - --surface-b: #fdfdfd; + --surface-b:#f8f9fa; --surface-c: #e9ecef; --surface-d: #dee2e6; --surface-e: #ffffff; @@ -351,6 +351,19 @@ border-color: #f44336; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #4CAF50; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #388E3C; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -933,9 +946,10 @@ border-color: #4CAF50; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #4CAF50; @@ -950,6 +964,19 @@ border-color: #f44336; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #4CAF50; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #388E3C; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1180,7 +1207,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index df50f30f3..bef1b461c 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -1,7 +1,7 @@ @charset "UTF-8"; :root { --surface-a: #ffffff; - --surface-b: #fdfdfd; + --surface-b:#f8f9fa; --surface-c: #e9ecef; --surface-d: #dee2e6; --surface-e: #ffffff; @@ -351,6 +351,19 @@ border-color: #f44336; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFC107; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #FFA000; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -933,9 +946,10 @@ border-color: #FFC107; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #FFC107; @@ -950,6 +964,19 @@ border-color: #f44336; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFC107; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #FFA000; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1180,7 +1207,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 0905a1c9d..94e7d8902 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -9,6 +9,7 @@ --text-color-secondary: rgba(255, 255, 255, 0.6); --primary-color: #64B5F6; --primary-color-text: #212529; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } * { @@ -350,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #2196F3; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -932,9 +946,10 @@ border-color: #64B5F6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #64B5F6; @@ -949,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2196F3; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1179,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 7ece48c00..b3be360d0 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -9,6 +9,7 @@ --text-color-secondary: rgba(255, 255, 255, 0.6); --primary-color: #81C784; --primary-color-text: #212529; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } * { @@ -350,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #4CAF50; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -932,9 +946,10 @@ border-color: #81C784; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #81C784; @@ -949,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4CAF50; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1179,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 65f95c519..cae181923 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -9,6 +9,7 @@ --text-color-secondary: rgba(255, 255, 255, 0.6); --primary-color: #FFD54F; --primary-color-text: #212529; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } * { @@ -350,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #FFC107; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } @@ -932,9 +946,10 @@ border-color: #FFD54F; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #212529; + background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #FFD54F; @@ -949,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #FFC107; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } @@ -1179,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index c08747f2c..1ce8ec64b 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -9,6 +9,7 @@ --text-color-secondary: rgba(255, 255, 255, 0.6); --primary-color: #BA68C8; --primary-color-text: #ffffff; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } * { @@ -350,6 +351,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + background: #9C27B0; +} + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } @@ -932,9 +946,10 @@ border-color: #BA68C8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - font-size: 0.75rem; + width: 0.75rem; + height: 0.75rem; transition-duration: 0.2s; - color: #ffffff; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #BA68C8; @@ -949,6 +964,19 @@ border-color: #ef9a9a; } +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9C27B0; +} + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } @@ -1179,7 +1207,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { - border-radius: 1rem; + border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem;