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

Update themes and adjusted demos

pull/358/head
cagataycivici 2020-06-19 12:16:03 +03:00
parent c48a8653e7
commit aa4618c92f
38 changed files with 10086 additions and 275 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -13,7 +13,7 @@
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>PrimeVUE</title>
<link id="theme-link" rel="stylesheet" href="<%= BASE_URL %>themes/saga-blue/theme.css">
<link id="theme-link" rel="stylesheet" href="<%= BASE_URL %>themes/saga-light/theme.css">
</head>
<body>

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

@ -6,7 +6,7 @@
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #64B5F6;
--primary-color-text: #212529;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1e1e1e;
border-color: #64B5F6;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1e1e1e;
border-color: #64B5F6;
color: #64B5F6;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1e1e1e;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
@ -3270,13 +3311,11 @@
background: #1e1e1e;
border-color: #64B5F6;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1e1e1e;
border-color: #64B5F6;
color: #64B5F6;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -6,7 +6,7 @@
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #81C784;
--primary-color-text: #212529;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1e1e1e;
border-color: #81C784;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1e1e1e;
border-color: #81C784;
color: #81C784;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1e1e1e;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
@ -3270,13 +3311,11 @@
background: #1e1e1e;
border-color: #81C784;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1e1e1e;
border-color: #81C784;
color: #81C784;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -6,7 +6,7 @@
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #FFD54F;
--primary-color-text: #212529;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1e1e1e;
border-color: #FFD54F;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1e1e1e;
border-color: #FFD54F;
color: #FFD54F;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1e1e1e;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
@ -3270,13 +3311,11 @@
background: #1e1e1e;
border-color: #FFD54F;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1e1e1e;
border-color: #FFD54F;
color: #FFD54F;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #FFECB3;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -6,7 +6,7 @@
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #BA68C8;
--primary-color-text: #ffffff;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1e1e1e;
border-color: #BA68C8;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1e1e1e;
border-color: #BA68C8;
color: #BA68C8;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #121212;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1e1e1e;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
@ -3270,13 +3311,11 @@
background: #1e1e1e;
border-color: #BA68C8;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1e1e1e;
border-color: #BA68C8;
color: #BA68C8;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

3823
public/themes/bootstrap4-dark/theme.css Normal file
View File

File diff suppressed because it is too large Load Diff

3864
public/themes/bootstrap4-light/theme.css Normal file
View File

