Enable default :focus outline (hestiacp#3417)

Author: AlecRust

web/css/src/base.css

@@ -14,10 +14,6 @@ html {
 	box-sizing: inherit;
 }
 
-:focus {
-	outline: none;
-}
-
 [x-cloak] {
 	display: none !important;
 }

web/css/src/themes/dark.css

@@ -591,21 +591,6 @@ strong {
 			inset 0 0 3px rgb(0 0 0 / 65%);
 	}
 
-	&:focus {
-		color: #eee;
-		text-shadow: 0 1px 1px rgb(0 0 0 / 35%);
-		border-color: #0090ff;
-		background: #303030;
-		background: linear-gradient(
-			0deg,
-			rgb(48 48 48 / 100%) 0%,
-			rgb(53 53 53 / 100%) 35%,
-			rgb(69 69 69 / 100%) 100%
-		);
-		box-shadow: 0 1px 4px rgb(0 0 0 / 20%), inset 0 0 1px rgb(20 20 20 / 100%),
-			inset 0 0 3px rgb(0 0 0 / 50%);
-	}
-
 	&:active {
 		color: #d4d4d4;
 		text-shadow: 0 -1px 1px rgb(0 0 0 / 55%);
@@ -733,6 +718,13 @@ strong {
 	background-color: #282828;
 }
 
+/* Spinner
+   ========================================================================== */
+
+.fullscreen-loader {
+	background-color: rgb(0 0 0 / 50%);
+}
+
 /* Badge component
    ========================================================================== */
 

web/css/src/themes/default.css

@@ -1863,8 +1863,7 @@
 		transition: 0.2s;
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		color: #517bab;
 		text-shadow: 0 -1px 2px rgb(255 255 255 / 85%);
 		border-color: #0066b4;
@@ -1901,8 +1900,7 @@
 	border-color: #f27e71;
 }
 
-.button-danger:active,
-.button-danger:focus {
+.button-danger:active {
 	background: linear-gradient(to bottom, #fcd0ca 0%, #f5a69d 50%, #f9e3df 100%);
 	color: #ce1500;
 	text-shadow: 0 1px 1px rgb(255 255 255 / 20%), 0 -1px 1px rgb(255 255 255 / 60%);
@@ -2187,7 +2185,7 @@
 	justify-content: center;
 	align-items: center;
 	padding: 50px;
-	background-color: rgb(0 0 0 / 50%);
+	background-color: rgb(0 0 0 / 10%);
 	font-size: 50px;
 	z-index: 9999;
 	visibility: hidden;

web/css/src/themes/flat.css

@@ -122,8 +122,7 @@ strong {
 		);
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		box-shadow: none;
 		background: linear-gradient(
 			to bottom,
@@ -145,8 +144,7 @@ strong {
 		border-color: #f27e71;
 	}
 
-	&:active,
-	:focus {
+	&:active {
 		background: #a91200;
 		color: #fff;
 		border-color: #f4301a;

web/css/src/themes/vestia.css

@@ -196,8 +196,7 @@ strong {
 			text-transform: none;
 		}
 
-		&:active,
-		&:focus {
+		&:active {
 			color: #ff6701;
 			background: none;
 			text-shadow: none;
@@ -264,8 +263,7 @@ strong {
 		box-shadow: none;
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		border-color: transparent;
 		color: #fff;
 		background: #809c00;
@@ -293,8 +291,7 @@ strong {
 		background: #f5f5f5;
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		color: #326b9b;
 		text-shadow: none;
 		border-color: #aaa;