From 4570e80871589cdec5041d79e9bd1a458923ee36 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 18 Apr 2025 17:56:04 +0300
Subject: [PATCH 1/3] style(next)/restyle CKEditor: restyle horizontal
 separators

---
 src/public/stylesheets/theme-next/notes/text.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/public/stylesheets/theme-next/notes/text.css b/src/public/stylesheets/theme-next/notes/text.css
index 64c55e6b0..de7cf2ccd 100644
--- a/src/public/stylesheets/theme-next/notes/text.css
+++ b/src/public/stylesheets/theme-next/notes/text.css
@@ -35,6 +35,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 +46,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 +87,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 */

From 0c10dd75f981144c38b22587e8e364d6eeca17df Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 18 Apr 2025 18:24:46 +0300
Subject: [PATCH 2/3] style(next)/restyle CKEditor: restyle the action buttons

---
 src/public/stylesheets/theme-next/notes/text.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/public/stylesheets/theme-next/notes/text.css b/src/public/stylesheets/theme-next/notes/text.css
index de7cf2ccd..f50a3e3c0 100644
--- a/src/public/stylesheets/theme-next/notes/text.css
+++ b/src/public/stylesheets/theme-next/notes/text.css
@@ -114,6 +114,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
  */

From 1eb27b7eb10666804cb9ba39f832aa9a78e02324 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 18 Apr 2025 19:08:03 +0300
Subject: [PATCH 3/3] style(next)/restyle CKEditor: use the proper font in
 popups

---
 src/public/stylesheets/theme-next/notes/text.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/public/stylesheets/theme-next/notes/text.css b/src/public/stylesheets/theme-next/notes/text.css
index f50a3e3c0..22770d27a 100644
--- a/src/public/stylesheets/theme-next/notes/text.css
+++ b/src/public/stylesheets/theme-next/notes/text.css
@@ -2,6 +2,10 @@
  * CKEDITOR
  */
 
+ :root {
+    --ck-font-face: var(--main-font-family);
+ }
+
 /*
  * Toolbar
  */