diff --git a/src/assets/components/themes/lara-light-teal/theme.css b/src/assets/components/themes/lara-light-teal/theme.css index f56428efdf4..8dcaa24fe96 100644 --- a/src/assets/components/themes/lara-light-teal/theme.css +++ b/src/assets/components/themes/lara-light-teal/theme.css @@ -46,7 +46,7 @@ --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #99f6e4; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #0f766e; + --highlight-bg: #f0fdfa; --highlight-text-color: #0f766e; color-scheme: light; } @@ -432,7 +432,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -568,7 +568,7 @@ } .p-datepicker table td > span.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker table td > span:focus { outline: 0 none; @@ -582,7 +582,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -636,7 +636,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -648,7 +648,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; @@ -765,7 +765,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -1034,7 +1034,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -1364,7 +1364,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1515,7 +1515,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -2910,7 +2910,7 @@ background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } @@ -2967,7 +2967,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #0f766e; - background: #0f766e; + background: #f0fdfa; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2978,14 +2978,14 @@ color: #374151; } .p-datatable .p-sortable-column.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #0f766e; } .p-datatable .p-sortable-column.p-highlight:hover { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { @@ -3042,14 +3042,14 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #0f766e; + box-shadow: inset 0 2px 0 0 #f0fdfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #0f766e; + box-shadow: inset 0 -2px 0 0 #f0fdfa; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; @@ -3128,7 +3128,7 @@ background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -3231,7 +3231,7 @@ color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-column-filter-menu-button:focus-visible { @@ -3282,7 +3282,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -3385,7 +3385,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -3419,11 +3419,11 @@ color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #010505; + color: #80eed5; } .p-organizationchart .p-organizationchart-line-down { background: #e5e7eb; @@ -3525,8 +3525,8 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #0f766e; - border-color: #0f766e; + background: #f0fdfa; + border-color: #f0fdfa; color: #0f766e; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3593,7 +3593,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -3699,7 +3699,7 @@ color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3740,7 +3740,7 @@ height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #0c5e58; + background-color: #99f1dd; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; @@ -3751,7 +3751,7 @@ transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #0f766e; + background-color: #f0fdfa; color: #0f766e; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3837,7 +3837,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #0f766e; - background: #0f766e; + background: #f0fdfa; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3848,7 +3848,7 @@ color: #374151; } .p-treetable .p-sortable-column.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3900,7 +3900,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4568,7 +4568,7 @@ .p-fileupload .p-fileupload-content.p-fileupload-highlight { border-color: 1px dashed #14b8a6; border-style: dashed; - background-color: #0f766e; + background-color: #f0fdfa; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4664,7 +4664,7 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -4811,7 +4811,7 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -4934,7 +4934,7 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5063,7 +5063,7 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5280,7 +5280,7 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5364,7 +5364,7 @@ } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5470,7 +5470,7 @@ box-shadow: 0 0 0 0.2rem #99f6e4; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5603,7 +5603,7 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5938,7 +5938,7 @@ background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5957,7 +5957,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-galleria .p-galleria-thumbnail-container {