/*

 * Atom One

 * Atom One dark syntax theme

 *

 * https://github.com/atom/one-dark-syntax

 */

import { tags as t } from '@lezer/highlight';

import { createTheme } from './theme-helper.mjs';

export const settings = {

  background: '#272C35',

  lineBackground: '#272C3599',

  foreground: 'hsl(220, 14%, 71%)',

  caret: '#797977',

  selection: '#ffffff30',

  selectionMatch: '#2B323D',

  gutterBackground: '#272C35',

  gutterForeground: '#465063',

  gutterBorder: 'transparent',

  lineHighlight: '#2B323D',

};

export default createTheme({

  theme: 'dark',

  settings: {

    background: '#272C35',

    foreground: '#9d9b97',

    caret: '#797977',

    selection: '#3d4c64',

    selectionMatch: '#3d4c64',

    gutterBackground: '#272C35',

    gutterForeground: '#465063',

    gutterBorder: 'transparent',

    lineHighlight: '#2e3f5940',

  },

  styles: [

    {

      tag: [t.function(t.variableName), t.function(t.propertyName), t.url, t.processingInstruction],

      color: 'hsl(207, 82%, 66%)',

    },

    { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'hsl( 29, 54%, 61%)' },

    { tag: [t.tagName, t.heading], color: '#e06c75' },

    { tag: t.comment, color: '#54636D' },

    { tag: [t.variableName, t.propertyName, t.labelName], color: 'hsl(220, 14%, 71%)' },

    { tag: [t.attributeName, t.number], color: 'hsl( 29, 54%, 61%)' },

    { tag: t.className, color: 'hsl( 39, 67%, 69%)' },

    { tag: t.keyword, color: 'hsl(286, 60%, 67%)' },

    { tag: [t.string, t.regexp, t.special(t.propertyName)], color: '#98c379' },

  ],

});