From a33e8e7f38f1dc4929027e2853a97951d20b02aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 26 Sep 2023 09:50:19 +0300
Subject: [PATCH] Fixed #13740 - Theme updates: change :focus to focus-visible

---
 .../components/themes/arya-blue/theme.css     | 73 ++++++++++---------
 .../components/themes/arya-green/theme.css    | 73 ++++++++++---------
 .../components/themes/arya-orange/theme.css   | 73 ++++++++++---------
 .../components/themes/arya-purple/theme.css   | 73 ++++++++++---------
 .../themes/bootstrap4-dark-blue/theme.css     | 73 ++++++++++---------
 .../themes/bootstrap4-dark-purple/theme.css   | 73 ++++++++++---------
 .../themes/bootstrap4-light-blue/theme.css    | 73 ++++++++++---------
 .../themes/bootstrap4-light-purple/theme.css  | 73 ++++++++++---------
 .../components/themes/fluent-light/theme.css  | 73 ++++++++++---------
 .../themes/lara-dark-blue/theme.css           | 73 ++++++++++---------
 .../themes/lara-dark-indigo/theme.css         | 73 ++++++++++---------
 .../themes/lara-dark-purple/theme.css         | 73 ++++++++++---------
 .../themes/lara-dark-teal/theme.css           | 73 ++++++++++---------
 .../themes/lara-light-blue/theme.css          | 73 ++++++++++---------
 .../themes/lara-light-indigo/theme.css        | 73 ++++++++++---------
 .../themes/lara-light-purple/theme.css        | 73 ++++++++++---------
 .../themes/lara-light-teal/theme.css          | 73 ++++++++++---------
 .../components/themes/luna-amber/theme.css    | 73 ++++++++++---------
 .../components/themes/luna-blue/theme.css     | 73 ++++++++++---------
 .../components/themes/luna-green/theme.css    | 73 ++++++++++---------
 .../components/themes/luna-pink/theme.css     | 73 ++++++++++---------
 .../themes/md-dark-deeppurple/theme.css       | 73 ++++++++++---------
 .../themes/md-dark-indigo/theme.css           | 73 ++++++++++---------
 .../themes/md-light-deeppurple/theme.css      | 73 ++++++++++---------
 .../themes/md-light-indigo/theme.css          | 73 ++++++++++---------
 .../themes/mdc-dark-deeppurple/theme.css      | 73 ++++++++++---------
 .../themes/mdc-dark-indigo/theme.css          | 73 ++++++++++---------
 .../themes/mdc-light-deeppurple/theme.css     | 73 ++++++++++---------
 .../themes/mdc-light-indigo/theme.css         | 73 ++++++++++---------
 src/assets/components/themes/mira/theme.css   | 73 ++++++++++---------
 src/assets/components/themes/nano/theme.css   | 73 ++++++++++---------
 .../components/themes/nova-accent/theme.css   | 73 ++++++++++---------
 .../components/themes/nova-alt/theme.css      | 73 ++++++++++---------
 src/assets/components/themes/nova/theme.css   | 73 ++++++++++---------
 src/assets/components/themes/rhea/theme.css   | 73 ++++++++++---------
 .../components/themes/saga-blue/theme.css     | 73 ++++++++++---------
 .../components/themes/saga-green/theme.css    | 73 ++++++++++---------
 .../components/themes/saga-orange/theme.css   | 73 ++++++++++---------
 .../components/themes/saga-purple/theme.css   | 73 ++++++++++---------
 .../components/themes/soho-dark/theme.css     | 73 ++++++++++---------
 .../components/themes/soho-light/theme.css    | 73 ++++++++++---------
 .../themes/tailwind-light/theme.css           | 73 ++++++++++---------
 .../components/themes/vela-blue/theme.css     | 73 ++++++++++---------
 .../components/themes/vela-green/theme.css    | 73 ++++++++++---------
 .../components/themes/vela-orange/theme.css   | 73 ++++++++++---------
 .../components/themes/vela-purple/theme.css   | 73 ++++++++++---------
 .../components/themes/viva-dark/theme.css     | 73 ++++++++++---------
 .../components/themes/viva-light/theme.css    | 73 ++++++++++---------
 48 files changed, 1872 insertions(+), 1632 deletions(-)

diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css
index 5982b65747d..bafdc7c410a 100644
--- a/src/assets/components/themes/arya-blue/theme.css
+++ b/src/assets/components/themes/arya-blue/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #64B5F6;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #93cbf9;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #93cbf9;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #93cbf9;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #93cbf9;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css
index 78e631448e4..3bbbe905e5b 100644
--- a/src/assets/components/themes/arya-green/theme.css
+++ b/src/assets/components/themes/arya-green/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #81C784;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #a7d8a9;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #a7d8a9;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #a7d8a9;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #a7d8a9;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css
index d8dc2adc466..e0ded8ecebe 100644
--- a/src/assets/components/themes/arya-orange/theme.css
+++ b/src/assets/components/themes/arya-orange/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #FFD54F;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #ffe284;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #ffe284;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #ffe284;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #ffe284;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css
index d2440d00531..35fd4764bc0 100644
--- a/src/assets/components/themes/arya-purple/theme.css
+++ b/src/assets/components/themes/arya-purple/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #BA68C8;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #cf95d9;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #cf95d9;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #cf95d9;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #cf95d9;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
diff --git a/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css
index e5332723277..992cb66480d 100644
--- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css
+++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #8dd0ff;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #e3f3fe;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #e3f3fe;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #e3f3fe;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e3f3fe;
@@ -4269,7 +4269,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -4308,7 +4308,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -4392,7 +4392,7 @@
     transition: box-shadow 0.15s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e3f3fe;
