style(next)/restyle CKEditor: improve the appearance of popups

This commit is contained in:
Adorian Doran 2025-04-18 10:39:40 +03:00
parent 2e8ab7e2a2
commit 728d5ac68a
3 changed files with 7 additions and 3 deletions

View File

@ -232,6 +232,8 @@
--help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
--help-code-color: inherit;
--help-code-background: #565656;
--ck-editor-popup-border-color: var(--modal-border-color);
}
/*

View File

@ -232,4 +232,6 @@
--help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
--help-code-color: black;
--help-code-background: #d7d5d5;
--ck-editor-popup-border-color: var(--dropdown-border-color);
}

View File

@ -36,14 +36,14 @@
:root .ck.ck-dropdown__panel,
:root .ck-balloon-panel {
--ck-color-panel-background: var(--menu-background-color);
--ck-color-panel-border: var(--modal-border-color);
--ck-color-panel-border: var(--ck-editor-popup-border-color);
box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
border: 1px solid var(--modal-border-color) !important;
border: 1px solid var(--ck-editor-popup-border-color) !important;
border-radius: var(--dropdown-border-radius) !important;
background: var(--menu-background-color) !important;
backdrop-filter: var(--dropdown-backdrop-filter);
padding: var(--menu-padding-size);
padding: 4px;
}
:root ul.ck.ck-list,