From de80eb4806e17f6e04b843c21fdd6cdc5672475a Mon Sep 17 00:00:00 2001 From: meinzzzz Date: Sat, 22 Nov 2025 22:42:34 +0100 Subject: [PATCH] Improve mathform.css styling for better visual integration --- packages/ckeditor5-math/theme/mathform.css | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) diff --git a/packages/ckeditor5-math/theme/mathform.css b/packages/ckeditor5-math/theme/mathform.css index 5821c7fd2..6a15c852a 100644 --- a/packages/ckeditor5-math/theme/mathform.css +++ b/packages/ckeditor5-math/theme/mathform.css @@ -186,19 +186,12 @@ border-radius: var(--ck-border-radius, 6px); font-size: var(--ck-font-size-base); box-sizing: border-box; - background: var(--input-background-color); - color: var(--input-text-color); + background: var(--ck-color-input-background,) !important; + color: var(--ck-color-input-text, inherit); outline: 3px solid transparent; outline-offset: 6px; } -/* Hover state */ -.ck.ck-math-form math-field:hover, -.ck.ck-math-form textarea:hover { - background: var(--input-hover-background); - color: var(--input-hover-color); -} - /* Make the raw LaTeX textarea flat (no rounded corners or hover animation) */ .ck-math-view .ck-labeled-field-view textarea { border-radius: 0 !important; @@ -209,8 +202,8 @@ .ck-math-view .ck-labeled-field-view textarea:hover, .ck-math-view .ck-labeled-field-view textarea:focus { - background: var(--input-background-color); - color: var(--input-text-color); + background: var(--ck-color-input-background, ) !important; + color: var(--ck-color-input-text, inherit) !important; outline: none !important; box-shadow: none !important; transition: none !important;