Fix double prefixes and missing class replacements

- Fix bg-bg-gray-950 → bg-gray-950 in App.tsx
- Fix hover:bg-bg-subtle → hover:bg-gray-800
- Fix text-lighter → text-gray-100
- Fix border-hover → border-gray-900
- Fix text-message-header → text-gray-300

Author: kylecarbs

src/App.tsx

@@ -662,7 +662,7 @@ function AppInner() {
 
   return (
     <>
-      <div className="bg-bg-gray-950 flex h-screen overflow-hidden [@media(max-width:768px)]:flex-col">
+      <div className="bg-gray-950 flex h-screen overflow-hidden [@media(max-width:768px)]:flex-col">
         <LeftSidebar
           projects={projects}
           workspaceMetadata={workspaceMetadata}

src/components/CommandPalette.tsx

@@ -364,12 +364,12 @@ export const CommandPalette: React.FC<CommandPaletteProps> = ({ getSlashContext
       }}
     >
       <Command
-        className="text-lighter font-primary w-[min(720px,92vw)] overflow-hidden rounded-lg border border-gray-800 bg-gray-900 shadow-[0_10px_40px_rgba(0,0,0,0.4)]"
+        className="text-gray-100 font-primary w-[min(720px,92vw)] overflow-hidden rounded-lg border border-gray-800 bg-gray-900 shadow-[0_10px_40px_rgba(0,0,0,0.4)]"
         onMouseDown={(e: React.MouseEvent) => e.stopPropagation()}
         shouldFilter={shouldUseCmdkFilter}
       >
         <Command.Input
-          className="text-lighter border-hover w-full border-b border-none bg-gray-950 px-3.5 py-3 text-sm outline-none"
+          className="text-gray-100 border-gray-900 w-full border-b border-none bg-gray-950 px-3.5 py-3 text-sm outline-none"
           value={query}
           onValueChange={handleQueryChange}
           placeholder={

src/components/Messages/MessageWindow.tsx

@@ -68,7 +68,7 @@ export const MessageWindow: React.FC<MessageWindowProps> = ({
     >
       {backgroundEffect}
       <div
-        className="text-message-header relative z-10 flex items-center justify-between border-b border-white/10 bg-white/5 px-3 py-1 text-[11px] font-medium"
+        className="text-gray-300 relative z-10 flex items-center justify-between border-b border-white/10 bg-white/5 px-3 py-1 text-[11px] font-medium"
         data-message-header
       >
         <div className="flex min-w-0 flex-1 items-baseline gap-3" data-message-header-left>

src/components/ProjectSidebar.tsx

@@ -461,7 +461,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                     const isExpanded = expandedProjects.has(projectPath);
 
                     return (
-                      <div key={projectPath} className="border-hover border-b">
+                      <div key={projectPath} className="border-gray-900 border-b">
                         <DraggableProjectItem
                           projectPath={projectPath}
                           onReorder={handleReorder}
@@ -544,7 +544,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
 
                         {isExpanded && (
                           <div id={workspaceListId}>
-                            <div className="border-hover border-b px-3 py-2 pl-[22px]">
+                            <div className="border-gray-900 border-b px-3 py-2 pl-[22px]">
                               <button
                                 onClick={() => onAddWorkspace(projectPath)}
                                 data-project-path={projectPath}
@@ -592,7 +592,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                                             : `Expand workspaces older than ${formatOldWorkspaceThreshold()}`
                                         }
                                         aria-expanded={showOldWorkspaces}
-                                        className="border-hover flex w-full cursor-pointer items-center justify-between border-t border-none bg-transparent px-3 py-2 pl-[22px] text-xs font-medium text-gray-500 transition-all duration-150 hover:bg-white/[0.03] hover:text-gray-400 [&:hover_.arrow]:text-gray-400"
+                                        className="border-gray-900 flex w-full cursor-pointer items-center justify-between border-t border-none bg-transparent px-3 py-2 pl-[22px] text-xs font-medium text-gray-500 transition-all duration-150 hover:bg-white/[0.03] hover:text-gray-400 [&:hover_.arrow]:text-gray-400"
                                       >
                                         <div className="flex items-center gap-1.5">
                                           <span>Older than {formatOldWorkspaceThreshold()}</span>

src/components/RightSidebar/CodeReview/UntrackedStatus.tsx

@@ -143,7 +143,7 @@ export const UntrackedStatus: React.FC<UntrackedStatusProps> = ({
             {untrackedFiles.map((file) => (
               <div
                 key={file}
-                className="hover:bg-bg-subtle truncate px-1 py-0.5 font-mono text-[11px] text-gray-400"
+                className="hover:bg-gray-800 truncate px-1 py-0.5 font-mono text-[11px] text-gray-400"
               >
                 {file}
               </div>