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

Update dark themes

pull/358/head
cagataycivici 2020-06-20 13:21:37 +03:00
parent 78a97d9a39
commit 1e3c1934da
13 changed files with 316 additions and 316 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #121212; background: #383838;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #383838; background: #121212;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #383838; border: 1px solid #383838;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #121212; background: #383838;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #121212; background: #383838;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #121212; background: #383838;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #121212; background: #383838;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #383838; background: #121212;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #383838; border: 1px solid #383838;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #121212; background: #383838;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #121212; background: #383838;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #121212; background: #383838;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #121212; background: #383838;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #383838; background: #121212;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #383838; border: 1px solid #383838;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #121212; background: #383838;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #121212; background: #383838;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #121212; background: #383838;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #121212; background: #383838;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #383838; background: #121212;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #383838; border: 1px solid #383838;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #121212; background: #383838;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #121212; background: #383838;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #383838; background: #121212;
border: 1px solid #383838; border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #383838; background: #121212;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #121212; background: #383838;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #383838; background: #121212;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #121212; background-color: #383838;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

32
public/themes/bootstrap4-dark/theme.css
View File

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
background: #3f4b5b; background: #20262e;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #f19ea6; border-color: #f19ea6;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #20262e; background-color: #3f4b5b;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #20262e; background-color: #3f4b5b;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #3f4b5b; background: #20262e;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #3f4b5b; background: #20262e;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 4px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #20262e; background: #3f4b5b;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #3f4b5b; background: #20262e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3f4b5b; background: #20262e;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.9375rem; padding: 0.625rem 0.9375rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #20262e; background: #3f4b5b;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #20262e; background: #3f4b5b;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #3f4b5b; background: #20262e;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #3f4b5b; background: #20262e;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 4px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #20262e; background: #3f4b5b;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
background: #3f4b5b; background: #20262e;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #f19ea6; border-color: #f19ea6;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #20262e; background-color: #3f4b5b;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #20262e; background-color: #3f4b5b;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

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

