mirror of
https://github.com/QwenLM/qwen-code.git
synced 2026-04-29 04:00:36 +00:00
4c2a5045a0
- Added a number of common themes to our support matrix: - AtomOneDark - Dracula - VS - GitHub - GoogleCode - XCode - ... Admittedly these all were randomly picked, we could probably curate these better... - Added a new `ThemeDialog` UI that can be accessed via `/theme`. It shows your currentlyt available themes and allows you to change them freely. It does **not**: - Save the theme between sessions - Allow you to hit escape - Show a preview prior to selection. - These themes are from reacts highlight js library. Fixes https://b.corp.google.com/issues/412797985
40 lines
1 KiB
TypeScript
40 lines
1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import { useState, useCallback } from 'react';
|
|
import { themeManager } from '../themes/theme-manager.js';
|
|
|
|
interface UseThemeCommandReturn {
|
|
isThemeDialogOpen: boolean;
|
|
openThemeDialog: () => void;
|
|
handleThemeSelect: (themeName: string) => void;
|
|
}
|
|
|
|
export const useThemeCommand = (): UseThemeCommandReturn => {
|
|
const [isThemeDialogOpen, setIsThemeDialogOpen] = useState(false);
|
|
const [, setForceRender] = useState(0);
|
|
|
|
const openThemeDialog = useCallback(() => {
|
|
setIsThemeDialogOpen(true);
|
|
}, []);
|
|
|
|
const handleThemeSelect = useCallback((themeName: string) => {
|
|
try {
|
|
themeManager.setActiveTheme(themeName);
|
|
setForceRender((v) => v + 1); // Trigger potential re-render
|
|
} catch (error) {
|
|
console.error(`Error setting theme: ${error}`);
|
|
} finally {
|
|
setIsThemeDialogOpen(false); // Close the dialog
|
|
}
|
|
}, []);
|
|
|
|
return {
|
|
isThemeDialogOpen,
|
|
openThemeDialog,
|
|
handleThemeSelect,
|
|
};
|
|
};
|