Add block library common style, fix inserter colors. Fixes #17

block-editors · Jul 21, 2024 · f3326e6 · f3326e6
1 parent 8f35544
commit f3326e6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/app.css b/src/app.css
@@ -28,6 +28,11 @@
   color: var(--wp-components-color-foreground-inverted);
 }
 
+.components-button.block-editor-block-types-list__item,
+.block-editor-block-types-list__item-icon {
+  color: var(--wp-components-color-foreground);
+}
+
 html,
 body {
   padding: 0;
@@ -117,7 +122,7 @@ body,
 .dataviews-view-list__item {
   padding: 10px 7px;
   border-radius: 2px;
-  font-size: 14px;
+  font-size: 15px;
   cursor: pointer;
 }
 

diff --git a/src/editor.jsx b/src/editor.jsx
@@ -18,6 +18,7 @@ import light from './light.css?raw';
 import dark from './dark.css?raw';
 
 import blockEditorContentStyle from '@wordpress/block-editor/build-style/content.css?raw';
+import blockLibraryCommonStyle from '@wordpress/block-library/build-style/common.css?raw';
 // eslint-disable-next-line import/no-unresolved
 import blockLibraryContentStyle from './block-types/auto-generated-content.css?raw';
 import componentsStyle from '@wordpress/components/build-style/style.css?raw';
@@ -28,6 +29,7 @@ import contentStyle from './content.css?raw';
 const contentStyles = [
 	componentsStyle,
 	blockLibraryContentStyle,
+	blockLibraryCommonStyle,
 	blockEditorContentStyle,
 	light,
 	dark,