vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #5071 - Update Theme

pull/5098/head
mertsincan 2024-01-14 15:21:52 +00:00
parent 631fd839ca
commit d42c95e444
57 changed files with 1213 additions and 1213 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/themes/arya-blue/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #383838;
}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #383838;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #64B5F6;
border-color: #64B5F6;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #43a5f4;
border-color: #43a5f4;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/arya-green/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #383838;
}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #383838;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #81C784;
border-color: #81C784;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #6abd6e;
border-color: #6abd6e;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/arya-orange/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #383838;
}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #383838;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #FFD54F;
border-color: #FFD54F;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #ffcd2e;
border-color: #ffcd2e;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/arya-purple/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #383838;
}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #383838;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #BA68C8;
border-color: #BA68C8;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #b052c0;
border-color: #b052c0;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #3f4b5b;
}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #6c757d;
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #5a6268;
border-color: #545b62;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f19ea6;
}

42
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #3f4b5b;
}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #6c757d;
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #5a6268;
border-color: #545b62;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f19ea6;
}

42
public/themes/bootstrap4-light-blue/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #efefef;
}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #6c757d;
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #5a6268;
border-color: #545b62;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #dc3545;
}

42
public/themes/bootstrap4-light-purple/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #efefef;
}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #6c757d;
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #5a6268;
border-color: #545b62;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #dc3545;
}

42
public/themes/fluent-light/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #faf9f8;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #605e5c;
color: #323130;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #605e5c;
border-radius: 2px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #605e5c;
color: #323130;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #605e5c;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #edebe9;
border-color: #605e5c;
color: #323130;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #323130;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f2f1;
border-color: #605e5c;
color: #323130;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #605e5c;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #edebe9;
border-color: #605e5c;
color: #323130;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #323130;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #a4252c;
}

42
public/themes/lara-dark-amber/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #fbbf24;
border-color: #fbbf24;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #fcd34d;
border-color: #fcd34d;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
border-color: #fbbf24;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-dark-blue/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #60a5fa;
border-color: #60a5fa;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #93c5fd;
border-color: #93c5fd;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
border-color: #60a5fa;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-dark-cyan/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #22d3ee;
border-color: #22d3ee;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #67e8f9;
border-color: #67e8f9;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
border-color: #22d3ee;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-dark-green/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #34d399;
border-color: #34d399;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #6ee7b7;
border-color: #6ee7b7;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
border-color: #34d399;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-dark-indigo/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #818cf8;
border-color: #818cf8;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #a5b4fc;
border-color: #a5b4fc;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
border-color: #818cf8;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-dark-pink/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #f472b6;
border-color: #f472b6;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #f9a8d4;
border-color: #f9a8d4;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
border-color: #f472b6;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-dark-purple/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #a78bfa;
border-color: #a78bfa;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #c4b5fd;
border-color: #c4b5fd;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
border-color: #a78bfa;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-dark-teal/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #424b57;
}
.p-togglebutton.p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #424b57;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2937;
border: 1px solid #424b57;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #2dd4bf;
border-color: #2dd4bf;
color: #030712;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #424b57;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #5eead4;
border-color: #5eead4;
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #030712;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
border-color: #2dd4bf;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #FCA5A5;
}

42
public/themes/lara-light-amber/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #f59e0b;
border-color: #f59e0b;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #d97706;
border-color: #d97706;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #fef08a;
border-color: #f59e0b;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/lara-light-blue/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #3B82F6;
border-color: #3B82F6;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/lara-light-cyan/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #06b6d4;
border-color: #06b6d4;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #0891b2;
border-color: #0891b2;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a5f3fc;
border-color: #06b6d4;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/lara-light-green/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #10b981;
border-color: #10b981;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #059669;
border-color: #059669;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a7f3d0;
border-color: #10b981;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/lara-light-indigo/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #6366F1;
border-color: #6366F1;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #4F46E5;
border-color: #4F46E5;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/lara-light-pink/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #ec4899;
border-color: #ec4899;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #db2777;
border-color: #db2777;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #fbcfe8;
border-color: #ec4899;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/lara-light-purple/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #8B5CF6;
border-color: #8B5CF6;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #7C3AED;
border-color: #7C3AED;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/lara-light-teal/theme.css
View File

@ -1801,14 +1801,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1823,44 +1816,51 @@
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #14b8a6;
border-color: #14b8a6;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #0d9488;
border-color: #0d9488;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99f6e4;
border-color: #14b8a6;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}

42
public/themes/luna-amber/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #4b4b4b;
}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #252525;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #888888;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #FFE082;
border-color: #FFE082;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #4c4c4c;
border-color: #4c4c4c;
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #FFD54F;
border-color: #FFD54F;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #FFE082;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e57373;
}

