refactor classes, lists

Author: tannerlinsley

src/components/CodeExplorerTopBar.tsx

@@ -31,15 +31,15 @@ export function CodeExplorerTopBar({
           isSidebarOpen ? (
             <button
               onClick={() => setIsSidebarOpen(!isSidebarOpen)}
-              className="p-2 text-sm rounded transition-colors hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300"
+              className="p-2 text-sm rounded transition-colors hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-600 dark:text-gray-400"
               title={'Hide sidebar'}
             >
               <ArrowLeftFromLine className="w-4 h-4" />
             </button>
           ) : (
             <button
               onClick={() => setIsSidebarOpen(!isSidebarOpen)}
-              className="p-2 text-sm rounded transition-colors hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300"
+              className="p-2 text-sm rounded transition-colors hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-600 dark:text-gray-400"
               title={'Show sidebar'}
             >
               <ArrowRightFromLine className="w-4 h-4" />
@@ -90,7 +90,7 @@ export function CodeExplorerTopBar({
           }}
           className={`p-2 text-sm rounded transition-colors mr-2 hover:bg-gray-200 dark:hover:bg-gray-700 ${
             activeTab === 'code'
-              ? 'text-gray-700 dark:text-gray-300'
+              ? 'text-gray-600 dark:text-gray-400'
               : 'text-gray-400 dark:text-gray-600'
           }`}
           title={isFullScreen ? 'Exit full screen' : 'Enter full screen'}

src/components/DocFeedbackFloatingButton.tsx

@@ -103,7 +103,7 @@ export function DocFeedbackFloatingButton({
           'flex items-center justify-center',
           'w-6 h-6 rounded',
           'bg-white dark:bg-gray-800',
-          'text-gray-700 dark:text-gray-300',
+          'text-gray-600 dark:text-gray-400',
           'border border-gray-200 dark:border-gray-700',
           'shadow-md hover:shadow-lg',
           'hover:bg-gray-50 dark:hover:bg-gray-700',

src/components/DocFeedbackNote.tsx

@@ -450,7 +450,7 @@ export function DocFeedbackNote({
                 </button>
                 <button
                   onClick={handleCancel}
-                  className="px-3 py-1 text-xs font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white disabled:opacity-50"
+                  className="px-3 py-1 text-xs font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white disabled:opacity-50"
                   disabled={isSaving}
                 >
                   <X className="inline text-[10px] mr-1" />

src/components/DocFeedbackProvider.tsx

@@ -761,7 +761,7 @@ function CreatingFeedbackNote({
             <button
               onClick={onClose}
               disabled={isSaving}
-              className="px-3 py-1 text-xs font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white disabled:opacity-50"
+              className="px-3 py-1 text-xs font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white disabled:opacity-50"
             >
               Cancel
             </button>

src/components/FeedEntry.tsx

@@ -403,7 +403,7 @@ export function FeedEntry({
                       {entry.tags.map((tag) => (
                         <span
                           key={tag}
-                          className="px-1.5 py-0.5 rounded bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300"
+                          className="px-1.5 py-0.5 rounded bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400"
                         >
                           {tag}
                         </span>

src/components/FeedEntryTimeline.tsx

@@ -317,7 +317,7 @@ export function FeedEntryTimeline({
             {entry.tags.map((tag) => (
               <span
                 key={tag}
-                className="px-2 py-0.5 rounded bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 text-xs"
+                className="px-2 py-0.5 rounded bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400 text-xs"
               >
                 {tag}
               </span>

src/components/FeedFilters.tsx

@@ -420,7 +420,7 @@ export function FeedFilters({
         <div className="mb-2">
           <button
             onClick={onClearFilters}
-            className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 rounded transition-colors"
+            className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-600 dark:text-gray-400 rounded transition-colors"
           >
             <RotateCcw className="w-3.5 h-3.5" />
             <span>Reset Filters</span>

src/components/FeedPageLayout.tsx

@@ -161,7 +161,7 @@ function FeedPageLayoutHeader({
         {actions}
       </div>
       {description && (
-        <p className="text-lg mt-4 text-gray-700 dark:text-gray-300">
+        <p className="text-lg mt-4 text-gray-600 dark:text-gray-400">
           {description}
         </p>
       )}

src/components/FeedTicker.tsx

@@ -116,7 +116,7 @@ export function FeedTicker() {
 
           {/* Library name */}
           {libraryName && (
-            <span className="text-[10px] font-medium text-gray-700 dark:text-gray-300 flex-shrink-0">
+            <span className="text-[10px] font-medium text-gray-600 dark:text-gray-400 flex-shrink-0">
               {libraryName}
             </span>
           )}

src/components/FeedbackLeaderboard.tsx

@@ -151,7 +151,7 @@ export function FeedbackLeaderboard() {
                                     ? 'text-gray-600 dark:text-gray-400'
                                     : rank === 3
                                       ? 'text-amber-600 dark:text-amber-400'
-                                      : 'text-gray-700 dark:text-gray-300',
+                                      : 'text-gray-600 dark:text-gray-400',
                               )}
                             >
                               #{rank}