From cf89c030d09af1e65d4094978dc82a995a2f8fa8 Mon Sep 17 00:00:00 2001 From: jacob314 Date: Wed, 23 Apr 2025 17:37:09 -0700 Subject: Make ui/colors refelect the current theme. --- packages/cli/src/ui/themes/atom-one-dark.ts | 234 ++++++++++++++-------------- 1 file changed, 119 insertions(+), 115 deletions(-) (limited to 'packages/cli/src/ui/themes/atom-one-dark.ts') diff --git a/packages/cli/src/ui/themes/atom-one-dark.ts b/packages/cli/src/ui/themes/atom-one-dark.ts index 316b9048..5599c01a 100644 --- a/packages/cli/src/ui/themes/atom-one-dark.ts +++ b/packages/cli/src/ui/themes/atom-one-dark.ts @@ -4,119 +4,123 @@ * SPDX-License-Identifier: Apache-2.0 */ -import { Theme } from './theme.js'; +import { darkTheme, Theme } from './theme.js'; -export const AtomOneDark: Theme = new Theme('Atom One Dark', { - hljs: { - display: 'block', - overflowX: 'auto', - padding: '0.5em', - color: '#abb2bf', - background: '#282c34', - }, - 'hljs-comment': { - color: '#5c6370', - fontStyle: 'italic', - }, - 'hljs-quote': { - color: '#5c6370', - fontStyle: 'italic', - }, - 'hljs-doctag': { - color: '#c678dd', - }, - 'hljs-keyword': { - color: '#c678dd', - }, - 'hljs-formula': { - color: '#c678dd', - }, - 'hljs-section': { - color: '#e06c75', - }, - 'hljs-name': { - color: '#e06c75', - }, - 'hljs-selector-tag': { - color: '#e06c75', - }, - 'hljs-deletion': { - color: '#e06c75', - }, - 'hljs-subst': { - color: '#e06c75', - }, - 'hljs-literal': { - color: '#56b6c2', - }, - 'hljs-string': { - color: '#98c379', - }, - 'hljs-regexp': { - color: '#98c379', - }, - 'hljs-addition': { - color: '#98c379', - }, - 'hljs-attribute': { - color: '#98c379', - }, - 'hljs-meta-string': { - color: '#98c379', - }, - 'hljs-built_in': { - color: '#e6c07b', - }, - 'hljs-class .hljs-title': { - color: '#e6c07b', - }, - 'hljs-attr': { - color: '#d19a66', - }, - 'hljs-variable': { - color: '#d19a66', - }, - 'hljs-template-variable': { - color: '#d19a66', - }, - 'hljs-type': { - color: '#d19a66', - }, - 'hljs-selector-class': { - color: '#d19a66', - }, - 'hljs-selector-attr': { - color: '#d19a66', - }, - 'hljs-selector-pseudo': { - color: '#d19a66', - }, - 'hljs-number': { - color: '#d19a66', - }, - 'hljs-symbol': { - color: '#61aeee', - }, - 'hljs-bullet': { - color: '#61aeee', - }, - 'hljs-link': { - color: '#61aeee', - textDecoration: 'underline', - }, - 'hljs-meta': { - color: '#61aeee', - }, - 'hljs-selector-id': { - color: '#61aeee', - }, - 'hljs-title': { - color: '#61aeee', - }, - 'hljs-emphasis': { - fontStyle: 'italic', - }, - 'hljs-strong': { - fontWeight: 'bold', - }, -}); +export const AtomOneDark: Theme = new Theme( + 'Atom One Dark', + { + hljs: { + display: 'block', + overflowX: 'auto', + padding: '0.5em', + color: '#abb2bf', + background: '#282c34', + }, + 'hljs-comment': { + color: '#5c6370', + fontStyle: 'italic', + }, + 'hljs-quote': { + color: '#5c6370', + fontStyle: 'italic', + }, + 'hljs-doctag': { + color: '#c678dd', + }, + 'hljs-keyword': { + color: '#c678dd', + }, + 'hljs-formula': { + color: '#c678dd', + }, + 'hljs-section': { + color: '#e06c75', + }, + 'hljs-name': { + color: '#e06c75', + }, + 'hljs-selector-tag': { + color: '#e06c75', + }, + 'hljs-deletion': { + color: '#e06c75', + }, + 'hljs-subst': { + color: '#e06c75', + }, + 'hljs-literal': { + color: '#56b6c2', + }, + 'hljs-string': { + color: '#98c379', + }, + 'hljs-regexp': { + color: '#98c379', + }, + 'hljs-addition': { + color: '#98c379', + }, + 'hljs-attribute': { + color: '#98c379', + }, + 'hljs-meta-string': { + color: '#98c379', + }, + 'hljs-built_in': { + color: '#e6c07b', + }, + 'hljs-class .hljs-title': { + color: '#e6c07b', + }, + 'hljs-attr': { + color: '#d19a66', + }, + 'hljs-variable': { + color: '#d19a66', + }, + 'hljs-template-variable': { + color: '#d19a66', + }, + 'hljs-type': { + color: '#d19a66', + }, + 'hljs-selector-class': { + color: '#d19a66', + }, + 'hljs-selector-attr': { + color: '#d19a66', + }, + 'hljs-selector-pseudo': { + color: '#d19a66', + }, + 'hljs-number': { + color: '#d19a66', + }, + 'hljs-symbol': { + color: '#61aeee', + }, + 'hljs-bullet': { + color: '#61aeee', + }, + 'hljs-link': { + color: '#61aeee', + textDecoration: 'underline', + }, + 'hljs-meta': { + color: '#61aeee', + }, + 'hljs-selector-id': { + color: '#61aeee', + }, + 'hljs-title': { + color: '#61aeee', + }, + 'hljs-emphasis': { + fontStyle: 'italic', + }, + 'hljs-strong': { + fontWeight: 'bold', + }, + }, + darkTheme, +); -- cgit v1.2.3