瀏覽代碼

Maywood: Colour update

Takashi Irie 5 年之前
父節點
當前提交
8e9c437d34

+ 2 - 2
maywood/functions.php

@@ -60,12 +60,12 @@ if ( ! function_exists( 'maywood_setup' ) ) :
 				array(
 					'name'  => __( 'Primary', 'maywood' ),
 					'slug'  => 'primary',
-					'color' => '#c43d80',
+					'color' => '#897248',
 				),
 				array(
 					'name'  => __( 'Secondary', 'maywood' ),
 					'slug'  => 'secondary',
-					'color' => '#9e3067',
+					'color' => '#c4493f',
 				),
 				array(
 					'name'  => __( 'Black', 'maywood' ),

+ 6 - 6
maywood/sass/_config-child-theme-deep.scss

@@ -62,12 +62,12 @@ $config-global: (
 	/* Colors */
 	"color": (
 		"primary": (
-			"default": #c43d80,
-			"hover": darken(#c43d80, 10%),
+			"default": #897248,
+			"hover": darken(#897248, 10%),
 		),
 		"secondary": (
-			"default": #9e3067,
-			"hover": darken(#9e3067, 10%),
+			"default": #c4493f,
+			"hover": darken(#c4493f, 10%),
 		),
 		"foreground": (
 			"default": #181818,
@@ -318,8 +318,8 @@ $config-header: (
 		// Colors
 		"color": (
 			"text": map-deep-get($config-global, "color", "foreground", "default"),
-			"link": map-deep-get($config-global, "color", "primary", "default"),
-			"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
+			"link": map-deep-get($config-global, "color", "foreground", "default"),
+			"link-hover": map-deep-get($config-global, "color", "primary", "default"),
 		),
 		// Fonts
 		"font": (

+ 1 - 15
maywood/sass/_extra-child-theme.scss

@@ -76,26 +76,12 @@ a {
 	}
 }
 
-.site-branding {
-	display: flex;
-	flex-direction: column;
-}
-
-.site-description {
-	order: 1;
-}
-
-.site-logo,
-.site-title {
-	order: 2;
-}
-
 .site-logo + .site-title {
 	margin-top: #{0.25 * $spacing_vertical};
 }
 
 .site-title + .site-description {
-	margin-bottom: #{0.5 * $spacing_unit};
+	margin-top: #{0.5 * $spacing_unit};
 }
 
 /**

+ 13 - 13
maywood/style-editor.css

@@ -180,11 +180,11 @@ p {
 }
 
 a {
-	color: #c43d80;
+	color: #897248;
 }
 
 a:hover {
-	color: #9e3067;
+	color: #685636;
 }
 
 button,
@@ -301,24 +301,24 @@ object {
 	font-family: "Source Sans Pro", -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: #c43d80;
+	background-color: #897248;
 	border-radius: 5px;
 	padding: 16px 16px;
 }
 
 .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
 	color: white;
-	background-color: #9e3067;
+	background-color: #685636;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #c43d80;
+	color: #897248;
 	background: transparent;
 	border: 2px solid currentcolor;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
-	color: #9e3067;
+	color: #685636;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -545,7 +545,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #c43d80;
+	background-color: #897248;
 	color: #FFFFFF;
 }
 
@@ -575,7 +575,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #c43d80;
+	border-left-color: #897248;
 	margin: 32px 0;
 	padding-left: 16px;
 }
@@ -651,11 +651,11 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #c43d80 !important;
+	color: #897248 !important;
 }
 
 .has-secondary-color[class] {
-	color: #9e3067 !important;
+	color: #c4493f !important;
 }
 
 .has-foreground-color[class] {
@@ -689,17 +689,17 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #c43d80 !important;
+	background-color: #897248 !important;
 	color: #FFFFFF;
 }
 
 .has-primary-background-color[class] {
-	background-color: #c43d80 !important;
+	background-color: #897248 !important;
 	color: #FFFFFF;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #9e3067 !important;
+	background-color: #c4493f !important;
 	color: #FFFFFF;
 }
 

+ 30 - 44
maywood/style-rtl.css

@@ -603,11 +603,11 @@ body {
  * Links styles
  */
 a {
-	color: #c43d80;
+	color: #897248;
 }
 
 a:hover {
-	color: #9e3067;
+	color: #685636;
 }
 
 button,
@@ -988,7 +988,7 @@ input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
 	color: #181818;
-	border-color: #9e3067;
+	border-color: #685636;
 }
 
 select {
@@ -1075,7 +1075,7 @@ input[type="submit"],
 	font-weight: 700;
 	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
-	background-color: #c43d80;
+	background-color: #897248;
 	border-radius: 5px;
 	border-width: 0;
 	padding: 16px 16px;
@@ -1126,21 +1126,21 @@ input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
 	color: white;
-	background-color: #9e3067;
+	background-color: #685636;
 }
 
 /**
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #c43d80;
+	color: #897248;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 16px;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
-	color: #9e3067;
+	color: #685636;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #c43d80;
+	background-color: #897248;
 	color: white;
 	font-size: 0.83333rem;
 	margin-right: 16px;
@@ -1689,7 +1689,7 @@ p.has-background {
 
 .a8c-posts-list-item__featured span {
 	color: #FFFFFF;
-	background-color: #c43d80;
+	background-color: #897248;
 	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -1736,7 +1736,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
-	color: #9e3067;
+	color: #685636;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -1795,7 +1795,7 @@ p.has-background {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #c43d80;
+	background-color: #897248;
 	color: #FFFFFF;
 }
 
@@ -1820,7 +1820,7 @@ p.has-background {
 }
 
 .wp-block-quote {
-	border-right-color: #c43d80;
+	border-right-color: #897248;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1863,7 +1863,7 @@ p.has-background {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-left-color: #c43d80;
+	border-left-color: #897248;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -2042,11 +2042,11 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #c43d80 !important;
+	color: #897248 !important;
 }
 
 .has-secondary-color[class] {
-	color: #9e3067 !important;
+	color: #c4493f !important;
 }
 
 .has-foreground-color[class] {
@@ -2080,12 +2080,12 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #c43d80 !important;
+	background-color: #897248 !important;
 	color: #FFFFFF;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #9e3067 !important;
+	background-color: #c4493f !important;
 	color: #FFFFFF;
 }
 
@@ -2307,7 +2307,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #c43d80;
+	color: #897248;
 }
 
 .site-description {
@@ -2334,7 +2334,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #9e3067;
+	background-color: #897248;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2462,7 +2462,7 @@ table th,
 }
 
 .main-navigation a {
-	color: #c43d80;
+	color: #181818;
 	display: block;
 	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
@@ -2477,11 +2477,11 @@ table th,
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #c43d80;
+	color: #181818;
 }
 
 .main-navigation a:hover {
-	color: #9e3067;
+	color: #897248;
 }
 
 .main-navigation .sub-menu {
@@ -2545,7 +2545,7 @@ table th,
 }
 
 .social-navigation a:hover {
-	color: #c43d80;
+	color: #897248;
 }
 
 .social-navigation svg {
@@ -2594,7 +2594,7 @@ table th,
 }
 
 .site-info a:hover {
-	color: #9e3067;
+	color: #685636;
 }
 
 .footer-navigation {
@@ -2654,7 +2654,7 @@ table th,
 }
 
 .footer-navigation .footer-menu a:hover {
-	color: #9e3067;
+	color: #685636;
 }
 
 .entry-title {
@@ -2702,7 +2702,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #9e3067;
+	color: #685636;
 }
 
 .entry-meta .svg-icon,
@@ -2946,7 +2946,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #9e3067;
+	color: #685636;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3116,7 +3116,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: #FFFFFF;
-	background-color: #c43d80;
+	background-color: #897248;
 	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -3474,26 +3474,12 @@ p:not(.site-title) a:hover {
 	}
 }
 
-.site-branding {
-	display: flex;
-	flex-direction: column;
-}
-
-.site-description {
-	order: 1;
-}
-
-.site-logo,
-.site-title {
-	order: 2;
-}
-
 .site-logo + .site-title {
 	margin-top: 8px;
 }
 
 .site-title + .site-description {
-	margin-bottom: 8px;
+	margin-top: 8px;
 }
 
 /**
@@ -3561,7 +3547,7 @@ p:not(.site-title) a:hover {
 .a8c-posts-list .a8c-posts-list-item__title a:active,
 .a8c-posts-list .a8c-posts-list-item__title a:focus,
 .a8c-posts-list .a8c-posts-list-item__title a:hover {
-	color: #c43d80;
+	color: #897248;
 }
 
 .sticky-post,

+ 30 - 44
maywood/style.css

@@ -603,11 +603,11 @@ body {
  * Links styles
  */
 a {
-	color: #c43d80;
+	color: #897248;
 }
 
 a:hover {
-	color: #9e3067;
+	color: #685636;
 }
 
 button,
@@ -988,7 +988,7 @@ input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
 	color: #181818;
-	border-color: #9e3067;
+	border-color: #685636;
 }
 
 select {
@@ -1075,7 +1075,7 @@ input[type="submit"],
 	font-weight: 700;
 	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
-	background-color: #c43d80;
+	background-color: #897248;
 	border-radius: 5px;
 	border-width: 0;
 	padding: 16px 16px;
@@ -1126,21 +1126,21 @@ input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
 	color: white;
-	background-color: #9e3067;
+	background-color: #685636;
 }
 
 /**
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #c43d80;
+	color: #897248;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 16px;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
-	color: #9e3067;
+	color: #685636;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #c43d80;
+	background-color: #897248;
 	color: white;
 	font-size: 0.83333rem;
 	margin-left: 16px;
@@ -1689,7 +1689,7 @@ p.has-background {
 
 .a8c-posts-list-item__featured span {
 	color: #FFFFFF;
-	background-color: #c43d80;
+	background-color: #897248;
 	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -1736,7 +1736,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
-	color: #9e3067;
+	color: #685636;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -1795,7 +1795,7 @@ p.has-background {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #c43d80;
+	background-color: #897248;
 	color: #FFFFFF;
 }
 
@@ -1820,7 +1820,7 @@ p.has-background {
 }
 
 .wp-block-quote {
-	border-left-color: #c43d80;
+	border-left-color: #897248;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1863,7 +1863,7 @@ p.has-background {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-right-color: #c43d80;
+	border-right-color: #897248;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -2047,11 +2047,11 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #c43d80 !important;
+	color: #897248 !important;
 }
 
 .has-secondary-color[class] {
-	color: #9e3067 !important;
+	color: #c4493f !important;
 }
 
 .has-foreground-color[class] {
@@ -2085,12 +2085,12 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #c43d80 !important;
+	background-color: #897248 !important;
 	color: #FFFFFF;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #9e3067 !important;
+	background-color: #c4493f !important;
 	color: #FFFFFF;
 }
 
@@ -2312,7 +2312,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #c43d80;
+	color: #897248;
 }
 
 .site-description {
@@ -2339,7 +2339,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #9e3067;
+	background-color: #897248;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2467,7 +2467,7 @@ table th,
 }
 
 .main-navigation a {
-	color: #c43d80;
+	color: #181818;
 	display: block;
 	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
@@ -2482,11 +2482,11 @@ table th,
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #c43d80;
+	color: #181818;
 }
 
 .main-navigation a:hover {
-	color: #9e3067;
+	color: #897248;
 }
 
 .main-navigation .sub-menu {
@@ -2550,7 +2550,7 @@ table th,
 }
 
 .social-navigation a:hover {
-	color: #c43d80;
+	color: #897248;
 }
 
 .social-navigation svg {
@@ -2599,7 +2599,7 @@ table th,
 }
 
 .site-info a:hover {
-	color: #9e3067;
+	color: #685636;
 }
 
 .footer-navigation {
@@ -2659,7 +2659,7 @@ table th,
 }
 
 .footer-navigation .footer-menu a:hover {
-	color: #9e3067;
+	color: #685636;
 }
 
 .entry-title {
@@ -2707,7 +2707,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #9e3067;
+	color: #685636;
 }
 
 .entry-meta .svg-icon,
@@ -2951,7 +2951,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #9e3067;
+	color: #685636;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3121,7 +3121,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: #FFFFFF;
-	background-color: #c43d80;
+	background-color: #897248;
 	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -3491,26 +3491,12 @@ p:not(.site-title) a:hover {
 	}
 }
 
-.site-branding {
-	display: flex;
-	flex-direction: column;
-}
-
-.site-description {
-	order: 1;
-}
-
-.site-logo,
-.site-title {
-	order: 2;
-}
-
 .site-logo + .site-title {
 	margin-top: 8px;
 }
 
 .site-title + .site-description {
-	margin-bottom: 8px;
+	margin-top: 8px;
 }
 
 /**
@@ -3578,7 +3564,7 @@ p:not(.site-title) a:hover {
 .a8c-posts-list .a8c-posts-list-item__title a:active,
 .a8c-posts-list .a8c-posts-list-item__title a:focus,
 .a8c-posts-list .a8c-posts-list-item__title a:hover {
-	color: #c43d80;
+	color: #897248;
 }
 
 .sticky-post,