compiled css

stow/style-editor.css

@@ -132,14 +132,14 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 	--wp--preset--color--foreground: #444444;
 	--wp--preset--color--foreground-low-contrast: #767676;
 	--wp--preset--color--foreground-high-contrast: #111111;
-	--wp--preset--color--background: #FFFFFF;
-	--wp--preset--color--background-low-contrast: #FFFFFF;
-	--wp--preset--color--background-high-contrast: #DDDDDD;
+	--wp--preset--color--background: #ffffff;
+	--wp--preset--color--background-low-contrast: #DDDDDD;
+	--wp--preset--color--background-high-contrast: #FAFAFA;
 	--wp--preset--color--border: #DDDDDD;
-	--wp--preset--color--border-low-contrast: #FAFAFA;
-	--wp--preset--color--border-high-contrast: #AAAAAA;
+	--wp--preset--color--border-low-contrast: #AAAAAA;
+	--wp--preset--color--border-high-contrast: #FAFAFA;
 	--wp--preset--color--text-selection: #ffdce0;
-	--wp--preset--color--alert-success: #8bc34a;
+	--wp--preset--color--alert-success:#8bc34a;
 	--wp--preset--color--alert-info: #03a9f4;
 	--wp--preset--color--alert-warning: #ffc107;
 	--wp--preset--color--alert-error: #f25f70;

stow/style-rtl.css

@@ -153,14 +153,14 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 	--wp--preset--color--foreground: #444444;
 	--wp--preset--color--foreground-low-contrast: #767676;
 	--wp--preset--color--foreground-high-contrast: #111111;
-	--wp--preset--color--background: #FFFFFF;
-	--wp--preset--color--background-low-contrast: #FFFFFF;
-	--wp--preset--color--background-high-contrast: #DDDDDD;
+	--wp--preset--color--background: #ffffff;
+	--wp--preset--color--background-low-contrast: #DDDDDD;
+	--wp--preset--color--background-high-contrast: #FAFAFA;
 	--wp--preset--color--border: #DDDDDD;
-	--wp--preset--color--border-low-contrast: #FAFAFA;
-	--wp--preset--color--border-high-contrast: #AAAAAA;
+	--wp--preset--color--border-low-contrast: #AAAAAA;
+	--wp--preset--color--border-high-contrast: #FAFAFA;
 	--wp--preset--color--text-selection: #ffdce0;
-	--wp--preset--color--alert-success: #8bc34a;
+	--wp--preset--color--alert-success:#8bc34a;
 	--wp--preset--color--alert-info: #03a9f4;
 	--wp--preset--color--alert-warning: #ffc107;
 	--wp--preset--color--alert-error: #f25f70;
@@ -4097,14 +4097,14 @@ a {
  * 2. Header
  */
 #masthead {
-	background-color: var(--wp--preset--color--white);
+	background-color: var(--wp--preset--color--background);
 	padding: 0;
 	margin: 0 auto;
 }
 
 #masthead .site-branding {
 	text-align: center;
-	background: #fff;
+	background: var(--wp--preset--color--background);
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
@@ -4131,7 +4131,7 @@ body:not(.fse-enabled) .site-title {
 }
 
 body:not(.fse-enabled) .site-description {
-	color: #333;
+	color: var(--wp--preset--color--foreground);
 }
 
 /**
@@ -4143,7 +4143,7 @@ body:not(.fse-enabled) .site-description {
 }
 
 .site-content {
-	background-color: var(--wp--preset--color--white);
+	background-color: var(--wp--preset--color--background);
 }
 
 #page .entry-header,
@@ -4181,16 +4181,16 @@ body:not(.fse-enabled) #site-navigation.main-navigation > div, body:not(.fse-ena
 }
 
 body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
-	color: var(--wp--preset--color--secondary-hover);
+	color: var(--wp--preset--color--primary);
 }
 
 body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
-	color: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--background);
 	text-decoration: none;
 }
 
 body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
-	color: var(--wp--preset--color--secondary-hover);
+	color: var(--wp--preset--color--primary);
 }
 
 @media only screen and (min-width: 560px) {
@@ -4200,21 +4200,22 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
 		list-style-type: disc;
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
-		color: var(--wp--preset--color--secondary-hover);
+		color: var(--wp--preset--color--primary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
-		color: var(--wp--preset--color--white);
+		color: var(--wp--preset--color--background);
 		font-size: 0.83333rem;
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
-		color: var(--wp--preset--color--secondary-hover);
+		color: var(--wp--preset--color--primary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul li a::after {
-		color: #ffa4ad;
+		color: var(--wp--preset--color--background);
 		content: " \2022";
 		margin-right: 16px;
 		display: inline;
 		font-size: 1rem;
+		opacity: 0.58;
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li:last-child a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul li:last-child a::after {
 		content: "";
@@ -4224,13 +4225,13 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
 
 @media only screen and (min-width: 560px) {
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul, body:not(.fse-enabled) .main-navigation.main-navigation ul ul {
-		background-color: var(--wp--preset--color--white);
+		background-color: var(--wp--preset--color--background);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li.current-menu-item a {
 		color: var(--wp--preset--color--secondary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a {
-		color: var(--wp--preset--color--secondary-hover);
+		color: var(--wp--preset--color--primary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a::after {
 		content: "";
@@ -4239,7 +4240,7 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
 		color: var(--wp--preset--color--primary-hover);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li:hover {
-		background: #f2f2f2;
+		background: var(--wp--preset--color--background-high-contrast);
 	}
 }
 

stow/style.css

@@ -153,14 +153,14 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 	--wp--preset--color--foreground: #444444;
 	--wp--preset--color--foreground-low-contrast: #767676;
 	--wp--preset--color--foreground-high-contrast: #111111;
-	--wp--preset--color--background: #FFFFFF;
-	--wp--preset--color--background-low-contrast: #FFFFFF;
-	--wp--preset--color--background-high-contrast: #DDDDDD;
+	--wp--preset--color--background: #ffffff;
+	--wp--preset--color--background-low-contrast: #DDDDDD;
+	--wp--preset--color--background-high-contrast: #FAFAFA;
 	--wp--preset--color--border: #DDDDDD;
-	--wp--preset--color--border-low-contrast: #FAFAFA;
-	--wp--preset--color--border-high-contrast: #AAAAAA;
+	--wp--preset--color--border-low-contrast: #AAAAAA;
+	--wp--preset--color--border-high-contrast: #FAFAFA;
 	--wp--preset--color--text-selection: #ffdce0;
-	--wp--preset--color--alert-success: #8bc34a;
+	--wp--preset--color--alert-success:#8bc34a;
 	--wp--preset--color--alert-info: #03a9f4;
 	--wp--preset--color--alert-warning: #ffc107;
 	--wp--preset--color--alert-error: #f25f70;
@@ -4126,14 +4126,14 @@ a {
  * 2. Header
  */
 #masthead {
