@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);