switch the colors on dark mode

spearhead/assets/sass/_posts-and-pages.scss

@@ -36,9 +36,13 @@
 }
 
 // Sticky posts
-.has-sticky-post .site-main > *:first-child {
-	margin-top: calc( 0px - var(--global--spacing-vertical) );
-	padding-top: var(--global--spacing-vertical);
+.has-sticky-post .site-main {
+	background: var(--sticky-posts--alt-color-background);
+
+	> *:first-child {
+		margin-top: calc( 0px - var(--global--spacing-vertical) );
+		padding-top: var(--global--spacing-vertical);
+	}
 }
 
 .post.sticky { // .post class needed to make this stronger

spearhead/style-rtl.css

@@ -69,6 +69,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	padding-top: 0;
 }
 
+.has-sticky-post .site-main {
+	background: var(--sticky-posts--alt-color-background);
+}
+
 .has-sticky-post .site-main > *:first-child {
 	margin-top: calc( 0px - var(--global--spacing-vertical));
 	padding-top: var(--global--spacing-vertical);

spearhead/style.css

@@ -69,6 +69,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	padding-top: 0;
 }
 
+.has-sticky-post .site-main {
+	background: var(--sticky-posts--alt-color-background);
+}
+
 .has-sticky-post .site-main > *:first-child {
 	margin-top: calc( 0px - var(--global--spacing-vertical));
 	padding-top: var(--global--spacing-vertical);

spearhead/variables.css

@@ -87,6 +87,7 @@
 	--sticky-posts--color-background: #F9F9F9;
 	--sticky-posts--entry-title-font-size: 24px;
 	--sticky-posts--entry-content-font-size: 20px;
+	--sticky-posts--alt-color-background: var(--global--color-background);
 
 	/* Forms */
 	--form--border-color: var(--global--color-secondary);
@@ -109,7 +110,8 @@
 		--primary-nav--color-background: var(--global--color-foreground-light);
 		--button--padding-vertical: 24px;
 		--button--padding-horizontal: 32px;
-		--sticky-posts--color-background: #2d3139;
+		--sticky-posts--color-background: var(--global--color-background);
 		--sticky-posts--color-text: var(--global--color-foreground-light);
+		--sticky-posts--alt-color-background: #2d3139;
 	}
 }