mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-07-02 10:33:00 +08:00
Rework the color system around warm neutrals and route hardcoded surfaces through theme tokens for consistency. - Theme tokens (index.css, ThemeContext): warm cream light mode and neutral charcoal dark mode, replacing the pure-white/blue-tinted palette; update PWA theme-color meta - Code blocks: soft grey background in light mode via oneLight/oneDark, and drop the Tailwind Typography <pre> shell that framed the highlighter in a dark box - Dropdowns/panels: convert CommandMenu, Quick Settings, and the JSON response block from hardcoded gray/slate to popover/muted/border tokens - Git panel: Publish button purple -> primary blue - Composer: drop top padding so the input sits flush with the thread
16 lines
475 B
TypeScript
16 lines
475 B
TypeScript
import { Settings2 } from 'lucide-react';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
export default function QuickSettingsPanelHeader() {
|
|
const { t } = useTranslation('settings');
|
|
|
|
return (
|
|
<div className="border-b border-border bg-muted/40 p-4">
|
|
<h3 className="flex items-center gap-2 text-lg font-semibold text-foreground">
|
|
<Settings2 className="h-5 w-5 text-muted-foreground" />
|
|
{t('quickSettings.title')}
|
|
</h3>
|
|
</div>
|
|
);
|
|
}
|