42
public/themes/luna-blue/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #4b4b4b;
}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #252525;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #888888;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #81D4FA;
border-color: #81D4FA;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #4c4c4c;
border-color: #4c4c4c;
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #4FC3F7;
border-color: #4FC3F7;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #81D4FA;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e57373;
}

42
public/themes/luna-green/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #4b4b4b;
}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #252525;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #888888;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #C5E1A5;
border-color: #C5E1A5;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #4c4c4c;
border-color: #4c4c4c;
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #AED581;
border-color: #AED581;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #C5E1A5;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e57373;
}

42
public/themes/luna-pink/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #4b4b4b;
}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #252525;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #888888;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #F48FB1;
border-color: #F48FB1;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #4c4c4c;
border-color: #4c4c4c;
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #dedede;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #F06292;
border-color: #F06292;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
border-color: #F48FB1;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e57373;
}

46
public/themes/md-dark-deeppurple/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: rgba(255, 255, 255, 0.1);
}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44435;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
}

46
public/themes/md-dark-indigo/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: rgba(255, 255, 255, 0.1);
}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44435;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
}

46
public/themes/md-light-deeppurple/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: #dcdcdc;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #B00020;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
}

46
public/themes/md-light-indigo/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: #dcdcdc;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #B00020;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
}

46
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: rgba(255, 255, 255, 0.1);
}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44435;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
}

46
public/themes/mdc-dark-indigo/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: rgba(255, 255, 255, 0.1);
}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44435;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #1c1c1c;
border-color: rgba(255, 255, 255, 0.12);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #262626;
border-color: rgba(255, 255, 255, 0.12);
}

46
public/themes/mdc-light-deeppurple/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: #dcdcdc;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #B00020;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
}

46
public/themes/mdc-light-indigo/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: #dcdcdc;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
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);
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
color: rgba(0, 0, 0, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #B00020;
}
@ -7530,11 +7530,11 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
background: #e0e0e1;
border-color: #e0e0e1;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible).p-highlight .p-button {
background: #d9d8d9;
border-color: #d9d8d9;
}

42
public/themes/mira/theme.css
View File

@ -1810,14 +1810,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 2px solid #D8DEE9;
color: #4C566A;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1832,44 +1825,51 @@
border: 2px solid #D8DEE9;
border-radius: 4px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 2px solid #D8DEE9;
color: #4C566A;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #81A1C1;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #5E81AC;
border-color: #5E81AC;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #ECEFF4;
border-color: #81A1C1;
color: #4C566A;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #81A1C1;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #81A1C1;
border-color: #5E81AC;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C0D0E0;
border-color: #81A1C1;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #BF616A;
}

42
public/themes/nano/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #a5acb3;
color: #343a3f;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #a5acb3;
border-radius: 1px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #a5acb3;
color: #343a3f;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #697077;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #1174c0;
border-color: #1174c0;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #dde1e6;
border-color: #a5acb3;
color: #343a3f;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #697077;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #0f68ad;
border-color: #0f68ad;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #90c9f5;
border-color: #1174c0;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #d8222f;
}

42
public/themes/nova-accent/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #f4f4f4;
}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #dadada;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #666666;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #c8c8c8;
border-color: #c8c8c8;
color: #333333;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #212121;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #116fbf;
border-color: #116fbf;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #a80000;
}

42
public/themes/nova-alt/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #f4f4f4;
}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #dadada;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #666666;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #c8c8c8;
border-color: #c8c8c8;
color: #333333;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #212121;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #116fbf;
border-color: #116fbf;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #a80000;
}

42
public/themes/nova-vue/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #f4f4f4;
}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #dadada;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #666666;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #41b883;
border-color: #41b883;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #c8c8c8;
border-color: #c8c8c8;
color: #333333;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #212121;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #318c63;
border-color: #318c63;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
border-color: #41b883;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #a80000;
}

42
public/themes/nova/theme.css
View File

@ -1794,14 +1794,7 @@
background-color: #f4f4f4;
}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1816,44 +1809,51 @@
border: 1px solid #dadada;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #666666;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #c8c8c8;
border-color: #c8c8c8;
color: #333333;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #212121;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #116fbf;
border-color: #116fbf;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
border-color: #007ad9;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #a80000;
}

42
public/themes/rhea/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #f4f4f4;
}
.p-togglebutton.p-button {
background: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #eaeaea;
border-radius: 2px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #666666;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #AFD3C8;
border-color: #AFD3C8;
color: #385048;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #385048;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #c8c8c8;
border-color: #c8c8c8;
color: #333333;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #666666;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #8DC8B5;
border-color: #8DC8B5;
color: #385048;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #385048;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
border-color: #7B95A3;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #e7a3a3;
}

42
public/themes/saga-blue/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #ced4da;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #2196F3;
border-color: #2196F3;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #0d89ec;
border-color: #0d89ec;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44336;
}