@@ -4423,7 +4423,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e3f3fe;
@@ -4528,7 +4528,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -4636,8 +4636,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -4728,7 +4728,7 @@
     transition: box-shadow 0.15s;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -5334,7 +5334,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e3f3fe;
@@ -5595,7 +5595,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -5656,7 +5656,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e3f3fe;
@@ -5850,7 +5850,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -5960,7 +5960,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
@@ -6107,6 +6107,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.6);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #e3f3fe;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6248,7 +6253,7 @@
     border-radius: 4px;
     transition: color 0.15s, box-shadow 0.15s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
diff --git a/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/src/assets/components/themes/bootstrap4-dark-purple/theme.css
index 3ef9dde6111..f85e4167cd6 100644
--- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css
+++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #c298d8;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #f0e6f5;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #f0e6f5;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #f0e6f5;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #f0e6f5;
@@ -4269,7 +4269,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -4308,7 +4308,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -4392,7 +4392,7 @@
     transition: box-shadow 0.15s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #f0e6f5;
@@ -4423,7 +4423,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #f0e6f5;
@@ -4528,7 +4528,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -4636,8 +4636,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -4728,7 +4728,7 @@
     transition: box-shadow 0.15s;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -5334,7 +5334,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #f0e6f5;
@@ -5595,7 +5595,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -5656,7 +5656,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #f0e6f5;
@@ -5850,7 +5850,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -5960,7 +5960,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
@@ -6107,6 +6107,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.6);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #f0e6f5;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6248,7 +6253,7 @@
     border-radius: 4px;
     transition: color 0.15s, box-shadow 0.15s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
diff --git a/src/assets/components/themes/bootstrap4-light-blue/theme.css b/src/assets/components/themes/bootstrap4-light-blue/theme.css
index c4b7b86de0a..ead4fcf7950 100644
--- a/src/assets/components/themes/bootstrap4-light-blue/theme.css
+++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #007bff;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(38, 143, 255, 0.5);
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #212529;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(38, 143, 255, 0.5);
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4269,7 +4269,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4308,7 +4308,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4392,7 +4392,7 @@
     transition: box-shadow 0.15s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4423,7 +4423,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4528,7 +4528,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4636,8 +4636,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -4728,7 +4728,7 @@
     transition: box-shadow 0.15s;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -5334,7 +5334,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -5595,7 +5595,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -5656,7 +5656,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -5850,7 +5850,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -5960,7 +5960,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -6107,6 +6107,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #efefef;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6248,7 +6253,7 @@
     border-radius: 4px;
     transition: box-shadow 0.15s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
diff --git a/src/assets/components/themes/bootstrap4-light-purple/theme.css b/src/assets/components/themes/bootstrap4-light-purple/theme.css
index 40f6884a45f..f0a599ec4b1 100644
--- a/src/assets/components/themes/bootstrap4-light-purple/theme.css
+++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #883cae;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(136, 60, 174, 0.5);
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #212529;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(136, 60, 174, 0.5);
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4269,7 +4269,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4308,7 +4308,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4392,7 +4392,7 @@
     transition: box-shadow 0.15s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4423,7 +4423,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4528,7 +4528,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4636,8 +4636,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -4728,7 +4728,7 @@
     transition: box-shadow 0.15s;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -5334,7 +5334,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -5595,7 +5595,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -5656,7 +5656,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -5850,7 +5850,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -5960,7 +5960,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
@@ -6107,6 +6107,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #efefef;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6248,7 +6253,7 @@
     border-radius: 4px;
     transition: box-shadow 0.15s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
diff --git a/src/assets/components/themes/fluent-light/theme.css b/src/assets/components/themes/fluent-light/theme.css
index 8c2517753a9..3a701af5d0b 100644
--- a/src/assets/components/themes/fluent-light/theme.css
+++ b/src/assets/components/themes/fluent-light/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 2px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #323130;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #605e5c;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #605e5c;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #323130;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #605e5c;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset inset 0 0 0 1px #605e5c;
@@ -4233,7 +4233,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -4272,7 +4272,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -4356,7 +4356,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0.5rem -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset inset 0 0 0 1px #605e5c;
@@ -4387,7 +4387,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset inset 0 0 0 1px #605e5c;
@@ -4492,7 +4492,7 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -4600,8 +4600,8 @@
     border-color: transparent;
     background: #f3f2f1;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -4692,7 +4692,7 @@
     transition: box-shadow 0.2s;
     border-radius: 2px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -5298,7 +5298,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset inset 0 0 0 1px #605e5c;
@@ -5535,7 +5535,7 @@
     margin-top: 0.5rem;
     color: #605e5c;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -5596,7 +5596,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset inset 0 0 0 1px #605e5c;
@@ -5790,7 +5790,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -5900,7 +5900,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
@@ -6047,6 +6047,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #faf9f8;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #605e5c;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6188,7 +6193,7 @@
     border-radius: 2px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
