Use hover css variable for primary buttons and add proper focus outline

Signed-off-by: Julius Härtl <jus@bitgrid.net>
nextcloud · Jul 18, 2022 · 9e0d6f5 · 9e0d6f5
1 parent d5437e2
commit 9e0d6f5
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 8 deletions.
diff --git a/core/css/inputs.css b/core/css/inputs.css
diff --git a/core/css/inputs.css.map b/core/css/inputs.css.map
diff --git a/core/css/inputs.scss b/core/css/inputs.scss
@@ -106,8 +106,12 @@ div[contenteditable=true],
 			&:hover,
 			&:focus,
 			&:active {
-				background-color: var(--color-primary-element-light);
-				border-color: var(--color-primary-element-light);
+				background-color: var(--color-primary-element-hover);
+				border-color: var(--color-primary-element-hover);
+			}
+			&:focus,
+			&:focus-visible {
+				box-shadow: 0 0 0 2px var(--color-main-text);
 			}
 			&:active {
 				color: var(--color-primary-text-dark);

diff --git a/core/css/server.css b/core/css/server.css