Remove !important rules from custom colors.

seedlet/assets/css/ie.css

@@ -3986,43 +3986,43 @@ table th {
 }
 
 .has-primary-color[class] {
-	color: #000000 !important;
+	color: #000000;
 }
 
 .has-secondary-color[class] {
-	color: #3C8067 !important;
+	color: #3C8067;
 }
 
 .has-foreground-color[class] {
-	color: #333333 !important;
+	color: #333333;
 }
 
 .has-foreground-light-color[class] {
-	color: #444444 !important;
+	color: #444444;
 }
 
 .has-foreground-dark-color[class] {
-	color: #000000 !important;
+	color: #000000;
 }
 
 .has-tertiary-color[class] {
-	color: #FAFBF6 !important;
+	color: #FAFBF6;
 }
 
 .has-background-dark-color[class] {
-	color: #DDDDDD !important;
+	color: #DDDDDD;
 }
 
 .has-background-color[class] {
-	color: #FFFFFF !important;
+	color: #FFFFFF;
 }
 
 .has-white-color[class] {
-	color: white !important;
+	color: white;
 }
 
 .has-black-color[class] {
-	color: black !important;
+	color: black;
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -4031,52 +4031,52 @@ table th {
 }
 
 .has-primary-background-color[class] {
-	background-color: #000000 !important;
+	background-color: #000000;
 	color: #FFFFFF;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #3C8067 !important;
+	background-color: #3C8067;
 	color: #FFFFFF;
 }
 
 .has-foreground-background-color[class] {
-	background-color: #333333 !important;
+	background-color: #333333;
 	color: #FFFFFF;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #444444 !important;
+	background-color: #444444;
 	color: #FFFFFF;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #000000 !important;
+	background-color: #000000;
 	color: #FFFFFF;
 }
 
 .has-tertiary-background-color[class] {
-	background-color: #FAFBF6 !important;
+	background-color: #FAFBF6;
 	color: #333333;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #DDDDDD !important;
+	background-color: #DDDDDD;
 	color: #333333;
 }
 
 .has-background-background-color[class] {
-	background-color: #FFFFFF !important;
+	background-color: #FFFFFF;
 	color: #333333;
 }
 
 .has-white-background-color[class] {
-	background-color: white !important;
+	background-color: white;
 	color: #3C8067;
 }
 
 .has-black-background-color[class] {
-	background-color: black !important;
+	background-color: black;
 	color: #000000;
 }
 

seedlet/assets/css/style-editor.css

@@ -854,35 +854,35 @@ pre.wp-block-verse {
 }
 
 .has-primary-color[class] {
-	color: var(--global--color-primary) !important;
+	color: var(--global--color-primary);
 }
 
 .has-secondary-color[class] {
-	color: var(--global--color-secondary) !important;
+	color: var(--global--color-secondary);
 }
 
 .has-foreground-color[class] {
-	color: var(--global--color-foreground) !important;
+	color: var(--global--color-foreground);
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light) !important;
+	color: var(--global--color-foreground-light);
 }
 
 .has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark) !important;
+	color: var(--global--color-foreground-dark);
 }
 
 .has-tertiary-color[class] {
-	color: var(--global--color-tertiary) !important;
+	color: var(--global--color-tertiary);
 }
 
 .has-background-dark-color[class] {
-	color: var(--global--color-background-dark) !important;
+	color: var(--global--color-background-dark);
 }
 
 .has-background-color[class] {
-	color: var(--global--color-background) !important;
+	color: var(--global--color-background);
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -891,57 +891,57 @@ pre.wp-block-verse {
 }
 
 .has-primary-background-color[class] {
-	background-color: var(--global--color-primary) !important;
+	background-color: var(--global--color-primary);
 	color: var(--global--color-background);
 }
 
 .has-primary-background-color[class] {
-	background-color: var(--global--color-primary) !important;
+	background-color: var(--global--color-primary);
 	color: var(--global--color-background);
 }
 
 .has-secondary-background-color[class] {
-	background-color: var(--global--color-secondary) !important;
+	background-color: var(--global--color-secondary);
 	color: var(--global--color-background);
 }
 
 .has-foreground-background-color[class] {
-	background-color: var(--global--color-foreground) !important;
+	background-color: var(--global--color-foreground);
 	color: var(--global--color-background);
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light) !important;
+	background-color: var(--global--color-foreground-light);
 	color: var(--global--color-background);
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark) !important;
+	background-color: var(--global--color-foreground-dark);
 	color: var(--global--color-background);
 }
 
 .has-tertiary-background-color[class] {
-	background-color: var(--global--color-tertiary) !important;
+	background-color: var(--global--color-tertiary);
 	color: var(--global--color-foreground);
 }
 
 .has-background-dark-background-color[class] {
-	background-color: var(--global--color-background-dark) !important;
+	background-color: var(--global--color-background-dark);
 	color: var(--global--color-foreground);
 }
 
 .has-background-background-color[class] {
-	background-color: var(--global--color-background) !important;
+	background-color: var(--global--color-background);
 	color: var(--global--color-foreground);
 }
 
 .has-white-background-color[class] {
-	background-color: var(--global--color-white) !important;
+	background-color: var(--global--color-white);
 	color: var(--global--color-secondary);
 }
 
 .has-black-background-color[class] {
-	background-color: var(--global--color-black) !important;
+	background-color: var(--global--color-black);
 	color: var(--global--color-primary);
 }
 