diff --git a/src/assets/components/themes/lara-dark-blue/theme.css b/src/assets/components/themes/lara-dark-blue/theme.css
index c25672b622e..cb33497b855 100644
--- a/src/assets/components/themes/lara-dark-blue/theme.css
+++ b/src/assets/components/themes/lara-dark-blue/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(147, 197, 253, 0.5);
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(147, 197, 253, 0.5);
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4405,7 +4405,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
diff --git a/src/assets/components/themes/lara-dark-indigo/theme.css b/src/assets/components/themes/lara-dark-indigo/theme.css
index 64bb1f3aac1..672dea9e07c 100644
--- a/src/assets/components/themes/lara-dark-indigo/theme.css
+++ b/src/assets/components/themes/lara-dark-indigo/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(165, 180, 252, 0.5);
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(165, 180, 252, 0.5);
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4405,7 +4405,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
diff --git a/src/assets/components/themes/lara-dark-purple/theme.css b/src/assets/components/themes/lara-dark-purple/theme.css
index bad96f8e7aa..8bfa3950e9f 100644
--- a/src/assets/components/themes/lara-dark-purple/theme.css
+++ b/src/assets/components/themes/lara-dark-purple/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(196, 181, 253, 0.5);
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(196, 181, 253, 0.5);
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4405,7 +4405,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
diff --git a/src/assets/components/themes/lara-dark-teal/theme.css b/src/assets/components/themes/lara-dark-teal/theme.css
index e56b5281f0a..e146667b729 100644
--- a/src/assets/components/themes/lara-dark-teal/theme.css
+++ b/src/assets/components/themes/lara-dark-teal/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(94, 234, 212, 0.5);
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(94, 234, 212, 0.5);
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4405,7 +4405,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
diff --git a/src/assets/components/themes/lara-light-blue/theme.css b/src/assets/components/themes/lara-light-blue/theme.css
index b80bf20ba76..57b0fd2a481 100644
--- a/src/assets/components/themes/lara-light-blue/theme.css
+++ b/src/assets/components/themes/lara-light-blue/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #1D4ED8;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #BFDBFE;
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #BFDBFE;
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #BFDBFE;
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #BFDBFE;
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #BFDBFE;
@@ -4405,7 +4405,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #BFDBFE;
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #BFDBFE;
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #BFDBFE;
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #BFDBFE;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
diff --git a/src/assets/components/themes/lara-light-indigo/theme.css b/src/assets/components/themes/lara-light-indigo/theme.css
index 84e5c0b1efb..4a4802d2822 100644
--- a/src/assets/components/themes/lara-light-indigo/theme.css
+++ b/src/assets/components/themes/lara-light-indigo/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #4338CA;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #C7D2FE;
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #C7D2FE;
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #C7D2FE;
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C7D2FE;
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C7D2FE;
@@ -4405,7 +4405,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C7D2FE;
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C7D2FE;
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C7D2FE;
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #C7D2FE;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
diff --git a/src/assets/components/themes/lara-light-purple/theme.css b/src/assets/components/themes/lara-light-purple/theme.css
index 5ce38c72c31..c4e0bdff326 100644
--- a/src/assets/components/themes/lara-light-purple/theme.css
+++ b/src/assets/components/themes/lara-light-purple/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #6D28D9;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #DDD6FE;
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #DDD6FE;
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #DDD6FE;
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #DDD6FE;
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #DDD6FE;
@@ -4405,7 +4405,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #DDD6FE;
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #DDD6FE;
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #DDD6FE;
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #DDD6FE;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
diff --git a/src/assets/components/themes/lara-light-teal/theme.css b/src/assets/components/themes/lara-light-teal/theme.css
index a2219c4e0e2..40d25178e45 100644
--- a/src/assets/components/themes/lara-light-teal/theme.css
+++ b/src/assets/components/themes/lara-light-teal/theme.css
@@ -233,7 +233,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -406,8 +406,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -493,7 +493,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -1447,7 +1447,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -1877,7 +1877,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -2726,8 +2726,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -2831,7 +2831,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #0F766E;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #99F6E4;
     outline: 0 none;
   }
@@ -2866,10 +2866,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -2877,7 +2877,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #99F6E4;
     outline-offset: 0.15rem;
   }
@@ -3333,7 +3333,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -3573,7 +3573,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -3796,7 +3796,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -3998,7 +3998,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -4013,7 +4013,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #99F6E4;
     outline-offset: -0.15rem;
   }
@@ -4137,7 +4137,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #99F6E4;
@@ -4251,7 +4251,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -4290,7 +4290,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -4374,7 +4374,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #99F6E4;
@@ -4405,7 +4405,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #99F6E4;
@@ -4510,7 +4510,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -4618,8 +4618,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -4710,7 +4710,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -5316,7 +5316,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #99F6E4;
@@ -5553,7 +5553,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -5614,7 +5614,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #99F6E4;
@@ -5808,7 +5808,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -5918,7 +5918,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
@@ -6065,6 +6065,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #99F6E4;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6206,7 +6211,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99F6E4;
diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css
index 3af9a16c285..8a8bc7b2175 100644
--- a/src/assets/components/themes/luna-amber/theme.css
+++ b/src/assets/components/themes/luna-amber/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #212529;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem white;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4245,7 +4245,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4284,7 +4284,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4368,7 +4368,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4399,7 +4399,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4504,7 +4504,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4612,8 +4612,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4704,7 +4704,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5310,7 +5310,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5547,7 +5547,7 @@
     margin-top: 0.5rem;
     color: #888888;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5608,7 +5608,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5802,7 +5802,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5912,7 +5912,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -6059,6 +6059,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6200,7 +6205,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css
