minimized icon list in css

test/scss/fontawesome6/scss/_icons.scss

@@ -4,7 +4,7 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
 
-@each $name, $icon in $fa-icons {
+@each $name, $icon in $fa-icons-custom {
   .#{$fa-css-prefix}-#{$name}::before { content: unquote("\"#{ $icon }\""); }
 }
 

test/scss/fontawesome6/scss/_variables.scss

@@ -2532,6 +2532,22 @@ $fa-var-korvue: \f42f;
 $fa-var-pix: \e43a;
 $fa-var-steam-symbol: \f3f6;
 
+$fa-icons-custom: (
+  "house": $fa-var-house,
+  "code": $fa-var-code,
+  "exclamation-circle": $fa-var-exclamation-circle,
+  "code-branch": $fa-var-code-branch,
+  "play": $fa-var-play,
+  "tasks": $fa-var-tasks,
+  "tag": $fa-var-tag,
+  "book": $fa-var-book,
+  "chart-line": $fa-var-chart-line,
+  "gear": $fa-var-gear,
+  "eye": $fa-var-eye,
+  "star": $fa-var-star,
+  "box": $fa-var-box,
+);
+
 $fa-icons: (
   "0": $fa-var-0,
   "1": $fa-var-1,

test/scss/repo-home/_sidebar-right.scss

@@ -19,7 +19,7 @@ $settings-link-hover-bg-color: #333;
 	padding: 0.75em 12px;
 	border-left: 2px solid rgba(0,0,0,0);
 
-	&:hover {
+	&:hover, &:active {
 		background-color: $sidebar-link-hover-bg-color;
 		border-left: 2px solid wheat;
 	}
@@ -88,10 +88,12 @@ $settings-link-hover-bg-color: #333;
 			}
 		}
 
-		&:hover {
+		&:hover, &:active {
 			.repo-logo {
-				//border: 2px solid #9b9b9b;
-				background-color: #9b9b9b;
+                img {
+				border: 1px solid #9b9b9b;
+				//background-color: #9b9b9b;
+                }
 			}
 		}
 	}
@@ -132,7 +134,7 @@ $settings-link-hover-bg-color: #333;
 				text-align: right;
 			}
 
-			&:hover {
+			&:hover, &:active {
 				background-color: #444;
 				color:#1b97ff;
 			}
@@ -142,6 +144,5 @@ $settings-link-hover-bg-color: #333;
 	.settings-link {
 		@include sidbar-left-nav-links;
 		margin-top: auto;
-
 	}
 }