From 23e527e3863fd32cb47e05da930ee4929fb478da Mon Sep 17 00:00:00 2001
From: Charlie Marsh <charlie.r.marsh@gmail.com>
Date: Wed, 2 Aug 2023 21:05:38 -0400
Subject: [PATCH] Increase icon opacity on-hover (#6291)

## Summary

Makes it clearer that these are clickable.
---
 playground/src/Editor/SideBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/playground/src/Editor/SideBar.tsx b/playground/src/Editor/SideBar.tsx
index db948d1fb3..cdee7291c0 100644
--- a/playground/src/Editor/SideBar.tsx
+++ b/playground/src/Editor/SideBar.tsx
@@ -37,8 +37,8 @@ export function SideBarEntry({
       title={title}
       onClick={onClick}
       role="button"
-      className={`py-4 px-2 relative flex items-center flex-col ${
-        selected ? "fill-white text-white" : "fill-slate-500 text-slate-500"
+      className={`py-4 px-2 relative flex items-center flex-col fill-white text-white ${
+        selected ? "opacity-100" : "opacity-50 hover:opacity-100"
       }`}
     >
       {children}