index 89b31ede0f8..412b249cc2b 100644
--- a/src/assets/components/themes/luna-blue/theme.css
+++ b/src/assets/components/themes/luna-blue/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #212529;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem white;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4245,7 +4245,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4284,7 +4284,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4368,7 +4368,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4399,7 +4399,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4504,7 +4504,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4612,8 +4612,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4704,7 +4704,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5310,7 +5310,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5547,7 +5547,7 @@
     margin-top: 0.5rem;
     color: #888888;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5608,7 +5608,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5802,7 +5802,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5912,7 +5912,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -6059,6 +6059,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6200,7 +6205,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css
index fd684188e1b..ca292e6c913 100644
--- a/src/assets/components/themes/luna-green/theme.css
+++ b/src/assets/components/themes/luna-green/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #212529;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem white;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4245,7 +4245,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4284,7 +4284,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4368,7 +4368,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4399,7 +4399,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4504,7 +4504,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4612,8 +4612,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4704,7 +4704,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5310,7 +5310,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5547,7 +5547,7 @@
     margin-top: 0.5rem;
     color: #888888;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5608,7 +5608,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5802,7 +5802,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5912,7 +5912,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -6059,6 +6059,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6200,7 +6205,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css
index 65c24dd2fc2..662c6301be9 100644
--- a/src/assets/components/themes/luna-pink/theme.css
+++ b/src/assets/components/themes/luna-pink/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #212529;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem white;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid white;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4245,7 +4245,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4284,7 +4284,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4368,7 +4368,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4399,7 +4399,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -4504,7 +4504,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4612,8 +4612,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -4704,7 +4704,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5310,7 +5310,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5547,7 +5547,7 @@
     margin-top: 0.5rem;
     color: #888888;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5608,7 +5608,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem white;
@@ -5802,7 +5802,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -5912,7 +5912,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
@@ -6059,6 +6059,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6200,7 +6205,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
diff --git a/src/assets/components/themes/md-dark-deeppurple/theme.css b/src/assets/components/themes/md-dark-deeppurple/theme.css
index 4551a42e707..a57525a2534 100644
--- a/src/assets/components/themes/md-dark-deeppurple/theme.css
+++ b/src/assets/components/themes/md-dark-deeppurple/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/md-dark-indigo/theme.css b/src/assets/components/themes/md-dark-indigo/theme.css
index 6c90638d6cd..d97c6e67cba 100644
--- a/src/assets/components/themes/md-dark-indigo/theme.css
+++ b/src/assets/components/themes/md-dark-indigo/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/md-light-deeppurple/theme.css b/src/assets/components/themes/md-light-deeppurple/theme.css
index f2f809e084c..3c0d13e5f82 100644
--- a/src/assets/components/themes/md-light-deeppurple/theme.css
+++ b/src/assets/components/themes/md-light-deeppurple/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/md-light-indigo/theme.css b/src/assets/components/themes/md-light-indigo/theme.css
index e050e4cc72a..7d638bb56ca 100644
--- a/src/assets/components/themes/md-light-indigo/theme.css
+++ b/src/assets/components/themes/md-light-indigo/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/src/assets/components/themes/mdc-dark-deeppurple/theme.css
index 65bbdd8cd84..eda6dd10244 100644
--- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css
+++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/mdc-dark-indigo/theme.css b/src/assets/components/themes/mdc-dark-indigo/theme.css
index b2d8b7f7497..b5feeb65b8c 100644
--- a/src/assets/components/themes/mdc-dark-indigo/theme.css
+++ b/src/assets/components/themes/mdc-dark-indigo/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/mdc-light-deeppurple/theme.css b/src/assets/components/themes/mdc-light-deeppurple/theme.css
index 6858ef7c3d2..9bf73c4d949 100644
--- a/src/assets/components/themes/mdc-light-deeppurple/theme.css
+++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/mdc-light-indigo/theme.css b/src/assets/components/themes/mdc-light-indigo/theme.css
index c3058586fac..c1157af6e35 100644
--- a/src/assets/components/themes/mdc-light-indigo/theme.css
+++ b/src/assets/components/themes/mdc-light-indigo/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: none;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4281,7 +4281,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4320,7 +4320,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,7 +4404,7 @@
     transition: none;
     margin: 0 0 0 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4435,7 +4435,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -4540,7 +4540,7 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4648,8 +4648,8 @@
     border-color: transparent;
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4740,7 +4740,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5346,7 +5346,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5607,7 +5607,7 @@
     margin-top: 0.5rem;
     color: rgba(0, 0, 0, 0.87);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5668,7 +5668,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset none;