seedlet/assets/sass/blocks/utilities/_editor.scss

@@ -23,35 +23,35 @@
 .has-text-color {}
 
 .has-primary-color[class] {
-	color: var(--global--color-primary) !important;
+	color: var(--global--color-primary);
 }
 
 .has-secondary-color[class] {
-	color: var(--global--color-secondary) !important;
+	color: var(--global--color-secondary);
 }
 
 .has-foreground-color[class] {
-	color: var(--global--color-foreground) !important;
+	color: var(--global--color-foreground);
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light) !important;
+	color: var(--global--color-foreground-light);
 }
 
 .has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark) !important;
+	color: var(--global--color-foreground-dark);
 }
 
 .has-tertiary-color[class] {
-	color: var(--global--color-tertiary) !important;
+	color: var(--global--color-tertiary);
 }
 
 .has-background-dark-color[class] {
-	color: var(--global--color-background-dark) !important;
+	color: var(--global--color-background-dark);
 }
 
 .has-background-color[class] {
-	color: var(--global--color-background) !important;
+	color: var(--global--color-background);
 }
 
 // Gutenberg background-color options
@@ -63,57 +63,57 @@
 }
 
 .has-primary-background-color[class] {
-	background-color: var(--global--color-primary) !important;
+	background-color: var(--global--color-primary);
 	color: var(--global--color-background);
 }
 
 .has-primary-background-color[class] {
-	background-color: var(--global--color-primary) !important;
+	background-color: var(--global--color-primary);
 	color: var(--global--color-background);
 }
 
 .has-secondary-background-color[class] {
-	background-color: var(--global--color-secondary) !important;
+	background-color: var(--global--color-secondary);
 	color: var(--global--color-background);
 }
 
 .has-foreground-background-color[class] {
-	background-color: var(--global--color-foreground) !important;
+	background-color: var(--global--color-foreground);
 	color: var(--global--color-background);
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light) !important;
+	background-color: var(--global--color-foreground-light);
 	color: var(--global--color-background);
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark) !important;
+	background-color: var(--global--color-foreground-dark);
 	color: var(--global--color-background);
 }
 
 .has-tertiary-background-color[class] {
-	background-color: var(--global--color-tertiary) !important;
+	background-color: var(--global--color-tertiary);
 	color: var(--global--color-foreground);
 }
 
 .has-background-dark-background-color[class] {
-	background-color: var(--global--color-background-dark) !important;
+	background-color: var(--global--color-background-dark);
 	color: var(--global--color-foreground);
 }
 
 .has-background-background-color[class] {
-	background-color: var(--global--color-background) !important;
+	background-color: var(--global--color-background);
 	color: var(--global--color-foreground);
 }
 
 .has-white-background-color[class] {
-	background-color: var(--global--color-white) !important;
+	background-color: var(--global--color-white);
 	color: var(--global--color-secondary);
 }
 
 .has-black-background-color[class] {
-	background-color: var(--global--color-black) !important;
+	background-color: var(--global--color-black);
 	color: var(--global--color-primary);
 }
 

seedlet/assets/sass/blocks/utilities/_style.scss

