diff --git a/web/admin-gui/src/assets/base.css b/web/admin-gui/src/assets/base.css index 9552b9f..3028c74 100644 --- a/web/admin-gui/src/assets/base.css +++ b/web/admin-gui/src/assets/base.css @@ -103,6 +103,12 @@ th, border-radius: var(--radius); } +.label-input input:focus, +.label-input-error input:focus { + border-color: var(--primary); + outline: solid 3px var(--primary-light); +} + .tags { display: flex; flex-wrap: wrap; @@ -181,6 +187,11 @@ th, cursor: default; } +.button-primary:focus, +.button-secondary:focus { + outline: solid 3px var(--primary-light); +} + .tox-tinymce { border: none !important; border-radius: 0 !important; diff --git a/web/admin-gui/src/components/Navbar.vue b/web/admin-gui/src/components/Navbar.vue index 8bc7072..4cd58bf 100644 --- a/web/admin-gui/src/components/Navbar.vue +++ b/web/admin-gui/src/components/Navbar.vue @@ -78,6 +78,10 @@ header nav a:hover { background-color: var(--neutral-verylight); } +header nav a:focus { + outline: solid 3px var(--primary-light); +} + .disconnect-link { margin-left: auto; }