adjust darkmode colors

Author: Simon

package.json

@@ -1,6 +1,6 @@
 {
   "name": "directus-extension-editorjs2",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "author": {
     "name": "Simon Hausdorf"
   },

src/editorjs-ui.css

@@ -1,28 +1,28 @@
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@400;600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@600&display=swap');
 
+.dark .ce-toolbar__plus, .dark .ce-toolbar__settings-btn { color: rgb(201, 209, 217); }
+
+.dark .ce-popover__item-label, .dark .ce-conversion-toolbar__tools {
+    color: #21262e;
+}
+
 .codex-editor .ce-block .ce-paragraph {
-	color: rgb(25, 27, 30);
 	font-size: 1.25rem;
 	font-weight: 400;
 	line-height: 1.8;
 	margin-bottom: 1.2em;
 }
 
-.dark .codex-editor .cdx-quote__text, .dark ce-header, .dark .codex-editor .ce-block .ce-paragraph, .codex-editor .ce-block h2, .codex-editor .ce-block h3, .codex-editor .ce-block h4, .codex-editor .ce-block .image-tool__caption {
-	color: rgb(201, 209, 217);
-}
 
 .codex-editor li {
-	color: rgb(25, 27, 30);
 	font-size: 1.25rem;
 	font-weight: 400;
 	margin-bottom: 1.2em;
 	margin-left: 30px;
 }
 
 .codex-editor .cdx-quote__text {
-	color: rgb(25, 27, 30);
 	font-size: 1.25rem;
 	font-weight: 400;
 	line-height: 1.8;
@@ -34,7 +34,6 @@
 }
 
 .codex-editor .ce-block blockquote {
-	color: rgb(25, 27, 30);
 	font-size: 1.25rem;
 	font-weight: 400;
 	line-height: 1.8;
@@ -43,13 +42,20 @@
 
 .codex-editor .ce-block h2 {
 	font-family: 'IBM Plex Sans Thai', sans-serif;
-	color: rgb(17, 24, 39);
 	margin-top: 2.5rem;
 	margin-bottom: 1.5rem;
 	font-size: 28px;
 	font-weight: 600;
 }
 
+.codex-editor .ce-block h3 {
+	font-family: 'IBM Plex Sans Thai', sans-serif;
+	margin-top: 2.5rem;
+	margin-bottom: 1.5rem;
+	font-size: 20px;
+	font-weight: 600;
+}
+
 .codex-editor .ce-block .ce-delimiter {
 	margin-top: 52px;
 	margin-bottom: 56px;
@@ -101,7 +107,6 @@
 	display: block;
 	margin-top: 0.25rem;
 	text-align: center;
-	color: rgb(25, 27, 30);
 	font-size: 1.25rem;
 	font-weight: 400;
 }

src/get-tools.ts

@@ -37,7 +37,7 @@ export default function getTools(
 			shortcut: 'CMD+SHIFT+H',
 			inlineToolbar: true,
 			config: {
-				levels: [2],
+				levels: [2, 3],
 				defaultLevel: 2,
 			},
 		},