Fix tree selection opacity - use full bg-tree-selected instead of /20

Author: Tim Sinaeve

components/PromptTreeItem.tsx

@@ -478,8 +478,8 @@ const DocumentTreeItem: React.FC<DocumentTreeItemProps> = (props) => {
           minHeight: '22px',
         }}
         className={`w-full text-left pr-1 flex justify-between items-center transition-colors duration-0 text-[13px] relative focus:outline-none cursor-default ${isSelected
-          ? 'bg-tree-selected/20 text-text-main font-medium'
-          : 'hover:bg-tree-selected/10 text-text-secondary hover:text-text-main'
+          ? 'bg-tree-selected text-text-main font-medium'
+          : 'hover:bg-tree-selected/40 text-text-secondary hover:text-text-main'
           } ${isFocused ? 'ring-1 ring-inset ring-primary' : ''}`}
       >
         <div className="flex items-center gap-1 flex-1 min-w-0">

components/TemplateList.tsx

@@ -77,8 +77,8 @@ const TemplateList: React.FC<TemplateListProps> = ({ templates, activeTemplateId
                 className={`w-full text-left pr-1 flex justify-between items-center transition-colors duration-0 text-[13px] relative focus:outline-none h-[22px] min-h-[22px] cursor-default ${
                   // Fix: Use template_id
                   activeTemplateId === template.template_id
-                    ? 'bg-tree-selected/20 text-text-main font-medium'
-                    : 'hover:bg-tree-selected/10 text-text-secondary hover:text-text-main'
+                    ? 'bg-tree-selected text-text-main font-medium'
+                    : 'hover:bg-tree-selected/40 text-text-secondary hover:text-text-main'
                   } ${isFocused ? 'ring-1 ring-inset ring-primary' : ''}`}
               >
                 <div className="flex items-center gap-1 flex-1 truncate pl-[2px]">

services/themeCustomization.ts

@@ -300,7 +300,7 @@ const BASE_PALETTES: Record<ThemeMode, ThemePalette> = {
     modalBackdrop: '0 0 0 / 0.5',
     tooltipBg: '23 23 23',
     tooltipText: '245 245 245',
-    treeSelected: '150 150 150',
+    treeSelected: '200 200 200',
     selectArrowBackground: DEFAULT_LIGHT_SELECT_ARROW,
   },
   dark: {