@@ -5862,7 +5862,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -5972,7 +5972,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -6119,6 +6119,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6260,7 +6265,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
diff --git a/src/assets/components/themes/mira/theme.css b/src/assets/components/themes/mira/theme.css
index 2bff3584689..67899ebe1c3 100644
--- a/src/assets/components/themes/mira/theme.css
+++ b/src/assets/components/themes/mira/theme.css
@@ -243,7 +243,7 @@
     font-feature-settings: inherit;
     border-radius: 4px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -416,8 +416,8 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -503,7 +503,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -1457,7 +1457,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -1887,7 +1887,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -2736,8 +2736,8 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -2841,7 +2841,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #4C566A;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #C0D0E0;
     outline: 0 none;
   }
@@ -2876,10 +2876,10 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -2887,7 +2887,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #C0D0E0;
     outline-offset: 0.15rem;
   }
@@ -3343,7 +3343,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -3583,7 +3583,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -3806,7 +3806,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -4008,7 +4008,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -4023,7 +4023,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #4C566A;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #C0D0E0;
     outline-offset: -0.15rem;
   }
@@ -4147,7 +4147,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C0D0E0;
@@ -4285,7 +4285,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -4324,7 +4324,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -4408,7 +4408,7 @@
     transition: none;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C0D0E0;
@@ -4439,7 +4439,7 @@
     box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C0D0E0;
@@ -4544,7 +4544,7 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -4652,8 +4652,8 @@
     border-color: #5E81AC;
     background: #ffffff;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -4744,7 +4744,7 @@
     transition: none;
     border-radius: 4px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -5350,7 +5350,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C0D0E0;
@@ -5611,7 +5611,7 @@
     margin-top: 0.5rem;
     color: #81A1C1;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -5672,7 +5672,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #C0D0E0;
@@ -5866,7 +5866,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -5976,7 +5976,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
@@ -6123,6 +6123,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #ECEFF4;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #C0D0E0;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6264,7 +6269,7 @@
     border-radius: 4px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
diff --git a/src/assets/components/themes/nano/theme.css b/src/assets/components/themes/nano/theme.css
index a8faa0f75ca..8f6621c169c 100644
--- a/src/assets/components/themes/nano/theme.css
+++ b/src/assets/components/themes/nano/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 1px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -388,8 +388,8 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -475,7 +475,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -1429,7 +1429,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -1859,7 +1859,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -2708,8 +2708,8 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #1174c0;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #90c9f5;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #90c9f5;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -3778,7 +3778,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -3980,7 +3980,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #343a3f;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #90c9f5;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #90c9f5;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -4296,7 +4296,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #90c9f5;
@@ -4411,7 +4411,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #90c9f5;
@@ -4516,7 +4516,7 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -4624,8 +4624,8 @@
     border-color: #121619;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 1px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #90c9f5;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: #697077;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #90c9f5;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f2f4f8;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #90c9f5;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 1px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
diff --git a/src/assets/components/themes/nova-accent/theme.css b/src/assets/components/themes/nova-accent/theme.css
index 9aa10b7bbec..50f5da76fee 100644
--- a/src/assets/components/themes/nova-accent/theme.css
+++ b/src/assets/components/themes/nova-accent/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #ffffff;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #8dcdff;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #8dcdff;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #333333;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #8dcdff;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4233,7 +4233,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4272,7 +4272,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4356,7 +4356,7 @@
     transition: background-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4387,7 +4387,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4492,7 +4492,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4600,8 +4600,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4692,7 +4692,7 @@
     transition: background-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5298,7 +5298,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -5535,7 +5535,7 @@
     margin-top: 0.5rem;
     color: #848484;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5596,7 +5596,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -5790,7 +5790,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5900,7 +5900,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -6047,6 +6047,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6188,7 +6193,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
diff --git a/src/assets/components/themes/nova-alt/theme.css b/src/assets/components/themes/nova-alt/theme.css
index 3dad68c4e2a..51854ff3c8c 100644
--- a/src/assets/components/themes/nova-alt/theme.css
+++ b/src/assets/components/themes/nova-alt/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #ffffff;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #8dcdff;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #8dcdff;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #333333;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #8dcdff;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4245,7 +4245,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4284,7 +4284,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4368,7 +4368,7 @@
     transition: background-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4399,7 +4399,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4504,7 +4504,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4612,8 +4612,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4704,7 +4704,7 @@
     transition: background-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5310,7 +5310,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -5547,7 +5547,7 @@
     margin-top: 0.5rem;
     color: #848484;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5608,7 +5608,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -5802,7 +5802,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5912,7 +5912,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -6059,6 +6059,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6200,7 +6205,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
diff --git a/src/assets/components/themes/nova/theme.css b/src/assets/components/themes/nova/theme.css
index 27f146fdb38..c17d8fbf09d 100644
--- a/src/assets/components/themes/nova/theme.css
+++ b/src/assets/components/themes/nova/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -1433,7 +1433,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -1871,7 +1871,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2720,8 +2720,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2825,7 +2825,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #ffffff;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #8dcdff;
     outline: 0 none;
   }
@@ -2860,10 +2860,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -2871,7 +2871,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #8dcdff;
     outline-offset: 0.15rem;
   }
@@ -3327,7 +3327,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3567,7 +3567,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3790,7 +3790,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -3992,7 +3992,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4007,7 +4007,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #333333;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #8dcdff;
     outline-offset: -0.15rem;
   }