42
public/themes/saga-green/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #ced4da;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #4CAF50;
border-color: #4CAF50;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #449e48;
border-color: #449e48;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44336;
}

42
public/themes/saga-orange/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #ced4da;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #FFC107;
border-color: #FFC107;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #ecb100;
border-color: #ecb100;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44336;
}

42
public/themes/saga-purple/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #ced4da;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #9C27B0;
border-color: #9C27B0;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #8c239e;
border-color: #8c239e;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f44336;
}

42
public/themes/soho-dark/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: #3e4053;
}
.p-togglebutton.p-button {
background: #282936;
border: 1px solid #3e4053;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid #3e4053;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #282936;
border: 1px solid #3e4053;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #b19df7;
border-color: #b19df7;
color: #1c1d26;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #1c1d26;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #3e4053;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #a28af5;
border-color: #a28af5;
color: #1c1d26;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #1c1d26;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e0d8fc;
border-color: #b19df7;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ff9a9a;
}

42
public/themes/soho-light/theme.css
View File

@ -1806,14 +1806,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d3dbe3;
color: #043d75;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1828,44 +1821,51 @@
border: 1px solid #d3dbe3;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d3dbe3;
color: #043d75;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #708da9;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #7254f3;
border-color: #7254f3;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f6f9fc;
border-color: #d3dbe3;
color: #043d75;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #708da9;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #6545f2;
border-color: #6545f2;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #c7bbfa;
border-color: #7254f3;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ff6767;
}

42
public/themes/tailwind-light/theme.css
View File

@ -1817,14 +1817,7 @@
background-color: #ffffff;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #d4d4d8;
color: #3f3f46;
transition: none;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1839,44 +1832,51 @@
border: 1px solid #d4d4d8;
border-radius: 0.375rem;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d4d4d8;
color: #3f3f46;
transition: none;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #71717A;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #4F46E5;
border-color: #4F46E5;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f4f4f5;
border-color: #d4d4d8;
color: #3f3f46;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #71717A;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #4338CA;
border-color: #4338CA;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f0a9a7;
}

42
public/themes/vela-blue/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #304562;
}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #304562;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #64B5F6;
border-color: #64B5F6;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #43a5f4;
border-color: #43a5f4;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/vela-green/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #304562;
}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #304562;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #81C784;
border-color: #81C784;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #6abd6e;
border-color: #6abd6e;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/vela-orange/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #304562;
}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #304562;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #FFD54F;
border-color: #FFD54F;
color: #212529;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #ffcd2e;
border-color: #ffcd2e;
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #212529;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/vela-purple/theme.css
View File

@ -1782,14 +1782,7 @@
background-color: #304562;
}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1804,44 +1797,51 @@
border: 1px solid #304562;
border-radius: 3px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #BA68C8;
border-color: #BA68C8;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #b052c0;
border-color: #b052c0;
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #ef9a9a;
}

42
public/themes/viva-dark/theme.css
View File

@ -1814,14 +1814,7 @@
background-color: #263238;
}
.p-togglebutton.p-button {
background: #161d21;
border: 2px solid #263238;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1836,44 +1829,51 @@
border: 2px solid #263238;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #161d21;
border: 2px solid #263238;
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: rgba(158, 173, 230, 0.16);
border-color: rgba(158, 173, 230, 0.16);
color: #9eade6;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #9eade6;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: rgba(158, 173, 230, 0.08);
border-color: #263238;
color: rgba(255, 255, 255, 0.87);
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: rgba(158, 173, 230, 0.24);
border-color: rgba(158, 173, 230, 0.24);
color: #9eade6;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #9eade6;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #9eade6;
border-color: #9eade6;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f78c79;
}

42
public/themes/viva-light/theme.css
View File

@ -1814,14 +1814,7 @@
background-color: #f2f2f2;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 2px solid #e1e1e1;
color: #6c6c6c;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
outline-color: transparent;
}
.p-togglebutton.p-button .p-togglebutton-input {
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
@ -1836,44 +1829,51 @@
border: 2px solid #e1e1e1;
border-radius: 6px;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
.p-togglebutton .p-button {
background: #ffffff;
border: 2px solid #e1e1e1;
color: #6c6c6c;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #898989;
}
.p-togglebutton.p-button.p-highlight {
.p-togglebutton.p-highlight .p-button {
background: #ced6f1;
border-color: #ced6f1;
color: #585858;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #585858;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #edf0fA;
border-color: #e1e1e1;
color: #6c6c6c;
}
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover:not(.p-highlight) .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #898989;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #bdc7ec;
border-color: #bdc7ec;
color: #585858;
}
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):hover.p-highlight .p-button-icon-right {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #585858;
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem #bbc7ee;
border-color: #91a4e3;
}
.p-togglebutton.p-button.p-invalid {
.p-togglebutton.p-invalid > .p-button {
border-color: #f88c79;
}