-	background-color: var(--wp--preset--color--white);
+	background-color: var(--wp--preset--color--background);
 	padding: 0;
 	margin: 0 auto;
 }
 
 #masthead .site-branding {
 	text-align: center;
-	background: #fff;
+	background: var(--wp--preset--color--background);
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
@@ -4160,7 +4160,7 @@ body:not(.fse-enabled) .site-title {
 }
 
 body:not(.fse-enabled) .site-description {
-	color: #333;
+	color: var(--wp--preset--color--foreground);
 }
 
 /**
@@ -4172,7 +4172,7 @@ body:not(.fse-enabled) .site-description {
 }
 
 .site-content {
-	background-color: var(--wp--preset--color--white);
+	background-color: var(--wp--preset--color--background);
 }
 
 #page .entry-header,
@@ -4210,16 +4210,16 @@ body:not(.fse-enabled) #site-navigation.main-navigation > div, body:not(.fse-ena
 }
 
 body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
-	color: var(--wp--preset--color--secondary-hover);
+	color: var(--wp--preset--color--primary);
 }
 
 body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
-	color: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--background);
 	text-decoration: none;
 }
 
 body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
-	color: var(--wp--preset--color--secondary-hover);
+	color: var(--wp--preset--color--primary);
 }
 
 @media only screen and (min-width: 560px) {
@@ -4229,21 +4229,22 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
 		list-style-type: disc;
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
-		color: var(--wp--preset--color--secondary-hover);
+		color: var(--wp--preset--color--primary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
-		color: var(--wp--preset--color--white);
+		color: var(--wp--preset--color--background);
 		font-size: 0.83333rem;
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul li a:hover {
-		color: var(--wp--preset--color--secondary-hover);
+		color: var(--wp--preset--color--primary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul li a::after {
-		color: #ffa4ad;
+		color: var(--wp--preset--color--background);
 		content: " \2022";
 		margin-left: 16px;
 		display: inline;
 		font-size: 1rem;
+		opacity: 0.58;
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul li:last-child a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul li:last-child a::after {
 		content: "";
@@ -4253,13 +4254,13 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
 
 @media only screen and (min-width: 560px) {
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul, body:not(.fse-enabled) .main-navigation.main-navigation ul ul {
-		background-color: var(--wp--preset--color--white);
+		background-color: var(--wp--preset--color--background);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li.current-menu-item a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li.current-menu-item a {
 		color: var(--wp--preset--color--secondary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a {
-		color: var(--wp--preset--color--secondary-hover);
+		color: var(--wp--preset--color--primary);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li a::after, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li a::after {
 		content: "";
@@ -4268,7 +4269,7 @@ body:not(.fse-enabled) #site-navigation.main-navigation ul li a:hover, body:not(
 		color: var(--wp--preset--color--primary-hover);
 	}
 	body:not(.fse-enabled) #site-navigation.main-navigation ul ul li:hover, body:not(.fse-enabled) .main-navigation.main-navigation ul ul li:hover {
-		background: #f2f2f2;
+		background: var(--wp--preset--color--background-high-contrast);
 	}
 }