summaryrefslogtreecommitdiff
path: root/packages/cli/src/ui/themes/github-dark.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/cli/src/ui/themes/github-dark.ts')
-rw-r--r--packages/cli/src/ui/themes/github-dark.ts82
1 files changed, 49 insertions, 33 deletions
diff --git a/packages/cli/src/ui/themes/github-dark.ts b/packages/cli/src/ui/themes/github-dark.ts
index 42f36db1..1333f945 100644
--- a/packages/cli/src/ui/themes/github-dark.ts
+++ b/packages/cli/src/ui/themes/github-dark.ts
@@ -4,7 +4,23 @@
* SPDX-License-Identifier: Apache-2.0
*/
-import { darkTheme, Theme } from './theme.js';
+import { darkTheme, Theme, type ColorsTheme } from './theme.js';
+
+const githubDarkColors: ColorsTheme = {
+ type: 'dark',
+ Background: '#24292e',
+ Foreground: '#d1d5da',
+ LightBlue: '#79B8FF',
+ AccentBlue: '#79B8FF',
+ AccentPurple: '#B392F0',
+ AccentCyan: '#9ECBFF',
+ AccentGreen: '#85E89D',
+ AccentYellow: '#FFAB70',
+ AccentRed: '#F97583',
+ Comment: '#6A737D',
+ Gray: '#6A737D',
+ GradientColors: darkTheme.GradientColors,
+};
export const GitHubDark: Theme = new Theme(
'GitHub',
@@ -14,107 +30,107 @@ export const GitHubDark: Theme = new Theme(
display: 'block',
overflowX: 'auto',
padding: '0.5em',
- color: '#d1d5da',
- background: '#24292e',
+ color: githubDarkColors.Foreground,
+ background: githubDarkColors.Background,
},
'hljs-comment': {
- color: '#6A737D',
+ color: githubDarkColors.Comment,
fontStyle: 'italic',
},
'hljs-quote': {
- color: '#6A737D',
+ color: githubDarkColors.Comment,
fontStyle: 'italic',
},
'hljs-keyword': {
- color: '#F97583',
+ color: githubDarkColors.AccentRed,
fontWeight: 'bold',
},
'hljs-selector-tag': {
- color: '#F97583',
+ color: githubDarkColors.AccentRed,
fontWeight: 'bold',
},
'hljs-subst': {
- color: '#e1e4e8',
+ color: githubDarkColors.Foreground,
},
'hljs-number': {
- color: '#79B8FF',
+ color: githubDarkColors.LightBlue,
},
'hljs-literal': {
- color: '#79B8FF',
+ color: githubDarkColors.LightBlue,
},
'hljs-variable': {
- color: '#FFAB70',
+ color: githubDarkColors.AccentYellow,
},
'hljs-template-variable': {
- color: '#FFAB70',
+ color: githubDarkColors.AccentYellow,
},
'hljs-tag .hljs-attr': {
- color: '#FFAB70',
+ color: githubDarkColors.AccentYellow,
},
'hljs-string': {
- color: '#9ECBFF',
+ color: githubDarkColors.AccentCyan,
},
'hljs-doctag': {
- color: '#9ECBFF',
+ color: githubDarkColors.AccentCyan,
},
'hljs-title': {
- color: '#B392F0',
+ color: githubDarkColors.AccentPurple,
fontWeight: 'bold',
},
'hljs-section': {
- color: '#B392F0',
+ color: githubDarkColors.AccentPurple,
fontWeight: 'bold',
},
'hljs-selector-id': {
- color: '#B392F0',
+ color: githubDarkColors.AccentPurple,
fontWeight: 'bold',
},
'hljs-type': {
- color: '#85E89D',
+ color: githubDarkColors.AccentGreen,
fontWeight: 'bold',
},
'hljs-class .hljs-title': {
- color: '#85E89D',
+ color: githubDarkColors.AccentGreen,
fontWeight: 'bold',
},
'hljs-tag': {
- color: '#85E89D',
+ color: githubDarkColors.AccentGreen,
},
'hljs-name': {
- color: '#85E89D',
+ color: githubDarkColors.AccentGreen,
},
'hljs-attribute': {
- color: '#79B8FF',
+ color: githubDarkColors.LightBlue,
},
'hljs-regexp': {
- color: '#DBEDFF',
+ color: githubDarkColors.AccentCyan,
},
'hljs-link': {
- color: '#DBEDFF',
+ color: githubDarkColors.AccentCyan,
},
'hljs-symbol': {
- color: '#990073',
+ color: githubDarkColors.AccentPurple,
},
'hljs-bullet': {
- color: '#990073',
+ color: githubDarkColors.AccentPurple,
},
'hljs-built_in': {
- color: '#79B8FF',
+ color: githubDarkColors.LightBlue,
},
'hljs-builtin-name': {
- color: '#79B8FF',
+ color: githubDarkColors.LightBlue,
},
'hljs-meta': {
- color: '#79B8FF',
+ color: githubDarkColors.LightBlue,
fontWeight: 'bold',
},
'hljs-deletion': {
background: '#86181D',
- color: '#FDAEB7',
+ color: githubDarkColors.AccentRed,
},
'hljs-addition': {
background: '#144620',
- color: '#85E89D',
+ color: githubDarkColors.AccentGreen,
},
'hljs-emphasis': {
fontStyle: 'italic',
@@ -123,5 +139,5 @@ export const GitHubDark: Theme = new Theme(
fontWeight: 'bold',
},
},
- darkTheme,
+ githubDarkColors,
);