From b210e37d9ec95e175f116fc8cfce4bcbc0ad861a Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Mon, 11 May 2020 12:53:14 +0300 Subject: [PATCH] theme update for horizontal menus --- public/themes/luna-amber/theme.css | 82 +++++++++++++++---- public/themes/luna-green/theme.css | 82 +++++++++++++++---- public/themes/luna-pink/theme.css | 82 +++++++++++++++---- public/themes/nova-colored/theme.css | 82 +++++++++++++++---- public/themes/nova-dark/theme.css | 82 +++++++++++++++---- public/themes/nova-light/theme.css | 82 +++++++++++++++---- public/themes/nova-vue/theme.css | 82 +++++++++++++++---- public/themes/rhea/theme.css | 86 ++++++++++++++++---- public/themes/saga-blue/theme.css | 102 ++++++++++++++++++------ public/themes/saga-cyan/theme.css | 102 ++++++++++++++++++------ public/themes/saga-deeppurple/theme.css | 102 ++++++++++++++++++------ public/themes/saga-green/theme.css | 102 ++++++++++++++++++------ public/themes/saga-indigo/theme.css | 102 ++++++++++++++++++------ public/themes/saga-orange/theme.css | 102 ++++++++++++++++++------ public/themes/saga-purple/theme.css | 102 ++++++++++++++++++------ public/themes/saga-teal/theme.css | 102 ++++++++++++++++++------ public/themes/vela-blue/theme.css | 98 ++++++++++++++++++----- public/themes/vela-cyan/theme.css | 98 ++++++++++++++++++----- public/themes/vela-deeppurple/theme.css | 98 ++++++++++++++++++----- public/themes/vela-green/theme.css | 98 ++++++++++++++++++----- public/themes/vela-indigo/theme.css | 98 ++++++++++++++++++----- public/themes/vela-orange/theme.css | 98 ++++++++++++++++++----- public/themes/vela-purple/theme.css | 98 ++++++++++++++++++----- public/themes/vela-teal/theme.css | 98 ++++++++++++++++++----- src/views/badge/BadgeDemo.vue | 2 +- src/views/badge/BadgeDoc.vue | 2 +- 26 files changed, 1780 insertions(+), 484 deletions(-) diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 717a639f3..4c529fe0f 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2529,14 +2528,43 @@ border: 1px solid #191919; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #dedede; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #4c4c4c; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe8b3; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2671,14 +2698,9 @@ border: 1px solid #191919; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe8b3; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #dedede; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #4c4c4c; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe8b3; +} .p-menubar .p-submenu-list { padding: 0; background: #252525; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index f5ad59d00..1015f465d 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2529,14 +2528,43 @@ border: 1px solid #191919; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #dedede; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #4c4c4c; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #88e9aa; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2671,14 +2698,9 @@ border: 1px solid #191919; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #88e9aa; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #dedede; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #4c4c4c; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #88e9aa; +} .p-menubar .p-submenu-list { padding: 0; background: #252525; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index f0c579122..9043f0732 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2529,14 +2528,43 @@ border: 1px solid #191919; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #dedede; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #4c4c4c; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #dedede; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #f1b6c8; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2671,14 +2698,9 @@ border: 1px solid #191919; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #f1b6c8; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #dedede; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #4c4c4c; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #dedede; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #f1b6c8; +} .p-menubar .p-submenu-list { padding: 0; background: #252525; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #dedede; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index 775aa1f39..653283019 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2529,14 +2528,43 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2671,14 +2698,9 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; +} .p-menubar .p-submenu-list { padding: 0; background: #ffffff; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index b90ea9249..5570706e1 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2529,14 +2528,43 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2671,14 +2698,9 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; +} .p-menubar .p-submenu-list { padding: 0; background: #ffffff; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index a1cb12ad7..45948ac9b 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2529,14 +2528,43 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2671,14 +2698,9 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; +} .p-menubar .p-submenu-list { padding: 0; background: #ffffff; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index f9de47691..022d2aefd 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2529,14 +2528,43 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #c2e9d8; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2671,14 +2698,9 @@ border: 1px solid #c8c8c8; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c2e9d8; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #333333; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #333333; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #c2e9d8; +} .p-menubar .p-submenu-list { padding: 0; background: #ffffff; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #333333; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 414fe9331..cb83f863a 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -2468,7 +2468,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #666666; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2523,20 +2522,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #ffffff; color: #666666; border: 1px solid #c8c8c8; border-radius: 2px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #666666; + border-radius: 2px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #666666; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #666666; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #666666; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #666666; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #666666; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #666666; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #e4e9ec; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #666666; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2615,7 +2643,6 @@ .p-menu .p-menuitem-link { padding: 0.857rem; color: #666666; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2665,20 +2692,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #ffffff; color: #666666; border: 1px solid #c8c8c8; border-radius: 2px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.857rem; color: #666666; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2709,6 +2731,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.857rem; + color: #666666; + border-radius: 2px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #666666; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #666666; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #666666; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #eaeaea; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #666666; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #666666; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #666666; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #e4e9ec; +} .p-menubar .p-submenu-list { padding: 0; background: #ffffff; @@ -2788,7 +2844,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #666666; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2923,7 +2978,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #666666; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -3491,4 +3545,4 @@ color: #262222; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index e945ae4e5..743e9f727 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BBDEFB; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BBDEFB; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BBDEFB; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css index 0f34d0c66..da5bd9e04 100644 --- a/public/themes/saga-cyan/theme.css +++ b/public/themes/saga-cyan/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2EBF2; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #B2EBF2; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2EBF2; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css index 0e6a03f98..a58586fb6 100644 --- a/public/themes/saga-deeppurple/theme.css +++ b/public/themes/saga-deeppurple/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #D1C4E9; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #D1C4E9; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #D1C4E9; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 90416c8dd..7e89b79c9 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C8E6C9; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #C8E6C9; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C8E6C9; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css index 8bc7ba414..00e07c4dc 100644 --- a/public/themes/saga-indigo/theme.css +++ b/public/themes/saga-indigo/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C5CAE9; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #C5CAE9; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C5CAE9; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 0ce747ab0..2639b1b3c 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFECB3; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #FFECB3; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFECB3; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index f4ce5d5a0..9b8d80618 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E1BEE7; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #E1BEE7; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E1BEE7; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css index 0f4333373..7002c02b7 100644 --- a/public/themes/saga-teal/theme.css +++ b/public/themes/saga-teal/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2DFDB; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; - background: #ffffff; + padding: 0.5rem; + background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #B2DFDB; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2DFDB; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; @@ -3525,4 +3579,4 @@ color: #ffffff; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 7cc27dcf0..0f3eb40c3 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BBDEFB; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BBDEFB; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BBDEFB; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css index 627852965..eecd2e60a 100644 --- a/public/themes/vela-cyan/theme.css +++ b/public/themes/vela-cyan/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2EBF2; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #B2EBF2; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2EBF2; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css index 79c6b23d1..c90a052bf 100644 --- a/public/themes/vela-deeppurple/theme.css +++ b/public/themes/vela-deeppurple/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #D1C4E9; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #D1C4E9; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #D1C4E9; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 5b68cce88..d66ce49b9 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C8E6C9; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #C8E6C9; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C8E6C9; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css index 152766903..ef04e20be 100644 --- a/public/themes/vela-indigo/theme.css +++ b/public/themes/vela-indigo/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C5CAE9; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #C5CAE9; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C5CAE9; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index ac3ae0b4e..f5e2bcb05 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFECB3; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #FFECB3; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFECB3; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 78cbc320c..1f2d7d9ec 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E1BEE7; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #E1BEE7; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E1BEE7; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css index 4382021a3..dc5074bb1 100644 --- a/public/themes/vela-teal/theme.css +++ b/public/themes/vela-teal/theme.css @@ -2485,7 +2485,6 @@ .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2497,7 +2496,7 @@ margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2540,20 +2539,49 @@ } .p-megamenu { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-megamenu .p-megamenu-root-list .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2DFDB; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2565,7 +2593,7 @@ margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2632,7 +2660,6 @@ .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2644,7 +2671,7 @@ margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2682,20 +2709,15 @@ } .p-menubar { - padding: 0; + padding: 0.5rem; background: #283747; color: #ebedef; border: 1px solid #2C3E50; border-radius: 3px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - margin: 0 0 0 0.5rem; - font-size: 0.75rem; -} .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2707,7 +2729,7 @@ margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2726,6 +2748,40 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #B2DFDB; } +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #ebedef; + border-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #AEB6BF; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #AEB6BF; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #ebedef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B2DFDB; +} .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #283747; @@ -2805,7 +2861,6 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2817,7 +2872,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -2957,7 +3012,6 @@ .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #ebedef; - font-weight: normal; border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; } @@ -2969,7 +3023,7 @@ margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #ebedef; + color: #AEB6BF; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); @@ -3525,4 +3579,4 @@ color: #212529; } -/* Add your customizations of theme here */ +/* Customizations to the designer theme should be defined here */ diff --git a/src/views/badge/BadgeDemo.vue b/src/views/badge/BadgeDemo.vue index 55e0a971f..e77418250 100644 --- a/src/views/badge/BadgeDemo.vue +++ b/src/views/badge/BadgeDemo.vue @@ -53,7 +53,7 @@

Sizes

2 - 4 + 4 6
diff --git a/src/views/badge/BadgeDoc.vue b/src/views/badge/BadgeDoc.vue index 7ad76793b..deac20c6d 100644 --- a/src/views/badge/BadgeDoc.vue +++ b/src/views/badge/BadgeDoc.vue @@ -159,7 +159,7 @@ <h3>Sizes</h3> <div class="badges"> <span class="p-badge">2</span> - <span class="p-badge p-badge-l p-badge-sucess">4</span> + <span class="p-badge p-badge-lg p-badge-sucess">4</span> <span class="p-badge p-badge-xl p-badge-warning">6</span> </div>