From 776d2d3523bbdbbef44099288c419e699ab95652 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dariusz=20Jarz=C4=99bski?= Date: Tue, 25 Jul 2023 14:00:43 +0200 Subject: [PATCH 1/2] Adjust the balloon tip color. --- .../theme/ckeditor5-ui/components/editorui/editorui.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css index 083e80def98..9dc0ec20d4d 100644 --- a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css +++ b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css @@ -58,12 +58,12 @@ /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"] { &::after { - border-bottom-color: var(--ck-color-base-foreground); + border-bottom-color: var(--ck-color-base-background); } } .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"] { &::after { - border-top-color: var(--ck-color-base-foreground); + border-top-color: var(--ck-color-base-background); } } From e0f1cadd2b656dc8dff7c7840fc8a81b0eee2e40 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dariusz=20Jarz=C4=99bski?= Date: Tue, 25 Jul 2023 14:29:42 +0200 Subject: [PATCH 2/2] Change the color of panel tip. --- .../theme/ckeditor5-ui/components/editorui/editorui.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css index 9dc0ec20d4d..ad6d18c2ae5 100644 --- a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css +++ b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css @@ -58,12 +58,12 @@ /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"] { &::after { - border-bottom-color: var(--ck-color-base-background); + border-bottom-color: var(--ck-color-panel-background); } } .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"] { &::after { - border-top-color: var(--ck-color-base-background); + border-top-color: var(--ck-color-panel-background); } }