@@ -4131,7 +4131,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4245,7 +4245,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4284,7 +4284,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4368,7 +4368,7 @@
     transition: background-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4399,7 +4399,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -4504,7 +4504,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4612,8 +4612,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -4704,7 +4704,7 @@
     transition: background-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5310,7 +5310,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -5547,7 +5547,7 @@
     margin-top: 0.5rem;
     color: #848484;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5608,7 +5608,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #8dcdff;
@@ -5802,7 +5802,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -5912,7 +5912,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
@@ -6059,6 +6059,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6200,7 +6205,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css
index decc9e24336..99bb4a7a913 100644
--- a/src/assets/components/themes/rhea/theme.css
+++ b/src/assets/components/themes/rhea/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 2px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #385048;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #e4e9ec;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #e4e9ec;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #666666;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #e4e9ec;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #e4e9ec;
@@ -4233,7 +4233,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -4272,7 +4272,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -4356,7 +4356,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     margin: 0 0 -1px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #e4e9ec;
@@ -4387,7 +4387,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #e4e9ec;
@@ -4492,7 +4492,7 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -4600,8 +4600,8 @@
     border-color: transparent;
     background: transparent;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -4692,7 +4692,7 @@
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 2px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -5298,7 +5298,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #e4e9ec;
@@ -5535,7 +5535,7 @@
     margin-top: 0.5rem;
     color: #a6a6a6;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -5596,7 +5596,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #e4e9ec;
@@ -5790,7 +5790,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -5900,7 +5900,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
@@ -6047,6 +6047,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #aeb6bf;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #e4e9ec;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6188,7 +6193,7 @@
     border-radius: 2px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
diff --git a/src/assets/components/themes/saga-blue/theme.css b/src/assets/components/themes/saga-blue/theme.css
index c91b74f68d8..669f1c001a6 100644
--- a/src/assets/components/themes/saga-blue/theme.css
+++ b/src/assets/components/themes/saga-blue/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #2196F3;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #a6d5fa;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #a6d5fa;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #a6d5fa;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #a6d5fa;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #a6d5fa;
@@ -4411,7 +4411,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #a6d5fa;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #a6d5fa;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #a6d5fa;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #a6d5fa;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
diff --git a/src/assets/components/themes/saga-green/theme.css b/src/assets/components/themes/saga-green/theme.css
index ea7aabfb62a..88ca9ab685a 100644
--- a/src/assets/components/themes/saga-green/theme.css
+++ b/src/assets/components/themes/saga-green/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #4CAF50;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #b7e0b8;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #b7e0b8;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #b7e0b8;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #b7e0b8;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #b7e0b8;
@@ -4411,7 +4411,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #b7e0b8;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #b7e0b8;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #b7e0b8;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #b7e0b8;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
diff --git a/src/assets/components/themes/saga-orange/theme.css b/src/assets/components/themes/saga-orange/theme.css
index fde5238e99d..8a50160490d 100644
--- a/src/assets/components/themes/saga-orange/theme.css
+++ b/src/assets/components/themes/saga-orange/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #FFC107;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #ffe69c;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #ffe69c;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #ffe69c;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #ffe69c;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #ffe69c;
@@ -4411,7 +4411,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #ffe69c;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #ffe69c;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #ffe69c;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #ffe69c;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
diff --git a/src/assets/components/themes/saga-purple/theme.css b/src/assets/components/themes/saga-purple/theme.css
index 3a0013637ef..2de3c18fea5 100644
--- a/src/assets/components/themes/saga-purple/theme.css
+++ b/src/assets/components/themes/saga-purple/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #9C27B0;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #df9eea;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #df9eea;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #df9eea;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #df9eea;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #df9eea;
@@ -4411,7 +4411,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #df9eea;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: #e9ecef;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #df9eea;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: #6c757d;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #df9eea;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #df9eea;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
diff --git a/src/assets/components/themes/soho-dark/theme.css b/src/assets/components/themes/soho-dark/theme.css
index 0cb7c1d3e75..ba9af9a8c83 100644
--- a/src/assets/components/themes/soho-dark/theme.css
+++ b/src/assets/components/themes/soho-dark/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #b19df7;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #e0d8fc;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #e0d8fc;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #e0d8fc;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e0d8fc;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e0d8fc;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e0d8fc;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e0d8fc;
@@ -5559,7 +5559,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -5620,7 +5620,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #e0d8fc;
@@ -5814,7 +5814,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -5924,7 +5924,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
@@ -6071,6 +6071,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #e0d8fc;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6212,7 +6217,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
diff --git a/src/assets/components/themes/soho-light/theme.css b/src/assets/components/themes/soho-light/theme.css
index abd19f79e5b..e636a8c0b7a 100644
--- a/src/assets/components/themes/soho-light/theme.css
+++ b/src/assets/components/themes/soho-light/theme.css
@@ -239,7 +239,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -412,8 +412,8 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -499,7 +499,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -1453,7 +1453,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -1883,7 +1883,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -2732,8 +2732,8 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -2837,7 +2837,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #7254f3;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #c7bbfa;
     outline: 0 none;
   }
@@ -2872,10 +2872,10 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -2883,7 +2883,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #c7bbfa;
     outline-offset: 0.15rem;
   }
@@ -3339,7 +3339,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -3579,7 +3579,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -3802,7 +3802,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -4004,7 +4004,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -4019,7 +4019,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #043d75;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #c7bbfa;
     outline-offset: -0.15rem;
   }
