vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-06-10 22:32:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add zenburn theme (#2112)

Browse Source
This commit is contained in:
Mathieu Lemay
2026-06-04 12:55:17 -04:00
committed by GitHub
parent dfa6198bdd
commit 0b537b07ee
4 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/themes/use-app-theme.ts
+1
View File
@@ -47,6 +47,7 @@ export const THEME_DATA = [
{ label: 'Rosé Pine', type: 'dark', value: AppTheme.ROSE_PINE },
{ label: 'Rosé Pine Moon', type: 'dark', value: AppTheme.ROSE_PINE_MOON },
{ label: 'Rosé Pine Dawn', type: 'light', value: AppTheme.ROSE_PINE_DAWN },
{ label: 'Zenburn', type: 'dark', value: AppTheme.ZENBURN },
];
export const useAppTheme = (overrideTheme?: AppTheme) => {
src/shared/themes/app-theme-types.ts
+1
View File
@@ -34,6 +34,7 @@ export enum AppTheme {
TOKYO_NIGHT = 'tokyoNight',
VSCODE_DARK_PLUS = 'vscodeDarkPlus',
VSCODE_LIGHT_PLUS = 'vscodeLightPlus',
ZENBURN = 'zenburn',
}
export type AppThemeConfiguration = Partial<BaseAppThemeConfiguration>;
src/shared/themes/app-theme.ts
+2
View File
@@ -35,6 +35,7 @@ import { solarizedLight } from '/@/shared/themes/solarized-light/solarized-light
import { tokyoNight } from '/@/shared/themes/tokyo-night/tokyo-night';
import { vscodeDarkPlus } from '/@/shared/themes/vscode-dark-plus/vscode-dark-plus';
import { vscodeLightPlus } from '/@/shared/themes/vscode-light-plus/vscode-light-plus';
import { zenburn } from '/@/shared/themes/zenburn/zenburn';
export const appTheme: Record<AppTheme, AppThemeConfiguration> = {
[AppTheme.AYU_DARK]: ayuDark,
@@ -68,6 +69,7 @@ export const appTheme: Record<AppTheme, AppThemeConfiguration> = {
[AppTheme.TOKYO_NIGHT]: tokyoNight,
[AppTheme.VSCODE_DARK_PLUS]: vscodeDarkPlus,
[AppTheme.VSCODE_LIGHT_PLUS]: vscodeLightPlus,
[AppTheme.ZENBURN]: zenburn,
};
export const getAppTheme = (theme: AppTheme): AppThemeConfiguration => {
src/shared/themes/zenburn/zenburn.ts
+28
View File
@@ -0,0 +1,28 @@
import { AppThemeConfiguration } from '/@/shared/themes/app-theme-types';
export const zenburn: AppThemeConfiguration = {
app: {
'overlay-header':
'linear-gradient(transparent 0%, rgb(40 44 52 / 85%) 100%), var(--theme-background-noise)',
'overlay-subheader':
'linear-gradient(180deg, rgb(40 44 52 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
},
colors: {
background: '#3f3f3f',
'background-alternate': '#313131',
black: '#313131',
foreground: '#dcdccc',
'foreground-muted': '#d9d9d9',
primary: '#95a4b2',
'state-error': '#dca3a3',
'state-info': '#95a4b2',
'state-success': '#7f9f7f',
'state-warning': '#efdcbc',
surface: '#636363',
'surface-foreground': '#95a4b2',
white: '#dcdccc',
},
mode: 'dark',
};