2025-04-22 18:57:47 -07:00
|
|
|
/**
|
|
|
|
|
* @license
|
|
|
|
|
* Copyright 2025 Google LLC
|
|
|
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
|
|
|
*/
|
|
|
|
|
|
2025-06-11 10:14:18 -07:00
|
|
|
import { type ColorsTheme, Theme } from './theme.js';
|
2025-08-07 16:11:35 -07:00
|
|
|
import { darkSemanticColors } from './semantic-tokens.js';
|
2025-06-05 14:35:47 -07:00
|
|
|
|
|
|
|
|
const atomOneDarkColors: ColorsTheme = {
|
|
|
|
|
type: 'dark',
|
|
|
|
|
Background: '#282c34',
|
|
|
|
|
Foreground: '#abb2bf',
|
|
|
|
|
LightBlue: '#61aeee',
|
|
|
|
|
AccentBlue: '#61aeee',
|
|
|
|
|
AccentPurple: '#c678dd',
|
|
|
|
|
AccentCyan: '#56b6c2',
|
|
|
|
|
AccentGreen: '#98c379',
|
|
|
|
|
AccentYellow: '#e6c07b',
|
|
|
|
|
AccentRed: '#e06c75',
|
2025-07-23 15:39:22 -07:00
|
|
|
DiffAdded: '#39544E',
|
|
|
|
|
DiffRemoved: '#562B2F',
|
2025-06-05 14:35:47 -07:00
|
|
|
Comment: '#5c6370',
|
|
|
|
|
Gray: '#5c6370',
|
2025-06-11 10:14:18 -07:00
|
|
|
GradientColors: ['#61aeee', '#98c379'],
|
2025-06-05 14:35:47 -07:00
|
|
|
};
|
2025-04-22 18:57:47 -07:00
|
|
|
|
2025-04-23 17:37:09 -07:00
|
|
|
export const AtomOneDark: Theme = new Theme(
|
2025-05-08 16:00:55 -07:00
|
|
|
'Atom One',
|
|
|
|
|
'dark',
|
2025-04-23 17:37:09 -07:00
|
|
|
{
|
|
|
|
|
hljs: {
|
|
|
|
|
display: 'block',
|
|
|
|
|
overflowX: 'auto',
|
|
|
|
|
padding: '0.5em',
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.Foreground,
|
|
|
|
|
background: atomOneDarkColors.Background,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-comment': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.Comment,
|
2025-04-23 17:37:09 -07:00
|
|
|
fontStyle: 'italic',
|
|
|
|
|
},
|
|
|
|
|
'hljs-quote': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.Comment,
|
2025-04-23 17:37:09 -07:00
|
|
|
fontStyle: 'italic',
|
|
|
|
|
},
|
|
|
|
|
'hljs-doctag': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentPurple,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-keyword': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentPurple,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-formula': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentPurple,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-section': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentRed,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-name': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentRed,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-selector-tag': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentRed,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-deletion': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentRed,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-subst': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentRed,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-literal': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentCyan,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-string': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentGreen,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-regexp': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentGreen,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-addition': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentGreen,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-attribute': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentGreen,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-meta-string': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentGreen,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-built_in': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-class .hljs-title': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-attr': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-variable': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-template-variable': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-type': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-selector-class': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-selector-attr': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-selector-pseudo': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-number': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentYellow,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-symbol': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentBlue,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-bullet': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentBlue,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-link': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentBlue,
|
2025-04-23 17:37:09 -07:00
|
|
|
textDecoration: 'underline',
|
|
|
|
|
},
|
|
|
|
|
'hljs-meta': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentBlue,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-selector-id': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentBlue,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-title': {
|
2025-06-05 14:35:47 -07:00
|
|
|
color: atomOneDarkColors.AccentBlue,
|
2025-04-23 17:37:09 -07:00
|
|
|
},
|
|
|
|
|
'hljs-emphasis': {
|
|
|
|
|
fontStyle: 'italic',
|
|
|
|
|
},
|
|
|
|
|
'hljs-strong': {
|
|
|
|
|
fontWeight: 'bold',
|
|
|
|
|
},
|
|
|
|
|
},
|
2025-06-05 14:35:47 -07:00
|
|
|
atomOneDarkColors,
|
2025-08-07 16:11:35 -07:00
|
|
|
darkSemanticColors,
|
2025-04-23 17:37:09 -07:00
|
|
|
);
|