@@ -4143,7 +4143,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #c7bbfa;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #c7bbfa;
@@ -4411,7 +4411,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #c7bbfa;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: #f6f9fc;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #c7bbfa;
@@ -5559,7 +5559,7 @@
     margin-top: 0.5rem;
     color: #708da9;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -5620,7 +5620,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #c7bbfa;
@@ -5814,7 +5814,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -5924,7 +5924,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
@@ -6071,6 +6071,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #eff3f8;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #c7bbfa;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6212,7 +6217,7 @@
     border-radius: 6px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
diff --git a/src/assets/components/themes/tailwind-light/theme.css b/src/assets/components/themes/tailwind-light/theme.css
index 7982d4d0d4c..b90101f843d 100644
--- a/src/assets/components/themes/tailwind-light/theme.css
+++ b/src/assets/components/themes/tailwind-light/theme.css
@@ -250,7 +250,7 @@
     font-feature-settings: inherit;
     border-radius: 0.375rem;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -423,8 +423,8 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -510,7 +510,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -1464,7 +1464,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -1894,7 +1894,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -2743,8 +2743,8 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -2848,7 +2848,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #4F46E5;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #6366F1;
     outline: 0 none;
   }
@@ -2883,10 +2883,10 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -2894,7 +2894,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #6366F1;
     outline-offset: 0.15rem;
   }
@@ -3350,7 +3350,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -3590,7 +3590,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -3813,7 +3813,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -4015,7 +4015,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -4030,7 +4030,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #3f3f46;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #6366F1;
     outline-offset: -0.15rem;
   }
@@ -4154,7 +4154,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #6366F1;
@@ -4292,7 +4292,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -4331,7 +4331,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -4415,7 +4415,7 @@
     transition: none;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #6366F1;
@@ -4446,7 +4446,7 @@
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #6366F1;
@@ -4551,7 +4551,7 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -4659,8 +4659,8 @@
     border-color: transparent;
     background: #f4f4f5;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -4751,7 +4751,7 @@
     transition: none;
     border-radius: 0.375rem;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -5357,7 +5357,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #6366F1;
@@ -5618,7 +5618,7 @@
     margin-top: 0.5rem;
     color: #71717A;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -5679,7 +5679,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #6366F1;
@@ -5873,7 +5873,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -5983,7 +5983,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
@@ -6130,6 +6130,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #fafafa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #6366F1;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6271,7 +6276,7 @@
     border-radius: 0.375rem;
     transition: none;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
diff --git a/src/assets/components/themes/vela-blue/theme.css b/src/assets/components/themes/vela-blue/theme.css
index bd9f053c02f..5891d465511 100644
--- a/src/assets/components/themes/vela-blue/theme.css
+++ b/src/assets/components/themes/vela-blue/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #64B5F6;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #93cbf9;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #93cbf9;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #93cbf9;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #93cbf9;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #93cbf9;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
diff --git a/src/assets/components/themes/vela-green/theme.css b/src/assets/components/themes/vela-green/theme.css
index 84f2a37dded..270ee51477d 100644
--- a/src/assets/components/themes/vela-green/theme.css
+++ b/src/assets/components/themes/vela-green/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #81C784;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #a7d8a9;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #a7d8a9;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #a7d8a9;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #a7d8a9;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #a7d8a9;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
diff --git a/src/assets/components/themes/vela-orange/theme.css b/src/assets/components/themes/vela-orange/theme.css
index d1890bd363b..9e6cb0d38d0 100644
--- a/src/assets/components/themes/vela-orange/theme.css
+++ b/src/assets/components/themes/vela-orange/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #FFD54F;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #ffe284;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #ffe284;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #ffe284;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #ffe284;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #ffe284;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
diff --git a/src/assets/components/themes/vela-purple/theme.css b/src/assets/components/themes/vela-purple/theme.css
index 7d84a354da8..ca2d26f4d45 100644
--- a/src/assets/components/themes/vela-purple/theme.css
+++ b/src/assets/components/themes/vela-purple/theme.css
@@ -215,7 +215,7 @@
     font-feature-settings: inherit;
     border-radius: 3px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -388,8 +388,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -475,7 +475,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -1429,7 +1429,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -1859,7 +1859,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -2708,8 +2708,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -2813,7 +2813,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #BA68C8;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #cf95d9;
     outline: 0 none;
   }
@@ -2848,10 +2848,10 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -2859,7 +2859,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #cf95d9;
     outline-offset: 0.15rem;
   }
@@ -3315,7 +3315,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3555,7 +3555,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3778,7 +3778,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3980,7 +3980,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -3995,7 +3995,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #cf95d9;
     outline-offset: -0.15rem;
   }
@@ -4119,7 +4119,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -4257,7 +4257,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4296,7 +4296,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4380,7 +4380,7 @@
     transition: box-shadow 0.2s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -4411,7 +4411,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -4516,7 +4516,7 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4624,8 +4624,8 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -4716,7 +4716,7 @@
     transition: box-shadow 0.2s;
     border-radius: 3px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -5322,7 +5322,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -5583,7 +5583,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -5644,7 +5644,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #cf95d9;
@@ -5838,7 +5838,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -5948,7 +5948,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
@@ -6095,6 +6095,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #cf95d9;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6236,7 +6241,7 @@
     border-radius: 3px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