@@ -112,43 +112,43 @@
 .has-text-color {}
 
 .has-primary-color[class] {
-	color: var(--global--color-primary) !important;
+	color: var(--global--color-primary);
 }
 
 .has-secondary-color[class] {
-	color: var(--global--color-secondary) !important;
+	color: var(--global--color-secondary);
 }
 
 .has-foreground-color[class] {
-	color: var(--global--color-foreground) !important;
+	color: var(--global--color-foreground);
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light) !important;
+	color: var(--global--color-foreground-light);
 }
 
 .has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark) !important;
+	color: var(--global--color-foreground-dark);
 }
 
 .has-tertiary-color[class] {
-	color: var(--global--color-tertiary) !important;
+	color: var(--global--color-tertiary);
 }
 
 .has-background-dark-color[class] {
-	color: var(--global--color-background-dark) !important;
+	color: var(--global--color-background-dark);
 }
 
 .has-background-color[class] {
-	color: var(--global--color-background) !important;
+	color: var(--global--color-background);
 }
 
 .has-white-color[class] {
-	color: var(--global--color-white) !important;
+	color: var(--global--color-white);
 }
 
 .has-black-color[class] {
-	color: var(--global--color-black) !important;
+	color: var(--global--color-black);
 }
 
 // Gutenberg background-color options
@@ -160,52 +160,52 @@
 }
 
 .has-primary-background-color[class] {
-	background-color: var(--global--color-primary) !important;
+	background-color: var(--global--color-primary);
 	color: var(--global--color-background);
 }
 
 .has-secondary-background-color[class] {
-	background-color: var(--global--color-secondary) !important;
+	background-color: var(--global--color-secondary);
 	color: var(--global--color-background);
 }
 
 .has-foreground-background-color[class] {
-	background-color: var(--global--color-foreground) !important;
+	background-color: var(--global--color-foreground);
 	color: var(--global--color-background);
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light) !important;
+	background-color: var(--global--color-foreground-light);
 	color: var(--global--color-background);
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark) !important;
+	background-color: var(--global--color-foreground-dark);
 	color: var(--global--color-background);
 }
 
 .has-tertiary-background-color[class] {
-	background-color: var(--global--color-tertiary) !important;
+	background-color: var(--global--color-tertiary);
 	color: var(--global--color-foreground);
 }
 
 .has-background-dark-background-color[class] {
-	background-color: var(--global--color-background-dark) !important;
+	background-color: var(--global--color-background-dark);
 	color: var(--global--color-foreground);
 }
 
 .has-background-background-color[class] {
-	background-color: var(--global--color-background) !important;
+	background-color: var(--global--color-background);
 	color: var(--global--color-foreground);
 }
 
 .has-white-background-color[class] {
-	background-color: var(--global--color-white) !important;
+	background-color: var(--global--color-white);
 	color: var(--global--color-secondary);
 }
 
 .has-black-background-color[class] {
-	background-color: var(--global--color-black) !important;
+	background-color: var(--global--color-black);
 	color: var(--global--color-primary);
 }
 

seedlet/style-rtl.css

@@ -355,7 +355,8 @@ Included in theme screenshot.
 /**
  * Extends
  */
-.default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.default-max-width, hr.wp-block-separator.is-style-wide, .page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
 	max-width: var(--responsive--aligndefault-width);
 	margin-right: auto;
@@ -2404,43 +2405,43 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: var(--global--color-primary) !important;
+	color: var(--global--color-primary);
 }
 
 .has-secondary-color[class] {
-	color: var(--global--color-secondary) !important;
+	color: var(--global--color-secondary);
 }
 
 .has-foreground-color[class] {
-	color: var(--global--color-foreground) !important;
+	color: var(--global--color-foreground);
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light) !important;
+	color: var(--global--color-foreground-light);
 }
 
 .has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark) !important;
