use teal icon color for file browser toolbar buttons

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/workspaces/officerdev/src/apps/FileBrowser/FileBrowserApp/components/Toolbar/ActionButtons.tsx

@@ -15,7 +15,7 @@ export const ActionButtons = ({ fileBrowserManager }: ActionButtonsProps) => {
       <button
         onClick={refresh}
         title="Refresh"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <RefreshCw className="h-4 w-4" />
       </button>

src/workspaces/officerdev/src/apps/FileBrowser/FileBrowserApp/components/Toolbar/DefaultActions.tsx

@@ -26,7 +26,7 @@ export const DefaultActions = ({ fileBrowserManager }: DefaultActionsProps) => {
           if (name?.trim()) handleCreateDir(name.trim());
         }}
         title="New folder"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <FolderPlus className="h-4 w-4" />
       </button>
@@ -34,7 +34,7 @@ export const DefaultActions = ({ fileBrowserManager }: DefaultActionsProps) => {
       <button
         onClick={() => fileInputRef.current?.click()}
         title="Upload files"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <Upload className="h-4 w-4" />
         <input ref={fileInputRef} type="file" multiple className="hidden" onChange={handleFileChange} />
@@ -43,7 +43,7 @@ export const DefaultActions = ({ fileBrowserManager }: DefaultActionsProps) => {
       <button
         onClick={() => folderInputRef.current?.click()}
         title="Upload folder"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <FolderUp className="h-4 w-4" />
         <input
@@ -61,7 +61,7 @@ export const DefaultActions = ({ fileBrowserManager }: DefaultActionsProps) => {
         <button
           onClick={handlePaste}
           title="Paste"
-          className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+          className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
         >
           <ClipboardPaste className="h-4 w-4" />
         </button>

src/workspaces/officerdev/src/apps/FileBrowser/FileBrowserApp/components/Toolbar/SelectionActions.tsx

@@ -18,14 +18,14 @@ export const SelectionActions = ({ fileBrowserManager }: SelectionActionsProps)
       <button
         onClick={handleCut}
         title="Cut"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <Scissors className="h-4 w-4" />
       </button>
       <button
         onClick={handleCopy}
         title="Copy"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <Copy className="h-4 w-4" />
       </button>
@@ -33,7 +33,7 @@ export const SelectionActions = ({ fileBrowserManager }: SelectionActionsProps)
         <button
           onClick={handlePaste}
           title="Paste"
-          className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+          className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
         >
           <ClipboardPaste className="h-4 w-4" />
         </button>
@@ -41,7 +41,7 @@ export const SelectionActions = ({ fileBrowserManager }: SelectionActionsProps)
       <button
         onClick={handleDownloadSelected}
         title="Download"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <Download className="h-4 w-4" />
       </button>
@@ -55,7 +55,7 @@ export const SelectionActions = ({ fileBrowserManager }: SelectionActionsProps)
       <button
         onClick={() => setSelected(new Set())}
         title="Clear selection"
-        className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+        className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
       >
         <X className="h-4 w-4" />
       </button>

src/workspaces/officerdev/src/apps/FileBrowser/FileBrowserApp/components/Toolbar/Toolbar.tsx

@@ -64,7 +64,7 @@ export const Toolbar = ({ fileBrowserManager }: ToolbarProps) => {
               setShowCloneInput(false);
               setCloneUrl('');
             }}
-            className="p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors disabled:opacity-40"
+            className="p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors disabled:opacity-40"
             title="Cancel"
           >
             <X className="h-4 w-4" />
@@ -74,7 +74,7 @@ export const Toolbar = ({ fileBrowserManager }: ToolbarProps) => {
         <button
           onClick={() => setShowCloneInput(true)}
           title="Git clone"
-          className="hidden md:block p-1.5 rounded-md text-duck-dark/50 hover:bg-duck-dark/5 cursor-pointer transition-colors"
+          className="hidden md:block p-1.5 rounded-md text-duck-teal hover:bg-duck-dark/5 cursor-pointer transition-colors"
         >
           <GitBranch className="h-4 w-4" />
         </button>
@@ -105,7 +105,7 @@ export const Toolbar = ({ fileBrowserManager }: ToolbarProps) => {
       </div>
       <button
         onClick={() => setShowHidden((v) => !v)}
-        className={`hidden md:block p-1.5 rounded-md cursor-pointer transition-colors ${showHidden ? 'bg-duck-teal text-duck-yellow' : 'text-duck-dark/50 hover:bg-duck-dark/5'}`}
+        className={`hidden md:block p-1.5 rounded-md cursor-pointer transition-colors ${showHidden ? 'bg-duck-teal text-duck-yellow' : 'text-duck-teal hover:bg-duck-dark/5'}`}
         title={showHidden ? 'Hide hidden files' : 'Show hidden files'}
       >
         {showHidden ? <Eye className="h-4 w-4" /> : <EyeOff className="h-4 w-4" />}
@@ -113,13 +113,13 @@ export const Toolbar = ({ fileBrowserManager }: ToolbarProps) => {
       <div className="flex items-center border border-duck-dark/20 rounded-md overflow-hidden">
         <button
           onClick={() => setViewMode('grid')}
-          className={`p-1.5 cursor-pointer transition-colors ${viewMode === 'grid' ? 'bg-duck-teal text-duck-yellow' : 'text-duck-dark/50 hover:bg-duck-dark/5'}`}
+          className={`p-1.5 cursor-pointer transition-colors ${viewMode === 'grid' ? 'bg-duck-teal text-duck-yellow' : 'text-duck-teal hover:bg-duck-dark/5'}`}
         >
           <LayoutGrid className="h-4 w-4" />
         </button>
         <button
           onClick={() => setViewMode('list')}
-          className={`p-1.5 cursor-pointer transition-colors ${viewMode === 'list' ? 'bg-duck-teal text-duck-yellow' : 'text-duck-dark/50 hover:bg-duck-dark/5'}`}
+          className={`p-1.5 cursor-pointer transition-colors ${viewMode === 'list' ? 'bg-duck-teal text-duck-yellow' : 'text-duck-teal hover:bg-duck-dark/5'}`}
         >
           <List className="h-4 w-4" />
         </button>