@use "@styles/abstracts/variables" as var; :root { --color-bg: #{var.$light-theme_white}; --color-bg-opacity: #{var.$light-theme_white-o90}; --color-bg-secondary: #{var.$light-theme_white-dark}; --color-bg-tertiary: #{var.$light-theme_grey-bright}; --color-bg-code: #{var.$light-theme_grey-brighter}; --color-fg: #{var.$light-theme_black}; --color-fg-light: #{var.$light-theme_grey-dark}; --color-fg-inverted: #{var.$light-theme_white}; --color-primary: #{var.$light-theme_blue}; --color-primary-opacity: #{var.$light-theme_blue-o30}; --color-primary-light: #{var.$light-theme_blue-bright}; --color-primary-lighter: #{var.$light-theme_blue-brighter}; --color-primary-dark: #{var.$light-theme_blue-dark}; --color-primary-darker: #{var.$light-theme_blue-darker}; --color-secondary: #{var.$light-theme_orange}; --color-border: #{var.$light-theme_grey}; --color-border-dark: #{var.$light-theme_grey-dark}; --color-border-light: #{var.$light-theme_grey-bright}; --color-shadow: #{var.$light-theme_grey-darker-o40}; --color-shadow-dark: #{var.$light-theme_grey-darker-o70}; --color-shadow-darker: #{var.$light-theme_grey-darker}; --color-shadow-light: #{var.$light-theme_grey-darker-o20}; --color-token-red: #{var.$light-theme_red}; --color-token-green: #{var.$light-theme_green}; --color-token-purple: #{var.$light-theme_purple}; --color-token-magenta: #{var.$light-theme_magenta}; --color-token-cyan: #{var.$light-theme_cyan}; --color-token-blue: #{var.$light-theme_blue}; --color-token-yellow: #{var.$light-theme_yellow}; --color-token-orange: #{var.$light-theme_orange}; } [data-theme="dark"] { --color-bg: #{var.$dark-theme_black}; --color-bg-opacity: #{var.$dark-theme_black-o90}; --color-bg-light: #{var.$dark-theme_grey}; --color-bg-secondary: #{var.$dark-theme_black-bright}; --color-bg-tertiary: #{var.$dark-theme_grey-darker}; --color-bg-code: #{var.$dark-theme_black-brighter}; --color-fg: #{var.$dark-theme_white}; --color-fg-light: #{var.$dark-theme_grey}; --color-fg-inverted: #{var.$dark-theme_black}; --color-primary: #{var.$dark-theme_blue}; --color-primary-opacity: #{var.$dark-theme_blue-o30}; --color-primary-light: #{var.$dark-theme_blue-bright}; --color-primary-lighter: #{var.$dark-theme_blue-brighter}; --color-primary-dark: #{var.$dark-theme_blue-dark}; --color-primary-darker: #{var.$dark-theme_blue-darker}; --color-secondary: #{var.$dark-theme_orange}; --color-border: #{var.$dark-theme_grey-dark}; --color-border-dark: #{var.$dark-theme_grey}; --color-border-light: #{var.$dark-theme_black-brighter}; --color-shadow: #{var.$dark-theme_grey-dark-o40}; --color-shadow-dark: #{var.$dark-theme_grey-dark-o70}; --color-shadow-darker: #{var.$dark-theme_grey-dark}; --color-shadow-light: #{var.$dark-theme_grey-dark-o20}; --color-token-red: #{var.$dark-theme_red}; --color-token-green: #{var.$dark-theme_green}; --color-token-purple: #{var.$dark-theme_purple}; --color-token-magenta: #{var.$dark-theme_magenta}; --color-token-cyan: #{var.$dark-theme_cyan}; --color-token-blue: #{var.$dark-theme_blue}; --color-token-yellow: #{var.$dark-theme_yellow}; --color-token-orange: #{var.$dark-theme_orange}; } pre[data-prismjs-color-scheme-current="light"] { --color-bg: #{var.$light-theme_white}; --color-bg-secondary: #{var.$light-theme_white-dark}; --color-bg-tertiary: #{var.$light-theme_grey-bright}; --color-fg: #{var.$light-theme_black}; --color-fg-light: #{var.$light-theme_grey-dark}; --color-primary: #{var.$light-theme_blue}; --color-primary-darker: #{var.$light-theme_blue-darker}; --color-border: #{var.$light-theme_grey}; --color-border-dark: #{var.$light-theme_grey-dark}; --color-token-red: #{var.$light-theme_red}; --color-token-green: #{var.$light-theme_green}; --color-token-purple: #{var.$light-theme_purple}; --color-token-magenta: #{var.$light-theme_magenta}; --color-token-cyan: #{var.$light-theme_cyan}; --color-token-blue: #{var.$light-theme_blue}; --color-token-yellow: #{var.$light-theme_yellow}; --color-token-orange: #{var.$light-theme_orange}; } pre[data-prismjs-color-scheme-current="dark"] { --color-bg: #{var.$dark-theme_black}; --color-bg-secondary: #{var.$dark-theme_black-bright}; --color-bg-tertiary: #{var.$dark-theme_grey-darker}; --color-fg: #{var.$dark-theme_white}; --color-fg-light: #{var.$dark-theme_grey}; --color-primary: #{var.$dark-theme_blue}; --color-primary-darker: #{var.$dark-theme_blue-darker}; --color-border: #{var.$dark-theme_grey-dark}; --color-border-dark: #{var.$dark-theme_grey}; --color-token-red: #{var.$dark-theme_red}; --color-token-green: #{var.$dark-theme_green}; --color-token-
(Prism.languages.gn = {
  comment: { pattern: /#.*/, greedy: !0 },
  'string-literal': {
    pattern: /(^|[^\\"])"(?:[^\r\n"\\]|\\.)*"/,
    lookbehind: !0,
    greedy: !0,
    inside: {
      interpolation: {
        pattern:
          /((?:^|[^\\])(?:\\{2})*)\$(?:\{[\s\S]*?\}|[a-zA-Z_]\w*|0x[a-fA-F0-9]{2})/,
        lookbehind: !0,
        inside: {
          number: /^\$0x[\s\S]{2}$/,
          variable: /^\$\w+$/,
          'interpolation-punctuation': {
            pattern: /^\$\{|\}$/,
            alias: 'punctuation',
          },
          expression: { pattern: /[\s\S]+/, inside: null },
        },
      },
      string: /[\s\S]+/,
    },
  },
  keyword: /\b(?:else|if)\b/,
  boolean: /\b(?:false|true)\b/,
  'builtin-function': {
    pattern:
      /\b(?:assert|defined|foreach|import|pool|print|template|tool|toolchain)(?=\s*\()/i,
    alias: 'keyword',
  },
  function: /\b[a-z_]\w*(?=\s*\()/i,
  constant:
    /\b(?:current_cpu|current_os|current_toolchain|default_toolchain|host_cpu|host_os|root_build_dir|root_gen_dir|root_out_dir|target_cpu|target_gen_dir|target_os|target_out_dir)\b/,
  number: /-?\b\d+\b/,
  operator: /[-+!=<>]=?|&&|\|\|/,
  punctuation: /[(){}[\],.]/,
}),
  (Prism.languages.gn[
    'string-literal'
  ].inside.interpolation.inside.expression.inside = Prism.languages.gn),
  (Prism.languages.gni = Prism.languages.gn);