Spearhead: Fixes the code and verse blocks in the editor

seedlet/assets/css/style-editor.css

@@ -509,6 +509,17 @@ div[data-type="core/button"] {
 	color: var(--global--color-foreground);
 }
 
+.wp-block-code {
+	color: var(--global--color-foreground-light);
+	font-size: var(--global--font-size-sm);
+	padding: var(--global--spacing-unit);
+	border-color: var(--global--color-border);
+}
+
+.wp-block-code pre {
+	color: var(--global--color-foreground);
+}
+
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: var(--cover--color-foreground);
@@ -1230,6 +1241,8 @@ table th,
 }
 
 pre.wp-block-verse {
+	color: var(--global--color-foreground-light);
+	font-family: var(--entry-content--font-family);
 	padding: 0;
 }
 

seedlet/assets/sass/blocks/_editor.scss

@@ -6,7 +6,7 @@
 
 @import "button/editor";
 @import "calendar/style";
-@import "code/editor";
+@import "code/style";
 @import "cover/editor";
 @import "file/editor";
 @import "gallery/editor";
@@ -28,5 +28,5 @@
 @import "slideshow/editor";
 @import "subscription/editor";
 @import "table/editor";
-@import "verse/editor";
+@import "verse/style";
 @import "utilities/editor"; // Import LAST to cascade properly

seedlet/assets/sass/blocks/code/_style.scss

@@ -1,5 +1,5 @@
 .wp-block-code {
-	color: var(--global--color-foreground);
+	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-sm);
 	padding: var(--global--spacing-unit);
 	border-color: var(--global--color-border);

seedlet/assets/sass/blocks/verse/_editor.scss

@@ -1,3 +0,0 @@
-pre.wp-block-verse {
-	padding: 0;
-}

seedlet/assets/sass/blocks/verse/_style.scss

@@ -1,3 +1,5 @@
-.wp-block-verse {
+pre.wp-block-verse {
+	color: var(--global--color-foreground-light);
 	font-family: var(--entry-content--font-family);
+	padding: 0;
 }

seedlet/style-rtl.css

@@ -1275,7 +1275,7 @@ object {
 }
 
 .wp-block-code {
-	color: var(--global--color-foreground);
+	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-sm);
 	padding: var(--global--spacing-unit);
 	border-color: var(--global--color-border);
@@ -2451,8 +2451,10 @@ table th,
 	word-break: break-all;
 }
 
-.wp-block-verse {
+pre.wp-block-verse {
+	color: var(--global--color-foreground-light);
 	font-family: var(--entry-content--font-family);
+	padding: 0;
 }
 
 .wp-block-video figcaption {

seedlet/style.css

@@ -1275,7 +1275,7 @@ object {
 }
 
 .wp-block-code {
-	color: var(--global--color-foreground);
+	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-sm);
 	padding: var(--global--spacing-unit);
 	border-color: var(--global--color-border);
@@ -2451,8 +2451,10 @@ table th,
 	word-break: break-all;
 }
 
-.wp-block-verse {
+pre.wp-block-verse {
+	color: var(--global--color-foreground-light);
 	font-family: var(--entry-content--font-family);
+	padding: 0;
 }
 
 .wp-block-video figcaption {