Dalston: Improving color variables for primary hover and header colors

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

@@ -62,11 +62,11 @@ $config-global: (
 	"color": (
 		"primary": (
 			"default": #0073AA,
-			"hover": darken( #0073AA, 10% ),
+			"hover": #005177,
 		),
 		"secondary": (
 			"default": #0073AA,
-			"hover": darken( #0073AA, 10% ),
+			"hover": #005177,
 		),
 		"foreground": (
 			"default": #1e1e1e,
@@ -83,7 +83,7 @@ $config-global: (
 			"light": #FAFAFA,
 			"dark": #AAAAAA,
 		),
-		"text-selection": lighten( #0073aa, 45% ),
+		"text-selection": lighten( #0073aa, 55% ),
 		"black": black,
 		"white": white,
 	),
@@ -143,7 +143,7 @@ $config-elements: (
 			"family": map-deep-get($config-global, "font", "family", "secondary"),
 			"line-height": map-deep-get($config-global, "font", "line-height", "md"),
 			"size": map-deep-get($config-global, "font", "size", "md"),
-			"weight": bold,
+			"weight": 600,
 		),
 
 		// Borders
@@ -286,8 +286,8 @@ $config-header: (
 		// Colors
 		"color": (
 			"text": map-deep-get($config-global, "color", "foreground", "light"),
-			"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", "dark"),
+			"link-hover": map-deep-get($config-global, "color", "primary", "default"),
 		),
 		// Fonts & Typography
 		"title": (
@@ -295,7 +295,7 @@ $config-header: (
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "primary"),
 				"size": map-deep-get($config-global, "font", "size", "md"),
-				"weight": normal,
+				"weight": 600,
 				"line-height": 1,
 			),
 		),
@@ -320,7 +320,7 @@ $config-header: (
 		"font": (
 			"family": map-deep-get($config-global, "font", "family", "secondary"),
 			"size": map-deep-get($config-global, "font", "size", "base"),
-			"weight": normal,
+			"weight": 600,
 			"line-height": 1,
 		),
 		"link-padding": map-deep-get($config-global, "spacing", "unit"),
@@ -329,8 +329,8 @@ $config-header: (
 	"social-nav": (
 		// Colors
 		"color": (
-			"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", "dark"),
+			"link-hover": map-deep-get($config-global, "color", "primary", "default"),
 		),
 		"link-padding": calc( 0.5 * calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")} ) ),
 	),

dalston/sass/_extra-child-theme.scss

@@ -94,10 +94,6 @@ a {
 			& > div > ul > li.focus,
 			& > div > ul > li.current-menu-item {
 
-				& > a {
-					color: #{map-deep-get($config-global, "color", "primary", "default")};
-				}
-
 				& > ul {
 					box-shadow: none;
 					overflow: hidden;

dalston/style-rtl.css

@@ -717,11 +717,11 @@ footer {
 }
 
 ::selection {
-	background-color: #91dbff;
+	background-color: #c4ecff;
 }
 
 ::-moz-selection {
-	background-color: #91dbff;
+	background-color: #c4ecff;
 }
 
 /**
@@ -2021,7 +2021,7 @@ table th,
 }
 
 .has-foreground-dark-color[class] {
-	color: #111111 !important;
+	color: #000000 !important;
 }
 
 .has-background-light-color[class] {
@@ -2073,7 +2073,7 @@ table th,
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #111111 !important;
+	background-color: #000000 !important;
 	color: #FFFFFF;
 }
 
@@ -2279,7 +2279,7 @@ table th,
 }
 
 .site-title {
-	color: #0073AA;
+	color: #000000;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-size: 1.125rem;
 	letter-spacing: normal;
@@ -2288,7 +2288,7 @@ table th,
 
 .site-title a {
 	color: currentColor;
-	font-weight: normal;
+	font-weight: 600;
 }
 
 .site-title a:link, .site-title a:visited {
@@ -2296,7 +2296,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #005177;
+	color: #0073AA;
 }
 
 .site-description {
@@ -2450,7 +2450,7 @@ table th,
 	display: block;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-size: 1rem;
-	font-weight: normal;
+	font-weight: 600;
 	padding: 16px;
 }
 
@@ -2509,13 +2509,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #0073AA;
+	color: #000000;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #005177;
+	color: #0073AA;
 }
 
 .social-navigation svg {
@@ -2603,7 +2603,7 @@ table th,
 .footer-navigation .footer-menu a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-size: 0.88889rem;
-	font-weight: normal;
+	font-weight: 600;
 	padding: 16px;
 	color: currentColor;
 }

dalston/style.css

@@ -717,11 +717,11 @@ footer {
 }
 
 ::selection {
-	background-color: #91dbff;
+	background-color: #c4ecff;
 }
 
 ::-moz-selection {
-	background-color: #91dbff;
+	background-color: #c4ecff;
 }
 
 /**
@@ -2284,7 +2284,7 @@ table th,
 }
 
 .site-title {
-	color: #0073AA;
+	color: #000000;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-size: 1.125rem;
 	letter-spacing: normal;
@@ -2293,7 +2293,7 @@ table th,
 
 .site-title a {
 	color: currentColor;
-	font-weight: normal;
+	font-weight: 600;
 }
 
 .site-title a:link, .site-title a:visited {
@@ -2301,7 +2301,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #005177;
+	color: #0073AA;
 }
 
 .site-description {
@@ -2455,7 +2455,7 @@ table th,
 	display: block;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-size: 1rem;
-	font-weight: normal;
+	font-weight: 600;
 	padding: 16px;
 }
 
@@ -2514,13 +2514,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #0073AA;
+	color: #000000;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #005177;
+	color: #0073AA;
 }
 
 .social-navigation svg {
@@ -2608,7 +2608,7 @@ table th,
 .footer-navigation .footer-menu a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-size: 0.88889rem;
-	font-weight: normal;
+	font-weight: 600;
 	padding: 16px;
 	color: currentColor;
 }
@@ -3463,11 +3463,6 @@ a {
 	.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
 		font-size: 0.5rem;
 	}
-	.site-header .main-navigation > div > ul > li:hover > a,
-	.site-header .main-navigation > div > ul > li.focus > a,
-	.site-header .main-navigation > div > ul > li.current-menu-item > a {
-		color: #0073AA;
-	}
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {