"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.LIGHT_THEME_TRANSPARENT = exports.LIGHT_THEME = exports.DARK_THEME_TRANSPARENT = exports.DARK_THEME = void 0; exports.createTheme = createTheme; var _uiTheme = require("@kbn/ui-theme"); /* * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one * or more contributor license agreements. Licensed under the Elastic License * 2.0 and the Server Side Public License, v 1; you may not use this file except * in compliance with, at your election, the Elastic License 2.0 or the Server * Side Public License, v 1. */ // NOTE: For talk around where this theme information will ultimately live, // please see this discuss issue: https://github.com/elastic/kibana/issues/43814 function createTheme(euiTheme, selectionBackgroundColor, backgroundColor) { return { base: 'vs', inherit: true, rules: [{ token: '', foreground: euiTheme.euiColorDarkestShade, background: euiTheme.euiFormBackgroundColor }, { token: 'invalid', foreground: euiTheme.euiColorAccent }, { token: 'emphasis', fontStyle: 'italic' }, { token: 'strong', fontStyle: 'bold' }, { token: 'variable', foreground: euiTheme.euiColorPrimary }, { token: 'variable.predefined', foreground: euiTheme.euiColorSuccess }, { token: 'constant', foreground: euiTheme.euiColorAccent }, { token: 'comment', foreground: euiTheme.euiColorMediumShade }, { token: 'number', foreground: euiTheme.euiColorAccent }, { token: 'number.hex', foreground: euiTheme.euiColorAccent }, { token: 'regexp', foreground: euiTheme.euiColorDanger }, { token: 'annotation', foreground: euiTheme.euiColorMediumShade }, { token: 'type', foreground: euiTheme.euiColorVis0 }, { token: 'delimiter', foreground: euiTheme.euiTextSubduedColor }, { token: 'delimiter.html', foreground: euiTheme.euiColorDarkShade }, { token: 'delimiter.xml', foreground: euiTheme.euiColorPrimary }, { token: 'tag', foreground: euiTheme.euiColorDanger }, { token: 'tag.id.jade', foreground: euiTheme.euiColorPrimary }, { token: 'tag.class.jade', foreground: euiTheme.euiColorPrimary }, { token: 'meta.scss', foreground: euiTheme.euiColorAccent }, { token: 'metatag', foreground: euiTheme.euiColorSuccess }, { token: 'metatag.content.html', foreground: euiTheme.euiColorDanger }, { token: 'metatag.html', foreground: euiTheme.euiColorMediumShade }, { token: 'metatag.xml', foreground: euiTheme.euiColorMediumShade }, { token: 'metatag.php', fontStyle: 'bold' }, { token: 'key', foreground: euiTheme.euiColorWarning }, { token: 'string.key.json', foreground: euiTheme.euiColorDanger }, { token: 'string.value.json', foreground: euiTheme.euiColorPrimary }, { token: 'attribute.name', foreground: euiTheme.euiColorDanger }, { token: 'attribute.name.css', foreground: euiTheme.euiColorSuccess }, { token: 'attribute.value', foreground: euiTheme.euiColorPrimary }, { token: 'attribute.value.number', foreground: euiTheme.euiColorWarning }, { token: 'attribute.value.unit', foreground: euiTheme.euiColorWarning }, { token: 'attribute.value.html', foreground: euiTheme.euiColorPrimary }, { token: 'attribute.value.xml', foreground: euiTheme.euiColorPrimary }, { token: 'string', foreground: euiTheme.euiColorDanger }, { token: 'string.html', foreground: euiTheme.euiColorPrimary }, { token: 'string.sql', foreground: euiTheme.euiColorDanger }, { token: 'string.yaml', foreground: euiTheme.euiColorPrimary }, { token: 'keyword', foreground: euiTheme.euiColorPrimary }, { token: 'keyword.json', foreground: euiTheme.euiColorPrimary }, { token: 'keyword.flow', foreground: euiTheme.euiColorWarning }, { token: 'keyword.flow.scss', foreground: euiTheme.euiColorPrimary }, // Monaco editor supports strikethrough font style only starting from 0.32.0. { token: 'keyword.deprecated', foreground: euiTheme.euiColorAccent }, { token: 'operator.scss', foreground: euiTheme.euiColorDarkShade }, { token: 'operator.sql', foreground: euiTheme.euiColorMediumShade }, { token: 'operator.swift', foreground: euiTheme.euiColorMediumShade }, { token: 'predefined.sql', foreground: euiTheme.euiColorMediumShade }, { token: 'text', foreground: euiTheme.euiTitleColor }, { token: 'label', foreground: euiTheme.euiColorVis9 }], colors: { 'editor.foreground': euiTheme.euiColorDarkestShade, 'editor.background': backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : euiTheme.euiFormBackgroundColor, 'editorLineNumber.foreground': euiTheme.euiColorDarkShade, 'editorLineNumber.activeForeground': euiTheme.euiColorDarkShade, 'editorIndentGuide.background': euiTheme.euiColorLightShade, 'editor.selectionBackground': selectionBackgroundColor, 'editorWidget.border': euiTheme.euiColorLightShade, 'editorWidget.background': euiTheme.euiColorLightestShade, 'editorCursor.foreground': euiTheme.euiColorDarkestShade, 'editorSuggestWidget.selectedBackground': euiTheme.euiColorLightShade, 'list.hoverBackground': euiTheme.euiColorLightShade, 'list.highlightForeground': euiTheme.euiColorPrimary, 'editor.lineHighlightBorder': euiTheme.euiColorLightestShade } }; } const DARK_THEME = createTheme(_uiTheme.euiDarkVars, '#343551'); exports.DARK_THEME = DARK_THEME; const LIGHT_THEME = createTheme(_uiTheme.euiLightVars, '#E3E4ED'); exports.LIGHT_THEME = LIGHT_THEME; const DARK_THEME_TRANSPARENT = createTheme(_uiTheme.euiDarkVars, '#343551', '#00000000'); exports.DARK_THEME_TRANSPARENT = DARK_THEME_TRANSPARENT; const LIGHT_THEME_TRANSPARENT = createTheme(_uiTheme.euiLightVars, '#E3E4ED', '#00000000'); exports.LIGHT_THEME_TRANSPARENT = LIGHT_THEME_TRANSPARENT;