File diff suppressed because it is too large Load Diff

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #191919;
border-color: #191919;
color: #FFE082;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #FFE082;
border-color: #FFE082;
color: #212529;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #323232;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #dedede;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #FFE082;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #dedede;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #FFE082;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #252525;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem white;
@ -3236,13 +3277,11 @@
background: #191919;
border-color: #191919;
color: #FFE082;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #FFE082;
border-color: #FFE082;
color: #212529;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem white;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #191919;
border-color: #191919;
color: #81D4FA;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #81D4FA;
border-color: #81D4FA;
color: #212529;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #323232;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #dedede;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #81D4FA;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #dedede;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #81D4FA;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #252525;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem white;
@ -3236,13 +3277,11 @@
background: #191919;
border-color: #191919;
color: #81D4FA;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #81D4FA;
border-color: #81D4FA;
color: #212529;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem white;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #191919;
border-color: #191919;
color: #C5E1A5;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #C5E1A5;
border-color: #C5E1A5;
color: #212529;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #323232;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #dedede;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #C5E1A5;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #dedede;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #C5E1A5;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #252525;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem white;
@ -3236,13 +3277,11 @@
background: #191919;
border-color: #191919;
color: #C5E1A5;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #C5E1A5;
border-color: #C5E1A5;
color: #212529;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem white;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #191919;
border-color: #191919;
color: #F48FB1;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #F48FB1;
border-color: #F48FB1;
color: #212529;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #323232;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #dedede;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #dedede;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #F48FB1;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #dedede;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #F48FB1;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #212529;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #252525;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem white;
@ -3236,13 +3277,11 @@
background: #191919;
border-color: #191919;
color: #F48FB1;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #F48FB1;
border-color: #F48FB1;
color: #212529;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem white;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #333333;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #333333;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #ffffff;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
@ -3236,13 +3277,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #333333;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #333333;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #ffffff;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
@ -3236,13 +3277,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #41b883;
border-color: #41b883;
color: #ffffff;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #333333;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #c2e9d8;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #333333;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #c2e9d8;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #ffffff;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
@ -3236,13 +3277,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #41b883;
border-color: #41b883;
color: #ffffff;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #333333;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #333333;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #333333;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #333333;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #ffffff;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
@ -3236,13 +3277,11 @@
background: #dbdbdb;
border-color: #dbdbdb;
color: #333333;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #666666;
min-width: 2.357rem;
height: 2.357rem;
margin: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2348,13 +2353,11 @@
background: #617c8a;
border-color: #617c8a;
color: #ffffff;
border-width: 1px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #AFD3C8;
border-color: #dadada;
color: #385048;
border-width: 1px;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2596,6 +2599,12 @@
margin: 0 0.5rem 0 0.5rem;
color: #666666;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #666666;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #666666;
}
.p-contextmenu {
padding: 0;
@ -2704,6 +2713,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #e4e9ec;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #666666;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #666666;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #666666;
}
.p-megamenu .p-menuitem-link {
padding: 0.857rem;
color: #666666;
@ -2911,6 +2936,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #e4e9ec;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #eaeaea;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #666666;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #666666;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #666666;
}
.p-menubar .p-submenu-list {
padding: 0;
background: #ffffff;
@ -3227,7 +3268,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
@ -3236,13 +3277,11 @@
background: #617c8a;
border-color: #617c8a;
color: #ffffff;
border-width: 1px;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #AFD3C8;
border-color: #dadada;
color: #385048;
border-width: 1px;
}
.p-tieredmenu {
@ -3454,6 +3493,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 2px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3621,8 +3661,8 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #6c757d;
min-width: 2.357rem;
height: 2.357rem;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #ffffff;
border-color: #6c757d;
color: #6c757d;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #ffffff;
border-color: #2196F3;
color: #2196F3;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #6c757d;
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BBDEFB;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BBDEFB;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #ffffff;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
@ -3270,13 +3311,11 @@
background: #ffffff;
border-color: #6c757d;
color: #6c757d;
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #ffffff;
border-color: #2196F3;
color: #2196F3;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 0.2rem #BBDEFB;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #6c757d;
min-width: 2.357rem;
height: 2.357rem;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #ffffff;
border-color: #6c757d;
color: #6c757d;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #ffffff;
border-color: #4CAF50;
color: #4CAF50;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #6c757d;
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #C8E6C9;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #C8E6C9;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #ffffff;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
@ -3270,13 +3311,11 @@
background: #ffffff;
border-color: #6c757d;
color: #6c757d;
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #ffffff;
border-color: #4CAF50;
color: #4CAF50;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 0.2rem #C8E6C9;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #6c757d;
min-width: 2.357rem;
height: 2.357rem;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #ffffff;
border-color: #6c757d;
color: #6c757d;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #ffffff;
border-color: #FFC107;
color: #FFC107;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #6c757d;
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #FFECB3;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #FFECB3;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #ffffff;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
@ -3270,13 +3311,11 @@
background: #ffffff;
border-color: #6c757d;
color: #6c757d;
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #ffffff;
border-color: #FFC107;
color: #FFC107;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 0.2rem #FFECB3;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -6,7 +6,7 @@
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #64B5F6;
--primary-color-text: #212529;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1f2d40;
border-color: #64B5F6;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1f2d40;
border-color: #64B5F6;
color: #64B5F6;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1f2d40;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1f2d40;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
@ -3270,13 +3311,11 @@
background: #1f2d40;
border-color: #64B5F6;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1f2d40;
border-color: #64B5F6;
color: #64B5F6;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -6,7 +6,7 @@
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #81C784;
--primary-color-text: #212529;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1f2d40;
border-color: #81C784;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1f2d40;
border-color: #81C784;
color: #81C784;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1f2d40;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1f2d40;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
@ -3270,13 +3311,11 @@
background: #1f2d40;
border-color: #81C784;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1f2d40;
border-color: #81C784;
color: #81C784;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -6,7 +6,7 @@
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #FFD54F;
--primary-color-text: #212529;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1f2d40;
border-color: #FFD54F;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1f2d40;
border-color: #FFD54F;
color: #FFD54F;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1f2d40;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1f2d40;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
@ -3270,13 +3311,11 @@
background: #1f2d40;
border-color: #FFD54F;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1f2d40;
border-color: #FFD54F;
color: #FFD54F;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #FFECB3;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

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

@ -6,7 +6,7 @@
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: $shade100;
--text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #BA68C8;
--primary-color-text: #ffffff;
}
@ -1809,7 +1809,12 @@
padding-right: 0;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
min-width: 2.286em;
height: 2.286em;
margin: 0.143rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
@ -2365,13 +2370,11 @@
background: #1f2d40;
border-color: #BA68C8;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #1f2d40;
border-color: #BA68C8;
color: #BA68C8;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-panels {
background: #1f2d40;
@ -2611,6 +2614,12 @@
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@ -2721,6 +2730,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@ -2928,6 +2953,22 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #17212f;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #1f2d40;
@ -3261,7 +3302,7 @@
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
@ -3270,13 +3311,11 @@
background: #1f2d40;
border-color: #BA68C8;
color: rgba(255, 255, 255, 0.87);
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #1f2d40;
border-color: #BA68C8;
color: #BA68C8;
border-width: 0 0 2px 0;
}
.p-tieredmenu {
@ -3488,6 +3527,7 @@
.p-toast .p-toast-item-container {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
padding: 1rem;
@ -3655,8 +3695,8 @@
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-galleria-mask {
background: rgba(0, 0, 0, 0.9);
.p-galleria-mask.p-component-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {

61
src/AppConfigurator.vue
View File

@ -20,159 +20,174 @@
<h4>Free Themes</h4>
<p>Built-in component themes created by the <a href="https://www.primefaces.org/designer/primevue">PrimeVue Theme Designer</a>.</p>
<h5>Bootstrap</h5>
<div class="p-grid">
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/bootstrap-light.png" alt="Bootstrap Light" @click="changeTheme($event, 'bootstrap-light')"/>
</button>
<span>Light</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/bootstrap-dark.png" alt="Bootstrap Dark" @click="changeTheme($event, 'bootstrap-dark')"/>
</button>
<span>Dark</span>
</div>
</div>
<h5>Material</h5>
<div class="p-grid">
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/material-light.png" alt="Material Light" @click="changeTheme($event, 'material-light')"/>
</button>
<span>Light</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/material-dark.png" alt="Material Dark" @click="changeTheme($event, 'material-dark')"/>
</button>
<span>Dark</span>
</div>
</div>
<h5>PrimeOne Design</h5>
<div class="p-grid">
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/saga-blue.png" alt="Saga Blue" @click="changeTheme($event, 'saga-blue')"/>
<i class="pi pi-check" v-if="theme === 'saga-blue'" />
</button>
<span>Saga Blue</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/saga-green.png" alt="Saga Green" @click="changeTheme($event, 'saga-green')"/>
<i class="pi pi-check" v-if="theme === 'saga-green'" />
</button>
<span>Saga Green</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/saga-orange.png" alt="Saga Orange" @click="changeTheme($event, 'saga-orange')"/>
<i class="pi pi-check" v-if="theme === 'saga-orange'" />
</button>
<span>Saga Orange</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/saga-purple.png" alt="Saga Purple" @click="changeTheme($event, 'saga-purple')"/>
<i class="pi pi-check" v-if="theme === 'saga-purple'" />
</button>
<span>Saga Purple</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-blue.png" alt="Vela Blue" @click="changeTheme($event, 'vela-blue', true)"/>
<i class="pi pi-check" v-if="theme === 'vela-blue'" />
</button>
<span>Vela Blue</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-green.png" alt="Vela Green" @click="changeTheme($event, 'vela-green', true)"/>
<i class="pi pi-check" v-if="theme === 'vela-green'" />
</button>
<span>Vela Green</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-orange.png" alt="Vela Orange" @click="changeTheme($event, 'vela-orange', true)"/>
<i class="pi pi-check" v-if="theme === 'vela-orange'" />
</button>
<span>Vela Orange</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-purple.png" alt="Vela Purple" @click="changeTheme($event, 'vela-purple', true)"/>
<i class="pi pi-check" v-if="theme === 'vela-purple'" />
</button>
<span>Vela Purple</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-blue.png" alt="Arya Blue" @click="changeTheme($event, 'arya-blue', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-blue'" />
</button>
<span>Arya Blue</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-green.png" alt="Arya Green" @click="changeTheme($event, 'arya-green', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-green'" />
</button>
<span>Arya Green</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-orange.png" alt="Arya Orange" @click="changeTheme($event, 'arya-orange', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-orange'" />
</button>
<span>Arya Orange</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-purple.png" alt="Arya Purple" @click="changeTheme($event, 'arya-purple', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-purple'" />
</button>
<span>Arya Purple</span>
</div>
</div>
<h5>Legacy</h5>
<div class="p-grid">
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-nova.png" alt="Nova" @click="changeTheme($event, 'nova')"/>
<i class="pi pi-check" v-if="theme === 'nova'" />
</button>
<span>Nova</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-nova-alt.png" alt="Nova Alt" @click="changeTheme($event, 'nova-alt')"/>
<i class="pi pi-check" v-if="theme === 'nova-alt'" />
</button>
<span>Nova Alt</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-nova-accent.png" alt="Nova Accent" @click="changeTheme($event, 'nova-accent')"/>
<i class="pi pi-check" v-if="theme === 'nova-accent'" />
</button>
<span>Nova Accent</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-nova-vue.png" alt="Nova Colored" @click="changeTheme($event, 'nova-vue')"/>
<i class="pi pi-check" v-if="theme === 'nova-vue'" />
</button>
<span>Nova Vue</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-luna-blue.png" alt="Luna Blue" @click="changeTheme($event, 'luna-blue', true)"/>
<i class="pi pi-check" v-if="theme === 'luna-blue'" />
</button>
<span>Luna Blue</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-luna-green.png" alt="Luna Green" @click="changeTheme($event, 'luna-green', true)"/>
<i class="pi pi-check" v-if="theme === 'luna-green'" />
</button>
<span>Luna Green</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-luna-amber.png" alt="Luna Amber" @click="changeTheme($event, 'luna-amber', true)" target="_blank"/>
<i class="pi pi-check" v-if="theme === 'luna-amber'" />
</button>
<span>Luna Amber</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-luna-pink.png" alt="Luna Pink" @click="changeTheme($event, 'luna-pink', true)" target="_blank"/>
<i class="pi pi-check" v-if="theme === 'luna-pink'" />
</button>
<span>Luna Pink</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/layouts/themeswitcher-rhea.png" alt="Rhea" @click="changeTheme($event, 'rhea', false)" target="_blank"/>
<i class="pi pi-check" v-if="theme === 'rhea'" />
</button>
<span>Rhea</span>
</div>
</div>
</div>
<div class="premium-themes">
<h4>Premium Vue-CLI Template</h4>
<h4>Premium Vue-CLI Templates</h4>
<p>Beautifully crafted premium <a href="https://cli.vuejs.org">Vue CLI</a> application templates by the PrimeTek design team.</p>
<div class="p-grid">
<div class="p-col-12 p-md-6">

BIN
src/assets/images/themes/bootstrap-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/assets/images/themes/bootstrap-light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
src/assets/images/themes/material-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
src/assets/images/themes/material-light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

1
src/assets/styles/app/_config.scss
View File

@ -154,7 +154,6 @@
img {
width: 50px;
border-radius: 4px;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)
}
span {

64
src/assets/styles/app/_core.scss
View File

@ -105,36 +105,42 @@ a {
}
}
pre[class*="language-"] code {
border-left: 10px solid var(--surface-d) !important;
box-shadow: none !important;
background: var(--surface-e) !important;
margin: 1em 0;
color: var(--text-color);
font-size: 14px;
pre[class*="language-"] {
&:before, &:after {
display: none !important;
}
.token {
&.tag,
&.keyword {
color: #2196F3 !important;
}
&.attr-name,
&.attr-string {
color: #2196F3 !important;
}
&.attr-value {
color: #4CAF50 !important;
}
&.punctuation {
color: var(--text-color);
}
&.operator,
&.string {
background: transparent;
code {
border-left: 10px solid var(--surface-d) !important;
box-shadow: none !important;
background: var(--surface-e) !important;
margin: 1em 0;
color: var(--text-color);
font-size: 14px;
.token {
&.tag,
&.keyword {
color: #2196F3 !important;
}
&.attr-name,
&.attr-string {
color: #2196F3 !important;
}
&.attr-value {
color: #4CAF50 !important;
}
&.punctuation {
color: var(--text-color);
}
&.operator,
&.string {
background: transparent;
}
}
}
}

11
src/assets/styles/app/_home.scss
View File

@ -63,7 +63,11 @@
.features {
background-color: var(--surface-b);
text-align: center;
padding: 0 30px 30px 30px;
padding: 30px;
.p-col-12 {
padding: 1rem;
}
.feature-card {
background-color: var(--surface-e);
@ -150,11 +154,6 @@
margin-bottom: 12px;
}
h4 {
font-size: 16px;
font-weight: 700;
}
img {
width: 100%;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);

16
src/assets/styles/app/_topbar.scss
View File

@ -106,13 +106,17 @@
line-height: 1;
&.topbar-submenu-header {
padding: .5rem;
font-weight: bold;
text-align: left;
margin-top: 1rem;
display: block;
color: var(--text-color-secondary);
font-weight: 600;
user-select: none;
padding: 1.5rem 0 1rem 0;
font-size: 0.857rem;
text-transform: uppercase;
&:first-child {
margin-top: 0;
border-top: 0 none;
padding-top: 1rem;
}
}
}

1304
src/assets/styles/app/app.css Normal file
View File

File diff suppressed because it is too large Load Diff

8
src/components/paginator/Paginator.vue
View File

@ -218,7 +218,8 @@ export default {
.p-paginator-next,
.p-paginator-last,
.p-paginator-first,
.p-paginator-prev {
.p-paginator-prev,
.p-paginator-current {
cursor: pointer;
display: inline-flex;
align-items: center;
@ -226,4 +227,9 @@ export default {
line-height: 1;
user-select: none;
}
.p-paginator-element:focus {
z-index: 1;
position: relative;
}
</style>

12
src/views/Home.vue
View File

@ -13,7 +13,7 @@
</div>
<div class="features">
<h5>Features</h5>
<h4>Features</h4>
<p class="features-tagline">Congratulations! <span role="img" aria-label="celebrate">🎉</span> Your quest to find the UI library for Vue.js is now complete.</p>
<div class="p-grid">
@ -102,7 +102,7 @@
</div>
<div class="whouses">
<h5>Key Users</h5>
<h4>Key Users</h4>
<p>The creator of PrimeVue is PrimeTek Informatics, the distinguished component library vendor who built popular open source projects such as PrimeFaces, PrimeNG and PrimeReact over the past years.</p>
<div class="p-grid">
<div class="p-col-6 p-md-2"><img alt="airbus" src="../assets/images/home/airbus.svg"/></div>
@ -120,7 +120,7 @@
</div>
</div>
<div class="templates">
<h5>Premium Application Templates</h5>
<h4>Premium Application Templates</h4>
<p>Gorgeous Vue-CLI application templates designed by professional designers and implemented by Vue Experts to help you reach your goals in no time.</p>
<div class="p-grid">
@ -168,7 +168,7 @@
</div>
</div>
<div class="templates">
<h5>Free Application Template for PrimeVue</h5>
<h4>Free Application Template for PrimeVue</h4>
<p>Sigma is a free and open source admin template based on <a href="https://cli.vuejs.org">Vue-CLI</a>.</p>
<div class="p-grid">
@ -180,7 +180,7 @@
</div>
</div>
<div class="primevue-designer">
<h5>PrimeVue Designer API</h5>
<h4>PrimeVue Designer API</h4>
<div class="p-grid">
<div class="p-col-12">
<img alt="PrimeVue Designer" src="../assets/images/primevue-designer.jpg" />
@ -194,7 +194,7 @@
<div class="prosupport">
<div class="p-grid">
<div class="p-col-12 p-md-6">
<h5>PrimeVue PRO Support</h5>
<h4>PrimeVue PRO Support</h4>
<p>No time to wait for a response at forum or issue tracker? Then PrimeVue PRO Support is definitely for you.</p>
<p>PrimeVUE PRO is an exceptional support service where you'll contact the PrimeTek via a private channel and receive assistance just in a couple of hours. Optionally PrimeVue PRO offers the ability to request changes and new features for the component library.</p>
<a class="action-button" href="mailto:contact@primetek.com.tr">

13
src/views/breadcrumb/BreadcrumbDemo.vue
View File

@ -25,14 +25,11 @@ export default {
return {
home: {icon: 'pi pi-home', to: '/'},
items: [
{label:'Categories'},
{label:'Sports'},
{label:'Football'},
{label:'Countries'},
{label:'Spain'},
{label:'F.C. Barcelona'},
{label:'Squad'},
{label:'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi'}
{label: 'Computer'},
{label: 'Notebook'},
{label: 'Accessories'},
{label: 'Backpacks'},
{label: 'Item'}
]
}
},

26
src/views/breadcrumb/BreadcrumbDoc.vue
View File

@ -22,14 +22,11 @@ export default {
return {
home: {icon: 'pi pi-home', to: '/'},
items: [
{label:'Categories'},
{label:'Sports'},
{label:'Football'},
{label:'Countries'},
{label:'Spain'},
{label:'F.C. Barcelona'},
{label:'Squad'},
{label:'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi'}
{label: 'Computer'},
{label: 'Notebook'},
{label: 'Accessories'},
{label: 'Backpacks'},
{label: 'Item'}
]
}
}
@ -116,14 +113,11 @@ export default {
return {
home: {icon: 'pi pi-home', to: '/'},
items: [
{label:'Categories'},
{label:'Sports'},
{label:'Football'},
{label:'Countries'},
{label:'Spain'},
{label:'F.C. Barcelona'},
{label:'Squad'},
{label:'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi'}
{label: 'Computer'},
{label: 'Notebook'},
{label: 'Accessories'},
{label: 'Backpacks'},
{label: 'Item'}
]
}
}

60
src/views/sidebar/SidebarDemo.vue
View File

@ -14,37 +14,37 @@
<Button icon="pi pi-arrow-down" @click="visibleTop = true" style="margin-right:.25em" />
<Button icon="pi pi-arrow-up" @click="visibleBottom = true" style="margin-right:.25em" />
<Button icon="pi pi-th-large" @click="visibleFull = true" />
<Sidebar :visible.sync="visibleLeft" :baseZIndex="1000">
<h1 style="fontWeight:normal">Left Sidebar</h1>
<Button type="button" @click="visibleLeft = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleLeft = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleRight" :baseZIndex="1000" position="right">
<h1 style="fontWeight:normal">Right Sidebar</h1>
<Button type="button" @click="visibleRight = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleRight = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleTop" :baseZIndex="1000" position="top">
<h1 style="fontWeight:normal">Top Sidebar</h1>
<Button type="button" @click="visibleTop = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleTop = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleBottom" :baseZIndex="1000" position="bottom">
<h1 style="fontWeight:normal">Bottom Sidebar</h1>
<Button type="button" @click="visibleBottom = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleBottom = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleFull" :baseZIndex="1000" position="full">
<h1 style="fontWeight:normal">Full Screen</h1>
<Button type="button" @click="visibleFull = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleFull = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
</div>
<Sidebar :visible.sync="visibleLeft" :baseZIndex="1000">
<h1 style="fontWeight:normal">Left Sidebar</h1>
<Button type="button" @click="visibleLeft = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleLeft = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleRight" :baseZIndex="1000" position="right">
<h1 style="fontWeight:normal">Right Sidebar</h1>
<Button type="button" @click="visibleRight = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleRight = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleTop" :baseZIndex="1000" position="top">
<h1 style="fontWeight:normal">Top Sidebar</h1>
<Button type="button" @click="visibleTop = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleTop = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleBottom" :baseZIndex="1000" position="bottom">
<h1 style="fontWeight:normal">Bottom Sidebar</h1>
<Button type="button" @click="visibleBottom = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleBottom = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
<Sidebar :visible.sync="visibleFull" :baseZIndex="1000" position="full">
<h1 style="fontWeight:normal">Full Screen</h1>
<Button type="button" @click="visibleFull = false" label="Save" class="p-button-success" style="margin-right:.25em" />
<Button type="button" @click="visibleFull = false" label="Cancel" class="p-button-secondary"/>
</Sidebar>
</div>
<SidebarDoc/>