Style: Design System use across more components (#6705)

## Summary

Only remaining use is in `buttonTypes.ts` which @viva-jinyi is going to
be working on to consolidate our different buttons soon.

## Changes

- **What**: Replace light/dark colors with theme aware design system
tokens.

## Review Focus

Double check the chosen colors for the components

## Screenshots

| Before | After |
| ------ | ----- |
| <img width="607" height="432" alt="image"
src="https://github.com/user-attachments/assets/6c0ee6d6-819f-40b1-b775-f8b25dd18104"
/> | <img width="646" height="488" alt="image"
src="https://github.com/user-attachments/assets/9c8532de-8ac6-4b48-9021-3fd0b3e0bc63"
/> |

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6705-Style-WIP-Design-System-use-across-more-components-2ab6d73d365081619115fc5f87a46341)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>

src/composables/README.md

@@ -4,13 +4,31 @@ This directory contains Vue composables for the ComfyUI frontend application. Co
 
 ## Table of Contents
 
-- [Overview](#overview)
-- [Composable Architecture](#composable-architecture)
-- [Composable Categories](#composable-categories)
-- [Usage Guidelines](#usage-guidelines)
-- [VueUse Library](#vueuse-library)
-- [Development Guidelines](#development-guidelines)
-- [Common Patterns](#common-patterns)
+- [Composables](#composables)
+  - [Table of Contents](#table-of-contents)
+  - [Overview](#overview)
+  - [Composable Architecture](#composable-architecture)
+  - [Composable Categories](#composable-categories)
+    - [Auth](#auth)
+    - [Bottom Panel Tabs](#bottom-panel-tabs)
+    - [Element](#element)
+    - [Functional](#functional)
+    - [Manager](#manager)
+      - [Node Pack](#node-pack)
+    - [Node](#node)
+    - [Settings](#settings)
+    - [Sidebar Tabs](#sidebar-tabs)
+    - [Tree](#tree)
+    - [Widgets](#widgets)
+    - [Root-level Composables](#root-level-composables)
+  - [Usage Guidelines](#usage-guidelines)
+  - [VueUse Library](#vueuse-library)
+  - [Development Guidelines](#development-guidelines)
+    - [Composable Template](#composable-template)
+  - [Common Patterns](#common-patterns)
+    - [State Management](#state-management)
+    - [Event Handling with VueUse](#event-handling-with-vueuse)
+    - [Fetch \& Load with VueUse](#fetch--load-with-vueuse)
 
 ## Overview
 
@@ -139,7 +157,6 @@ Composables for node-specific functionality:
 | `useNodeAnimatedImage` | Handles animated images in nodes |
 | `useNodeBadge` | Handles node badge display and interaction |
 | `useNodeCanvasImagePreview` | Canvas-based image preview for nodes |
-| `useNodeChatHistory` | Manages chat history for nodes |
 | `useNodeDragAndDrop` | Handles drag and drop for nodes |
 | `useNodeFileInput` | Manages file input widgets in nodes |
 | `useNodeImage` | Manages node image preview |
@@ -180,7 +197,6 @@ Composables for widget functionality:
 | Composable | Description |
 |------------|-------------|
 | `useBooleanWidget` | Manages boolean widget interactions |
-| `useChatHistoryWidget` | Handles chat history widget |
 | `useComboWidget` | Manages combo box widget interactions |
 | `useFloatWidget` | Manages float input widget interactions |
 | `useImagePreviewWidget` | Manages image preview widget |