Rockfield: Multiple changes

* Update `rockfield_setup` with correct sizes and colours
* Update primary colour

rockfield/functions.php

@@ -29,25 +29,25 @@ if ( ! function_exists( 'rockfield_setup' ) ) :
 				array(
 					'name'      => __( 'Small', 'rockfield' ),
 					'shortName' => __( 'S', 'rockfield' ),
-					'size'      => 19.5,
+					'size'      => 15,
 					'slug'      => 'small',
 				),
 				array(
 					'name'      => __( 'Normal', 'rockfield' ),
 					'shortName' => __( 'M', 'rockfield' ),
-					'size'      => 22,
+					'size'      => 18,
 					'slug'      => 'normal',
 				),
 				array(
 					'name'      => __( 'Large', 'rockfield' ),
 					'shortName' => __( 'L', 'rockfield' ),
-					'size'      => 36.5,
+					'size'      => 25.92,
 					'slug'      => 'large',
 				),
 				array(
 					'name'      => __( 'Huge', 'rockfield' ),
 					'shortName' => __( 'XL', 'rockfield' ),
-					'size'      => 49.5,
+					'size'      => 31.104,
 					'slug'      => 'huge',
 				),
 			)
@@ -60,37 +60,37 @@ if ( ! function_exists( 'rockfield_setup' ) ) :
 				array(
 					'name'  => __( 'Primary', 'rockfield' ),
 					'slug'  => 'primary',
-					'color' => '#7E756E',
+					'color' => '#222222',
 				),
 				array(
 					'name'  => __( 'Secondary', 'rockfield' ),
 					'slug'  => 'secondary',
-					'color' => '#208751',
+					'color' => '#116821',
 				),
 				array(
 					'name'  => __( 'Dark Gray', 'rockfield' ),
 					'slug'  => 'foreground-dark',
-					'color' => '#1E1C1B',
+					'color' => '#111111',
 				),
 				array(
 					'name'  => __( 'Gray', 'rockfield' ),
 					'slug'  => 'foreground',
-					'color' => '#5E5853',
+					'color' => '#444444',
 				),
 				array(
 					'name'  => __( 'Light Gray', 'rockfield' ),
 					'slug'  => 'foreground-light',
-					'color' => '#99908A',
+					'color' => '#757575',
 				),
 				array(
 					'name'  => __( 'Lighter Gray', 'rockfield' ),
 					'slug'  => 'background-dark',
-					'color' => '#E8E9EA',
+					'color' => '#E0E0E0',
 				),
 				array(
 					'name'  => __( 'Subtle Gray', 'rockfield' ),
 					'slug'  => 'background-light',
-					'color' => '#F4F5F5',
+					'color' => '#F0F0F0',
 				),
 				array(
 					'name'  => __( 'White', 'rockfield' ),

rockfield/sass/_config-child-theme-deep.scss

@@ -61,7 +61,7 @@ $config-global: (
 	/* Colors */
 	"color": (
 		"primary": (
-			"default": #111111,
+			"default": #222222,
 			"hover": #444444,
 		),
 		"secondary": (

rockfield/style-editor.css

@@ -188,7 +188,7 @@ p {
 }
 
 a {
-	color: #111111;
+	color: #222222;
 }
 
 a:hover {
@@ -309,7 +309,7 @@ object {
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333em;
 	line-height: 1;
-	background-color: #111111;
+	background-color: #222222;
 	border-radius: 0;
 	padding: 16px 20px;
 }
@@ -320,7 +320,7 @@ object {
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #111111;
+	color: #222222;
 	background: transparent;
 	border: 2px solid currentcolor;
 }
@@ -509,7 +509,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #111111;
+	background-color: #222222;
 	color: white;
 }
 
@@ -539,7 +539,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #111111;
+	border-left-color: #222222;
 	margin: 32px 0;
 	padding-left: 16px;
 }
@@ -615,7 +615,7 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #111111 !important;
+	color: #222222 !important;
 }
 
 .has-secondary-color[class] {
@@ -647,7 +647,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #111111 !important;
+	background-color: #222222 !important;
 	color: white;
 }
 

rockfield/style-rtl.css

@@ -611,7 +611,7 @@ body {
  * Links styles
  */
 a {
-	color: #111111;
+	color: #222222;
 }
 
 a:hover {
@@ -1078,8 +1078,8 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: bold;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.83333rem;
-	background-color: #111111;
+	font-size: 1.728rem;
+	background-color: #222222;
 	border-radius: 0;
 	border-width: 0;
 	padding: 16px 20px;
@@ -1137,7 +1137,7 @@ input.has-focus[type="submit"],
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #111111;
+	color: #222222;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 20px;
@@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #111111;
+	background-color: #222222;
 	color: white;
 	font-size: 0.83333rem;
 	margin-right: 16px;
@@ -1686,7 +1686,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list-item__featured span {
 	color: white;
-	background-color: #111111;
+	background-color: #222222;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -1788,7 +1788,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #111111;
+	background-color: #222222;
 	color: white;
 }
 
@@ -1813,7 +1813,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-right-color: #111111;
+	border-right-color: #222222;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1856,7 +1856,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-left-color: #111111;
+	border-left-color: #222222;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -2005,7 +2005,7 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #111111 !important;
+	color: #222222 !important;
 }
 
 .has-secondary-color[class] {
@@ -2037,7 +2037,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #111111 !important;
+	background-color: #222222 !important;
 	color: white;
 }
 
@@ -3075,7 +3075,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: white;
-	background-color: #111111;
+	background-color: #222222;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -3501,7 +3501,7 @@ p:not(.site-title) a:hover {
 #site-navigation > div {
 	background: #111111;
 	border-top: 8px solid #111111;
-	box-shadow: inset 0 1px 0 0 #111111;
+	box-shadow: inset 0 1px 0 0 #222222;
 	right: 0;
 	position: absolute;
 	padding: 0 16px;

rockfield/style.css

@@ -611,7 +611,7 @@ body {
  * Links styles
  */
 a {
-	color: #111111;
+	color: #222222;
 }
 
 a:hover {
@@ -1079,7 +1079,7 @@ input[type="submit"],
 	font-weight: bold;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
-	background-color: #111111;
+	background-color: #222222;
 	border-radius: 0;
 	border-width: 0;
 	padding: 16px 20px;
@@ -1137,7 +1137,7 @@ input.has-focus[type="submit"],
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #111111;
+	color: #222222;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 20px;
@@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #111111;
+	background-color: #222222;
 	color: white;
 	font-size: 0.83333rem;
 	margin-left: 16px;
@@ -1686,7 +1686,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list-item__featured span {
 	color: white;
-	background-color: #111111;
+	background-color: #222222;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -1788,7 +1788,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #111111;
+	background-color: #222222;
 	color: white;
 }
 
@@ -1813,7 +1813,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #111111;
+	border-left-color: #222222;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1856,7 +1856,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-right-color: #111111;
+	border-right-color: #222222;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -2010,7 +2010,7 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #111111 !important;
+	color: #222222 !important;
 }
 
 .has-secondary-color[class] {
@@ -2042,7 +2042,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #111111 !important;
+	background-color: #222222 !important;
 	color: white;
 }
 
@@ -3080,7 +3080,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: white;
-	background-color: #111111;
+	background-color: #222222;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -3506,7 +3506,7 @@ p:not(.site-title) a:hover {
 #site-navigation > div {
 	background: #111111;
 	border-top: 8px solid #111111;
-	box-shadow: inset 0 1px 0 0 #111111;
+	box-shadow: inset 0 1px 0 0 #222222;
 	left: 0;
 	position: absolute;
 	padding: 0 16px;