diff --git a/patterns/page-04-newsletter-landing.php b/patterns/page-04-newsletter-landing.php index 1aaf591d..257a7146 100644 --- a/patterns/page-04-newsletter-landing.php +++ b/patterns/page-04-newsletter-landing.php @@ -20,8 +20,8 @@ - -

+ + diff --git a/patterns/services-cta.php b/patterns/services-cta.php index 24c6a3ed..8521d468 100644 --- a/patterns/services-cta.php +++ b/patterns/services-cta.php @@ -10,8 +10,8 @@
-
-
<?php echo esc_attr__( 'A man holding some paper', 'twentytwentyfour' ); ?>
+
+
<?php echo esc_attr( 'A man holding some paper', 'twentytwentyfour' ); ?>
diff --git a/styles/onyx.json b/styles/onyx.json new file mode 100644 index 00000000..84e7ed23 --- /dev/null +++ b/styles/onyx.json @@ -0,0 +1,170 @@ +{ + "version": 2, + "title": "Onyx", + "$schema": "https://schemas.wp.org/trunk/theme.json", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#272727", + "#f9f9f9" + ], + "slug": "duotone-1", + "name": "Dark gray and white" + }, + { + "colors": [ + "#272727", + "#5F584F" + ], + "slug": "duotone-2", + "name": "Dark gray and walnut" + }, + { + "colors": [ + "#272727", + "#973C20" + ], + "slug": "duotone-3", + "name": "Dark gray and cinnamon" + }, + { + "colors": [ + "#272727", + "#4D5B48" + ], + "slug": "duotone-4", + "name": "Dark gray and olive" + }, + { + "colors": [ + "#272727", + "#4F5959" + ], + "slug": "duotone-5", + "name": "Dark gray and steel" + } + ], + "gradients": [ + { + "slug": "gradient-1", + "gradient": "linear-gradient(to bottom, #5F584F 0%, #272727 100%)", + "name": "Vertical soft driftwood to dark gray" + }, + { + "slug": "gradient-2", + "gradient": "linear-gradient(to bottom, #6D533C 0%, #272727 100%)", + "name": "Vertical soft walnut to dark gray" + }, + { + "slug": "gradient-3", + "gradient": "linear-gradient(to bottom, #973C20 0%, #272727 100%)", + "name": "Vertical soft cinnamon to dark gray" + }, + { + "slug": "gradient-4", + "gradient": "linear-gradient(to bottom, #4D5B48 0%, #272727 100%)", + "name": "Vertical soft olive to dark gray" + }, + { + "slug": "gradient-5", + "gradient": "linear-gradient(to bottom, #4F5959 0%, #272727 100%)", + "name": "Vertical soft steel to dark gray" + }, + { + "slug": "gradient-6", + "gradient": "linear-gradient(to bottom, #909090 0%, #272727 100%)", + "name": "Vertical soft pewter to dark gray" + }, + { + "slug": "gradient-7", + "gradient": "linear-gradient(to bottom, #5F584F 50%, #272727 50%)", + "name": "Vertical hard beige to dark gray" + }, + { + "slug": "gradient-8", + "gradient": "linear-gradient(to bottom, #6D533C 50%, #272727 50%)", + "name": "Vertical hard walnut to dark gray" + }, + { + "slug": "gradient-9", + "gradient": "linear-gradient(to bottom, #973C20 50%, #272727 50%)", + "name": "Vertical hard cinnamon to dark gray" + }, + { + "slug": "gradient-10", + "gradient": "linear-gradient(to bottom, #4D5B48 50%, #272727 50%)", + "name": "Vertical hard olive to dark gray" + }, + { + "slug": "gradient-11", + "gradient": "linear-gradient(to bottom, #4F5959 50%, #272727 50%)", + "name": "Vertical hard steel to dark gray" + }, + { + "slug": "gradient-12", + "gradient": "linear-gradient(to bottom, #A4A4A4 50%, #272727 50%)", + "name": "Vertical hard pewter to dark gray" + } + ], + "palette": [ + { + "color": "#272727", + "name": "Base", + "slug": "base" + }, + { + "color": "#303030", + "name": "Base / Two", + "slug": "base-2" + }, + { + "color": "#ffffff26", + "name": "Base / Three", + "slug": "base-3" + }, + { + "color": "#f9f9f9", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#B7B7B7", + "name": "Contrast / Two", + "slug": "contrast-2" + }, + { + "color": "#909090", + "name": "Contrast / Three", + "slug": "contrast-3" + }, + { + "color": "#5F584F", + "name": "Accent", + "slug": "accent" + }, + { + "color": "#6D533C", + "name": "Accent / Two", + "slug": "accent-2" + }, + { + "color": "#973C20", + "name": "Accent / Three", + "slug": "accent-3" + }, + { + "color": "#4D5B48", + "name": "Accent / Four", + "slug": "accent-4" + }, + { + "color": "#4F5959", + "name": "Accent / Five", + "slug": "accent-5" + } + ] + } + } +} diff --git a/theme.json b/theme.json index 0308ce28..1139d0d4 100644 --- a/theme.json +++ b/theme.json @@ -13,7 +13,7 @@ "#111111", "#ffffff" ], - "slug": "black-and-white", + "slug": "duotone-1", "name": "Black and white" }, { @@ -21,7 +21,7 @@ "#111111", "#C2A990" ], - "slug": "black-and-sandstone", + "slug": "duotone-2", "name": "Black and sandstone" }, { @@ -29,7 +29,7 @@ "#111111", "#D8613C" ], - "slug": "black-and-rust", + "slug": "duotone-3", "name": "Black and rust" }, { @@ -37,7 +37,7 @@ "#111111", "#B1C5A4" ], - "slug": "black-and-sage", + "slug": "duotone-4", "name": "Black and sage" }, { @@ -45,68 +45,68 @@ "#111111", "#B5BDBC" ], - "slug": "black-and-pastel-blue", + "slug": "duotone-5", "name": "Black and pastel blue" } ], "gradients": [ { - "slug": "vertical-soft-beige-to-white", + "slug": "gradient-1", "gradient": "linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%)", "name": "Vertical soft beige to white" }, { - "slug": "vertical-soft-sandstone-to-white", + "slug": "gradient-2", "gradient": "linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%)", "name": "Vertical soft sandstone to white" }, { - "slug": "vertical-soft-rust-to-white", + "slug": "gradient-3", "gradient": "linear-gradient(to bottom, #D8613C 0%, #F9F9F9 100%)", "name": "Vertical soft rust to white" }, { - "slug": "vertical-soft-sage-to-white", + "slug": "gradient-4", "gradient": "linear-gradient(to bottom, #B1C5A4 0%, #F9F9F9 100%)", "name": "Vertical soft sage to white" }, { - "slug": "vertical-soft-mint-to-white", + "slug": "gradient-5", "gradient": "linear-gradient(to bottom, #B5BDBC 0%, #F9F9F9 100%)", "name": "Vertical soft mint to white" }, { - "slug": "vertical-soft-pewter-to-white", + "slug": "gradient-6", "gradient": "linear-gradient(to bottom, #A4A4A4 0%, #F9F9F9 100%)", "name": "Vertical soft pewter to white" }, { - "slug": "vertical-hard-beige-to-white", + "slug": "gradient-7", "gradient": "linear-gradient(to bottom, #cfcabe 50%, #F9F9F9 50%)", "name": "Vertical hard beige to white" }, { - "slug": "vertical-hard-sandstone-to-white", + "slug": "gradient-8", "gradient": "linear-gradient(to bottom, #C2A990 50%, #F9F9F9 50%)", "name": "Vertical hard sandstone to white" }, { - "slug": "vertical-hard-rust-to-white", + "slug": "gradient-9", "gradient": "linear-gradient(to bottom, #D8613C 50%, #F9F9F9 50%)", "name": "Vertical hard rust to white" }, { - "slug": "vertical-hard-sage-to-white", + "slug": "gradient-10", "gradient": "linear-gradient(to bottom, #B1C5A4 50%, #F9F9F9 50%)", "name": "Vertical hard sage to white" }, { - "slug": "vertical-hard-mint-to-white", + "slug": "gradient-11", "gradient": "linear-gradient(to bottom, #B5BDBC 50%, #F9F9F9 50%)", "name": "Vertical hard mint to white" }, { - "slug": "vertical-hard-pewter-to-white", + "slug": "gradient-12", "gradient": "linear-gradient(to bottom, #A4A4A4 50%, #F9F9F9 50%)", "name": "Vertical hard pewter to white" }