Allow themes to update gradient colors (#914)

This commit is contained in:
Miguel Solorio 2025-06-11 10:14:18 -07:00 committed by GitHub
parent 1d7090b8ac
commit 9c5b5ff823
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 19 additions and 19 deletions

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { lightTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const ansiLightColors: ColorsTheme = { const ansiLightColors: ColorsTheme = {
type: 'light', type: 'light',
@ -19,7 +19,7 @@ const ansiLightColors: ColorsTheme = {
AccentRed: 'red', AccentRed: 'red',
Comment: 'gray', Comment: 'gray',
Gray: 'gray', Gray: 'gray',
GradientColors: lightTheme.GradientColors, GradientColors: ['blue', 'green'],
}; };
export const ANSILight: Theme = new Theme( export const ANSILight: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { darkTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const ansiColors: ColorsTheme = { const ansiColors: ColorsTheme = {
type: 'dark', type: 'dark',
@ -19,7 +19,7 @@ const ansiColors: ColorsTheme = {
AccentRed: 'red', AccentRed: 'red',
Comment: 'gray', Comment: 'gray',
Gray: 'gray', Gray: 'gray',
GradientColors: darkTheme.GradientColors, // Fallback GradientColors: ['cyan', 'green'],
}; };
export const ANSI: Theme = new Theme( export const ANSI: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { darkTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const atomOneDarkColors: ColorsTheme = { const atomOneDarkColors: ColorsTheme = {
type: 'dark', type: 'dark',
@ -19,7 +19,7 @@ const atomOneDarkColors: ColorsTheme = {
AccentRed: '#e06c75', AccentRed: '#e06c75',
Comment: '#5c6370', Comment: '#5c6370',
Gray: '#5c6370', Gray: '#5c6370',
GradientColors: darkTheme.GradientColors, GradientColors: ['#61aeee', '#98c379'],
}; };
export const AtomOneDark: Theme = new Theme( export const AtomOneDark: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { lightTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const ayuLightColors: ColorsTheme = { const ayuLightColors: ColorsTheme = {
type: 'light', type: 'light',
@ -19,7 +19,7 @@ const ayuLightColors: ColorsTheme = {
AccentRed: '#f07171', AccentRed: '#f07171',
Comment: '#ABADB1', Comment: '#ABADB1',
Gray: '#CCCFD3', Gray: '#CCCFD3',
GradientColors: lightTheme.GradientColors, GradientColors: ['#399ee6', '#86b300'],
}; };
export const AyuLight: Theme = new Theme( export const AyuLight: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { darkTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const ayuDarkColors: ColorsTheme = { const ayuDarkColors: ColorsTheme = {
type: 'dark', type: 'dark',
@ -19,7 +19,7 @@ const ayuDarkColors: ColorsTheme = {
AccentRed: '#F26D78', AccentRed: '#F26D78',
Comment: '#646A71', Comment: '#646A71',
Gray: '##3D4149', Gray: '##3D4149',
GradientColors: darkTheme.GradientColors, GradientColors: ['#FFB454', '#F26D78'],
}; };
export const AyuDark: Theme = new Theme( export const AyuDark: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { darkTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const draculaColors: ColorsTheme = { const draculaColors: ColorsTheme = {
type: 'dark', type: 'dark',
@ -19,7 +19,7 @@ const draculaColors: ColorsTheme = {
AccentRed: '#ff5555', AccentRed: '#ff5555',
Comment: '#6272a4', Comment: '#6272a4',
Gray: '#6272a4', Gray: '#6272a4',
GradientColors: darkTheme.GradientColors, GradientColors: ['#ff79c6', '#8be9fd'],
}; };
export const Dracula: Theme = new Theme( export const Dracula: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { darkTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const githubDarkColors: ColorsTheme = { const githubDarkColors: ColorsTheme = {
type: 'dark', type: 'dark',
@ -19,7 +19,7 @@ const githubDarkColors: ColorsTheme = {
AccentRed: '#F97583', AccentRed: '#F97583',
Comment: '#6A737D', Comment: '#6A737D',
Gray: '#6A737D', Gray: '#6A737D',
GradientColors: darkTheme.GradientColors, GradientColors: ['#79B8FF', '#85E89D'],
}; };
export const GitHubDark: Theme = new Theme( export const GitHubDark: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { lightTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const githubLightColors: ColorsTheme = { const githubLightColors: ColorsTheme = {
type: 'light', type: 'light',
@ -19,7 +19,7 @@ const githubLightColors: ColorsTheme = {
AccentRed: '#d14', AccentRed: '#d14',
Comment: '#998', Comment: '#998',
Gray: '#999', Gray: '#999',
GradientColors: lightTheme.GradientColors, GradientColors: ['#458', '#008080'],
}; };
export const GitHubLight: Theme = new Theme( export const GitHubLight: Theme = new Theme(

View File

@ -19,7 +19,7 @@ const googleCodeColors: ColorsTheme = {
AccentRed: '#800', AccentRed: '#800',
Comment: '#5f6368', Comment: '#5f6368',
Gray: lightTheme.Gray, Gray: lightTheme.Gray,
GradientColors: lightTheme.GradientColors, GradientColors: ['#066', '#606'],
}; };
export const GoogleCode: Theme = new Theme( export const GoogleCode: Theme = new Theme(

View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0 * SPDX-License-Identifier: Apache-2.0
*/ */
import { darkTheme, Theme, type ColorsTheme } from './theme.js'; import { type ColorsTheme, Theme } from './theme.js';
const xcodeColors: ColorsTheme = { const xcodeColors: ColorsTheme = {
type: 'light', type: 'light',
@ -19,7 +19,7 @@ const xcodeColors: ColorsTheme = {
AccentRed: '#c41a16', AccentRed: '#c41a16',
Comment: '#007400', Comment: '#007400',
Gray: '#c0c0c0', Gray: '#c0c0c0',
GradientColors: darkTheme.GradientColors, GradientColors: ['#1c00cf', '#007400'],
}; };
export const XCode: Theme = new Theme( export const XCode: Theme = new Theme(