Fix focus styling

Signed-off-by: Christopher Ng <chrng8@gmail.com>

core/css/server.css

@@ -54,7 +54,7 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr
 }
 
 :focus-visible {
-  box-shadow: 0 0 0 2px var(--color-primary);
+  box-shadow: inset 0 0 0 2px var(--color-primary);
   outline: none;
 }
 
@@ -747,6 +747,7 @@ code {
   opacity: 1;
 }
 #oc-dialog-filepicker-content #picker-showgridview:focus + #picker-view-toggle {
+  box-shadow: 0 0 0 2px var(--color-primary);
   opacity: 1;
 }
 #oc-dialog-filepicker-content .actions.creatable {

core/css/styles.css

@@ -53,7 +53,7 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr
 }
 
 :focus-visible {
-  box-shadow: 0 0 0 2px var(--color-primary);
+  box-shadow: inset 0 0 0 2px var(--color-primary);
   outline: none;
 }
 
@@ -746,6 +746,7 @@ code {
   opacity: 1;
 }
 #oc-dialog-filepicker-content #picker-showgridview:focus + #picker-view-toggle {
+  box-shadow: 0 0 0 2px var(--color-primary);
   opacity: 1;
 }
 #oc-dialog-filepicker-content .actions.creatable {

core/css/styles.scss

@@ -34,7 +34,7 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr
 }
 
 :focus-visible {
-	box-shadow: 0 0 0 2px var(--color-primary);
+	box-shadow: inset 0 0 0 2px var(--color-primary);
 	outline: none;
 }
 
@@ -779,6 +779,7 @@ code {
 
 	// keyboard focus
 	#picker-showgridview:focus + #picker-view-toggle {
+		box-shadow: 0 0 0 2px var(--color-primary);
 		opacity: 1;
 	}
 

core/src/jquery/css/jquery.ocdialog.scss

@@ -55,6 +55,7 @@
 	padding: 25px;
 	background: var(--icon-close-dark) no-repeat center;
 	opacity: .5;
+	border-radius: var(--border-radius-large);
 
 	&:hover,
 	&:focus,