diff --git a/apps/client/stylesheets/theme-next/notes/text.css b/apps/client/stylesheets/theme-next/notes/text.css index 64c55e6b0..22770d27a 100644 --- a/apps/client/stylesheets/theme-next/notes/text.css +++ b/apps/client/stylesheets/theme-next/notes/text.css @@ -2,6 +2,10 @@ * CKEDITOR */ + :root { + --ck-font-face: var(--main-font-family); + } + /* * Toolbar */ @@ -35,6 +39,8 @@ /* Dropdown body */ :root .ck.ck-dropdown__panel, :root .ck-balloon-panel { + --ck-editor-popup-padding: 4px; + --ck-color-panel-background: var(--menu-background-color); --ck-color-panel-border: var(--ck-editor-popup-border-color); @@ -44,7 +50,7 @@ border-radius: var(--dropdown-border-radius) !important; background: var(--menu-background-color) !important; backdrop-filter: var(--dropdown-backdrop-filter); - padding: 4px; + padding: var(--ck-editor-popup-padding); } :root ul.ck.ck-list, @@ -85,6 +91,14 @@ color: var(--hover-item-color); } +/* Separator */ +:root .ck .ck-list__separator { + margin: .5em 0; + margin-left: calc(0px - var(--ck-editor-popup-padding)); + width: calc(100% + (var(--ck-editor-popup-padding) * 2)); + background: var(--menu-item-delimiter-color); +} + /* Color picker dropdown */ /* Color picker button */ @@ -104,6 +118,21 @@ --ck-border-radius: 0; } +/* Action buttons */ + +:root .ck-link-actions button.ck-button, +:root .ck-link-form button.ck-button { + --ck-border-radius: 6px; + + background: transparent; + box-shadow: unset; +} + +:root .ck-link-actions button.ck-button:hover, +:root .ck-link-form button.ck-button:hover { + background: var(--hover-item-background-color); +} + /* * EDITOR'S CONTENT */