+	color: var(--global--color-foreground-dark);
 }
 
 .has-tertiary-color[class] {
-	color: var(--global--color-tertiary) !important;
+	color: var(--global--color-tertiary);
 }
 
 .has-background-dark-color[class] {
-	color: var(--global--color-background-dark) !important;
+	color: var(--global--color-background-dark);
 }
 
 .has-background-color[class] {
-	color: var(--global--color-background) !important;
+	color: var(--global--color-background);
 }
 
 .has-white-color[class] {
-	color: var(--global--color-white) !important;
+	color: var(--global--color-white);
 }
 
 .has-black-color[class] {
-	color: var(--global--color-black) !important;
+	color: var(--global--color-black);
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -2449,52 +2450,52 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: var(--global--color-primary) !important;
+	background-color: var(--global--color-primary);
 	color: var(--global--color-background);
 }
 
 .has-secondary-background-color[class] {
-	background-color: var(--global--color-secondary) !important;
+	background-color: var(--global--color-secondary);
 	color: var(--global--color-background);
 }
 
 .has-foreground-background-color[class] {
-	background-color: var(--global--color-foreground) !important;
+	background-color: var(--global--color-foreground);
 	color: var(--global--color-background);
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light) !important;
+	background-color: var(--global--color-foreground-light);
 	color: var(--global--color-background);
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark) !important;
+	background-color: var(--global--color-foreground-dark);
 	color: var(--global--color-background);
 }
 
 .has-tertiary-background-color[class] {
-	background-color: var(--global--color-tertiary) !important;
+	background-color: var(--global--color-tertiary);
 	color: var(--global--color-foreground);
 }
 
 .has-background-dark-background-color[class] {
-	background-color: var(--global--color-background-dark) !important;
+	background-color: var(--global--color-background-dark);
 	color: var(--global--color-foreground);
 }
 
 .has-background-background-color[class] {
-	background-color: var(--global--color-background) !important;
+	background-color: var(--global--color-background);
 	color: var(--global--color-foreground);
 }
 
 .has-white-background-color[class] {
-	background-color: var(--global--color-white) !important;
+	background-color: var(--global--color-white);
 	color: var(--global--color-secondary);
 }
 
 .has-black-background-color[class] {
-	background-color: var(--global--color-black) !important;
+	background-color: var(--global--color-black);
 	color: var(--global--color-primary);
 }
 

seedlet/style.css

@@ -2418,43 +2418,43 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: var(--global--color-primary) !important;
+	color: var(--global--color-primary);
 }
 
 .has-secondary-color[class] {
-	color: var(--global--color-secondary) !important;
+	color: var(--global--color-secondary);
 }
 
 .has-foreground-color[class] {
-	color: var(--global--color-foreground) !important;
+	color: var(--global--color-foreground);
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light) !important;
+	color: var(--global--color-foreground-light);
 }
 
 .has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark) !important;
+	color: var(--global--color-foreground-dark);
 }
 
 .has-tertiary-color[class] {
-	color: var(--global--color-tertiary) !important;
+	color: var(--global--color-tertiary);
 }
 
 .has-background-dark-color[class] {
-	color: var(--global--color-background-dark) !important;
+	color: var(--global--color-background-dark);
 }
 
 .has-background-color[class] {
-	color: var(--global--color-background) !important;
+	color: var(--global--color-background);
 }
 
 .has-white-color[class] {
-	color: var(--global--color-white) !important;
+	color: var(--global--color-white);
 }
 
 .has-black-color[class] {
-	color: var(--global--color-black) !important;
+	color: var(--global--color-black);
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -2463,52 +2463,52 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: var(--global--color-primary) !important;
+	background-color: var(--global--color-primary);
 	color: var(--global--color-background);
 }
 
 .has-secondary-background-color[class] {
-	background-color: var(--global--color-secondary) !important;
+	background-color: var(--global--color-secondary);
 	color: var(--global--color-background);
 }
 
 .has-foreground-background-color[class] {
-	background-color: var(--global--color-foreground) !important;
+	background-color: var(--global--color-foreground);
 	color: var(--global--color-background);
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light) !important;
+	background-color: var(--global--color-foreground-light);
 	color: var(--global--color-background);
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark) !important;
+	background-color: var(--global--color-foreground-dark);
 	color: var(--global--color-background);
 }
 
 .has-tertiary-background-color[class] {
-	background-color: var(--global--color-tertiary) !important;
+	background-color: var(--global--color-tertiary);
 	color: var(--global--color-foreground);
 }
 
 .has-background-dark-background-color[class] {
-	background-color: var(--global--color-background-dark) !important;
+	background-color: var(--global--color-background-dark);
 	color: var(--global--color-foreground);
 }
 
 .has-background-background-color[class] {
-	background-color: var(--global--color-background) !important;
+	background-color: var(--global--color-background);
 	color: var(--global--color-foreground);
 }
 
 .has-white-background-color[class] {
-	background-color: var(--global--color-white) !important;
+	background-color: var(--global--color-white);
 	color: var(--global--color-secondary);
 }
 
 .has-black-background-color[class] {
-	background-color: var(--global--color-black) !important;
+	background-color: var(--global--color-black);
 	color: var(--global--color-primary);
 }