diff --git a/src/assets/components/themes/viva-dark/theme.css b/src/assets/components/themes/viva-dark/theme.css
index f9c9d8ab7cc..a94b9460232 100644
--- a/src/assets/components/themes/viva-dark/theme.css
+++ b/src/assets/components/themes/viva-dark/theme.css
@@ -247,7 +247,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -420,8 +420,8 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -507,7 +507,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -1461,7 +1461,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -1891,7 +1891,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -2740,8 +2740,8 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -2845,7 +2845,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #9eade6;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #9eade6;
     outline: 0 none;
   }
@@ -2880,10 +2880,10 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -2891,7 +2891,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #9eade6;
     outline-offset: 0.15rem;
   }
@@ -3347,7 +3347,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -3587,7 +3587,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -3810,7 +3810,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -4012,7 +4012,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -4027,7 +4027,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #9eade6;
     outline-offset: -0.15rem;
   }
@@ -4151,7 +4151,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #9eade6;
@@ -4289,7 +4289,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -4328,7 +4328,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -4412,7 +4412,7 @@
     transition: box-shadow 0.3s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #9eade6;
@@ -4443,7 +4443,7 @@
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #9eade6;
@@ -4548,7 +4548,7 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -4656,8 +4656,8 @@
     border-color: transparent;
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -4748,7 +4748,7 @@
     transition: box-shadow 0.3s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -5354,7 +5354,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #9eade6;
@@ -5615,7 +5615,7 @@
     margin-top: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -5676,7 +5676,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #9eade6;
@@ -5870,7 +5870,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -5980,7 +5980,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
@@ -6127,6 +6127,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #9eade6;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6268,7 +6273,7 @@
     border-radius: 6px;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
diff --git a/src/assets/components/themes/viva-light/theme.css b/src/assets/components/themes/viva-light/theme.css
index f9b56dba94c..0446fd9c680 100644
--- a/src/assets/components/themes/viva-light/theme.css
+++ b/src/assets/components/themes/viva-light/theme.css
@@ -248,7 +248,7 @@
     font-feature-settings: inherit;
     border-radius: 6px;
   }
-  .p-link:focus {
+  .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -421,8 +421,8 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -508,7 +508,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-datepicker .p-timepicker button:focus {
+  .p-datepicker .p-timepicker button:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -1462,7 +1462,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -1892,7 +1892,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -2741,8 +2741,8 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-carousel .p-carousel-content .p-carousel-prev:focus,
-.p-carousel .p-carousel-content .p-carousel-next:focus {
+  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -2846,7 +2846,7 @@
   .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
     color: #5472d4;
   }
-  .p-datatable .p-sortable-column:focus {
+  .p-datatable .p-sortable-column:focus-visible {
     box-shadow: inset 0 0 0 0.15rem #bbc7ee;
     outline: 0 none;
   }
@@ -2881,10 +2881,10 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -2892,7 +2892,7 @@
   .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
     margin-right: 0.5rem;
   }
-  .p-datatable .p-datatable-tbody > tr:focus {
+  .p-datatable .p-datatable-tbody > tr:focus-visible {
     outline: 0.15rem solid #bbc7ee;
     outline-offset: 0.15rem;
   }
@@ -3348,7 +3348,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -3588,7 +3588,7 @@
     color: inherit;
     border-radius: 50%;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -3811,7 +3811,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -4013,7 +4013,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -4028,7 +4028,7 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #6c6c6c;
   }
-  .p-treetable .p-treetable-tbody > tr:focus {
+  .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #bbc7ee;
     outline-offset: -0.15rem;
   }
@@ -4152,7 +4152,7 @@
   .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem #bbc7ee;
@@ -4290,7 +4290,7 @@
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
     margin-right: 0.5rem;
   }
-  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -4329,7 +4329,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-panel .p-panel-header .p-panel-header-icon:focus {
+  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -4413,7 +4413,7 @@
     transition: box-shadow 0.3s;
     margin: 0 0 -2px 0;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem #bbc7ee;
@@ -4444,7 +4444,7 @@
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0;
   }
-  .p-tabview .p-tabview-nav-btn.p-link:focus {
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem #bbc7ee;
@@ -4549,7 +4549,7 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -4657,8 +4657,8 @@
     border-color: transparent;
     background: #edf0fA;
   }
-  .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -4749,7 +4749,7 @@
     transition: box-shadow 0.3s;
     border-radius: 6px;
   }
-  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -5355,7 +5355,7 @@
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem #bbc7ee;
@@ -5616,7 +5616,7 @@
     margin-top: 0.5rem;
     color: #898989;
   }
-  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -5677,7 +5677,7 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.1rem #bbc7ee;
@@ -5871,7 +5871,7 @@
   .p-message .p-message-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-message .p-message-close:focus {
+  .p-message .p-message-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -5981,7 +5981,7 @@
   .p-toast .p-toast-message .p-toast-icon-close:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-  .p-toast .p-toast-message .p-toast-icon-close:focus {
+  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
@@ -6128,6 +6128,11 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f5f5f5;
   }
+  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem #bbc7ee;
+  }
 
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
@@ -6269,7 +6274,7 @@
     border-radius: 6px;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
   }
-  .p-chip .pi-chip-remove-icon:focus {
+  .p-chip .pi-chip-remove-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;