fix: correct theme colors for new modals

nshenderov · Aug 11, 2024 · a0b4460 · a0b4460
1 parent 6028af5
commit a0b4460
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/admin/src/components/Input/CKEditor/theme/dark.js b/admin/src/components/Input/CKEditor/theme/dark.js
@@ -6,9 +6,6 @@ export const dark = css`
     --ck-color-focus-disabled-shadow: rgba(106, 114, 143, 0.4) !important;
     --ck-focus-ring: 1px solid #4945ff !important;
     --ck-color-button-default-hover-background: #262630 !important;
-
-    --ck-powered-by-background: #212134;
-    --ck-powered-by-border-color: #212134;
   }
 
   .ck.ck-powered-by > a > svg > path:first-child {
@@ -137,6 +134,12 @@ export const dark = css`
     /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
 
     --ck-color-link-default: hsl(216, 100%, 75%);
+
+    --ck-powered-by-background: transparrent;
+    --ck-powered-by-border-color: var(--ck-color-base-background);
+
+    --ck-color-dialog-background: var(--ck-custom-background);
+    --ck-color-dialog-form-header-border: var(--ck-color-base-border);
   }
 
 `;
diff --git a/admin/src/components/Input/CKEditor/theme/light.js b/admin/src/components/Input/CKEditor/theme/light.js
@@ -6,9 +6,6 @@ export const light = css`
     --ck-color-focus-disabled-shadow: #e4e3ff !important;
     --ck-focus-ring: 1px solid rgb(73, 69, 255) !important;
     --ck-color-button-default-hover-background: #F0F0FF !important;
-
-    --ck-powered-by-background: #ffffff;
-    --ck-powered-by-border-color: #ffffff;
   }
 
   .ck.ck-powered-by > a > svg > path:first-child {
@@ -132,5 +129,11 @@ export const light = css`
     /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
 
     --ck-color-link-default: hsl(209, 89%, 33%);
+
+    --ck-powered-by-background: transparrent;
+    --ck-powered-by-border-color: var(--ck-color-base-background);
+
+    --ck-color-dialog-background: var(--ck-custom-background);
+    --ck-color-dialog-form-header-border: var(--ck-color-base-border);
   }
 `;