github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Unified search] Fixes the theme for the editor on the dark mode (#137680)

Browse source
This commit is contained in:
Stratoula Kalafateli 2022-08-02 16:44:35 +03:00 • committed by GitHub
parent 943cde8f56
commit 514e5a7b50
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx
View file

@ -9,8 +9,10 @@
import React, { useRef, memo, useEffect, useState, useCallback } from 'react';
import classNames from 'classnames';
import { EsqlLang, monaco } from '@kbn/monaco';
import { IDataPluginServices } from '@kbn/data-plugin/public';
import type { AggregateQuery } from '@kbn/es-query';
import { getAggregateQueryMode } from '@kbn/es-query';
import { useKibana } from '@kbn/kibana-react-plugin/public';
import { i18n } from '@kbn/i18n';
import {
@ -94,6 +96,8 @@ export const TextBasedLanguagesEditor = memo(function TextBasedLanguagesEditor({
Array<{ startLineNumber: number; message: string }>
>([]);
const [documentationSections, setDocumentationSections] = useState<DocumentationSections>();
const kibana = useKibana<IDataPluginServices>();
const { uiSettings } = kibana.services;
const styles = textBasedLanguagedEditorStyles(
euiTheme,
@ -103,6 +107,7 @@ export const TextBasedLanguagesEditor = memo(function TextBasedLanguagesEditor({
Boolean(errors?.length),
isCodeEditorExpandedFocused
);
const isDark = uiSettings.get('theme:darkMode');
const editorModel = useRef<monaco.editor.ITextModel>();
const editor1 = useRef<monaco.editor.IStandaloneCodeEditor>();
const containerRef = useRef<HTMLElement>(null);
@ -303,7 +308,7 @@ export const TextBasedLanguagesEditor = memo(function TextBasedLanguagesEditor({
minimap: { enabled: false },
wordWrap: isWordWrapped ? 'on' : 'off',
lineNumbers: showLineNumbers ? 'on' : 'off',
theme: 'vs',
theme: isDark ? 'vs-dark' : 'vs',
lineDecorationsWidth: 12,
autoIndent: 'none',
wrappingIndent: 'none',