Skip to content

Commit

Permalink
Refactor #5071 - Update Theme
Browse files Browse the repository at this point in the history
  • Loading branch information
@mertsincan
mertsincan committed Jan 14, 2024
1 parent 631fd83 commit d42c95e
Show file tree
Hide file tree
Showing 57 changed files with 1,213 additions and 1,213 deletions.
42 changes: 21 additions & 21 deletions public/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
}

Expand Down
42 changes: 21 additions & 21 deletions public/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
}

Expand Down
42 changes: 21 additions & 21 deletions public/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
}

Expand Down
42 changes: 21 additions & 21 deletions public/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
}

Expand Down
Loading

0 comments on commit d42c95e

Please sign in to comment.