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

Fixed radio checkbox alignment issues

pull/358/head
cagataycivici 2020-07-02 18:42:53 +03:00
parent 13bfa67710
commit 8183c4461c
33 changed files with 313 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #64B5F6; border-color: #64B5F6;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #81C784; border-color: #81C784;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #81C784; border-color: #81C784;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #FFD54F; border-color: #FFD54F;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #383838; border: 2px solid #383838;
background: #121212; background: #121212;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #BA68C8; border-color: #BA68C8;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
background: #20262e; background: #20262e;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 4px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s; transition-duration: 0.15s;
color: #151515; color: #151515;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #3f4b5b; border-color: #3f4b5b;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
background: #20262e; background: #20262e;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #8dd0ff; border-color: #8dd0ff;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.15s; transition-duration: 0.15s;
background-color: #151515; background-color: #151515;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
background: #20262e; background: #20262e;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 4px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s; transition-duration: 0.15s;
color: #151515; color: #151515;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #3f4b5b; border-color: #3f4b5b;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
background: #20262e; background: #20262e;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #c298d8; border-color: #c298d8;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.15s; transition-duration: 0.15s;
background-color: #151515; background-color: #151515;
} }

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a:#ffffff;
--surface-b: rgba(0, 0, 0, 0.03); --surface-b:rgba(0, 0, 0, 0.03);
--surface-c: #e9ecef; --surface-c:#e9ecef;
--surface-d: #dee2e6; --surface-d:#dee2e6;
--surface-e: #ffffff; --surface-e:#ffffff;
--surface-f: #ffffff; --surface-f:#ffffff;
--text-color: #212529; --text-color:#212529;
--text-color-secondary: $shade600; --text-color-secondary:$shade600;
--primary-color: #007bff; --primary-color:#007bff;
--primary-color-text: #ffffff; --primary-color-text:#ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 4px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s; transition-duration: 0.15s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #ced4da; border-color: #ced4da;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #212529; color: #212529;
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #007bff; border-color: #007bff;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.15s; transition-duration: 0.15s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a:#ffffff;
--surface-b: rgba(0, 0, 0, 0.03); --surface-b:rgba(0, 0, 0, 0.03);
--surface-c: #e9ecef; --surface-c:#e9ecef;
--surface-d: #dee2e6; --surface-d:#dee2e6;
--surface-e: #ffffff; --surface-e:#ffffff;
--surface-f: #ffffff; --surface-f:#ffffff;
--text-color: #212529; --text-color:#212529;
--text-color-secondary: $shade600; --text-color-secondary:$shade600;
--primary-color: #883cae; --primary-color:#883cae;
--primary-color-text: #ffffff; --primary-color-text:#ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 4px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s; transition-duration: 0.15s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #ced4da; border-color: #ced4da;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #212529; color: #212529;
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #883cae; border-color: #883cae;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.15s; transition-duration: 0.15s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b; border: 1px solid #4b4b4b;
background: #191919; background: #191919;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #dedede; color: #dedede;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFE082; border-color: #FFE082;
@ -1002,8 +1003,8 @@
border-color: #FFE082; border-color: #FFE082;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b; border: 1px solid #4b4b4b;
background: #191919; background: #191919;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #dedede; color: #dedede;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #81D4FA; border-color: #81D4FA;
@ -1002,8 +1003,8 @@
border-color: #81D4FA; border-color: #81D4FA;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b; border: 1px solid #4b4b4b;
background: #191919; background: #191919;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #dedede; color: #dedede;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #C5E1A5; border-color: #C5E1A5;
@ -1002,8 +1003,8 @@
border-color: #C5E1A5; border-color: #C5E1A5;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b; border: 1px solid #4b4b4b;
background: #191919; background: #191919;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #dedede; color: #dedede;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #F48FB1; border-color: #F48FB1;
@ -1002,8 +1003,8 @@
border-color: #F48FB1; border-color: #F48FB1;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #121212; color: #121212;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #121212; color: #121212;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001; border-color: #000001;

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001; border-color: #000001;

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001; border-color: #000001;

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

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001; border-color: #000001;

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6; border: 1px solid #a6a6a6;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #333333; color: #333333;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121; border-color: #212121;
@ -998,8 +999,8 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6; border: 1px solid #a6a6a6;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #333333; color: #333333;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121; border-color: #212121;
@ -1002,8 +1003,8 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6; border: 1px solid #a6a6a6;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #333333; color: #333333;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121; border-color: #212121;
@ -1002,8 +1003,8 @@
border-color: #41b883; border-color: #41b883;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6; border: 1px solid #a6a6a6;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #333333; color: #333333;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121; border-color: #212121;
@ -1002,8 +1003,8 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #dadada; border: 1px solid #dadada;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #666666; color: #666666;
border-radius: 2px; border-radius: 2px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #a6a6a6; border-color: #a6a6a6;
@ -998,8 +999,8 @@
border-color: #7B95A3; border-color: #7B95A3;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c: #e9ecef; --surface-c:#e9ecef;
--surface-d: #dee2e6; --surface-d:#dee2e6;
--surface-e: #ffffff; --surface-e:#ffffff;
--surface-f: #ffffff; --surface-f:#ffffff;
--text-color: #495057; --text-color:#495057;
--text-color-secondary: $shade600; --text-color-secondary:$shade600;
--primary-color: #2196F3; --primary-color:#2196F3;
--primary-color-text: #ffffff; --primary-color-text:#ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #2196F3; border-color: #2196F3;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #2196F3; border-color: #2196F3;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c: #e9ecef; --surface-c:#e9ecef;
--surface-d: #dee2e6; --surface-d:#dee2e6;
--surface-e: #ffffff; --surface-e:#ffffff;
--surface-f: #ffffff; --surface-f:#ffffff;
--text-color: #495057; --text-color:#495057;
--text-color-secondary: $shade600; --text-color-secondary:$shade600;
--primary-color: #4CAF50; --primary-color:#4CAF50;
--primary-color-text: #ffffff; --primary-color-text:#ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #4CAF50; border-color: #4CAF50;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #4CAF50; border-color: #4CAF50;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c: #e9ecef; --surface-c:#e9ecef;
--surface-d: #dee2e6; --surface-d:#dee2e6;
--surface-e: #ffffff; --surface-e:#ffffff;
--surface-f: #ffffff; --surface-f:#ffffff;
--text-color: #495057; --text-color:#495057;
--text-color-secondary: $shade600; --text-color-secondary:$shade600;
--primary-color: #FFC107; --primary-color:#FFC107;
--primary-color-text: #212529; --primary-color-text:#212529;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFC107; border-color: #FFC107;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #FFC107; border-color: #FFC107;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c: #e9ecef; --surface-c:#e9ecef;
--surface-d: #dee2e6; --surface-d:#dee2e6;
--surface-e: #ffffff; --surface-e:#ffffff;
--surface-f: #ffffff; --surface-f:#ffffff;
--text-color: #495057; --text-color:#495057;
--text-color-secondary: $shade600; --text-color-secondary:$shade600;
--primary-color: #9C27B0; --primary-color:#9C27B0;
--primary-color-text: #ffffff; --primary-color-text:#ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #9C27B0; border-color: #9C27B0;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #495057; color: #495057;
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #9C27B0; border-color: #9C27B0;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #64B5F6; border-color: #64B5F6;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #81C784; border-color: #81C784;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #81C784; border-color: #81C784;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #212529; color: #212529;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #FFD54F; border-color: #FFD54F;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #212529; background-color: #212529;
} }

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

@ -323,14 +323,14 @@
} }
} }
.p-checkbox { .p-checkbox {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 3px; border-radius: 3px;
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;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s; transition-duration: 0.2s;
color: #ffffff; color: #ffffff;
font-size: 14px;
} }
.p-checkbox .p-checkbox-box:not(.p-disabled):hover { .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -980,14 +981,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #304562; border: 2px solid #304562;
background: #17212f; background: #17212f;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
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;
@ -1002,8 +1003,8 @@
border-color: #BA68C8; border-color: #BA68C8;
} }
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem; width: 12px;
height: 0.75rem; height: 12px;
transition-duration: 0.2s; transition-duration: 0.2s;
background-color: #ffffff; background-color: #ffffff;
} }