Allow themes to update gradient colors (#914)
This commit is contained in:
parent
1d7090b8ac
commit
9c5b5ff823
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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(
|
||||||
|
|
Loading…
Reference in New Issue