Line data    Source code

       1              : import { tags as t } from '@lezer/highlight';
       2              : import { createTheme } from './theme.js';
       3              : 
       4              : /// The Xcode theme of the editors, in the color scheme of the app.
       5              : /// The colors are the --code_* tokens of @ankoh/dashql-ui/styles/tokens.css, which pick the light or the dark
       6              : /// Xcode palette with light-dark(). The editors switch with the color scheme without being reconfigured.
       7            1 : export const xcodeTheme = createTheme({
       8            1 :     settings: {
       9            1 :         background: 'var(--code_bg)',
      10            1 :         foreground: 'var(--code_fg)',
      11            1 :         caret: 'var(--code_caret)',
      12            1 :         selection: 'var(--code_selection)',
      13            1 :         selectionMatch: 'var(--code_selection_match)',
      14            1 :         gutterBackground: 'var(--code_bg)',
      15            1 :         gutterForeground: 'var(--code_gutter_fg)',
      16            1 :         gutterBorder: 'transparent',
      17            1 :         lineHighlight: 'var(--code_line_highlight)',
      18            1 :     },
      19            1 :     styles: [
      20            1 :         { tag: [t.comment, t.quote], color: 'var(--code_comment)' },
      21            1 :         { tag: [t.typeName, t.typeOperator], color: 'var(--code_type_operator)' },
      22            1 :         { tag: [t.keyword], color: 'var(--code_keyword)', fontWeight: 'bold' },
      23            1 :         { tag: [t.propertyName], color: 'var(--code_property_name)' },
      24            1 :         { tag: [t.string, t.meta], color: 'var(--code_string)' },
      25            1 :         { tag: [t.name], color: 'var(--code_name)' },
      26            1 :         { tag: [t.typeName], color: 'var(--code_type_name)' },
      27            1 :         { tag: [t.variableName], color: 'var(--code_variable_name)' },
      28            1 :         { tag: [t.definition(t.variableName)], color: 'var(--code_variable_definition)' },
      29            1 :         { tag: [t.regexp, t.link], color: 'var(--code_link)' },
      30            1 :     ],
      31            1 : });