@ -133,7 +133,7 @@
padding: 0.857rem; padding: 0.857rem;
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
@ -220,13 +220,13 @@
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
} }
.p-datepicker .p-datepicker-buttonbar .p-button { .p-datepicker .p-datepicker-buttonbar .p-button {
width: auto; width: auto;
} }
.p-datepicker .p-timepicker { .p-datepicker .p-timepicker {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
@ -266,7 +266,7 @@
background: #FFE082; background: #FFE082;
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
padding-right: 0.857rem; padding-right: 0.857rem;
padding-left: 0.857rem; padding-left: 0.857rem;
padding-top: 0; padding-top: 0;
@ -310,8 +310,8 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #dedede; color: #dedede;
@ -344,7 +344,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,8 +411,8 @@
} }
.p-dropdown { .p-dropdown {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #191919; background: #4b4b4b;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -570,14 +570,14 @@
.p-inputgroup-addon { .p-inputgroup-addon {
background: #252525; background: #252525;
color: #888888; color: #888888;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
border-left: 1px solid #585858; border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #585858; border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
min-width: 2.357rem; min-width: 2.357rem;
} }
.p-inputgroup-addon:last-child { .p-inputgroup-addon:last-child {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component {
@ -617,7 +617,7 @@
height: 1.75rem; height: 1.75rem;
} }
.p-inputswitch .p-inputswitch-slider { .p-inputswitch .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px; border-radius: 30px;
} }
@ -639,7 +639,7 @@
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.2rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
} }
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: #FFE082; background: #FFE082;
@ -658,9 +658,9 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: #dedede; color: #dedede;
background: #585858; background: #191919;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
@ -688,7 +688,7 @@
padding: 0.53625rem 0.53625rem; padding: 0.53625rem 0.53625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #191919; background: #4b4b4b;
} }
.p-float-label label { .p-float-label label {
@ -732,13 +732,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #191919; background: #4b4b4b;
} }
.p-listbox { .p-listbox {
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
@ -787,8 +787,8 @@
} }
.p-multiselect { .p-multiselect {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -809,7 +809,7 @@
color: #9b9b9b; color: #9b9b9b;
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #191919; background: #4b4b4b;
} }
.p-password-panel { .p-password-panel {
@ -912,8 +912,8 @@
height: 20px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 20px; width: 20px;
height: 20px; height: 20px;
color: #dedede; color: #dedede;
@ -947,7 +947,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -1025,7 +1025,7 @@
} }
.p-slider { .p-slider {
background: #585858; background: #4b4b4b;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 3px;
} }
@ -1354,7 +1354,7 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button { .p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 2rem; width: 2rem;
height: 0.5rem; height: 0.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@ -1578,7 +1578,7 @@
padding: 0; padding: 0;
} }
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
@ -2701,7 +2701,7 @@
color: #212529; color: #212529;
} }
.p-contextmenu .p-menu-separator { .p-contextmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-contextmenu .p-submenu-icon { .p-contextmenu .p-submenu-icon {
@ -2820,7 +2820,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-megamenu .p-megamenu-submenu .p-menu-separator { .p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -2893,7 +2893,7 @@
border-top-left-radius: 3px; border-top-left-radius: 3px;
} }
.p-menu .p-menu-separator { .p-menu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
@ -2997,7 +2997,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-menubar .p-submenu-list .p-menu-separator { .p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-submenu-list .p-submenu-icon { .p-menubar .p-submenu-list .p-submenu-icon {
@ -3050,7 +3050,7 @@
width: 100%; width: 100%;
} }
.p-menubar .p-menubar-root-list .p-menu-separator { .p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-menubar-root-list .p-submenu-icon { .p-menubar .p-menubar-root-list .p-submenu-icon {
@ -3273,7 +3273,7 @@
} }
.p-steps .p-steps-item:before { .p-steps .p-steps-item:before {
content: " "; content: " ";
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
width: 100%; width: 100%;
top: 50%; top: 50%;
left: 0; left: 0;
@ -3384,7 +3384,7 @@
color: #212529; color: #212529;
} }
.p-tieredmenu .p-menu-separator { .p-tieredmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-tieredmenu .p-submenu-icon { .p-tieredmenu .p-submenu-icon {
@ -3639,7 +3639,7 @@
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button { .p-galleria .p-galleria-indicators .p-galleria-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;

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

@ -133,7 +133,7 @@
padding: 0.857rem; padding: 0.857rem;
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
@ -220,13 +220,13 @@
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
} }
.p-datepicker .p-datepicker-buttonbar .p-button { .p-datepicker .p-datepicker-buttonbar .p-button {
width: auto; width: auto;
} }
.p-datepicker .p-timepicker { .p-datepicker .p-timepicker {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
@ -266,7 +266,7 @@
background: #81D4FA; background: #81D4FA;
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
padding-right: 0.857rem; padding-right: 0.857rem;
padding-left: 0.857rem; padding-left: 0.857rem;
padding-top: 0; padding-top: 0;
@ -310,8 +310,8 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #dedede; color: #dedede;
@ -344,7 +344,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,8 +411,8 @@
} }
.p-dropdown { .p-dropdown {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #191919; background: #4b4b4b;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -570,14 +570,14 @@
.p-inputgroup-addon { .p-inputgroup-addon {
background: #252525; background: #252525;
color: #888888; color: #888888;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
border-left: 1px solid #585858; border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #585858; border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
min-width: 2.357rem; min-width: 2.357rem;
} }
.p-inputgroup-addon:last-child { .p-inputgroup-addon:last-child {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component {
@ -617,7 +617,7 @@
height: 1.75rem; height: 1.75rem;
} }
.p-inputswitch .p-inputswitch-slider { .p-inputswitch .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px; border-radius: 30px;
} }
@ -639,7 +639,7 @@
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.2rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
} }
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: #81D4FA; background: #81D4FA;
@ -658,9 +658,9 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: #dedede; color: #dedede;
background: #585858; background: #191919;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
@ -688,7 +688,7 @@
padding: 0.53625rem 0.53625rem; padding: 0.53625rem 0.53625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #191919; background: #4b4b4b;
} }
.p-float-label label { .p-float-label label {
@ -732,13 +732,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #191919; background: #4b4b4b;
} }
.p-listbox { .p-listbox {
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
@ -787,8 +787,8 @@
} }
.p-multiselect { .p-multiselect {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -809,7 +809,7 @@
color: #9b9b9b; color: #9b9b9b;
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #191919; background: #4b4b4b;
} }
.p-password-panel { .p-password-panel {
@ -912,8 +912,8 @@
height: 20px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 20px; width: 20px;
height: 20px; height: 20px;
color: #dedede; color: #dedede;
@ -947,7 +947,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -1025,7 +1025,7 @@
} }
.p-slider { .p-slider {
background: #585858; background: #4b4b4b;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 3px;
} }
@ -1354,7 +1354,7 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button { .p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 2rem; width: 2rem;
height: 0.5rem; height: 0.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@ -1578,7 +1578,7 @@
padding: 0; padding: 0;
} }
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
@ -2701,7 +2701,7 @@
color: #212529; color: #212529;
} }
.p-contextmenu .p-menu-separator { .p-contextmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-contextmenu .p-submenu-icon { .p-contextmenu .p-submenu-icon {
@ -2820,7 +2820,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-megamenu .p-megamenu-submenu .p-menu-separator { .p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -2893,7 +2893,7 @@
border-top-left-radius: 3px; border-top-left-radius: 3px;
} }
.p-menu .p-menu-separator { .p-menu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
@ -2997,7 +2997,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-menubar .p-submenu-list .p-menu-separator { .p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-submenu-list .p-submenu-icon { .p-menubar .p-submenu-list .p-submenu-icon {
@ -3050,7 +3050,7 @@
width: 100%; width: 100%;
} }
.p-menubar .p-menubar-root-list .p-menu-separator { .p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-menubar-root-list .p-submenu-icon { .p-menubar .p-menubar-root-list .p-submenu-icon {
@ -3273,7 +3273,7 @@
} }
.p-steps .p-steps-item:before { .p-steps .p-steps-item:before {
content: " "; content: " ";
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
width: 100%; width: 100%;
top: 50%; top: 50%;
left: 0; left: 0;
@ -3384,7 +3384,7 @@
color: #212529; color: #212529;
} }
.p-tieredmenu .p-menu-separator { .p-tieredmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-tieredmenu .p-submenu-icon { .p-tieredmenu .p-submenu-icon {
@ -3639,7 +3639,7 @@
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button { .p-galleria .p-galleria-indicators .p-galleria-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;

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

@ -133,7 +133,7 @@
padding: 0.857rem; padding: 0.857rem;
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
@ -220,13 +220,13 @@
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
} }
.p-datepicker .p-datepicker-buttonbar .p-button { .p-datepicker .p-datepicker-buttonbar .p-button {
width: auto; width: auto;
} }
.p-datepicker .p-timepicker { .p-datepicker .p-timepicker {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
@ -266,7 +266,7 @@
background: #C5E1A5; background: #C5E1A5;
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
padding-right: 0.857rem; padding-right: 0.857rem;
padding-left: 0.857rem; padding-left: 0.857rem;
padding-top: 0; padding-top: 0;
@ -310,8 +310,8 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #dedede; color: #dedede;
@ -344,7 +344,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,8 +411,8 @@
} }
.p-dropdown { .p-dropdown {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #191919; background: #4b4b4b;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -570,14 +570,14 @@
.p-inputgroup-addon { .p-inputgroup-addon {
background: #252525; background: #252525;
color: #888888; color: #888888;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
border-left: 1px solid #585858; border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #585858; border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
min-width: 2.357rem; min-width: 2.357rem;
} }
.p-inputgroup-addon:last-child { .p-inputgroup-addon:last-child {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component {
@ -617,7 +617,7 @@
height: 1.75rem; height: 1.75rem;
} }
.p-inputswitch .p-inputswitch-slider { .p-inputswitch .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px; border-radius: 30px;
} }
@ -639,7 +639,7 @@
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.2rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
} }
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: #C5E1A5; background: #C5E1A5;
@ -658,9 +658,9 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: #dedede; color: #dedede;
background: #585858; background: #191919;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
@ -688,7 +688,7 @@
padding: 0.53625rem 0.53625rem; padding: 0.53625rem 0.53625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #191919; background: #4b4b4b;
} }
.p-float-label label { .p-float-label label {
@ -732,13 +732,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #191919; background: #4b4b4b;
} }
.p-listbox { .p-listbox {
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
@ -787,8 +787,8 @@
} }
.p-multiselect { .p-multiselect {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -809,7 +809,7 @@
color: #9b9b9b; color: #9b9b9b;
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #191919; background: #4b4b4b;
} }
.p-password-panel { .p-password-panel {
@ -912,8 +912,8 @@
height: 20px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 20px; width: 20px;
height: 20px; height: 20px;
color: #dedede; color: #dedede;
@ -947,7 +947,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -1025,7 +1025,7 @@
} }
.p-slider { .p-slider {
background: #585858; background: #4b4b4b;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 3px;
} }
@ -1354,7 +1354,7 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button { .p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 2rem; width: 2rem;
height: 0.5rem; height: 0.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@ -1578,7 +1578,7 @@
padding: 0; padding: 0;
} }
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
@ -2701,7 +2701,7 @@
color: #212529; color: #212529;
} }
.p-contextmenu .p-menu-separator { .p-contextmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-contextmenu .p-submenu-icon { .p-contextmenu .p-submenu-icon {
@ -2820,7 +2820,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-megamenu .p-megamenu-submenu .p-menu-separator { .p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -2893,7 +2893,7 @@
border-top-left-radius: 3px; border-top-left-radius: 3px;
} }
.p-menu .p-menu-separator { .p-menu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
@ -2997,7 +2997,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-menubar .p-submenu-list .p-menu-separator { .p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-submenu-list .p-submenu-icon { .p-menubar .p-submenu-list .p-submenu-icon {
@ -3050,7 +3050,7 @@
width: 100%; width: 100%;
} }
.p-menubar .p-menubar-root-list .p-menu-separator { .p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-menubar-root-list .p-submenu-icon { .p-menubar .p-menubar-root-list .p-submenu-icon {
@ -3273,7 +3273,7 @@
} }
.p-steps .p-steps-item:before { .p-steps .p-steps-item:before {
content: " "; content: " ";
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
width: 100%; width: 100%;
top: 50%; top: 50%;
left: 0; left: 0;
@ -3384,7 +3384,7 @@
color: #212529; color: #212529;
} }
.p-tieredmenu .p-menu-separator { .p-tieredmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-tieredmenu .p-submenu-icon { .p-tieredmenu .p-submenu-icon {
@ -3639,7 +3639,7 @@
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button { .p-galleria .p-galleria-indicators .p-galleria-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;

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

@ -133,7 +133,7 @@
padding: 0.857rem; padding: 0.857rem;
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
@ -220,13 +220,13 @@
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
} }
.p-datepicker .p-datepicker-buttonbar .p-button { .p-datepicker .p-datepicker-buttonbar .p-button {
width: auto; width: auto;
} }
.p-datepicker .p-timepicker { .p-datepicker .p-timepicker {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
@ -266,7 +266,7 @@
background: #F48FB1; background: #F48FB1;
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
padding-right: 0.857rem; padding-right: 0.857rem;
padding-left: 0.857rem; padding-left: 0.857rem;
padding-top: 0; padding-top: 0;
@ -310,8 +310,8 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #dedede; color: #dedede;
@ -344,7 +344,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,8 +411,8 @@
} }
.p-dropdown { .p-dropdown {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #191919; background: #4b4b4b;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -570,14 +570,14 @@
.p-inputgroup-addon { .p-inputgroup-addon {
background: #252525; background: #252525;
color: #888888; color: #888888;
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
border-left: 1px solid #585858; border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #585858; border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
min-width: 2.357rem; min-width: 2.357rem;
} }
.p-inputgroup-addon:last-child { .p-inputgroup-addon:last-child {
border-right: 1px solid #585858; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component {
@ -617,7 +617,7 @@
height: 1.75rem; height: 1.75rem;
} }
.p-inputswitch .p-inputswitch-slider { .p-inputswitch .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px; border-radius: 30px;
} }
@ -639,7 +639,7 @@
box-shadow: 0 0 0 0.2rem white; box-shadow: 0 0 0 0.2rem white;
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #585858; background: #4b4b4b;
} }
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: #F48FB1; background: #F48FB1;
@ -658,9 +658,9 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: #dedede; color: #dedede;
background: #585858; background: #191919;
padding: 0.429rem 0.429rem; padding: 0.429rem 0.429rem;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
@ -688,7 +688,7 @@
padding: 0.53625rem 0.53625rem; padding: 0.53625rem 0.53625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #191919; background: #4b4b4b;
} }
.p-float-label label { .p-float-label label {
@ -732,13 +732,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #191919; background: #4b4b4b;
} }
.p-listbox { .p-listbox {
background: #323232; background: #323232;
color: #dedede; color: #dedede;
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-radius: 3px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
@ -787,8 +787,8 @@
} }
.p-multiselect { .p-multiselect {
background: #585858; background: #191919;
border: 1px solid #585858; border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
} }
@ -809,7 +809,7 @@
color: #9b9b9b; color: #9b9b9b;
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #585858; background: #191919;
color: #dedede; color: #dedede;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #191919; background: #4b4b4b;
} }
.p-password-panel { .p-password-panel {
@ -912,8 +912,8 @@
height: 20px; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #585858; border: 1px solid #4b4b4b;
background: #585858; background: #191919;
width: 20px; width: 20px;
height: 20px; height: 20px;
color: #dedede; color: #dedede;
@ -947,7 +947,7 @@
border-color: #e57373; border-color: #e57373;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #191919; background-color: #4b4b4b;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -1025,7 +1025,7 @@
} }
.p-slider { .p-slider {
background: #585858; background: #4b4b4b;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 3px;
} }
@ -1354,7 +1354,7 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button { .p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 2rem; width: 2rem;
height: 0.5rem; height: 0.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@ -1578,7 +1578,7 @@
padding: 0; padding: 0;
} }
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #585858; border: 1px solid #4b4b4b;
border-width: 1px; border-width: 1px;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
@ -2701,7 +2701,7 @@
color: #212529; color: #212529;
} }
.p-contextmenu .p-menu-separator { .p-contextmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-contextmenu .p-submenu-icon { .p-contextmenu .p-submenu-icon {
@ -2820,7 +2820,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-megamenu .p-megamenu-submenu .p-menu-separator { .p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -2893,7 +2893,7 @@
border-top-left-radius: 3px; border-top-left-radius: 3px;
} }
.p-menu .p-menu-separator { .p-menu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
@ -2997,7 +2997,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-menubar .p-submenu-list .p-menu-separator { .p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-submenu-list .p-submenu-icon { .p-menubar .p-submenu-list .p-submenu-icon {
@ -3050,7 +3050,7 @@
width: 100%; width: 100%;
} }
.p-menubar .p-menubar-root-list .p-menu-separator { .p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-menubar .p-menubar-root-list .p-submenu-icon { .p-menubar .p-menubar-root-list .p-submenu-icon {
@ -3273,7 +3273,7 @@
} }
.p-steps .p-steps-item:before { .p-steps .p-steps-item:before {
content: " "; content: " ";
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
width: 100%; width: 100%;
top: 50%; top: 50%;
left: 0; left: 0;
@ -3384,7 +3384,7 @@
color: #212529; color: #212529;
} }
.p-tieredmenu .p-menu-separator { .p-tieredmenu .p-menu-separator {
border-top: 1px solid #585858; border-top: 1px solid #4b4b4b;
margin: 0; margin: 0;
} }
.p-tieredmenu .p-submenu-icon { .p-tieredmenu .p-submenu-icon {
@ -3639,7 +3639,7 @@
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button { .p-galleria .p-galleria-indicators .p-galleria-indicator button {
background-color: #585858; background-color: #4b4b4b;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #17212f; background: #304562;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #304562; background: #17212f;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #304562; border: 1px solid #304562;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #17212f; background: #304562;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #17212f; background: #304562;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #17212f; background: #304562;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #17212f; background: #304562;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #304562; background: #17212f;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #304562; border: 1px solid #304562;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #17212f; background: #304562;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #17212f; background: #304562;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #17212f; background: #304562;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #17212f; background: #304562;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #304562; background: #17212f;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #304562; border: 1px solid #304562;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #17212f; background: #304562;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #17212f; background: #304562;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #17212f; background: #304562;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {

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

@ -311,7 +311,7 @@
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -344,7 +344,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-checkbox .p-checkbox-box { .p-highlight .p-checkbox .p-checkbox-box {
@ -352,7 +352,7 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -411,7 +411,7 @@
} }
.p-dropdown { .p-dropdown {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -437,7 +437,7 @@
box-shadow: none; box-shadow: none;
} }
.p-dropdown .p-dropdown-trigger { .p-dropdown .p-dropdown-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -497,7 +497,7 @@
} }
.p-input-filled .p-dropdown-trigger { .p-input-filled .p-dropdown-trigger {
background: #17212f; background: #304562;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -512,7 +512,7 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
@ -658,7 +658,7 @@
.p-inputtext { .p-inputtext {
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #304562; background: #17212f;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border: 1px solid #304562; border: 1px solid #304562;
border-width: 1px; border-width: 1px;
@ -688,7 +688,7 @@
padding: 0.625rem 0.625rem; padding: 0.625rem 0.625rem;
} }
.p-inputtext.p-input-filled { .p-inputtext.p-input-filled {
background: #17212f; background: #304562;
} }
.p-float-label label { .p-float-label label {
@ -732,7 +732,7 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background: #17212f; background: #304562;
} }
.p-listbox { .p-listbox {
@ -787,7 +787,7 @@
} }
.p-multiselect { .p-multiselect {
background: #304562; background: #17212f;
border: 1px solid #304562; border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 3px;
@ -809,7 +809,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-multiselect .p-multiselect-trigger { .p-multiselect .p-multiselect-trigger {
background: #304562; background: #17212f;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -892,7 +892,7 @@
.p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-label,
.p-input-filled .p-multiselect-trigger { .p-input-filled .p-multiselect-trigger {
background: #17212f; background: #304562;
} }
.p-password-panel { .p-password-panel {
@ -913,7 +913,7 @@
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #304562; background: #17212f;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -947,7 +947,7 @@
border-color: #ef9a9a; border-color: #ef9a9a;
} }
.p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-highlight .p-radiobutton .p-radiobutton-box { .p-highlight .p-radiobutton .p-radiobutton-box {
@ -955,7 +955,7 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) {
background-color: #17212f; background-color: #304562;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {