import { tags as t } from '@lezer/highlight';
import { createTheme } from './theme-helper.mjs';

export const settings = {
  light: true,
  background: '#fff',
  lineBackground: '#ffffff99',
  foreground: '#3D3D3D',
  muted: '#3D3D3D50',
  selection: '#BBDFFF',
  selectionMatch: '#BBDFFF',
  gutterBackground: '#fff',
  gutterForeground: '#AFAFAF',
  lineHighlight: '#EDF4FF',
};

export default createTheme({
  theme: 'light',
  settings: {
    background: '#fff',
    foreground: '#3D3D3D',
    muted: '#3D3D3D50',
    selection: '#BBDFFF',
    selectionMatch: '#BBDFFF',
    gutterBackground: '#fff',
    gutterForeground: '#AFAFAF',
    lineHighlight: '#d5e6ff69',
  },
  styles: [
    { tag: [t.comment, t.quote], color: '#707F8D' },
    { tag: [t.typeName, t.typeOperator], color: '#aa0d91' },
    { tag: [t.keyword], color: '#aa0d91', fontWeight: 'bold' },
    { tag: [t.string, t.meta], color: '#D23423' },
    { tag: [t.name], color: '#032f62' },
    { tag: [t.typeName], color: '#522BB2' },
    { tag: [t.variableName], color: '#23575C' },
    { tag: [t.definition(t.variableName)], color: '#327A9E' },
    { tag: [t.regexp, t.link], color: '#0e0eff' },
  ],
});
