From 31da559fef7a99b4d1a1a3b5a57b33017bd4c411 Mon Sep 17 00:00:00 2001 From: liyasthomas Date: Fri, 1 Apr 2022 12:22:47 +0530 Subject: [PATCH] refactor: improve ui consistency --- .../helpers/editor/themes/baseTheme.ts | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts index da78ad5a..7a6c4832 100644 --- a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts +++ b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts @@ -88,14 +88,20 @@ export const baseTheme = EditorView.theme({ backgroundImage: "none", border: "none", }, + ".cm-completionLabel": { + color: "var(--secondary-color)", + }, ".cm-tooltip": { backgroundColor: "var(--primary-dark-color)", color: "var(--secondary-light-color)", border: "none", borderRadius: "3px", }, - ".cm-completionLabel": { - color: "var(--secondary-color)", + ".cm-tooltip-arrow:after": { + borderColor: "transparent !important", + }, + ".cm-tooltip-arrow:before": { + borderColor: "transparent !important", }, ".cm-tooltip.cm-tooltip-autocomplete > ul": { fontFamily: "var(--font-mono)", @@ -209,6 +215,9 @@ export const inputTheme = EditorView.theme({ backgroundImage: "none", border: "none", }, + ".cm-completionLabel": { + color: "var(--secondary-color)", + }, ".cm-tooltip": { backgroundColor: "var(--primary-dark-color)", color: "var(--secondary-light-color)", @@ -221,9 +230,6 @@ export const inputTheme = EditorView.theme({ ".cm-tooltip-arrow:before": { borderColor: "transparent !important", }, - ".cm-completionLabel": { - color: "var(--secondary-color)", - }, ".cm-tooltip.cm-tooltip-autocomplete > ul": { fontFamily: "var(--font-mono)", },