From 1e3c1934da854eea48b5c0144f265d36b538bf8d Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Sat, 20 Jun 2020 13:21:37 +0300 Subject: [PATCH] Update dark themes --- public/themes/arya-blue/theme.css | 32 ++++----- public/themes/arya-green/theme.css | 32 ++++----- public/themes/arya-orange/theme.css | 32 ++++----- public/themes/arya-purple/theme.css | 32 ++++----- public/themes/bootstrap4-dark/theme.css | 32 ++++----- public/themes/luna-amber/theme.css | 86 ++++++++++++------------- public/themes/luna-blue/theme.css | 86 ++++++++++++------------- public/themes/luna-green/theme.css | 86 ++++++++++++------------- public/themes/luna-pink/theme.css | 86 ++++++++++++------------- public/themes/vela-blue/theme.css | 32 ++++----- public/themes/vela-green/theme.css | 32 ++++----- public/themes/vela-orange/theme.css | 32 ++++----- public/themes/vela-purple/theme.css | 32 ++++----- 13 files changed, 316 insertions(+), 316 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 9a997e389..c8202d3fd 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #121212; + background: #383838; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #383838; + background: #121212; padding: 0.5rem 0.5rem; border: 1px solid #383838; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #121212; + background: #383838; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #121212; + background: #383838; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #121212; + background: #383838; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-rating .p-rating-icon { diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 0d0435557..e799c763b 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #121212; + background: #383838; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #383838; + background: #121212; padding: 0.5rem 0.5rem; border: 1px solid #383838; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #121212; + background: #383838; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #121212; + background: #383838; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #121212; + background: #383838; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-rating .p-rating-icon { diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 1ef884b36..90d43e20b 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #121212; + background: #383838; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #383838; + background: #121212; padding: 0.5rem 0.5rem; border: 1px solid #383838; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #121212; + background: #383838; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #121212; + background: #383838; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #121212; + background: #383838; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-rating .p-rating-icon { diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index bddcee451..7766d7c07 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #121212; + background: #383838; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #383838; + background: #121212; padding: 0.5rem 0.5rem; border: 1px solid #383838; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #121212; + background: #383838; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #121212; + background: #383838; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #383838; + background: #121212; border: 1px solid #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #383838; + background: #121212; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #121212; + background: #383838; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #383838; - background: #383838; + background: #121212; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #121212; + background-color: #383838; } .p-rating .p-rating-icon { diff --git a/public/themes/bootstrap4-dark/theme.css b/public/themes/bootstrap4-dark/theme.css index d1f928439..5f0ba4689 100644 --- a/public/themes/bootstrap4-dark/theme.css +++ b/public/themes/bootstrap4-dark/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 1px solid #3f4b5b; - background: #3f4b5b; + background: #20262e; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #f19ea6; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #20262e; + background-color: #3f4b5b; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #20262e; + background-color: #3f4b5b; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #3f4b5b; + background: #20262e; border: 1px solid #3f4b5b; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; border-radius: 4px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #3f4b5b; + background: #20262e; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 4px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #20262e; + background: #3f4b5b; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 4px; } .p-editor-container .p-editor-content .ql-editor { - background: #3f4b5b; + background: #20262e; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #3f4b5b; + background: #20262e; padding: 0.5rem 0.75rem; border: 1px solid #3f4b5b; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.9375rem; } .p-inputtext.p-input-filled { - background: #20262e; + background: #3f4b5b; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #20262e; + background: #3f4b5b; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #3f4b5b; + background: #20262e; border: 1px solid #3f4b5b; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; border-radius: 4px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #3f4b5b; + background: #20262e; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 4px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #20262e; + background: #3f4b5b; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 1px solid #3f4b5b; - background: #3f4b5b; + background: #20262e; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #f19ea6; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #20262e; + background-color: #3f4b5b; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #20262e; + background-color: #3f4b5b; } .p-rating .p-rating-icon { diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index f63d4842b..567b8e514 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -133,7 +133,7 @@ padding: 0.857rem; background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-datepicker:not(.p-datepicker-inline) { @@ -220,13 +220,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; padding: 0.857rem 0 0.429rem 0; } .p-datepicker .p-timepicker button { @@ -266,7 +266,7 @@ background: #FFE082; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; padding-right: 0.857rem; padding-left: 0.857rem; padding-top: 0; @@ -310,8 +310,8 @@ height: 1.5rem; } .p-checkbox .p-checkbox-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 1.5rem; height: 1.5rem; color: #dedede; @@ -344,7 +344,7 @@ border-color: #e57373; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-chips .p-chips-multiple-container { @@ -411,8 +411,8 @@ } .p-dropdown { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #191919; + background: #4b4b4b; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #585858; + background: #191919; color: #dedede; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -570,14 +570,14 @@ .p-inputgroup-addon { background: #252525; color: #888888; - border-top: 1px solid #585858; - border-left: 1px solid #585858; - border-bottom: 1px solid #585858; + border-top: 1px solid #4b4b4b; + border-left: 1px solid #4b4b4b; + border-bottom: 1px solid #4b4b4b; padding: 0.429rem 0.429rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; } .p-inputgroup > .p-component { @@ -617,7 +617,7 @@ height: 1.75rem; } .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; border-radius: 30px; } @@ -639,7 +639,7 @@ box-shadow: 0 0 0 0.2rem white; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #585858; + background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #FFE082; @@ -658,9 +658,9 @@ .p-inputtext { font-size: 1rem; color: #dedede; - background: #585858; + background: #191919; padding: 0.429rem 0.429rem; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; @@ -688,7 +688,7 @@ padding: 0.53625rem 0.53625rem; } .p-inputtext.p-input-filled { - background: #191919; + background: #4b4b4b; } .p-float-label label { @@ -732,13 +732,13 @@ } .p-input-filled .p-inputtext { - background: #191919; + background: #4b4b4b; } .p-listbox { background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-listbox .p-listbox-header { @@ -787,8 +787,8 @@ } .p-multiselect { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -809,7 +809,7 @@ color: #9b9b9b; } .p-multiselect .p-multiselect-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #191919; + background: #4b4b4b; } .p-password-panel { @@ -912,8 +912,8 @@ height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 20px; height: 20px; color: #dedede; @@ -947,7 +947,7 @@ border-color: #e57373; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-rating .p-rating-icon { @@ -1025,7 +1025,7 @@ } .p-slider { - background: #585858; + background: #4b4b4b; border: 0 none; border-radius: 3px; } @@ -1354,7 +1354,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -1578,7 +1578,7 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; } .p-dataview .p-dataview-footer { @@ -2701,7 +2701,7 @@ color: #212529; } .p-contextmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { @@ -2820,7 +2820,7 @@ width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { @@ -2893,7 +2893,7 @@ border-top-left-radius: 3px; } .p-menu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } @@ -2997,7 +2997,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -3050,7 +3050,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -3273,7 +3273,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; width: 100%; top: 50%; left: 0; @@ -3384,7 +3384,7 @@ color: #212529; } .p-tieredmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { @@ -3639,7 +3639,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index d752b94a3..2fc48aa4b 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -133,7 +133,7 @@ padding: 0.857rem; background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-datepicker:not(.p-datepicker-inline) { @@ -220,13 +220,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; padding: 0.857rem 0 0.429rem 0; } .p-datepicker .p-timepicker button { @@ -266,7 +266,7 @@ background: #81D4FA; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; padding-right: 0.857rem; padding-left: 0.857rem; padding-top: 0; @@ -310,8 +310,8 @@ height: 1.5rem; } .p-checkbox .p-checkbox-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 1.5rem; height: 1.5rem; color: #dedede; @@ -344,7 +344,7 @@ border-color: #e57373; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-chips .p-chips-multiple-container { @@ -411,8 +411,8 @@ } .p-dropdown { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #191919; + background: #4b4b4b; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #585858; + background: #191919; color: #dedede; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -570,14 +570,14 @@ .p-inputgroup-addon { background: #252525; color: #888888; - border-top: 1px solid #585858; - border-left: 1px solid #585858; - border-bottom: 1px solid #585858; + border-top: 1px solid #4b4b4b; + border-left: 1px solid #4b4b4b; + border-bottom: 1px solid #4b4b4b; padding: 0.429rem 0.429rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; } .p-inputgroup > .p-component { @@ -617,7 +617,7 @@ height: 1.75rem; } .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; border-radius: 30px; } @@ -639,7 +639,7 @@ box-shadow: 0 0 0 0.2rem white; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #585858; + background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #81D4FA; @@ -658,9 +658,9 @@ .p-inputtext { font-size: 1rem; color: #dedede; - background: #585858; + background: #191919; padding: 0.429rem 0.429rem; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; @@ -688,7 +688,7 @@ padding: 0.53625rem 0.53625rem; } .p-inputtext.p-input-filled { - background: #191919; + background: #4b4b4b; } .p-float-label label { @@ -732,13 +732,13 @@ } .p-input-filled .p-inputtext { - background: #191919; + background: #4b4b4b; } .p-listbox { background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-listbox .p-listbox-header { @@ -787,8 +787,8 @@ } .p-multiselect { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -809,7 +809,7 @@ color: #9b9b9b; } .p-multiselect .p-multiselect-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #191919; + background: #4b4b4b; } .p-password-panel { @@ -912,8 +912,8 @@ height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 20px; height: 20px; color: #dedede; @@ -947,7 +947,7 @@ border-color: #e57373; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-rating .p-rating-icon { @@ -1025,7 +1025,7 @@ } .p-slider { - background: #585858; + background: #4b4b4b; border: 0 none; border-radius: 3px; } @@ -1354,7 +1354,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -1578,7 +1578,7 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; } .p-dataview .p-dataview-footer { @@ -2701,7 +2701,7 @@ color: #212529; } .p-contextmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { @@ -2820,7 +2820,7 @@ width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { @@ -2893,7 +2893,7 @@ border-top-left-radius: 3px; } .p-menu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } @@ -2997,7 +2997,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -3050,7 +3050,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -3273,7 +3273,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; width: 100%; top: 50%; left: 0; @@ -3384,7 +3384,7 @@ color: #212529; } .p-tieredmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { @@ -3639,7 +3639,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index e290bd1ea..4fb33ce0a 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -133,7 +133,7 @@ padding: 0.857rem; background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-datepicker:not(.p-datepicker-inline) { @@ -220,13 +220,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; padding: 0.857rem 0 0.429rem 0; } .p-datepicker .p-timepicker button { @@ -266,7 +266,7 @@ background: #C5E1A5; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; padding-right: 0.857rem; padding-left: 0.857rem; padding-top: 0; @@ -310,8 +310,8 @@ height: 1.5rem; } .p-checkbox .p-checkbox-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 1.5rem; height: 1.5rem; color: #dedede; @@ -344,7 +344,7 @@ border-color: #e57373; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-chips .p-chips-multiple-container { @@ -411,8 +411,8 @@ } .p-dropdown { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #191919; + background: #4b4b4b; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #585858; + background: #191919; color: #dedede; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -570,14 +570,14 @@ .p-inputgroup-addon { background: #252525; color: #888888; - border-top: 1px solid #585858; - border-left: 1px solid #585858; - border-bottom: 1px solid #585858; + border-top: 1px solid #4b4b4b; + border-left: 1px solid #4b4b4b; + border-bottom: 1px solid #4b4b4b; padding: 0.429rem 0.429rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; } .p-inputgroup > .p-component { @@ -617,7 +617,7 @@ height: 1.75rem; } .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; border-radius: 30px; } @@ -639,7 +639,7 @@ box-shadow: 0 0 0 0.2rem white; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #585858; + background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #C5E1A5; @@ -658,9 +658,9 @@ .p-inputtext { font-size: 1rem; color: #dedede; - background: #585858; + background: #191919; padding: 0.429rem 0.429rem; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; @@ -688,7 +688,7 @@ padding: 0.53625rem 0.53625rem; } .p-inputtext.p-input-filled { - background: #191919; + background: #4b4b4b; } .p-float-label label { @@ -732,13 +732,13 @@ } .p-input-filled .p-inputtext { - background: #191919; + background: #4b4b4b; } .p-listbox { background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-listbox .p-listbox-header { @@ -787,8 +787,8 @@ } .p-multiselect { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -809,7 +809,7 @@ color: #9b9b9b; } .p-multiselect .p-multiselect-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #191919; + background: #4b4b4b; } .p-password-panel { @@ -912,8 +912,8 @@ height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 20px; height: 20px; color: #dedede; @@ -947,7 +947,7 @@ border-color: #e57373; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-rating .p-rating-icon { @@ -1025,7 +1025,7 @@ } .p-slider { - background: #585858; + background: #4b4b4b; border: 0 none; border-radius: 3px; } @@ -1354,7 +1354,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -1578,7 +1578,7 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; } .p-dataview .p-dataview-footer { @@ -2701,7 +2701,7 @@ color: #212529; } .p-contextmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { @@ -2820,7 +2820,7 @@ width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { @@ -2893,7 +2893,7 @@ border-top-left-radius: 3px; } .p-menu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } @@ -2997,7 +2997,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -3050,7 +3050,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -3273,7 +3273,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; width: 100%; top: 50%; left: 0; @@ -3384,7 +3384,7 @@ color: #212529; } .p-tieredmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { @@ -3639,7 +3639,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index bcd39f553..d5c229556 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -133,7 +133,7 @@ padding: 0.857rem; background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-datepicker:not(.p-datepicker-inline) { @@ -220,13 +220,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; padding: 0.857rem 0 0.429rem 0; } .p-datepicker .p-timepicker button { @@ -266,7 +266,7 @@ background: #F48FB1; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; padding-right: 0.857rem; padding-left: 0.857rem; padding-top: 0; @@ -310,8 +310,8 @@ height: 1.5rem; } .p-checkbox .p-checkbox-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 1.5rem; height: 1.5rem; color: #dedede; @@ -344,7 +344,7 @@ border-color: #e57373; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-chips .p-chips-multiple-container { @@ -411,8 +411,8 @@ } .p-dropdown { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #191919; + background: #4b4b4b; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #585858; + background: #191919; color: #dedede; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -570,14 +570,14 @@ .p-inputgroup-addon { background: #252525; color: #888888; - border-top: 1px solid #585858; - border-left: 1px solid #585858; - border-bottom: 1px solid #585858; + border-top: 1px solid #4b4b4b; + border-left: 1px solid #4b4b4b; + border-bottom: 1px solid #4b4b4b; padding: 0.429rem 0.429rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #585858; + border-right: 1px solid #4b4b4b; } .p-inputgroup > .p-component { @@ -617,7 +617,7 @@ height: 1.75rem; } .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; border-radius: 30px; } @@ -639,7 +639,7 @@ box-shadow: 0 0 0 0.2rem white; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #585858; + background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #F48FB1; @@ -658,9 +658,9 @@ .p-inputtext { font-size: 1rem; color: #dedede; - background: #585858; + background: #191919; padding: 0.429rem 0.429rem; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; @@ -688,7 +688,7 @@ padding: 0.53625rem 0.53625rem; } .p-inputtext.p-input-filled { - background: #191919; + background: #4b4b4b; } .p-float-label label { @@ -732,13 +732,13 @@ } .p-input-filled .p-inputtext { - background: #191919; + background: #4b4b4b; } .p-listbox { background: #323232; color: #dedede; - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-radius: 3px; } .p-listbox .p-listbox-header { @@ -787,8 +787,8 @@ } .p-multiselect { - background: #585858; - border: 1px solid #585858; + background: #191919; + border: 1px solid #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } @@ -809,7 +809,7 @@ color: #9b9b9b; } .p-multiselect .p-multiselect-trigger { - background: #585858; + background: #191919; color: #dedede; width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #191919; + background: #4b4b4b; } .p-password-panel { @@ -912,8 +912,8 @@ height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 1px solid #585858; - background: #585858; + border: 1px solid #4b4b4b; + background: #191919; width: 20px; height: 20px; color: #dedede; @@ -947,7 +947,7 @@ border-color: #e57373; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #191919; + background-color: #4b4b4b; } .p-rating .p-rating-icon { @@ -1025,7 +1025,7 @@ } .p-slider { - background: #585858; + background: #4b4b4b; border: 0 none; border-radius: 3px; } @@ -1354,7 +1354,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -1578,7 +1578,7 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #585858; + border: 1px solid #4b4b4b; border-width: 1px; } .p-dataview .p-dataview-footer { @@ -2701,7 +2701,7 @@ color: #212529; } .p-contextmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { @@ -2820,7 +2820,7 @@ width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { @@ -2893,7 +2893,7 @@ border-top-left-radius: 3px; } .p-menu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } @@ -2997,7 +2997,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -3050,7 +3050,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -3273,7 +3273,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; width: 100%; top: 50%; left: 0; @@ -3384,7 +3384,7 @@ color: #212529; } .p-tieredmenu .p-menu-separator { - border-top: 1px solid #585858; + border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { @@ -3639,7 +3639,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #585858; + background-color: #4b4b4b; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 32cc142ed..c71621d6e 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #17212f; + background: #304562; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #304562; + background: #17212f; padding: 0.5rem 0.5rem; border: 1px solid #304562; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #17212f; + background: #304562; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #17212f; + background: #304562; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #17212f; + background: #304562; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-rating .p-rating-icon { diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index d1cd37325..ab3e428dc 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #17212f; + background: #304562; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #304562; + background: #17212f; padding: 0.5rem 0.5rem; border: 1px solid #304562; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #17212f; + background: #304562; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #17212f; + background: #304562; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #17212f; + background: #304562; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-rating .p-rating-icon { diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 5b0b9bdbe..f842b8bc2 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #17212f; + background: #304562; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #304562; + background: #17212f; padding: 0.5rem 0.5rem; border: 1px solid #304562; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #17212f; + background: #304562; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #17212f; + background: #304562; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #17212f; + background: #304562; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-rating .p-rating-icon { diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 53cd3c639..935b14694 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -311,7 +311,7 @@ } .p-checkbox .p-checkbox-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -344,7 +344,7 @@ border-color: #ef9a9a; } .p-checkbox.p-input-filled .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-checkbox .p-checkbox-box { @@ -352,7 +352,7 @@ } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-chips .p-chips-multiple-container { @@ -411,7 +411,7 @@ } .p-dropdown { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -437,7 +437,7 @@ box-shadow: none; } .p-dropdown .p-dropdown-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -497,7 +497,7 @@ } .p-input-filled .p-dropdown-trigger { - background: #17212f; + background: #304562; } .p-editor-container .p-editor-toolbar { @@ -512,7 +512,7 @@ border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content .ql-editor { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; @@ -658,7 +658,7 @@ .p-inputtext { font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #304562; + background: #17212f; padding: 0.5rem 0.5rem; border: 1px solid #304562; border-width: 1px; @@ -688,7 +688,7 @@ padding: 0.625rem 0.625rem; } .p-inputtext.p-input-filled { - background: #17212f; + background: #304562; } .p-float-label label { @@ -732,7 +732,7 @@ } .p-input-filled .p-inputtext { - background: #17212f; + background: #304562; } .p-listbox { @@ -787,7 +787,7 @@ } .p-multiselect { - background: #304562; + background: #17212f; border: 1px solid #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; @@ -809,7 +809,7 @@ color: rgba(255, 255, 255, 0.6); } .p-multiselect .p-multiselect-trigger { - background: #304562; + background: #17212f; color: rgba(255, 255, 255, 0.6); width: 2.357rem; border-top-right-radius: 3px; @@ -892,7 +892,7 @@ .p-input-filled .p-multiselect-label, .p-input-filled .p-multiselect-trigger { - background: #17212f; + background: #304562; } .p-password-panel { @@ -913,7 +913,7 @@ } .p-radiobutton .p-radiobutton-box { border: 2px solid #304562; - background: #304562; + background: #17212f; width: 1.5rem; height: 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -947,7 +947,7 @@ border-color: #ef9a9a; } .p-radiobutton.p-input-filled .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-highlight .p-radiobutton .p-radiobutton-box { @@ -955,7 +955,7 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-highlight) { - background-color: #17212f; + background-color: #304562; } .p-rating .p-rating-icon {