├── .nvmrc ├── .gitignore ├── .stylelintrc.json ├── templates ├── blank.html ├── index.html ├── order-confirmation.html ├── no-title.html ├── page.html ├── home.html ├── 404.html ├── archive.html ├── no-title-sticky-header.html ├── page-with-title.html ├── page-cart.html └── page-checkout.html ├── .gitattributes ├── screenshot.png ├── assets ├── fonts │ ├── karla │ │ └── karla.woff2 │ ├── rubik │ │ └── rubik.woff2 │ ├── mulish │ │ └── mulish.woff2 │ ├── oswald │ │ ├── oswald.woff2 │ │ └── README.txt │ ├── gotu │ │ └── gotu-regular.woff2 │ ├── manrope │ │ └── manrope.woff2 │ ├── geom │ │ └── geom-variable.woff2 │ ├── hind │ │ └── hind-variable.woff2 │ ├── jost │ │ └── jost-variable.woff2 │ ├── archivo │ │ └── archivo_wght.woff2 │ ├── arsenal │ │ ├── arsenal-bold.woff2 │ │ └── arsenal-regular.woff2 │ ├── inter │ │ └── inter-variable.woff2 │ ├── koulen │ │ └── koulen-regular.woff2 │ ├── montserrat │ │ └── montserrat.woff2 │ ├── marcellus │ │ └── marcellus_wght.woff2 │ ├── roboto-flex │ │ └── roboto-flex.woff2 │ ├── heebo │ │ └── heebo-variable-wght.woff2 │ ├── radio-canada │ │ └── radio-canada.woff2 │ ├── space-mono │ │ ├── space-mono-bold.woff2 │ │ └── space-mono-regular.woff2 │ ├── baloo-tamma-2 │ │ └── baloo-tamma-2_wght.woff2 │ ├── ibm-plex-sans │ │ ├── ibm-plex-sans-bold.woff2 │ │ ├── ibm-plex-sans-thin.woff2 │ │ ├── ibm-plex-sans-light.woff2 │ │ ├── ibm-plex-sans-medium.woff2 │ │ ├── ibm-plex-sans-regular.woff2 │ │ ├── ibm-plex-sans-semibold.woff2 │ │ └── ibm-plex-sans-extra-light.woff2 │ ├── inconsolata │ │ └── inconsolata-variable.woff2 │ ├── source-serif-pro │ │ └── source-serif-pro.woff2 │ └── noto-serif-display │ │ └── noto-serif-display.woff2 ├── js │ └── navigation-customization.js └── css │ ├── contact-form-7.css │ └── wpforms.css ├── index.php ├── styles ├── block-presets │ ├── button │ │ ├── soft-1 │ │ │ └── button-1 │ │ │ │ └── preset.json │ │ ├── natural-1 │ │ │ └── button-1 │ │ │ │ └── preset.json │ │ ├── gradient-1 │ │ │ └── button-1 │ │ │ │ └── preset.json │ │ ├── organic-1 │ │ │ └── button-1 │ │ │ │ └── preset.json │ │ └── brutalism-1 │ │ │ └── button-1 │ │ │ └── preset.json │ ├── group │ │ ├── natural-1 │ │ │ ├── footer-1 │ │ │ │ └── preset.json │ │ │ ├── header-1 │ │ │ │ └── preset.json │ │ │ ├── section │ │ │ │ └── preset.json │ │ │ ├── template │ │ │ │ └── preset.json │ │ │ └── item-card-1 │ │ │ │ ├── align-start │ │ │ │ └── preset.json │ │ │ │ └── align-center │ │ │ │ └── preset.json │ │ ├── gradient-1 │ │ │ ├── footer-1 │ │ │ │ └── preset.json │ │ │ ├── header-1 │ │ │ │ └── preset.json │ │ │ ├── section │ │ │ │ └── preset.json │ │ │ ├── template │ │ │ │ └── preset.json │ │ │ └── item-card-1 │ │ │ │ ├── align-start │ │ │ │ └── preset.json │ │ │ │ └── align-center │ │ │ │ └── preset.json │ │ ├── soft-1 │ │ │ └── item-card-1 │ │ │ │ ├── align-start │ │ │ │ └── preset.json │ │ │ │ └── align-center │ │ │ │ └── preset.json │ │ ├── organic-1 │ │ │ └── item-card-1 │ │ │ │ ├── align-start │ │ │ │ └── preset.json │ │ │ │ └── align-center │ │ │ │ └── preset.json │ │ └── brutalism-1 │ │ │ └── item-card-1 │ │ │ ├── align-start │ │ │ └── preset.json │ │ │ └── align-center │ │ │ └── preset.json │ ├── image │ │ ├── natural-1 │ │ │ └── image-1 │ │ │ │ ├── content-top │ │ │ │ └── preset.json │ │ │ │ ├── content-any │ │ │ │ └── preset.json │ │ │ │ ├── content-left │ │ │ │ └── preset.json │ │ │ │ ├── content-right │ │ │ │ └── preset.json │ │ │ │ └── content-bottom │ │ │ │ └── preset.json │ │ ├── soft-1 │ │ │ └── image-1 │ │ │ │ ├── content-left │ │ │ │ └── preset.json │ │ │ │ ├── content-top │ │ │ │ └── preset.json │ │ │ │ ├── content-any │ │ │ │ └── preset.json │ │ │ │ ├── content-bottom │ │ │ │ └── preset.json │ │ │ │ └── content-right │ │ │ │ └── preset.json │ │ ├── organic-1 │ │ │ └── image-1 │ │ │ │ ├── content-any │ │ │ │ └── preset.json │ │ │ │ ├── content-top │ │ │ │ └── preset.json │ │ │ │ ├── content-left │ │ │ │ └── preset.json │ │ │ │ ├── content-right │ │ │ │ └── preset.json │ │ │ │ └── content-bottom │ │ │ │ └── preset.json │ │ ├── gradient-1 │ │ │ └── image-1 │ │ │ │ ├── content-any │ │ │ │ └── preset.json │ │ │ │ ├── content-left │ │ │ │ └── preset.json │ │ │ │ ├── content-right │ │ │ │ └── preset.json │ │ │ │ ├── content-top │ │ │ │ └── preset.json │ │ │ │ └── content-bottom │ │ │ │ └── preset.json │ │ └── brutalism-1 │ │ │ └── image-1 │ │ │ ├── content-any │ │ │ └── preset.json │ │ │ ├── content-bottom │ │ │ └── preset.json │ │ │ ├── content-left │ │ │ └── preset.json │ │ │ ├── content-top │ │ │ └── preset.json │ │ │ └── content-right │ │ │ └── preset.json │ ├── cover │ │ └── natural-1 │ │ │ └── cover-overlay-1 │ │ │ └── preset.json │ └── media-text │ │ ├── soft-1 │ │ └── card-1 │ │ │ └── preset.json │ │ ├── gradient-1 │ │ └── card-1 │ │ │ └── preset.json │ │ ├── natural-1 │ │ └── card-1 │ │ │ └── preset.json │ │ ├── organic-1 │ │ └── card-1 │ │ │ └── preset.json │ │ └── brutalism-1 │ │ └── card-1 │ │ └── preset.json ├── typography │ ├── baloo-tamma-2-mulish.json │ ├── gotu-manrope.json │ ├── hind.json │ ├── oswald-inter.json │ ├── arsenal-radio-canada.json │ ├── rubik.json │ ├── archivo.json │ ├── jost-mulish.json │ ├── marcellus-ibm-plex-sans.json │ ├── noto-serif-display-radio-canada.json │ ├── montserrat-heebo.json │ ├── heebo.json │ ├── geom-roboto-flex.json │ ├── montserrat-inter.json │ ├── source-serif-pro-inter.json │ ├── source-serif-pro-roboto-flex.json │ └── space-mono.json ├── lagoon.json ├── colors │ ├── orange.json │ ├── onyx.json │ ├── cairo.json │ ├── lilac.json │ ├── midnight.json │ ├── obsidian.json │ ├── clay.json │ ├── brick.json │ ├── cobalt.json │ ├── coral.json │ ├── evergreen.json │ ├── gold.json │ ├── lime.json │ └── moss.json ├── royal.json ├── 03-slate.json ├── 11-neon.json ├── lime.json ├── teal.json ├── 08-moss.json ├── 12-limepop.json ├── 13-rosewood.json ├── brick.json ├── merlot.json ├── mulberry.json ├── sunset.json ├── indigo.json ├── 02-cobalt.json ├── 04-gold.json ├── 07-coral.json ├── clay.json └── 01-evergreen.json ├── patterns ├── hidden-no-results.php ├── hidden-search.php ├── hidden-no-products.php ├── hidden-404.php ├── header-default.php ├── footer-logo-nav.php ├── header-title-nav-button.php ├── general-cta.php ├── footer-default.php ├── footer-logo-desc-two-nav.php ├── hidden-woo-related-products.php └── header-title-social-nav.php ├── .editorconfig ├── composer.json ├── phpcs.xml.dist ├── parts ├── footer-with-nav.html ├── footer-social-icons.html ├── header.html ├── header-title-nav-button.html ├── footer-logo-nav.html ├── header-with-search-bar.html ├── footer.html ├── header-title-social-nav.html ├── footer-with-address-four-columns.html ├── header-with-center-logo-and-search-bar.html └── footer-with-center-logo-and-menu.html ├── bin └── build-zip.sh ├── package.json └── README.md /.nvmrc: -------------------------------------------------------------------------------- 1 | 20 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | vendor 3 | build 4 | *.DS_Store 5 | -------------------------------------------------------------------------------- /.stylelintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "stylelint-config-recommended" 3 | } 4 | -------------------------------------------------------------------------------- /templates/blank.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/screenshot.png -------------------------------------------------------------------------------- /assets/fonts/karla/karla.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/karla/karla.woff2 -------------------------------------------------------------------------------- /assets/fonts/rubik/rubik.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/rubik/rubik.woff2 -------------------------------------------------------------------------------- /assets/fonts/mulish/mulish.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/mulish/mulish.woff2 -------------------------------------------------------------------------------- /assets/fonts/oswald/oswald.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/oswald/oswald.woff2 -------------------------------------------------------------------------------- /assets/fonts/gotu/gotu-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/gotu/gotu-regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/manrope/manrope.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/manrope/manrope.woff2 -------------------------------------------------------------------------------- /assets/fonts/geom/geom-variable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/geom/geom-variable.woff2 -------------------------------------------------------------------------------- /assets/fonts/hind/hind-variable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/hind/hind-variable.woff2 -------------------------------------------------------------------------------- /assets/fonts/jost/jost-variable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/jost/jost-variable.woff2 -------------------------------------------------------------------------------- /assets/fonts/archivo/archivo_wght.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/archivo/archivo_wght.woff2 -------------------------------------------------------------------------------- /assets/fonts/arsenal/arsenal-bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/arsenal/arsenal-bold.woff2 -------------------------------------------------------------------------------- /assets/fonts/inter/inter-variable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/inter/inter-variable.woff2 -------------------------------------------------------------------------------- /assets/fonts/koulen/koulen-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/koulen/koulen-regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/montserrat/montserrat.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/montserrat/montserrat.woff2 -------------------------------------------------------------------------------- /assets/fonts/arsenal/arsenal-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/arsenal/arsenal-regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/marcellus/marcellus_wght.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/marcellus/marcellus_wght.woff2 -------------------------------------------------------------------------------- /assets/fonts/roboto-flex/roboto-flex.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/roboto-flex/roboto-flex.woff2 -------------------------------------------------------------------------------- /assets/fonts/heebo/heebo-variable-wght.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/heebo/heebo-variable-wght.woff2 -------------------------------------------------------------------------------- /assets/fonts/radio-canada/radio-canada.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/radio-canada/radio-canada.woff2 -------------------------------------------------------------------------------- /assets/fonts/space-mono/space-mono-bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/space-mono/space-mono-bold.woff2 -------------------------------------------------------------------------------- /assets/fonts/space-mono/space-mono-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/space-mono/space-mono-regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/baloo-tamma-2/baloo-tamma-2_wght.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/baloo-tamma-2/baloo-tamma-2_wght.woff2 -------------------------------------------------------------------------------- /assets/fonts/ibm-plex-sans/ibm-plex-sans-bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/ibm-plex-sans/ibm-plex-sans-bold.woff2 -------------------------------------------------------------------------------- /assets/fonts/ibm-plex-sans/ibm-plex-sans-thin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/ibm-plex-sans/ibm-plex-sans-thin.woff2 -------------------------------------------------------------------------------- /assets/fonts/inconsolata/inconsolata-variable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/inconsolata/inconsolata-variable.woff2 -------------------------------------------------------------------------------- /assets/fonts/ibm-plex-sans/ibm-plex-sans-light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/ibm-plex-sans/ibm-plex-sans-light.woff2 -------------------------------------------------------------------------------- /assets/fonts/ibm-plex-sans/ibm-plex-sans-medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/ibm-plex-sans/ibm-plex-sans-medium.woff2 -------------------------------------------------------------------------------- /assets/fonts/source-serif-pro/source-serif-pro.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/source-serif-pro/source-serif-pro.woff2 -------------------------------------------------------------------------------- /assets/fonts/ibm-plex-sans/ibm-plex-sans-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/ibm-plex-sans/ibm-plex-sans-regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/ibm-plex-sans/ibm-plex-sans-semibold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/ibm-plex-sans/ibm-plex-sans-semibold.woff2 -------------------------------------------------------------------------------- /assets/fonts/noto-serif-display/noto-serif-display.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/noto-serif-display/noto-serif-display.woff2 -------------------------------------------------------------------------------- /assets/fonts/ibm-plex-sans/ibm-plex-sans-extra-light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/extendify/extendable/HEAD/assets/fonts/ibm-plex-sans/ibm-plex-sans-extra-light.woff2 -------------------------------------------------------------------------------- /templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /styles/block-presets/button/soft-1/button-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Button 1", 5 | "slug": "ext-preset--button--soft-1--button-1", 6 | "blockTypes": ["core/button"], 7 | "styles": { 8 | "border": { 9 | "radius": "16px" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /patterns/hidden-no-results.php: -------------------------------------------------------------------------------- 1 | 8 | 9 |

10 | 11 | -------------------------------------------------------------------------------- /styles/block-presets/button/natural-1/button-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Button 1", 5 | "slug": "ext-preset--button--natural-1--button-1", 6 | "blockTypes": ["core/button"], 7 | "styles": { 8 | "typography": { 9 | "fontSize": "inherit" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/block-presets/button/gradient-1/button-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Button 1", 5 | "slug": "ext-preset--button--gradient-1--button-1", 6 | "blockTypes": ["core/button"], 7 | "styles": { 8 | "border": { 9 | "radius": "8px" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/block-presets/button/organic-1/button-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Button 1", 5 | "slug": "ext-preset--button--organic-1--button-1", 6 | "blockTypes": ["core/button"], 7 | "styles": { 8 | "border": { 9 | "radius": "99999px" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/block-presets/group/natural-1/footer-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Footer 1", 5 | "slug": "ext-preset--group--natural-1--footer-1", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "spacing": { 9 | "blockGap": "var(--wp--preset--spacing--30)" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/block-presets/group/natural-1/header-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Header 1", 5 | "slug": "ext-preset--group--natural-1--header-1", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "spacing": { 9 | "blockGap": "var(--wp--preset--spacing--30)" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/block-presets/group/natural-1/section/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Section 1", 5 | "slug": "ext-preset--group--natural-1--section", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "spacing": { 9 | "blockGap": "var(--wp--preset--spacing--30)" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/block-presets/group/natural-1/template/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Template 1", 5 | "slug": "ext-preset--group--natural-1--template", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "spacing": { 9 | "blockGap": "var(--wp--preset--spacing--30)" 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /patterns/hidden-search.php: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /styles/block-presets/image/natural-1/image-1/content-top/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Content Above of Image", 5 | "slug": "ext-preset--image--natural-1--image-1--content-top", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "0" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/natural-1/image-1/content-any/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Content Anywhere of Image", 5 | "slug": "ext-preset--image--natural-1--image-1--content-any", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "0" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/natural-1/image-1/content-left/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Content Left of Image", 5 | "slug": "ext-preset--image--natural-1--image-1--content-left", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "0" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/natural-1/image-1/content-right/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Content Right of Image", 5 | "slug": "ext-preset--image--natural-1--image-1--content-right", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "0" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/soft-1/image-1/content-left/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Content Left of Image", 5 | "slug": "ext-preset--image--soft-1--image-1--content-left", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "32px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/soft-1/image-1/content-top/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Content Above of Image", 5 | "slug": "ext-preset--image--soft-1--image-1--content-top", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "32px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/natural-1/image-1/content-bottom/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Content Below of Image", 5 | "slug": "ext-preset--image--natural-1--image-1--content-bottom", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "0" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/soft-1/image-1/content-any/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Content Anywhere of Image", 5 | "slug": "ext-preset--image--soft-1--image-1--content-any", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "32px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/soft-1/image-1/content-bottom/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Content Below of Image", 5 | "slug": "ext-preset--image--soft-1--image-1--content-bottom", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "32px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/soft-1/image-1/content-right/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Content Right of Image", 5 | "slug": "ext-preset--image--soft-1--image-1--content-right", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "32px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/organic-1/image-1/content-any/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Image 1 Content Any", 5 | "slug": "ext-preset--image--organic-1--image-1--content-any", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "9999px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/gradient-1/image-1/content-any/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Content Anywhere of Image", 5 | "slug": "ext-preset--image--gradient-1--image-1--content-any", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "12px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/gradient-1/image-1/content-left/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Content Left of Image", 5 | "slug": "ext-preset--image--gradient-1--image-1--content-left", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "12px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/gradient-1/image-1/content-right/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Content Right of Image", 5 | "slug": "ext-preset--image--gradient-1--image-1--content-right", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "12px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/gradient-1/image-1/content-top/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Content Above of Image", 5 | "slug": "ext-preset--image--gradient-1--image-1--content-top", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "12px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/image/gradient-1/image-1/content-bottom/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Content Below of Image", 5 | "slug": "ext-preset--image--gradient-1--image-1--content-bottom", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "12px" 10 | } 11 | } 12 | } -------------------------------------------------------------------------------- /styles/block-presets/button/brutalism-1/button-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Button 1", 5 | "slug": "ext-preset--button--brutalism-1--button-1", 6 | "blockTypes": ["core/button"], 7 | "styles": { 8 | "border": { 9 | "radius": "16px" 10 | }, 11 | "shadow": "var(--wp--preset--shadow--brutalism-small)" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /templates/no-title.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 | 9 | -------------------------------------------------------------------------------- /patterns/hidden-no-products.php: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /styles/typography/baloo-tamma-2-mulish.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Baloo Tamma 2 & Mulish", 4 | "version": 3, 5 | "slug": "baloo-tamma-2-mulish", 6 | "styles": { 7 | "elements": { 8 | "heading": { 9 | "typography": { 10 | "fontFamily": "var(--wp--preset--font-family--baloo-tamma-2)" 11 | } 12 | } 13 | }, 14 | "typography": { 15 | "fontFamily": "var(--wp--preset--font-family--mulish)" 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /styles/typography/gotu-manrope.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Gotu & Manrope", 4 | "version": 3, 5 | "slug": "gotu-manrope", 6 | "styles": { 7 | "elements": { 8 | "heading": { 9 | "typography": { 10 | "fontFamily": "var(--wp--preset--font-family--gotu)", 11 | "fontWeight": "400" 12 | } 13 | } 14 | }, 15 | "typography": { 16 | "fontFamily": "var(--wp--preset--font-family--manrope)" 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # This file is for unifying the coding style for different editors and IDEs 2 | # editorconfig.org 3 | 4 | # WordPress Coding Standards 5 | # https://make.wordpress.org/core/handbook/coding-standards/ 6 | 7 | root = true 8 | 9 | [*] 10 | charset = utf-8 11 | end_of_line = lf 12 | insert_final_newline = true 13 | trim_trailing_whitespace = true 14 | indent_style = tab 15 | 16 | [*.yml] 17 | indent_style = space 18 | indent_size = 2 19 | 20 | [*.md] 21 | trim_trailing_whitespace = false 22 | 23 | -------------------------------------------------------------------------------- /styles/block-presets/image/organic-1/image-1/content-top/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Content Above of Image", 5 | "slug": "ext-preset--image--organic-1--image-1--content-top", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": { 10 | "topLeft": "0", 11 | "topRight": "0", 12 | "bottomRight": "9999px", 13 | "bottomLeft": "9999px" 14 | } 15 | } 16 | } 17 | } -------------------------------------------------------------------------------- /styles/block-presets/image/organic-1/image-1/content-left/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Content Left of Image", 5 | "slug": "ext-preset--image--organic-1--image-1--content-left", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": { 10 | "topLeft": "9999px", 11 | "topRight": "0", 12 | "bottomRight": "0", 13 | "bottomLeft": "9999px" 14 | } 15 | } 16 | } 17 | } -------------------------------------------------------------------------------- /styles/block-presets/image/organic-1/image-1/content-right/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Content Right of Image", 5 | "slug": "ext-preset--image--organic-1--image-1--content-right", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": { 10 | "topLeft": "0", 11 | "topRight": "9999px", 12 | "bottomRight": "9999px", 13 | "bottomLeft": "0" 14 | } 15 | } 16 | } 17 | } -------------------------------------------------------------------------------- /styles/block-presets/image/organic-1/image-1/content-bottom/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Content Below of Image", 5 | "slug": "ext-preset--image--organic-1--image-1--content-bottom", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": { 10 | "topLeft": "9999px", 11 | "topRight": "9999px", 12 | "bottomRight": "0", 13 | "bottomLeft": "0" 14 | } 15 | } 16 | } 17 | } -------------------------------------------------------------------------------- /styles/block-presets/group/gradient-1/footer-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Footer 1", 5 | "slug": "ext-preset--group--gradient-1--footer-1", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "css": "& {background: linear-gradient( 180deg, color-mix(in srgb, var(--wp--preset--color--primary) 15%, var(--wp--preset--color--tertiary)) 0%, color-mix(in srgb, var(--wp--preset--color--tertiary) 90%, var(--wp--preset--color--background)) 100% );}" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /styles/block-presets/group/gradient-1/header-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Header 1", 5 | "slug": "ext-preset--group--gradient-1--header-1", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "css": "& { background: linear-gradient( 180deg, color-mix(in srgb, var(--wp--preset--color--tertiary) 85%, var(--wp--preset--color--background)) 0%, color-mix(in srgb, var(--wp--preset--color--primary) 15%, var(--wp--preset--color--tertiary)) 100% ); }" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /styles/block-presets/image/brutalism-1/image-1/content-any/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Content Anywhere of Image", 5 | "slug": "ext-preset--image--brutalism-1--image-1--content-any", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "16px", 10 | "style": "solid", 11 | "width": "1px", 12 | "color": "var:preset|color|foreground" 13 | }, 14 | "shadow": "var(--wp--preset--shadow--brutalism)" 15 | } 16 | } -------------------------------------------------------------------------------- /styles/block-presets/image/brutalism-1/image-1/content-bottom/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Content Below Image", 5 | "slug": "ext-preset--image--brutalism-1--image-1--content-bottom", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "16px", 10 | "style": "solid", 11 | "width": "1px", 12 | "color": "var:preset|color|foreground" 13 | }, 14 | "shadow": "var(--wp--preset--shadow--brutalism)" 15 | } 16 | } -------------------------------------------------------------------------------- /styles/block-presets/image/brutalism-1/image-1/content-left/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Content Left of Image", 5 | "slug": "ext-preset--image--brutalism-1--image-1--content-left", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "16px", 10 | "style": "solid", 11 | "width": "1px", 12 | "color": "var:preset|color|foreground" 13 | }, 14 | "shadow": "var(--wp--preset--shadow--brutalism)" 15 | } 16 | } -------------------------------------------------------------------------------- /styles/block-presets/image/brutalism-1/image-1/content-top/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Content Above of Image", 5 | "slug": "ext-preset--image--brutalism-1--image-1--content-top", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "16px", 10 | "style": "solid", 11 | "width": "1px", 12 | "color": "var:preset|color|foreground" 13 | }, 14 | "shadow": "var(--wp--preset--shadow--brutalism)" 15 | } 16 | } -------------------------------------------------------------------------------- /styles/block-presets/image/brutalism-1/image-1/content-right/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Content Right of Image", 5 | "slug": "ext-preset--image--brutalism-1--image-1--content-right", 6 | "blockTypes": ["core/image", "core/cover"], 7 | "styles": { 8 | "border": { 9 | "radius": "16px", 10 | "style": "solid", 11 | "width": "1px", 12 | "color": "var:preset|color|foreground" 13 | }, 14 | "shadow": "var(--wp--preset--shadow--brutalism)" 15 | } 16 | } -------------------------------------------------------------------------------- /styles/typography/hind.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Hind", 4 | "version": 3, 5 | "slug": "hind", 6 | "styles": { 7 | "elements": { 8 | "h1": { 9 | "typography": { 10 | "letterSpacing": "-0.01em" 11 | } 12 | }, 13 | "h6": { 14 | "typography": { 15 | "fontWeight": "900" 16 | } 17 | }, 18 | "heading": { 19 | "typography": { 20 | "fontFamily": "var(--wp--preset--font-family--hind)" 21 | } 22 | } 23 | }, 24 | "typography": { 25 | "fontFamily": "var(--wp--preset--font-family--hind)" 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /templates/page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
6 | 7 |
8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /styles/typography/oswald-inter.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Oswald & inter", 4 | "version": 3, 5 | "slug": "oswald-inter", 6 | "settings": { 7 | "custom": { 8 | "typography": { 9 | "fontSmoothing": { 10 | "moz": "auto", 11 | "webkit": "auto" 12 | } 13 | } 14 | } 15 | }, 16 | "styles": { 17 | "elements": { 18 | "heading": { 19 | "typography": { 20 | "fontFamily": "var(--wp--preset--font-family--oswald)", 21 | "textTransform": "uppercase" 22 | } 23 | } 24 | }, 25 | "typography": { 26 | "fontFamily": "var(--wp--preset--font-family--inter)" 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /styles/block-presets/cover/natural-1/cover-overlay-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Overlay 1", 5 | "slug": "ext-preset--cover--natural-1--cover-overlay-1", 6 | "blockTypes": ["core/cover"], 7 | "styles": { 8 | "color": { 9 | "text": "#FEFEFE" 10 | }, 11 | "blocks": { 12 | "core/heading": { 13 | "color": { 14 | "text": "#FEFEFE" 15 | } 16 | }, 17 | "core/paragraph": { 18 | "color": { 19 | "text": "#FEFEFE" 20 | } 21 | }, 22 | "core/button": { 23 | "color": { 24 | "text": "#010101", 25 | "background": "#FEFEFE" 26 | } 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "extendify/extendable", 3 | "type": "package", 4 | "description": "Extendable WordPress theme.", 5 | "keywords": [ 6 | "WordPress", 7 | "Themes" 8 | ], 9 | "homepage": "https://github.com/extendify/extendable", 10 | "license": "GPL-2.0-or-later", 11 | "require": { 12 | "php": ">=7.4" 13 | }, 14 | "require-dev": { 15 | "squizlabs/php_codesniffer": "^3.10", 16 | "wp-coding-standards/wpcs": "^3.1" 17 | }, 18 | "scripts": { 19 | "format": "phpcbf --standard=phpcs.xml.dist --report-summary --report-source", 20 | "lint": "phpcs --standard=phpcs.xml.dist" 21 | }, 22 | "config": { 23 | "allow-plugins": { 24 | "dealerdirect/phpcodesniffer-composer-installer": true 25 | } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /templates/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /templates/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 |
9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /phpcs.xml.dist: -------------------------------------------------------------------------------- 1 | 2 | 3 | WordPress Coding Standards for HTML and PHP files in the project. 4 | 5 | 6 | 7 | 8 | 9 | 10 | vendor/* 11 | node_modules/* 12 | assets/* 13 | styles/* 14 | build/* 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | . 24 | 25 | -------------------------------------------------------------------------------- /styles/block-presets/group/gradient-1/section/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Section 1", 5 | "slug": "ext-preset--group--gradient-1--section", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "spacing": { 9 | "blockGap": "var(--wp--preset--spacing--30)" 10 | }, 11 | "css": "& {background: linear-gradient( 180deg, color-mix(in srgb, var(--wp--preset--color--primary) 15%, var(--wp--preset--color--tertiary)) 0%, color-mix(in srgb, var(--wp--preset--color--tertiary) 90%, var(--wp--preset--color--background)) 100% );} &.has-tertiary-background-color { background: linear-gradient( 180deg, color-mix(in srgb, var(--wp--preset--color--tertiary) 85%, var(--wp--preset--color--background)) 0%, color-mix(in srgb, var(--wp--preset--color--primary) 15%, var(--wp--preset--color--tertiary)) 100% ); } " 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /styles/block-presets/group/gradient-1/template/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Template 1", 5 | "slug": "ext-preset--group--gradient-1--template", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "spacing": { 9 | "blockGap": "var(--wp--preset--spacing--30)" 10 | }, 11 | "css": "& {background: linear-gradient( 180deg, color-mix(in srgb, var(--wp--preset--color--primary) 15%, var(--wp--preset--color--tertiary)) 0%, color-mix(in srgb, var(--wp--preset--color--tertiary) 90%, var(--wp--preset--color--background)) 100% );} &.has-tertiary-background-color { background: linear-gradient( 180deg, color-mix(in srgb, var(--wp--preset--color--tertiary) 85%, var(--wp--preset--color--background)) 0%, color-mix(in srgb, var(--wp--preset--color--primary) 15%, var(--wp--preset--color--tertiary)) 100% ); } " 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /styles/typography/arsenal-radio-canada.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "version": 3, 4 | "title": "Arsenal & Radio Canada", 5 | "slug": "arsenal-radio-canada", 6 | "styles": { 7 | "elements": { 8 | "h1": { 9 | "typography": { 10 | "fontWeight": "500", 11 | "letterSpacing": "-0.01em" 12 | } 13 | }, 14 | "h2": { 15 | "typography": { 16 | "fontWeight": "500", 17 | "letterSpacing": "0.01em" 18 | } 19 | }, 20 | "h3": { 21 | "typography": { 22 | "fontWeight": "600" 23 | } 24 | }, 25 | "heading": { 26 | "typography": { 27 | "fontFamily": "var(--wp--preset--font-family--arsenal)" 28 | } 29 | } 30 | }, 31 | "typography": { 32 | "fontFamily": "var(--wp--preset--font-family--radio-canada)", 33 | "lineHeight": "var(--wp--custom--typography--line-height--medium)" 34 | } 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /styles/block-presets/group/natural-1/item-card-1/align-start/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Item Card 1 Align Start", 5 | "slug": "ext-preset--group--natural-1--item-card-1--align-start", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "transparent !important" 10 | }, 11 | "blocks": { 12 | "core/group": { 13 | "spacing": { 14 | "margin": { 15 | "top": "var:preset|spacing|30" 16 | } 17 | } 18 | }, 19 | "core/heading": { 20 | "typography": { 21 | "fontSize": "1.5rem" 22 | }, 23 | "spacing": { 24 | "margin": { 25 | "top": "16px" 26 | } 27 | } 28 | }, 29 | "core/paragraph": { 30 | "typography": { 31 | "fontSize": "var:preset|font-size|small" 32 | }, 33 | "spacing": { 34 | "margin": { 35 | "top": "16px" 36 | } 37 | } 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /styles/typography/rubik.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Rubik", 4 | "version": 3, 5 | "slug": "rubik", 6 | "styles": { 7 | "elements": { 8 | "h1": { 9 | "typography": { 10 | "fontWeight": "500" 11 | } 12 | }, 13 | "h2": { 14 | "typography": { 15 | "fontWeight": "500" 16 | } 17 | }, 18 | "h3": { 19 | "typography": { 20 | "fontWeight": "500" 21 | } 22 | }, 23 | "h4": { 24 | "typography": { 25 | "fontWeight": "500" 26 | } 27 | }, 28 | "h5": { 29 | "typography": { 30 | "fontWeight": "500" 31 | } 32 | }, 33 | "h6": { 34 | "typography": { 35 | "fontWeight": "500" 36 | } 37 | }, 38 | "heading": { 39 | "typography": { 40 | "fontFamily": "var(--wp--preset--font-family--rubik)" 41 | } 42 | } 43 | }, 44 | "typography": { 45 | "fontFamily": "var(--wp--preset--font-family--rubik)" 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /styles/typography/archivo.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Archivo", 4 | "version": 3, 5 | "slug": "archivo", 6 | "styles": { 7 | "elements": { 8 | "h1": { 9 | "typography": { 10 | "fontWeight": "500" 11 | } 12 | }, 13 | "h2": { 14 | "typography": { 15 | "fontWeight": "500" 16 | } 17 | }, 18 | "h3": { 19 | "typography": { 20 | "fontWeight": "500" 21 | } 22 | }, 23 | "h4": { 24 | "typography": { 25 | "fontWeight": "500" 26 | } 27 | }, 28 | "h5": { 29 | "typography": { 30 | "fontWeight": "500" 31 | } 32 | }, 33 | "h6": { 34 | "typography": { 35 | "fontWeight": "500" 36 | } 37 | }, 38 | "heading": { 39 | "typography": { 40 | "fontFamily": "var(--wp--preset--font-family--archivo)" 41 | } 42 | } 43 | }, 44 | "typography": { 45 | "fontFamily": "var(--wp--preset--font-family--archivo)" 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /templates/archive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /styles/typography/jost-mulish.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Jost & Mulish", 4 | "version": 3, 5 | "slug": "jost-mulish", 6 | "styles": { 7 | "elements": { 8 | "h1": { 9 | "typography": { 10 | "fontWeight": "400" 11 | } 12 | }, 13 | "h2": { 14 | "typography": { 15 | "fontWeight": "400" 16 | } 17 | }, 18 | "h3": { 19 | "typography": { 20 | "fontWeight": "500" 21 | } 22 | }, 23 | "h4": { 24 | "typography": { 25 | "fontWeight": "500" 26 | } 27 | }, 28 | "h5": { 29 | "typography": { 30 | "fontWeight": "500" 31 | } 32 | }, 33 | "h6": { 34 | "typography": { 35 | "fontWeight": "500" 36 | } 37 | }, 38 | "heading": { 39 | "typography": { 40 | "fontFamily": "var(--wp--preset--font-family--jost)" 41 | } 42 | } 43 | }, 44 | "typography": { 45 | "fontFamily": "var(--wp--preset--font-family--mulish)" 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /styles/block-presets/media-text/soft-1/card-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Item Card 1", 5 | "slug": "ext-preset--media-text--soft-1--card-1", 6 | "blockTypes": ["core/media-text"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "32px" 13 | }, 14 | "spacing": { 15 | "padding": { 16 | "top": "0", 17 | "right": "0", 18 | "bottom": "0", 19 | "left": "0" 20 | } 21 | }, 22 | "blocks": { 23 | "core/group": { 24 | "spacing": { 25 | "padding": { 26 | "top": "var:preset|spacing|40", 27 | "right": "var:preset|spacing|40", 28 | "left": "var:preset|spacing|40", 29 | "bottom": "var:preset|spacing|40" 30 | } 31 | } 32 | } 33 | }, 34 | "css": "& { overflow: hidden; height: 100%;} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; }" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /styles/block-presets/group/natural-1/item-card-1/align-center/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Item Card 1 Align Center", 5 | "slug": "ext-preset--group--natural-1--item-card-1--align-center", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "transparent !important" 10 | }, 11 | "blocks": { 12 | "core/group": { 13 | "spacing": { 14 | "margin": { 15 | "top": "16px" 16 | } 17 | } 18 | }, 19 | "core/heading": { 20 | "typography": { 21 | "fontSize": "1.5rem", 22 | "textAlign": "center" 23 | }, 24 | "spacing": { 25 | "margin": { 26 | "top": "16px" 27 | } 28 | } 29 | }, 30 | "core/paragraph": { 31 | "typography": { 32 | "fontSize": "var:preset|font-size|small", 33 | "textAlign": "center" 34 | }, 35 | "spacing": { 36 | "margin": { 37 | "top": "16px" 38 | } 39 | } 40 | } 41 | } 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /styles/block-presets/media-text/gradient-1/card-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Item Card 1", 5 | "slug": "ext-preset--media-text--gradient-1--card-1", 6 | "blockTypes": ["core/media-text"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "12px" 13 | }, 14 | "spacing": { 15 | "padding": { 16 | "top": "0", 17 | "right": "0", 18 | "bottom": "0", 19 | "left": "0" 20 | } 21 | }, 22 | "blocks": { 23 | "core/group": { 24 | "spacing": { 25 | "padding": { 26 | "top": "var:preset|spacing|40", 27 | "right": "var:preset|spacing|40", 28 | "left": "var:preset|spacing|40", 29 | "bottom": "var:preset|spacing|40" 30 | } 31 | } 32 | } 33 | }, 34 | "css": "& { overflow: hidden; height: 100%;} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; }" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /styles/block-presets/media-text/natural-1/card-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Item Card 1", 5 | "slug": "ext-preset--media-text--natural-1--card-1", 6 | "blockTypes": ["core/media-text"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "spacing": { 12 | "padding": { 13 | "top": "0", 14 | "right": "0", 15 | "bottom": "0", 16 | "left": "0" 17 | } 18 | }, 19 | "blocks": { 20 | "core/group": { 21 | "spacing": { 22 | "padding": { 23 | "top": "var:preset|spacing|40", 24 | "right": "var:preset|spacing|40", 25 | "left": "var:preset|spacing|40", 26 | "bottom": "var:preset|spacing|40" 27 | } 28 | }, 29 | "dimensions": { 30 | "minHeight": "100%" 31 | } 32 | } 33 | }, 34 | "css": "& { overflow: hidden; height: 100%; } & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } " 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /patterns/hidden-404.php: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 |
11 | 12 | 13 |

14 | 15 | 16 | 17 |

18 | 19 | 20 | 21 |
22 | 23 | -------------------------------------------------------------------------------- /styles/block-presets/media-text/organic-1/card-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Item Card 1", 5 | "slug": "ext-preset--media-text--organic-1--card-1", 6 | "blockTypes": ["core/media-text"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": { 13 | "topLeft": "48px", 14 | "topRight": "8px", 15 | "bottomRight": "48px", 16 | "bottomLeft": "8px" 17 | } 18 | }, 19 | "spacing": { 20 | "padding": { 21 | "top": "0", 22 | "right": "0", 23 | "bottom": "0", 24 | "left": "0" 25 | } 26 | }, 27 | "blocks": { 28 | "core/group": { 29 | "spacing": { 30 | "padding": { 31 | "top": "var:preset|spacing|40", 32 | "right": "var:preset|spacing|40", 33 | "left": "var:preset|spacing|40", 34 | "bottom": "var:preset|spacing|40" 35 | } 36 | } 37 | } 38 | }, 39 | "css": "& { overflow: hidden; height: 100%;} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } " 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /styles/block-presets/media-text/brutalism-1/card-1/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Item Card 1", 5 | "slug": "ext-preset--media-text--brutalism-1--card-1", 6 | "blockTypes": ["core/media-text"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "16px", 13 | "style": "solid", 14 | "width": "1px", 15 | "color": "var:preset|color|foreground" 16 | }, 17 | "spacing": { 18 | "padding": { 19 | "top": "0", 20 | "right": "0", 21 | "bottom": "0", 22 | "left": "0" 23 | } 24 | }, 25 | "shadow": "var(--wp--preset--shadow--brutalism)", 26 | "blocks": { 27 | "core/group": { 28 | "spacing": { 29 | "padding": { 30 | "top": "var:preset|spacing|40", 31 | "right": "var:preset|spacing|40", 32 | "left": "var:preset|spacing|40", 33 | "bottom": "var:preset|spacing|40" 34 | } 35 | } 36 | } 37 | }, 38 | "css": "& { overflow: hidden; height: 100%;} & .wp-block-media-text__content { padding-right:0 !important; padding-left:0 !important; } " 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /assets/js/navigation-customization.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | 'use strict'; 3 | 4 | function injectSiteLogoTitle() { 5 | const container = document.querySelector('.wp-block-navigation__responsive-dialog'); 6 | if (!container) return; 7 | 8 | if (container.querySelector('.site-logo-title')) return; 9 | 10 | if (!window.ExtendableNavData) return; 11 | 12 | const { logoUrl, siteTitle } = window.ExtendableNavData; 13 | const hasSiteTitle = !!document.querySelector('header.wp-block-template-part .wp-block-site-title'); 14 | 15 | const wrapper = document.createElement('div'); 16 | wrapper.className = 'site-logo-title wp-block-site-logo'; 17 | wrapper.innerHTML = ` 18 | ${logoUrl ? `` : ''} 19 | ${hasSiteTitle ? `${siteTitle || ''}` : ''} 20 | `; 21 | container.prepend(wrapper); 22 | } 23 | 24 | if (document.readyState === 'loading') { 25 | document.addEventListener('DOMContentLoaded', injectSiteLogoTitle); 26 | } else { 27 | injectSiteLogoTitle(); 28 | } 29 | })(); -------------------------------------------------------------------------------- /templates/no-title-sticky-header.html: -------------------------------------------------------------------------------- 1 | 2 |
13 | 14 |
15 | 16 | 17 | 18 |
22 | 23 |
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /templates/page-with-title.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 |
9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /parts/footer-with-nav.html: -------------------------------------------------------------------------------- 1 | 2 |
4 | 5 |
6 | 7 |
8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 |
21 | -------------------------------------------------------------------------------- /styles/typography/marcellus-ibm-plex-sans.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "version": 3, 4 | "title": "Marcellus & IBM Plex Sans", 5 | "slug": "marcellus-ibm-plex-sans", 6 | "styles": { 7 | "elements": { 8 | "button": { 9 | "typography": { 10 | "fontSize": "1.0625rem", 11 | "fontWeight": "var(--wp--custom--typography--font-weight--medium)", 12 | "lineHeight": "inherit" 13 | } 14 | }, 15 | "h1": { 16 | "typography": { 17 | "fontWeight": "400" 18 | } 19 | }, 20 | "h2": { 21 | "typography": { 22 | "fontWeight": "400" 23 | } 24 | }, 25 | "h3": { 26 | "typography": { 27 | "fontWeight": "400" 28 | } 29 | }, 30 | "h4": { 31 | "typography": { 32 | "fontWeight": "400" 33 | } 34 | }, 35 | "h5": { 36 | "typography": { 37 | "fontWeight": "400" 38 | } 39 | }, 40 | "h6": { 41 | "typography": { 42 | "fontWeight": "400" 43 | } 44 | }, 45 | "heading": { 46 | "typography": { 47 | "fontFamily": "var(--wp--preset--font-family--marcellus)" 48 | } 49 | } 50 | }, 51 | "typography": { 52 | "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)" 53 | } 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /styles/block-presets/group/soft-1/item-card-1/align-start/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Item Card 1 Align Start", 5 | "slug": "ext-preset--group--soft-1--item-card-1--align-start", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "32px" 13 | }, 14 | "dimensions": { 15 | "minHeight": "100%" 16 | }, 17 | "blocks": { 18 | "core/group": { 19 | "spacing": { 20 | "margin": { 21 | "top": "0" 22 | }, 23 | "padding": { 24 | "top": "var:preset|spacing|30", 25 | "right": "var:preset|spacing|30", 26 | "left": "var:preset|spacing|30", 27 | "bottom": "var:preset|spacing|30" 28 | } 29 | } 30 | }, 31 | "core/heading": { 32 | "typography": { 33 | "fontSize": "1.5rem" 34 | }, 35 | "spacing": { 36 | "margin": { 37 | "top": "16px" 38 | } 39 | } 40 | }, 41 | "core/paragraph": { 42 | "typography": { 43 | "fontSize": "var:preset|font-size|small" 44 | }, 45 | "spacing": { 46 | "margin": { 47 | "top": "16px" 48 | } 49 | } 50 | } 51 | }, 52 | "css": "& { overflow: hidden; }" 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /styles/block-presets/group/gradient-1/item-card-1/align-start/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Item Card 1 Align Start", 5 | "slug": "ext-preset--group--gradient-1--item-card-1--align-start", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "12px" 13 | }, 14 | "dimensions": { 15 | "minHeight": "100%" 16 | }, 17 | "blocks": { 18 | "core/group": { 19 | "spacing": { 20 | "margin": { 21 | "top": "0" 22 | }, 23 | "padding": { 24 | "top": "var:preset|spacing|30", 25 | "right": "var:preset|spacing|30", 26 | "left": "var:preset|spacing|30", 27 | "bottom": "var:preset|spacing|30" 28 | } 29 | } 30 | }, 31 | "core/heading": { 32 | "typography": { 33 | "fontSize": "1.5rem" 34 | }, 35 | "spacing": { 36 | "margin": { 37 | "top": "16px" 38 | } 39 | } 40 | }, 41 | "core/paragraph": { 42 | "typography": { 43 | "fontSize": "var:preset|font-size|small" 44 | }, 45 | "spacing": { 46 | "margin": { 47 | "top": "16px" 48 | } 49 | } 50 | } 51 | }, 52 | "css": "& { overflow: hidden; }" 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /styles/typography/noto-serif-display-radio-canada.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Karla & Inconsolata", 4 | "version": 3, 5 | "slug": "noto-serif-display-radio-canada", 6 | "styles": { 7 | "blocks": { 8 | "core/comments-title": { 9 | "typography": { 10 | "fontSize": "var(--wp--preset--font-size--x-large)" 11 | } 12 | } 13 | }, 14 | "elements": { 15 | "h1": { 16 | "typography": { 17 | "letterSpacing": "-0.07em" 18 | } 19 | }, 20 | "h2": { 21 | "typography": { 22 | "letterSpacing": "-0.04em" 23 | } 24 | }, 25 | "h3": { 26 | "typography": { 27 | "letterSpacing": "-0.03em" 28 | } 29 | }, 30 | "h4": { 31 | "typography": { 32 | "letterSpacing": "-0.03em" 33 | } 34 | }, 35 | "h5": { 36 | "typography": { 37 | "fontWeight": "var(--wp--custom--typography--font-weight--bold)" 38 | } 39 | }, 40 | "h6": { 41 | "typography": { 42 | "fontWeight": "var(--wp--custom--typography--font-weight--extra-bold)" 43 | } 44 | }, 45 | "heading": { 46 | "typography": { 47 | "fontFamily": "var(--wp--preset--font-family--karla)" 48 | } 49 | } 50 | }, 51 | "typography": { 52 | "fontFamily": "var(--wp--preset--font-family--inconsolata)" 53 | } 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /styles/block-presets/group/soft-1/item-card-1/align-center/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Soft 1 Item Card 1 Align Center", 5 | "slug": "ext-preset--group--soft-1--item-card-1--align-center", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "32px" 13 | }, 14 | "dimensions": { 15 | "minHeight": "100%" 16 | }, 17 | "blocks": { 18 | "core/group": { 19 | "spacing": { 20 | "margin": { 21 | "top": "0" 22 | }, 23 | "padding": { 24 | "top": "var:preset|spacing|30", 25 | "right": "var:preset|spacing|30", 26 | "left": "var:preset|spacing|30", 27 | "bottom": "var:preset|spacing|30" 28 | } 29 | } 30 | }, 31 | "core/heading": { 32 | "typography": { 33 | "fontSize": "1.5rem", 34 | "textAlign": "center" 35 | }, 36 | "spacing": { 37 | "margin": { 38 | "top": "16px" 39 | } 40 | } 41 | }, 42 | "core/paragraph": { 43 | "typography": { 44 | "fontSize": "var:preset|font-size|small", 45 | "textAlign": "center" 46 | }, 47 | "spacing": { 48 | "margin": { 49 | "top": "16px" 50 | } 51 | } 52 | } 53 | }, 54 | "css": "& { overflow: hidden; }" 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /patterns/header-default.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 |
12 |
13 |
14 | 15 | 16 |
17 |
18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 |
26 |
27 |
28 | 29 | -------------------------------------------------------------------------------- /bin/build-zip.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # Exit if any command fails. 4 | set -e 5 | 6 | # Change to the expected directory. 7 | cd "$(dirname "$0")" 8 | cd .. 9 | 10 | # Remove old build directory. 11 | if test -d build; 12 | then 13 | rm -r build; 14 | echo "Removing old build directory 🏢" 15 | fi 16 | 17 | echo "Generating build 🚜" 18 | 19 | mkdir -p build 20 | 21 | # Build the theme zip 22 | echo "Creating zip 🤐" 23 | toplevelFiles=$(ls *.{txt,php,png,css}) 24 | themeJson=$(ls theme.json) 25 | patterns=$(ls patterns/*.php) 26 | templates=$(ls templates/*.html) 27 | styles=$(ls styles/*.json) 28 | stylesPresets=$(find styles -path "*/block-presets/*" -name "*.json") 29 | colorsPresets=$(find styles -path "*/colors/*" -name "*.json") 30 | typographyPresets=$(find styles -path "*/typography/*" -name "*.json") 31 | parts=$(ls parts/*.html) 32 | assets=$(ls assets/css/*.css) 33 | fonts=$(ls assets/fonts/**/*.{woff2,txt}) 34 | tribeEvents=$(ls tribe-events/*.css) 35 | assetsJs=$(ls assets/js/*.js) 36 | 37 | zip -r ./build/extendable.zip \ 38 | $toplevelFiles \ 39 | $themeJson \ 40 | $patterns \ 41 | $templates \ 42 | $parts \ 43 | $styles \ 44 | $stylesPresets \ 45 | $colorsPresets \ 46 | $typographyPresets \ 47 | $assets \ 48 | $fonts \ 49 | $tribeEvents \ 50 | $assetsJs \ 51 | 52 | unzip ./build/extendable.zip -d "./build/extendable/" 53 | 54 | echo "You've built the theme ✅" 55 | -------------------------------------------------------------------------------- /styles/block-presets/group/gradient-1/item-card-1/align-center/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Gradient 1 Item Card 1 Align Center", 5 | "slug": "ext-preset--group--gradient-1--item-card-1--align-center", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "12px" 13 | }, 14 | "dimensions": { 15 | "minHeight": "100%" 16 | }, 17 | "blocks": { 18 | "core/group": { 19 | "spacing": { 20 | "margin": { 21 | "top": "0" 22 | }, 23 | "padding": { 24 | "top": "var:preset|spacing|30", 25 | "right": "var:preset|spacing|30", 26 | "left": "var:preset|spacing|30", 27 | "bottom": "var:preset|spacing|30" 28 | } 29 | } 30 | }, 31 | "core/heading": { 32 | "typography": { 33 | "fontSize": "1.5rem", 34 | "textAlign": "center" 35 | }, 36 | "spacing": { 37 | "margin": { 38 | "top": "16px" 39 | } 40 | } 41 | }, 42 | "core/paragraph": { 43 | "typography": { 44 | "fontSize": "var:preset|font-size|small", 45 | "textAlign": "center" 46 | }, 47 | "spacing": { 48 | "margin": { 49 | "top": "16px" 50 | } 51 | } 52 | } 53 | }, 54 | "css": "& { overflow: hidden; }" 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /styles/typography/montserrat-heebo.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Montserrat & Heebo", 4 | "version": 3, 5 | "slug": "montserrat-heebo", 6 | "styles": { 7 | "elements": { 8 | "h1": { 9 | "typography": { 10 | "fontWeight": "700", 11 | "letterSpacing": "normal", 12 | "textTransform": "uppercase" 13 | } 14 | }, 15 | "h2": { 16 | "typography": { 17 | "fontWeight": "700", 18 | "letterSpacing": "normal", 19 | "textTransform": "uppercase" 20 | } 21 | }, 22 | "h3": { 23 | "typography": { 24 | "fontWeight": "700", 25 | "letterSpacing": "normal", 26 | "textTransform": "uppercase" 27 | } 28 | }, 29 | "h4": { 30 | "typography": { 31 | "fontWeight": "700", 32 | "letterSpacing": "normal", 33 | "textTransform": "uppercase" 34 | } 35 | }, 36 | "h5": { 37 | "typography": { 38 | "fontWeight": "500", 39 | "letterSpacing": "normal" 40 | } 41 | }, 42 | "h6": { 43 | "typography": { 44 | "fontWeight": "500", 45 | "letterSpacing": "normal" 46 | } 47 | }, 48 | "heading": { 49 | "typography": { 50 | "fontFamily": "var(--wp--preset--font-family--montserrat)" 51 | } 52 | } 53 | }, 54 | "typography": { 55 | "fontFamily": "var(--wp--preset--font-family--heebo)", 56 | "fontSize": "1rem" 57 | } 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /templates/page-cart.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
13 | 14 | 15 |
16 | 17 | 18 | 19 |
23 | 24 |
25 | 26 | 27 | 28 |
29 | 30 | 31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /templates/page-checkout.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
13 | 14 | 15 |
16 | 17 | 18 | 19 |
23 | 24 |
25 | 26 | 27 | 28 |
29 | 30 | 31 |
32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /styles/block-presets/group/organic-1/item-card-1/align-start/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Item Card 1 Align Start", 5 | "slug": "ext-preset--group--organic-1--item-card-1--align-start", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": { 13 | "topLeft": "48px", 14 | "topRight": "8px", 15 | "bottomRight": "48px", 16 | "bottomLeft": "8px" 17 | } 18 | }, 19 | "dimensions": { 20 | "minHeight": "100%" 21 | }, 22 | "blocks": { 23 | "core/group": { 24 | "spacing": { 25 | "margin": { 26 | "top": "0" 27 | }, 28 | "padding": { 29 | "top": "var:preset|spacing|30", 30 | "right": "var:preset|spacing|30", 31 | "left": "var:preset|spacing|30", 32 | "bottom": "var:preset|spacing|30" 33 | } 34 | } 35 | }, 36 | "core/heading": { 37 | "typography": { 38 | "fontSize": "1.5rem" 39 | }, 40 | "spacing": { 41 | "margin": { 42 | "top": "16px" 43 | } 44 | } 45 | }, 46 | "core/paragraph": { 47 | "typography": { 48 | "fontSize": "var:preset|font-size|small" 49 | }, 50 | "spacing": { 51 | "margin": { 52 | "top": "16px" 53 | } 54 | } 55 | } 56 | }, 57 | "css": "& { overflow: hidden; }" 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /parts/footer-social-icons.html: -------------------------------------------------------------------------------- 1 | 2 |
4 | 5 |
6 | 7 | 12 | 13 | 14 | 15 |
16 | 17 |
18 | -------------------------------------------------------------------------------- /styles/block-presets/group/brutalism-1/item-card-1/align-start/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Item Card 1 Align Start", 5 | "slug": "ext-preset--group--brutalism-1--item-card-1--align-start", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "16px", 13 | "style": "solid", 14 | "width": "1px", 15 | "color": "var:preset|color|foreground" 16 | }, 17 | "shadow": "var(--wp--preset--shadow--brutalism)", 18 | "dimensions": { 19 | "minHeight": "100%" 20 | }, 21 | "blocks": { 22 | "core/group": { 23 | "spacing": { 24 | "margin": { 25 | "top": "0" 26 | }, 27 | "padding": { 28 | "top": "var:preset|spacing|30", 29 | "right": "var:preset|spacing|30", 30 | "left": "var:preset|spacing|30", 31 | "bottom": "var:preset|spacing|30" 32 | } 33 | } 34 | }, 35 | "core/heading": { 36 | "typography": { 37 | "fontSize": "1.5rem" 38 | }, 39 | "spacing": { 40 | "margin": { 41 | "top": "16px" 42 | } 43 | } 44 | }, 45 | "core/paragraph": { 46 | "typography": { 47 | "fontSize": "var:preset|font-size|small" 48 | }, 49 | "spacing": { 50 | "margin": { 51 | "top": "16px" 52 | } 53 | } 54 | } 55 | }, 56 | "css": "& { overflow: hidden; }" 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /styles/block-presets/group/organic-1/item-card-1/align-center/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Organic 1 Item Card 1 Align Center", 5 | "slug": "ext-preset--group--organic-1--item-card-1--align-center", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": { 13 | "topLeft": "9999px", 14 | "topRight": "9999px", 15 | "bottomRight": "8px", 16 | "bottomLeft": "8px" 17 | } 18 | }, 19 | "dimensions": { 20 | "minHeight": "100%" 21 | }, 22 | "blocks": { 23 | "core/group": { 24 | "spacing": { 25 | "margin": { 26 | "top": "0" 27 | }, 28 | "padding": { 29 | "top": "var:preset|spacing|30", 30 | "right": "var:preset|spacing|30", 31 | "left": "var:preset|spacing|30", 32 | "bottom": "var:preset|spacing|30" 33 | } 34 | } 35 | }, 36 | "core/heading": { 37 | "typography": { 38 | "fontSize": "1.5rem", 39 | "textAlign": "center" 40 | }, 41 | "spacing": { 42 | "margin": { 43 | "top": "16px" 44 | } 45 | } 46 | }, 47 | "core/paragraph": { 48 | "typography": { 49 | "fontSize": "var:preset|font-size|small", 50 | "textAlign": "center" 51 | }, 52 | "spacing": { 53 | "margin": { 54 | "top": "16px" 55 | } 56 | } 57 | } 58 | }, 59 | "css": "& { overflow: hidden; }" 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /styles/block-presets/group/brutalism-1/item-card-1/align-center/preset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/wp/6.8/theme.json", 3 | "version": 3, 4 | "title": "Brutalism 1 Item Card 1 Align Center", 5 | "slug": "ext-preset--group--brutalism-1--item-card-1--align-center", 6 | "blockTypes": ["core/group"], 7 | "styles": { 8 | "color": { 9 | "background": "var:preset|color|tertiary" 10 | }, 11 | "border": { 12 | "radius": "16px", 13 | "style": "solid", 14 | "width": "1px", 15 | "color": "var:preset|color|foreground" 16 | }, 17 | "shadow": "var(--wp--preset--shadow--brutalism)", 18 | "dimensions": { 19 | "minHeight": "100%" 20 | }, 21 | "blocks": { 22 | "core/group": { 23 | "spacing": { 24 | "margin": { 25 | "top": "0" 26 | }, 27 | "padding": { 28 | "top": "var:preset|spacing|30", 29 | "right": "var:preset|spacing|30", 30 | "left": "var:preset|spacing|30", 31 | "bottom": "var:preset|spacing|30" 32 | } 33 | } 34 | }, 35 | "core/heading": { 36 | "typography": { 37 | "fontSize": "1.5rem", 38 | "textAlign": "center" 39 | }, 40 | "spacing": { 41 | "margin": { 42 | "top": "16px" 43 | } 44 | } 45 | }, 46 | "core/paragraph": { 47 | "typography": { 48 | "fontSize": "var:preset|font-size|small", 49 | "textAlign": "center" 50 | }, 51 | "spacing": { 52 | "margin": { 53 | "top": "16px" 54 | } 55 | } 56 | } 57 | }, 58 | "css": "& { overflow: hidden; }" 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /patterns/footer-logo-nav.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 30 | 31 | -------------------------------------------------------------------------------- /parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
4 | 5 |
6 | 7 |
8 | 9 | 10 |
11 | 12 |
13 |
14 | 15 | 16 |
17 | 18 | 19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | -------------------------------------------------------------------------------- /styles/typography/heebo.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Heebo", 4 | "version": 3, 5 | "slug": "heebo", 6 | "settings": { 7 | "custom": { 8 | "typography": { 9 | "fontSmoothing": { 10 | "moz": "auto", 11 | "webkit": "auto" 12 | } 13 | } 14 | } 15 | }, 16 | "styles": { 17 | "blocks": { 18 | "core/comments-title": { 19 | "typography": { 20 | "fontWeight": "var(--wp--custom--typography--font-weight--extra-semi-bold)" 21 | } 22 | } 23 | }, 24 | "elements": { 25 | "h1": { 26 | "typography": { 27 | "fontWeight": "var(--wp--custom--typography--font-weight--medium)", 28 | "letterSpacing": "0" 29 | } 30 | }, 31 | "h2": { 32 | "typography": { 33 | "fontWeight": "var(--wp--custom--typography--font-weight--medium)" 34 | } 35 | }, 36 | "h3": { 37 | "typography": { 38 | "fontWeight": "var(--wp--custom--typography--font-weight--medium)" 39 | } 40 | }, 41 | "h4": { 42 | "typography": { 43 | "fontWeight": "var(--wp--custom--typography--font-weight--medium)" 44 | } 45 | }, 46 | "h5": { 47 | "typography": { 48 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 49 | } 50 | }, 51 | "h6": { 52 | "typography": { 53 | "fontWeight": "var(--wp--custom--typography--font-weight--black)" 54 | } 55 | }, 56 | "heading": { 57 | "typography": { 58 | "fontFamily": "var(--wp--preset--font-family--heebo)" 59 | } 60 | } 61 | }, 62 | "typography": { 63 | "fontFamily": "var(--wp--preset--font-family--heebo)" 64 | } 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /parts/header-title-nav-button.html: -------------------------------------------------------------------------------- 1 | 2 |
4 | 5 |
6 | 7 |
8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 |
Get Started
24 | 25 |
26 | 27 |
28 | 29 |
30 | 31 |
32 | 33 | -------------------------------------------------------------------------------- /parts/footer-logo-nav.html: -------------------------------------------------------------------------------- 1 | 2 | 26 | -------------------------------------------------------------------------------- /parts/header-with-search-bar.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
6 | 7 |
8 | 9 | 10 | 11 |
12 | 13 |
14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 |
25 | -------------------------------------------------------------------------------- /parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |
4 | 5 |
6 | 7 |
8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 |
17 | 18 |
    19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 |
27 | 28 |
29 | 30 |
31 | -------------------------------------------------------------------------------- /assets/css/contact-form-7.css: -------------------------------------------------------------------------------- 1 | .wpcf7 input:where(:not([type="submit"]):not([type="checkbox"])) { 2 | border: 1px solid; 3 | line-height: inherit; 4 | font-size: inherit; 5 | } 6 | .wpcf7 input:where(:not([type="submit"]):not([type="checkbox"])), 7 | .wpcf7 textarea { 8 | padding: calc(0.667em + 1px); 9 | width: 100%; 10 | background-color: var(--wp--preset--color--background); 11 | color: var(--wp--preset--color--foreground); 12 | border-color: inherit; 13 | box-sizing: border-box; 14 | } 15 | 16 | .wpcf7-form-control-wrap { 17 | margin-top: 0.25em; 18 | display: block; 19 | } 20 | 21 | .wpcf7 input[type="submit"] { 22 | background-color: var(--wp--custom--elements--button--color--background); 23 | color: var(--wp--custom--elements--button--color--text); 24 | border-radius: var(--wp--custom--elements--button--border--radius); 25 | border-width: 0; 26 | font-family: inherit; 27 | font-size: inherit; 28 | font-weight: var(--wp--custom--typography--font-weight--medium); 29 | line-height: inherit; 30 | padding-top: calc(0.667em + 2px); 31 | padding-right: calc(1.333em + 2px); 32 | padding-bottom: calc(0.667em + 2px); 33 | padding-left: calc(1.333em + 2px); 34 | text-decoration: none; 35 | cursor: pointer; 36 | } 37 | 38 | .wpcf7 input[type="submit"]:hover { 39 | background-color: var( 40 | --wp--custom--elements--button--hover--color--background 41 | ); 42 | color: var(--wp--custom--elements--button--hover--color--text); 43 | } 44 | 45 | .wpcf7 input[type="submit"]:focus { 46 | background-color: var( 47 | --wp--custom--elements--button--focus--color--background 48 | ); 49 | color: var(--wp--custom--elements--button--focus--color--text); 50 | outline-color: var( 51 | --wp--custom--elements--button--focus--color--background 52 | ); 53 | offset: 2px; 54 | outline-width: 1px; 55 | outline-offset: 2px; 56 | outline-style: solid; 57 | } 58 | -------------------------------------------------------------------------------- /patterns/header-title-nav-button.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 |
13 | 14 |
15 | 16 |
17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 |
31 | 32 |
33 | 34 |
35 | 36 |
37 | 38 |
39 | 40 |
41 | 42 | -------------------------------------------------------------------------------- /patterns/general-cta.php: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 |
11 | 12 | 13 |

14 | 15 | 16 | 17 |

Morbi dictum massa augue, malesuada elementum enim suscipit sed. Maecenas euismod scelerisque ante, non vestibulum orci finibus ac. Ut eleifend enim id ligula sollicitudin.

18 | 19 | 20 | 21 |
22 |
23 | 24 | 25 | 26 |
Learn More
27 |
28 |
29 | 30 | -------------------------------------------------------------------------------- /patterns/footer-default.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 |
12 |
13 |
14 | 15 | 16 |
17 |
18 | 19 | 20 | 21 |

© Your Company LLC

22 | 23 | 24 | 25 |
26 |
    27 | 28 | 29 | 30 |
31 |
32 |
33 |
34 | 35 | -------------------------------------------------------------------------------- /assets/css/wpforms.css: -------------------------------------------------------------------------------- 1 | .wpforms-block.wpforms-container .wpforms-field-label { 2 | font-weight: inherit; 3 | margin-bottom: 0.25em; 4 | } 5 | .wpforms-block input:where(:not([type="submit"]):not([type="checkbox"])) { 6 | border: 1px solid; 7 | line-height: inherit; 8 | font-size: inherit; 9 | } 10 | .wpforms-block input:where(:not([type="submit"]):not([type="checkbox"])), 11 | .wpforms-block textarea { 12 | padding: calc(0.667em + 1px); 13 | width: 100%; 14 | background-color: var(--wp--preset--color--background); 15 | color: var(--wp--preset--color--foreground); 16 | border-color: inherit; 17 | } 18 | .wpforms-field-sublabel { 19 | opacity: 0.8; 20 | } 21 | 22 | .wpforms-block button.wpforms-submit { 23 | background-color: var(--wp--custom--elements--button--color--background); 24 | color: var(--wp--custom--elements--button--color--text); 25 | border-radius: var(--wp--custom--elements--button--border--radius); 26 | border-width: 0; 27 | font-family: inherit; 28 | font-size: inherit; 29 | font-weight: var(--wp--custom--typography--font-weight--medium); 30 | line-height: inherit; 31 | padding-top: calc(0.667em + 2px); 32 | padding-right: calc(1.333em + 2px); 33 | padding-bottom: calc(0.667em + 2px); 34 | padding-left: calc(1.333em + 2px); 35 | text-decoration: none; 36 | cursor: pointer; 37 | margin-top: 1rem; 38 | } 39 | 40 | .wpforms-block button.wpforms-submit:hover { 41 | background-color: var( 42 | --wp--custom--elements--button--hover--color--background 43 | ); 44 | color: var(--wp--custom--elements--button--hover--color--text); 45 | } 46 | 47 | .wpforms-block button.wpforms-submit:focus { 48 | background-color: var( 49 | --wp--custom--elements--button--focus--color--background 50 | ); 51 | color: var(--wp--custom--elements--button--focus--color--text); 52 | outline-color: var(--wp--custom--elements--button--focus--color--background); 53 | offset: 2px; 54 | outline-width: 2px; 55 | outline-offset: 2px; 56 | outline-style: solid; 57 | } 58 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "extendable", 3 | "version": "2.0.32", 4 | "description": "", 5 | "author": "extendify", 6 | "license": "GPL-2.0-or-later", 7 | "bugs": { 8 | "url": "https://github.com/extendify/extendable/issues" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/extendify/extendable.git" 13 | }, 14 | "homepage": "https://github.com/extendify/extendable#readme", 15 | "engines": { 16 | "node": ">=20.10.0", 17 | "npm": ">=10.2.3" 18 | }, 19 | "devDependencies": { 20 | "replace-in-files-cli": "^1.0.0", 21 | "@wordpress/stylelint-config": "^22.6.0", 22 | "stylelint": "^14.16.1" 23 | }, 24 | "scripts": { 25 | "lint:css": "stylelint **/*.css -i .gitignore", 26 | "lint:css:fix": "stylelint **/*.css -i .gitignore --fix", 27 | "lint:php": "composer run-script lint", 28 | "lint:php:fix": "composer run-script format", 29 | "build": "NO_CHECKS=true bash ./bin/build-zip.sh", 30 | "release:version": "replace-in-files --regex='Version: \\d+\\.\\d+\\.\\d+' --replacement='Version: '${npm_package_version}'' style.css && replace-in-files --regex='Stable tag: \\d+\\.\\d+\\.\\d+' --replacement='Stable tag: '${npm_package_version}'' readme.txt", 31 | "release:patch": "npm run build && git push && npm version patch --no-git-tag-version && npm run release:version && git add -u && npm run commit:version && npm run make:tag && npm run commit:tag && npm run build", 32 | "release:minor": "npm run build && git push && npm version minor --no-git-tag-version && npm run release:version && git add -u && npm run commit:version && npm run make:tag && npm run commit:tag && npm run build", 33 | "release:major": "npm run build && git push && npm version major --no-git-tag-version && npm run release:version && git add -u && npm run commit:version && npm run make:tag && npm run commit:tag && npm run build", 34 | "make:tag": "git tag ${npm_package_version}", 35 | "commit:tag": "git push --tags", 36 | "commit:version": "git commit -m 'Version bump to '${npm_package_version}''" 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /styles/typography/geom-roboto-flex.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Geom & Roboto Flex", 4 | "version": 3, 5 | "slug": "geom-roboto-flex", 6 | "settings": { 7 | "custom": { 8 | "typography": { 9 | "fontSmoothing": { 10 | "moz": "auto", 11 | "webkit": "auto" 12 | } 13 | } 14 | } 15 | }, 16 | "styles": { 17 | "blocks": { 18 | "core/comments-title": { 19 | "typography": { 20 | "fontSize": "var(--wp--preset--font-size--x-large)", 21 | "fontWeight": "(--wp--custom--typography--font-weight--semi-bold)" 22 | } 23 | }, 24 | "core/site-title": { 25 | "typography": { 26 | "fontWeight": "var(--wp--custom--typography--font-weight--light)", 27 | "letterSpacing": "0.03em" 28 | } 29 | } 30 | }, 31 | "elements": { 32 | "h1": { 33 | "typography": { 34 | "fontWeight": "var(--wp--custom--typography--font-weight--light)", 35 | "letterSpacing": "-0.02em" 36 | } 37 | }, 38 | "h2": { 39 | "typography": { 40 | "fontWeight": "var(--wp--custom--typography--font-weight--light)" 41 | } 42 | }, 43 | "h3": { 44 | "typography": { 45 | "fontWeight": "var(--wp--custom--typography--font-weight--light)", 46 | "letterSpacing": "0.04em" 47 | } 48 | }, 49 | "h4": { 50 | "typography": { 51 | "fontWeight": "var(--wp--custom--typography--font-weight--medium)" 52 | } 53 | }, 54 | "h5": { 55 | "typography": { 56 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)", 57 | "letterSpacing": "0.01em", 58 | "textTransform": "normal" 59 | } 60 | }, 61 | "h6": { 62 | "typography": { 63 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 64 | } 65 | }, 66 | "heading": { 67 | "typography": { 68 | "fontFamily": "var(--wp--preset--font-family--geom)" 69 | } 70 | } 71 | }, 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--roboto-flex)" 74 | } 75 | } 76 | } 77 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Extendable 2 | 3 | Extendable is a distinct, dynamic block theme designed as a canvas for your next online venture. Sporting multiple style variations, Extendable is the most expressive block theme yet. Go fresh, bold, bohemian or minimal — with a single click. 4 | 5 | ## Getting Started 6 | 7 | To get started with development: 8 | 9 | 1. Set up a WordPress instance, we recommend [wp-env](https://developer.wordpress.org/block-editor/handbook/tutorials/devenv/) or [Local](https://localwp.com/) as an alternative to docker. 10 | 2. Clone / download this repository into your `/wp-content/themes/` directory 11 | 12 | ## Requirements 13 | 14 | - WordPress 6.6+ 15 | - PHP 5.6+ 16 | - License: [GPLv2](http://www.gnu.org/licenses/gpl-2.0.html) or later 17 | 18 | To optionally run tests locally, you will also need: 19 | 20 | - [Node.js](https://nodejs.org/en/) 21 | - [Composer](https://getcomposer.org/) 22 | 23 | You can install the test-specific development dependencies by running `npm i && composer install`. The following test commands are then available: 24 | 25 | - `npm run lint:css` lints and autofixes where possible the CSS 26 | - `composer run analyze [filename.php]` statically analyzes PHP for bugs 27 | - `composer run lint` checks PHP for syntax errors 28 | - `composer run standards:check` checks PHP for standards errors according to [WordPress coding standards](https://developer.wordpress.org/coding-standards/) 29 | - `composer run standards:fix` attempts to automatically fix errors 30 | 31 | ## Resources 32 | 33 | - [Setting up a development environment](https://developer.wordpress.org/block-editor/handbook/tutorials/devenv/) 34 | - [Block Theme documentation](https://developer.wordpress.org/block-editor/how-to-guides/themes/block-theme-overview) 35 | - [Global Styles & theme.json documentation](https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/) 36 | - [The Ultimate Guide to WordPress Block Templates in Gutenberg](https://richtabor.com/gutenberg-block-templates/) 37 | - [A Primer on Full Site Editing for WordPress Theme Developers](https://richtabor.com/full-site-editing/) 38 | -------------------------------------------------------------------------------- /styles/typography/montserrat-inter.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Montserrat & Inter", 4 | "version": 3, 5 | "slug": "montserrat-inter", 6 | "styles": { 7 | "blocks": { 8 | "core/comments-title": { 9 | "typography": { 10 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 11 | } 12 | }, 13 | "core/query-pagination-next": { 14 | "typography": { 15 | "fontWeight": "var(--wp--custom--typography--font-weight--regular)" 16 | } 17 | }, 18 | "core/query-pagination-numbers": { 19 | "typography": { 20 | "fontWeight": "var(--wp--custom--typography--font-weight--regular)" 21 | } 22 | }, 23 | "core/query-pagination-previous": { 24 | "typography": { 25 | "fontWeight": "var(--wp--custom--typography--font-weight--regular)" 26 | } 27 | }, 28 | "core/site-title": { 29 | "typography": { 30 | "letterSpacing": "0.03em" 31 | } 32 | } 33 | }, 34 | "elements": { 35 | "h1": { 36 | "typography": { 37 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)", 38 | "letterSpacing": "0" 39 | } 40 | }, 41 | "h2": { 42 | "typography": { 43 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 44 | } 45 | }, 46 | "h3": { 47 | "typography": { 48 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 49 | } 50 | }, 51 | "h4": { 52 | "typography": { 53 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)", 54 | "letterSpacing": "0.01em" 55 | } 56 | }, 57 | "h5": { 58 | "typography": { 59 | "fontWeight": "var(--wp--custom--typography--font-weight--bold)" 60 | } 61 | }, 62 | "h6": { 63 | "typography": { 64 | "fontWeight": "var(--wp--custom--typography--font-weight--bold)", 65 | "letterSpacing": "0.02em" 66 | } 67 | }, 68 | "heading": { 69 | "typography": { 70 | "fontFamily": "var(--wp--preset--font-family--montserrat)" 71 | } 72 | } 73 | }, 74 | "typography": { 75 | "fontFamily": "var(--wp--preset--font-family--inter)" 76 | } 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /parts/header-title-social-nav.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
6 | 7 |
8 | 9 | 10 |
11 | 12 | 13 | 14 |
15 | 16 |
    17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
31 | 32 |
33 | 34 | -------------------------------------------------------------------------------- /parts/footer-with-address-four-columns.html: -------------------------------------------------------------------------------- 1 | 2 |
4 | 5 |
6 |
7 |
8 | 9 | 10 |

Powered by WordPress

12 | 13 |
14 | 15 | 16 | 17 |
18 |

123 Demo Street
Brooklyn, NY 12345

19 | 20 |
21 | 22 | 23 | 24 |
25 |

email@example.com
(555) 555-5555

26 | 27 |
28 | 29 | 30 | 31 |
32 | 33 |
    34 | 35 | 36 |
37 | 38 |
39 | 40 |
41 | 42 |
43 | 44 |
45 | -------------------------------------------------------------------------------- /styles/lagoon.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Lagoon", 4 | "slug": "lagoon", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#13607E", "#1F4F70"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#13607E", "#C1ECE4"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#1F4F70", "#13607E"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#292929", "#17181A"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#13607E", "#292929"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#ffffff", "#faf7f8"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { 42 | "slug": "foreground", 43 | "color": "#292929", 44 | "name": "Foreground" 45 | }, 46 | { 47 | "slug": "background", 48 | "color": "#ffffff", 49 | "name": "Background" 50 | }, 51 | { 52 | "slug": "primary", 53 | "color": "#13607E", 54 | "name": "Primary" 55 | }, 56 | { 57 | "slug": "secondary", 58 | "color": "#1F4F70", 59 | "name": "Secondary" 60 | }, 61 | { 62 | "slug": "tertiary", 63 | "color": "#faf7f8", 64 | "name": "Tertiary" 65 | }, 66 | { 67 | "slug": "foreground-alt", 68 | "color": "#292929", 69 | "name": "Foreground Alt" 70 | } 71 | ] 72 | } 73 | }, 74 | "styles": { 75 | "color": { 76 | "text": "var(--wp--preset--color--foreground-alt)" 77 | }, 78 | "elements": { 79 | "heading": { 80 | "color": { 81 | "text": "var(--wp--preset--color--foreground)" 82 | }, 83 | "typography": { 84 | "fontFamily": "var(--wp--preset--font-family--baloo-tamma-2)" 85 | } 86 | } 87 | }, 88 | "typography": { 89 | "fontFamily": "var(--wp--preset--font-family--mulish)" 90 | } 91 | } 92 | } 93 | -------------------------------------------------------------------------------- /styles/colors/orange.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Orange", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#1A1A1A", "#ffffff"], 10 | "slug": "foreground-and-background", 11 | "name": "Foreground and background" 12 | }, 13 | { 14 | "colors": ["#ffffff", "#1A1A1A"], 15 | "slug": "background-and-foreground", 16 | "name": "Background and foreground" 17 | }, 18 | { 19 | "colors": ["#DE3707", "#02235B"], 20 | "slug": "primary-and-secondary", 21 | "name": "Primary and secondary" 22 | }, 23 | { 24 | "colors": ["#DE3707", "#1A1A1A"], 25 | "slug": "primary-foreground", 26 | "name": "Primary and Foreground" 27 | }, 28 | { 29 | "colors": ["#ffffff", "#f2f3f5"], 30 | "slug": "background-tertiary", 31 | "name": "Background and Background Alt" 32 | } 33 | ], 34 | "palette": [ 35 | { 36 | "slug": "background", 37 | "color": "#ffffff", 38 | "name": "Background" 39 | }, 40 | { 41 | "slug": "foreground", 42 | "color": "#1A1A1A", 43 | "name": "Foreground" 44 | }, 45 | { 46 | "slug": "primary", 47 | "color": "#DE3707", 48 | "name": "Primary" 49 | }, 50 | { 51 | "slug": "secondary", 52 | "color": "#02235B", 53 | "name": "Secondary" 54 | }, 55 | { 56 | "slug": "tertiary", 57 | "color": "#f2f3f5", 58 | "name": "Background Alt" 59 | }, 60 | { 61 | "slug": "foreground-alt", 62 | "color": "#1A1A1A", 63 | "name": "Foreground Alt" 64 | } 65 | ] 66 | }, 67 | "custom": { 68 | "elements": { 69 | "button": { 70 | "color": { 71 | "background": "var(--wp--preset--color--primary)", 72 | "text": "var(--wp--preset--color--background)" 73 | }, 74 | ":hover": { 75 | "color": { 76 | "background": "var(--wp--preset--color--foreground)", 77 | "text": "var(--wp--preset--color--background)" 78 | } 79 | }, 80 | ":focus": { 81 | "color": { 82 | "background": "var(--wp--preset--color--primary)", 83 | "text": "var(--wp--preset--color--background)" 84 | } 85 | } 86 | } 87 | } 88 | } 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /parts/header-with-center-logo-and-search-bar.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
6 | 7 |
8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 |
16 | 17 |
18 | 19 |
20 | 21 | 22 | 23 |
24 | 25 |
26 | 27 |
28 | 29 |
30 | -------------------------------------------------------------------------------- /patterns/footer-logo-desc-two-nav.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 |
12 |

Let's Work Together

13 | 14 | 15 | 16 |
17 |
Contact us
18 |
19 | 20 | 21 | 22 |
23 |
24 | 25 | 26 |

Proudly powered by WordPress

27 |
28 | 29 | 30 |
31 |
32 | 33 | -------------------------------------------------------------------------------- /styles/typography/source-serif-pro-inter.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "version": 3, 4 | "title": "Source Serif Pro & Inter", 5 | "slug": "source-serif-pro-inter", 6 | "styles": { 7 | "blocks": { 8 | "core/comments-title": { 9 | "typography": { 10 | "fontSize": "var(--wp--preset--font-size--x-large)" 11 | } 12 | }, 13 | "core/query-pagination-next": { 14 | "typography": { 15 | "fontWeight": "var(--wp--custom--typography--font-weight--regular)" 16 | } 17 | }, 18 | "core/query-pagination-numbers": { 19 | "typography": { 20 | "fontWeight": "var(--wp--custom--typography--font-weight--regular)" 21 | } 22 | }, 23 | "core/query-pagination-previous": { 24 | "typography": { 25 | "fontWeight": "var(--wp--custom--typography--font-weight--regular)" 26 | } 27 | }, 28 | "core/site-title": { 29 | "typography": { 30 | "fontFamily": "var(--wp--preset--font-family--heading)", 31 | "fontSize": "clamp(1.2rem, 3vw, 1.5rem)", 32 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)", 33 | "letterSpacing": "-.025em" 34 | } 35 | } 36 | }, 37 | "elements": { 38 | "h1": { 39 | "typography": { 40 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)", 41 | "letterSpacing": "0" 42 | } 43 | }, 44 | "h2": { 45 | "typography": { 46 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 47 | } 48 | }, 49 | "h3": { 50 | "typography": { 51 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 52 | } 53 | }, 54 | "h4": { 55 | "typography": { 56 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 57 | } 58 | }, 59 | "h5": { 60 | "typography": { 61 | "fontWeight": "var(--wp--custom--typography--font-weight--bold)" 62 | } 63 | }, 64 | "h6": { 65 | "typography": { 66 | "fontWeight": "var(--wp--custom--typography--font-weight--bold)" 67 | } 68 | }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--source-serif-pro)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--inter)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /parts/footer-with-center-logo-and-menu.html: -------------------------------------------------------------------------------- 1 | 2 | 26 | -------------------------------------------------------------------------------- /styles/royal.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Royal", 4 | "slug": "royal", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#FFDA5A", "#F1F1F1"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#FFDA5A", "#4E6CCA"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#F1F1F1", "#FFDA5A"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#FFFFFF", "#243B8C"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#FFDA5A", "#FFFFFF"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#243B8C", "#4E6CCA"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#FFFFFF", "name": "Foreground" }, 42 | { "slug": "background", "color": "#243B8C", "name": "Background" }, 43 | { "slug": "primary", "color": "#FFDA5A", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#F1F1F1", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#4E6CCA", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#FFFFFF", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "0" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--archivo)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--inter)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/03-slate.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Slate", 4 | "slug": "slate", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#292928", "#40403E"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#292928", "#DBDBD0"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#40403E", "#292928"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#43413F", "#EFEEE7"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#292928", "#43413F"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#EFEEE7", "#DBDBD0"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#43413F", "name": "Foreground" }, 42 | { "slug": "background", "color": "#EFEEE7", "name": "Background" }, 43 | { "slug": "primary", "color": "#292928", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#40403E", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#DBDBD0", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#43413F", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "20rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--geom)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--heebo)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/11-neon.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Neon", 4 | "slug": "neon", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#45242D", "#102F33"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#45242D", "#E2FF6D"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#102F33", "#45242D"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#212121", "#D4F843"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#45242D", "#212121"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#D4F843", "#E2FF6D"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#212121", "name": "Foreground" }, 42 | { "slug": "background", "color": "#D4F843", "name": "Background" }, 43 | { "slug": "primary", "color": "#45242D", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#102F33", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#E2FF6D", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#45242D", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "20rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--oswald)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--heebo)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/lime.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Lime", 4 | "slug": "lime", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#5FD542", "#EBEAE0"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#5FD542", "#364237"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#EBEAE0", "#5FD542"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#F1F1F1", "#273228"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#5FD542", "#F1F1F1"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#273228", "#364237"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#F1F1F1", "name": "Foreground" }, 42 | { "slug": "background", "color": "#273228", "name": "Background" }, 43 | { "slug": "primary", "color": "#5FD542", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#EBEAE0", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#364237", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#F1F1F1", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "20rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--oswald)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--manrope)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/teal.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Teal", 4 | "slug": "teal", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#114C5F", "#59747C"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#114C5F", "#EBF2F4"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#59747C", "#114C5F"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#083141", "#FFFFFF"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#114C5F", "#083141"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#FFFFFF", "#EBF2F4"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#083141", "name": "Foreground" }, 42 | { "slug": "background", "color": "#FFFFFF", "name": "Background" }, 43 | { "slug": "primary", "color": "#114C5F", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#59747C", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#EBF2F4", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#2A4F4F", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "0.375rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--archivo)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--karla)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/08-moss.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Moss", 4 | "slug": "moss", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#2B5544", "#113D2A"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#2B5544", "#DBECCD"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#113D2A", "#2B5544"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#2D5544", "#EDFAE5"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#2B5544", "#2D5544"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#EDFAE5", "#DBECCD"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#2D5544", "name": "Foreground" }, 42 | { "slug": "background", "color": "#EDFAE5", "name": "Background" }, 43 | { "slug": "primary", "color": "#2B5544", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#113D2A", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#DBECCD", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#4D6835", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "20rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--baloo-tamma-2)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--heebo)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/12-limepop.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Limepop", 4 | "slug": "limepop", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#9EFF34", "#B6FF67"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#9EFF34", "#062122"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#B6FF67", "#9EFF34"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#F4E0D9", "#09292C"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#9EFF34", "#F4E0D9"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#09292C", "#062122"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#F4E0D9", "name": "Foreground" }, 42 | { "slug": "background", "color": "#09292C", "name": "Background" }, 43 | { "slug": "primary", "color": "#9EFF34", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#B6FF67", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#062122", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#F4E0D9", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "20rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--rubik)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--hind)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/typography/source-serif-pro-roboto-flex.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Source Serif Pro & Roboto Flex", 4 | "version": 3, 5 | "slug": "source-serif-pro-roboto-flex", 6 | "styles": { 7 | "blocks": { 8 | "core/comments-title": { 9 | "typography": { 10 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 11 | } 12 | }, 13 | "core/query-pagination-next": { 14 | "typography": { 15 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 16 | } 17 | }, 18 | "core/query-pagination-numbers": { 19 | "typography": { 20 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 21 | } 22 | }, 23 | "core/query-pagination-previous": { 24 | "typography": { 25 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 26 | } 27 | }, 28 | "core/site-title": { 29 | "typography": { 30 | "fontWeight": "var(--wp--custom--typography--font-weight--medium)", 31 | "letterSpacing": "0.02em" 32 | } 33 | } 34 | }, 35 | "elements": { 36 | "h1": { 37 | "typography": { 38 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)", 39 | "letterSpacing": "-0.01em" 40 | } 41 | }, 42 | "h2": { 43 | "typography": { 44 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 45 | } 46 | }, 47 | "h3": { 48 | "typography": { 49 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)" 50 | } 51 | }, 52 | "h4": { 53 | "typography": { 54 | "fontWeight": "var(--wp--custom--typography--font-weight--semi-bold)", 55 | "letterSpacing": "0.01em" 56 | } 57 | }, 58 | "h5": { 59 | "typography": { 60 | "fontWeight": "var(--wp--custom--typography--font-weight--bold)", 61 | "letterSpacing": "0.01em", 62 | "textTransform": "normal" 63 | } 64 | }, 65 | "h6": { 66 | "typography": { 67 | "fontWeight": "var(--wp--custom--typography--font-weight--black)", 68 | "letterSpacing": "0.02em" 69 | } 70 | }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--source-serif-pro)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--roboto-flex)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/13-rosewood.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Rosewood", 4 | "slug": "rosewood", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#832422", "#744F39"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#832422", "#FFDAEC"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#744F39", "#832422"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#844955", "#FBE6F6"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#832422", "#844955"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#FBE6F6", "#FFDAEC"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#844955", "name": "Foreground" }, 42 | { "slug": "background", "color": "#FBE6F6", "name": "Background" }, 43 | { "slug": "primary", "color": "#832422", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#744F39", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#FFDAEC", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#703055", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "0.375rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--arsenal)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--jost)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/brick.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Brick", 4 | "slug": "brick", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#7A2812", "#3D4235"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#7A2812", "#E2E1DD"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#3D4235", "#7A2812"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#171511", "#F3EFEC"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#7A2812", "#171511"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#F3EFEC", "#E2E1DD"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#171511", "name": "Foreground" }, 42 | { "slug": "background", "color": "#F3EFEC", "name": "Background" }, 43 | { "slug": "primary", "color": "#7A2812", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#3D4235", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#E2E1DD", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#090703", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { 57 | "radius": "0" 58 | } 59 | } 60 | } 61 | } 62 | }, 63 | "styles": { 64 | "elements": { 65 | "h1": { "typography": { "fontWeight": "500" } }, 66 | "h2": { "typography": { "fontWeight": "500" } }, 67 | "h3": { "typography": { "fontWeight": "500" } }, 68 | "h4": { "typography": { "fontWeight": "500" } }, 69 | "h5": { "typography": { "fontWeight": "500" } }, 70 | "h6": { "typography": { "fontWeight": "500" } }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--rubik)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--hind)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/merlot.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Merlot", 4 | "slug": "merlot", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#281616", "#492525"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#281616", "#F9F5F1"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#492525", "#281616"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#12141D", "#FFFFFF"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#281616", "#12141D"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#FFFFFF", "#F9F5F1"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#12141D", "name": "Foreground" }, 42 | { "slug": "background", "color": "#FFFFFF", "name": "Background" }, 43 | { "slug": "primary", "color": "#281616", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#492525", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#F9F5F1", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#444444", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "0.375rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--source-serif-pro)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--hind)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/mulberry.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Mulberry", 4 | "slug": "mulberry", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#772F48", "#3D3828"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#772F48", "#DADAD1"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#3D3828", "#772F48"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#0F0814", "#F6F1EE"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#772F48", "#0F0814"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#F6F1EE", "#DADAD1"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#0F0814", "name": "Foreground" }, 42 | { "slug": "background", "color": "#F6F1EE", "name": "Background" }, 43 | { "slug": "primary", "color": "#772F48", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#3D3828", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#DADAD1", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#0F0814", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "0.375rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--gotu)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/sunset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Sunset", 4 | "slug": "sunset", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#F88149", "#B3B1DF"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#F88149", "#191A1A"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#B3B1DF", "#F88149"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#F4E0D9", "#000000"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#F88149", "#F4E0D9"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#000000", "#191A1A"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#F4E0D9", "name": "Foreground" }, 42 | { "slug": "background", "color": "#000000", "name": "Background" }, 43 | { "slug": "primary", "color": "#F88149", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#B3B1DF", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#191A1A", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#F4E0D9", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { "radius": "0.375rem" } 57 | } 58 | } 59 | } 60 | }, 61 | "styles": { 62 | "elements": { 63 | "h1": { "typography": { "fontWeight": "500" } }, 64 | "h2": { "typography": { "fontWeight": "500" } }, 65 | "h3": { "typography": { "fontWeight": "500" } }, 66 | "h4": { "typography": { "fontWeight": "500" } }, 67 | "h5": { "typography": { "fontWeight": "500" } }, 68 | "h6": { "typography": { "fontWeight": "500" } }, 69 | "heading": { 70 | "typography": { 71 | "fontFamily": "var(--wp--preset--font-family--marcellus)" 72 | } 73 | } 74 | }, 75 | "typography": { 76 | "fontFamily": "var(--wp--preset--font-family--radio-canada)" 77 | } 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /styles/indigo.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Indigo", 4 | "slug": "indigo", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#2E3AA3", "#6964C4"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#2E3AA3", "#FFFFFF"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#6964C4", "#2E3AA3"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#060606", "#FFF8EF"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#2E3AA3", "#060606"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#FFF8EF", "#FFFFFF"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#060606", "name": "Foreground" }, 42 | { "slug": "background", "color": "#FFF8EF", "name": "Background" }, 43 | { "slug": "primary", "color": "#2E3AA3", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#6964C4", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#FFFFFF", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#393B3C", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { 57 | "radius": "0" 58 | } 59 | } 60 | } 61 | } 62 | }, 63 | "styles": { 64 | "elements": { 65 | "h1": { "typography": { "fontWeight": "500" } }, 66 | "h2": { "typography": { "fontWeight": "500" } }, 67 | "h3": { "typography": { "fontWeight": "500" } }, 68 | "h4": { "typography": { "fontWeight": "500" } }, 69 | "h5": { "typography": { "fontWeight": "500" } }, 70 | "h6": { "typography": { "fontWeight": "500" } }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--jost)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--mulish)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/02-cobalt.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Cobalt", 4 | "slug": "cobalt", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#0036F7", "#363C4F"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#0036F7", "#F9FAFC"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#363C4F", "#0036F7"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#12141D", "#FFFFFF"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#0036F7", "#12141D"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#FFFFFF", "#F9FAFC"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#12141D", "name": "Foreground" }, 42 | { "slug": "background", "color": "#FFFFFF", "name": "Background" }, 43 | { "slug": "primary", "color": "#0036F7", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#363C4F", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#F9FAFC", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#4B4B4B", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { 57 | "radius": "0" 58 | } 59 | } 60 | } 61 | } 62 | }, 63 | "styles": { 64 | "elements": { 65 | "h1": { "typography": { "fontWeight": "500" } }, 66 | "h2": { "typography": { "fontWeight": "500" } }, 67 | "h3": { "typography": { "fontWeight": "500" } }, 68 | "h4": { "typography": { "fontWeight": "500" } }, 69 | "h5": { "typography": { "fontWeight": "500" } }, 70 | "h6": { "typography": { "fontWeight": "500" } }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--montserrat)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--inter)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/04-gold.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Gold", 4 | "slug": "gold", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#F9D548", "#ECB92E"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#F9D548", "#1E2329"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#ECB92E", "#F9D548"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#EAECEF", "#181A20"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#F9D548", "#EAECEF"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#181A20", "#1E2329"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#EAECEF", "name": "Foreground" }, 42 | { "slug": "background", "color": "#181A20", "name": "Background" }, 43 | { "slug": "primary", "color": "#F9D548", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#ECB92E", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#1E2329", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#EAECEF", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { 57 | "radius": "0.375rem" 58 | } 59 | } 60 | } 61 | } 62 | }, 63 | "styles": { 64 | "elements": { 65 | "h1": { "typography": { "fontWeight": "500" } }, 66 | "h2": { "typography": { "fontWeight": "500" } }, 67 | "h3": { "typography": { "fontWeight": "500" } }, 68 | "h4": { "typography": { "fontWeight": "500" } }, 69 | "h5": { "typography": { "fontWeight": "500" } }, 70 | "h6": { "typography": { "fontWeight": "500" } }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--marcellus)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--karla)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/07-coral.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Coral", 4 | "slug": "coral", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#FE8578", "#FE8578"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#FE8578", "#2A0400"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#FE8578", "#FE8578"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#F4E0D9", "#371025"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#FE8578", "#F4E0D9"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#371025", "#2A0400"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#F4E0D9", "name": "Foreground" }, 42 | { "slug": "background", "color": "#371025", "name": "Background" }, 43 | { "slug": "primary", "color": "#FE8578", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#FE8578", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#2A0400", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#F4E0D9", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { 57 | "radius": "20rem" 58 | } 59 | } 60 | } 61 | } 62 | }, 63 | "styles": { 64 | "elements": { 65 | "h1": { "typography": { "fontWeight": "500" } }, 66 | "h2": { "typography": { "fontWeight": "500" } }, 67 | "h3": { "typography": { "fontWeight": "500" } }, 68 | "h4": { "typography": { "fontWeight": "500" } }, 69 | "h5": { "typography": { "fontWeight": "500" } }, 70 | "h6": { "typography": { "fontWeight": "500" } }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--arsenal)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--manrope)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/clay.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Clay", 4 | "slug": "clay", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#212023", "#744F39"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#212023", "#F9F8F1"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#744F39", "#212023"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#582A2F", "#FBEBE1"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#212023", "#582A2F"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#FBEBE1", "#F9F8F1"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#582A2F", "name": "Foreground" }, 42 | { "slug": "background", "color": "#FBEBE1", "name": "Background" }, 43 | { "slug": "primary", "color": "#212023", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#744F39", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#F9F8F1", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#4C3B35", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { 57 | "radius": "0.375rem" 58 | } 59 | } 60 | } 61 | } 62 | }, 63 | "styles": { 64 | "elements": { 65 | "h1": { "typography": { "fontWeight": "500" } }, 66 | "h2": { "typography": { "fontWeight": "500" } }, 67 | "h3": { "typography": { "fontWeight": "500" } }, 68 | "h4": { "typography": { "fontWeight": "500" } }, 69 | "h5": { "typography": { "fontWeight": "500" } }, 70 | "h6": { "typography": { "fontWeight": "500" } }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--noto-serif-display)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--karla)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/01-evergreen.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Evergreen", 4 | "slug": "evergreen", 5 | "version": 3, 6 | "settings": { 7 | "color": { 8 | "duotone": [ 9 | { 10 | "colors": ["#0B3721", "#061F13"], 11 | "slug": "primary-and-secondary", 12 | "name": "Primary and secondary" 13 | }, 14 | { 15 | "colors": ["#0B3721", "#F9F8F1"], 16 | "slug": "primary-and-tertiary", 17 | "name": "Primary and tertiary" 18 | }, 19 | { 20 | "colors": ["#061F13", "#0B3721"], 21 | "slug": "secondary-and-primary", 22 | "name": "Secondary and primary" 23 | }, 24 | { 25 | "colors": ["#12141D", "#FFFFFF"], 26 | "slug": "foreground-and-background", 27 | "name": "Foreground and background" 28 | }, 29 | { 30 | "colors": ["#0B3721", "#12141D"], 31 | "slug": "primary-foreground", 32 | "name": "Primary and Foreground" 33 | }, 34 | { 35 | "colors": ["#FFFFFF", "#F9F8F1"], 36 | "slug": "background-tertiary", 37 | "name": "Background and Background Alt" 38 | } 39 | ], 40 | "palette": [ 41 | { "slug": "foreground", "color": "#12141D", "name": "Foreground" }, 42 | { "slug": "background", "color": "#FFFFFF", "name": "Background" }, 43 | { "slug": "primary", "color": "#0B3721", "name": "Primary" }, 44 | { "slug": "secondary", "color": "#061F13", "name": "Secondary" }, 45 | { "slug": "tertiary", "color": "#F9F8F1", "name": "Tertiary" }, 46 | { 47 | "slug": "foreground-alt", 48 | "color": "#2E2E27", 49 | "name": "Foreground Alt" 50 | } 51 | ] 52 | }, 53 | "custom": { 54 | "elements": { 55 | "button": { 56 | "border": { 57 | "radius": "0.375rem" 58 | } 59 | } 60 | } 61 | } 62 | }, 63 | "styles": { 64 | "elements": { 65 | "h1": { "typography": { "fontWeight": "500" } }, 66 | "h2": { "typography": { "fontWeight": "500" } }, 67 | "h3": { "typography": { "fontWeight": "500" } }, 68 | "h4": { "typography": { "fontWeight": "500" } }, 69 | "h5": { "typography": { "fontWeight": "500" } }, 70 | "h6": { "typography": { "fontWeight": "500" } }, 71 | "heading": { 72 | "typography": { 73 | "fontFamily": "var(--wp--preset--font-family--marcellus)" 74 | } 75 | } 76 | }, 77 | "typography": { 78 | "fontFamily": "var(--wp--preset--font-family--mulish)" 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /styles/colors/onyx.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Onyx", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#FFFCFC", "#C4C4C4"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#FFFCFC", "#000000"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#C4C4C4", "#FFFCFC"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#010101", "#17181A"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#FFFFFF", "#FFFCFC"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#17181A", "#000000"], 35 | "slug": "background-tertiary", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { 41 | "slug": "foreground", 42 | "color": "#FFFCFC", 43 | "name": "Foreground" 44 | }, 45 | { 46 | "slug": "background", 47 | "color": "#17181A", 48 | "name": "Background" 49 | }, 50 | { 51 | "slug": "primary", 52 | "color": "#FFFFFF", 53 | "name": "Primary" 54 | }, 55 | { 56 | "slug": "secondary", 57 | "color": "#C4C4C4", 58 | "name": "Secondary" 59 | }, 60 | { 61 | "slug": "tertiary", 62 | "color": "#000000", 63 | "name": "Tertiary" 64 | }, 65 | { 66 | "slug": "foreground-alt", 67 | "color": "#FFFCFC", 68 | "name": "Foreground Alt" 69 | } 70 | ] 71 | }, 72 | "custom": { 73 | "elements": { 74 | "button": { 75 | "color": { 76 | "background": "var(--wp--preset--color--primary)", 77 | "text": "var(--wp--preset--color--background)" 78 | }, 79 | ":hover": { 80 | "color": { 81 | "background": "var(--wp--preset--color--secondary)", 82 | "text": "var(--wp--preset--color--background)" 83 | } 84 | }, 85 | ":focus": { 86 | "color": { 87 | "background": "var(--wp--preset--color--primary)", 88 | "text": "var(--wp--preset--color--background)" 89 | } 90 | } 91 | } 92 | } 93 | } 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /patterns/hidden-woo-related-products.php: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 |
11 | 12 |

13 | 14 |

15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | -------------------------------------------------------------------------------- /styles/colors/cairo.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "version": 3, 4 | "title": "Cairo", 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#ffffff", "#393646"], 10 | "slug": "foreground-and-background", 11 | "name": "Foreground and background" 12 | }, 13 | { 14 | "colors": ["#ffffff", "#F4EEE0"], 15 | "slug": "foreground-and-primary", 16 | "name": "Foreground and primary" 17 | }, 18 | { 19 | "colors": ["#393646", "#F4EEE0"], 20 | "slug": "primary-and-background", 21 | "name": "Primary and background" 22 | }, 23 | { 24 | "colors": ["#F4EEE0", "#331D2C"], 25 | "slug": "primary-and-secondary", 26 | "name": "Primary and secondary" 27 | }, 28 | { 29 | "colors": ["#F4EEE0", "#ffffff"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#393646", "#4F4557"], 35 | "slug": "background-tertiary", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { 41 | "slug": "foreground", 42 | "color": "#ffffff", 43 | "name": "Foreground" 44 | }, 45 | { 46 | "slug": "background", 47 | "color": "#393646", 48 | "name": "Background" 49 | }, 50 | { 51 | "slug": "primary", 52 | "color": "#F4EEE0", 53 | "name": "Primary" 54 | }, 55 | { 56 | "slug": "secondary", 57 | "color": "#EFE1D1", 58 | "name": "Secondary" 59 | }, 60 | { 61 | "slug": "tertiary", 62 | "color": "#4F4557", 63 | "name": "Tertiary" 64 | }, 65 | { 66 | "slug": "foreground-alt", 67 | "color": "#ffffff", 68 | "name": "Foreground Alt" 69 | } 70 | ] 71 | }, 72 | "custom": { 73 | "elements": { 74 | "button": { 75 | "color": { 76 | "background": "var(--wp--preset--color--primary)", 77 | "text": "var(--wp--preset--color--background)" 78 | }, 79 | ":hover": { 80 | "color": { 81 | "background": "var(--wp--preset--color--foreground)", 82 | "text": "var(--wp--preset--color--background)" 83 | } 84 | }, 85 | ":focus": { 86 | "color": { 87 | "background": "var(--wp--preset--color--primary)", 88 | "text": "var(--wp--preset--color--background)" 89 | } 90 | } 91 | } 92 | } 93 | } 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /patterns/header-title-social-nav.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 |
12 | 13 |
15 | 16 |
17 | 18 | 19 |
20 | 21 | 22 | 23 |
24 | 25 |
    26 | 27 | 28 | 29 | 30 | 31 |
32 | 33 | 34 | 35 | 36 | 37 |
38 | 39 |
40 | 41 |
42 | 43 | -------------------------------------------------------------------------------- /styles/colors/lilac.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Lilac", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#52466A", "#281C39"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#52466A", "#FFFFFF"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#281C39", "#52466A"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#3B2B53", "#DAD4EB"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#52466A", "#3B2B53"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#DAD4EB", "#FFFFFF"], 35 | "slug": "Background and Background Alt", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#DAD4EB", "name": "Background" }, 41 | { "slug": "foreground", "color": "#3B2B53", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#52466A", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#281C39", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#FFFFFF", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#1D142B", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "#CDFB6F", 57 | "text": "var(--wp--preset--color--foreground)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "#CDFB6F", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/midnight.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Midnight", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#241D1E", "#6E5E60"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#241D1E", "#F9F9F9"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#6E5E60", "#241D1E"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#0E1F32", "#ECE8E5"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#241D1E", "#0E1F32"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#ECE8E5", "#F9F9F9"], 35 | "slug": "Background and Background Alt", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#ECE8E5", "name": "Background" }, 41 | { "slug": "foreground", "color": "#0E1F32", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#241D1E", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#6E5E60", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#F9F9F9", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#0E1F32", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "#E9C9CD", 57 | "text": "var(--wp--preset--color--foreground)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "#E9C9CD", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/obsidian.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Obsidian", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#111111", "#333333"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#111111", "#F9D9A7"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#333333", "#111111"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#000000", "#F8F4EC"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#111111", "#000000"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#F8F4EC", "#F9D9A7"], 35 | "slug": "Background and Background Alt", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#F8F4EC", "name": "Background" }, 41 | { "slug": "foreground", "color": "#000000", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#111111", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#333333", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#F9D9A7", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#000000", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "#FEB854", 57 | "text": "var(--wp--preset--color--foreground)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "#FEB854", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /assets/fonts/oswald/README.txt: -------------------------------------------------------------------------------- 1 | Oswald Variable Font 2 | ==================== 3 | 4 | This download contains Oswald as both a variable font and static fonts. 5 | 6 | Oswald is a variable font with this axis: 7 | wght 8 | 9 | This means all the styles are contained in a single file: 10 | Oswald-VariableFont_wght.ttf 11 | 12 | If your app fully supports variable fonts, you can now pick intermediate styles 13 | that aren’t available as static fonts. Not all apps support variable fonts, and 14 | in those cases you can use the static font files for Oswald: 15 | static/Oswald-ExtraLight.ttf 16 | static/Oswald-Light.ttf 17 | static/Oswald-Regular.ttf 18 | static/Oswald-Medium.ttf 19 | static/Oswald-SemiBold.ttf 20 | static/Oswald-Bold.ttf 21 | 22 | Get started 23 | ----------- 24 | 25 | 1. Install the font files you want to use 26 | 27 | 2. Use your app's font picker to view the font family and all the 28 | available styles 29 | 30 | Learn more about variable fonts 31 | ------------------------------- 32 | 33 | https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts 34 | https://variablefonts.typenetwork.com 35 | https://medium.com/variable-fonts 36 | 37 | In desktop apps 38 | 39 | https://theblog.adobe.com/can-variable-fonts-illustrator-cc 40 | https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts 41 | 42 | Online 43 | 44 | https://developers.google.com/fonts/docs/getting_started 45 | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide 46 | https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts 47 | 48 | Installing fonts 49 | 50 | MacOS: https://support.apple.com/en-us/HT201749 51 | Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux 52 | Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows 53 | 54 | Android Apps 55 | 56 | https://developers.google.com/fonts/docs/android 57 | https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts 58 | 59 | License 60 | ------- 61 | Please read the full license text (OFL.txt) to understand the permissions, 62 | restrictions and requirements for usage, redistribution, and modification. 63 | 64 | You can use them in your products & projects – print or digital, 65 | commercial or otherwise. 66 | 67 | This isn't legal advice, please consider consulting a lawyer and see the full 68 | license for all details. 69 | -------------------------------------------------------------------------------- /styles/typography/space-mono.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Space Mono", 4 | "version": 3, 5 | "slug": "space-mono", 6 | "styles": { 7 | "blocks": { 8 | "core/comments-title": { 9 | "typography": { 10 | "fontSize": "var(--wp--preset--font-size--x-large)", 11 | "fontWeight": "400" 12 | } 13 | }, 14 | "core/query-pagination-next": { 15 | "typography": { 16 | "fontWeight": "400" 17 | } 18 | }, 19 | "core/query-pagination-numbers": { 20 | "typography": { 21 | "fontWeight": "400" 22 | } 23 | }, 24 | "core/query-pagination-previous": { 25 | "typography": { 26 | "fontWeight": "400" 27 | } 28 | }, 29 | "core/site-title": { 30 | "typography": { 31 | "fontFamily": "var(--wp--preset--font-family--heading)", 32 | "fontSize": "var(--wp--preset--font-size--large)", 33 | "fontWeight": "var(--wp--custom--typography--font-weight--bold)", 34 | "lineHeight": "var(--wp--custom--typography--line-height--tiny)" 35 | } 36 | } 37 | }, 38 | "elements": { 39 | "button": { 40 | "typography": { 41 | "fontSize": "var(--wp--preset--font-size--small)", 42 | "textTransform": "uppercase", 43 | "letterSpacing": "0.15rem", 44 | "fontWeight": "400" 45 | } 46 | }, 47 | "h1": { 48 | "typography": { 49 | "fontWeight": "700", 50 | "letterSpacing": "normal" 51 | } 52 | }, 53 | "h2": { 54 | "typography": { 55 | "fontWeight": "700", 56 | "letterSpacing": "normal" 57 | } 58 | }, 59 | "h3": { 60 | "typography": { 61 | "fontWeight": "700", 62 | "letterSpacing": "normal" 63 | } 64 | }, 65 | "h4": { 66 | "typography": { 67 | "fontWeight": "700", 68 | "letterSpacing": "normal" 69 | } 70 | }, 71 | "h5": { 72 | "typography": { 73 | "fontWeight": "700", 74 | "letterSpacing": "normal" 75 | } 76 | }, 77 | "h6": { 78 | "typography": { 79 | "fontWeight": "700", 80 | "letterSpacing": "normal" 81 | } 82 | }, 83 | "heading": { 84 | "typography": { 85 | "fontFamily": "var(--wp--preset--font-family--space-mono)" 86 | } 87 | } 88 | }, 89 | "typography": { 90 | "fontFamily": "var(--wp--preset--font-family--space-mono)", 91 | "fontSize": "1rem", 92 | "fontWeight": "400", 93 | "lineHeight": "var(--wp--custom--typography--line-height--large)" 94 | } 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /styles/colors/clay.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Clay", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#212023", "#744F39"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#212023", "#F9F8F1"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#744F39", "#212023"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#582A2F", "#FBEBE1"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#212023", "#582A2F"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#FBEBE1", "#F9F8F1"], 35 | "slug": "background-tertiary", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#FBEBE1", "name": "Background" }, 41 | { "slug": "foreground", "color": "#582A2F", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#212023", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#744F39", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#F9F8F1", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#4C3B35", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/brick.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Brick", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#7A2812", "#3D4235"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#7A2812", "#E2E1DD"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#3D4235", "#7A2812"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#171511", "#F3EFEC"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#7A2812", "#171511"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#F3EFEC", "#E2E1DD"], 35 | "slug": "background-tertiary", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#F3EFEC", "name": "Background" }, 41 | { "slug": "foreground", "color": "#171511", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#7A2812", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#3D4235", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#E2E1DD", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#090703", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/cobalt.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Cobalt", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#0036F7", "#363C4F"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#0036F7", "#F9FAFC"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#363C4F", "#0036F7"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#12141D", "#FFFFFF"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#0036F7", "#12141D"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#FFFFFF", "#F9FAFC"], 35 | "slug": "background-tertiary", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#FFFFFF", "name": "Background" }, 41 | { "slug": "foreground", "color": "#12141D", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#0036F7", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#363C4F", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#F9FAFC", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#4B4B4B", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/coral.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Coral", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#FE8578", "#FE8578"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#FE8578", "#2A0400"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#FE8578", "#FE8578"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#F4E0D9", "#371025"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#FE8578", "#F4E0D9"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#371025", "#2A0400"], 35 | "slug": "background-tertiary", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#371025", "name": "Background" }, 41 | { "slug": "foreground", "color": "#F4E0D9", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#FE8578", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#FE8578", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#2A0400", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#F4E0D9", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/evergreen.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Evergreen", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#0B3721", "#061F13"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#0B3721", "#F9F8F1"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#061F13", "#0B3721"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#12141D", "#FFFFFF"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#0B3721", "#12141D"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#FFFFFF", "#F9F8F1"], 35 | "slug": "background-tertiary", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#FFFFFF", "name": "Background" }, 41 | { "slug": "foreground", "color": "#12141D", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#0B3721", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#061F13", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#F9F8F1", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#2E2E27", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/gold.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Gold", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#F9D548", "#ECB92E"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#F9D548", "#1E2329"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#ECB92E", "#F9D548"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#EAECEF", "#181A20"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#F9D548", "#EAECEF"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#181A20", "#1E2329"], 35 | "slug": "Background and Background Alt", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#181A20", "name": "Background" }, 41 | { "slug": "foreground", "color": "#EAECEF", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#F9D548", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#ECB92E", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#1E2329", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#EAECEF", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/lime.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Lime", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#5FD542", "#EBEAE0"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#5FD542", "#364237"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#EBEAE0", "#5FD542"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#F1F1F1", "#273228"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#5FD542", "#F1F1F1"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#273228", "#364237"], 35 | "slug": "Background and Background Alt", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#273228", "name": "Background" }, 41 | { "slug": "foreground", "color": "#F1F1F1", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#5FD542", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#EBEAE0", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#364237", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#F1F1F1", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /styles/colors/moss.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://schemas.wp.org/trunk/theme.json", 3 | "title": "Moss", 4 | "version": 3, 5 | "settings": { 6 | "color": { 7 | "duotone": [ 8 | { 9 | "colors": ["#2B5544", "#113D2A"], 10 | "slug": "primary-and-secondary", 11 | "name": "Primary and secondary" 12 | }, 13 | { 14 | "colors": ["#2B5544", "#DBECCD"], 15 | "slug": "primary-and-tertiary", 16 | "name": "Primary and tertiary" 17 | }, 18 | { 19 | "colors": ["#113D2A", "#2B5544"], 20 | "slug": "secondary-and-primary", 21 | "name": "Secondary and primary" 22 | }, 23 | { 24 | "colors": ["#2D5544", "#EDFAE5"], 25 | "slug": "foreground-and-background", 26 | "name": "Foreground and background" 27 | }, 28 | { 29 | "colors": ["#2B5544", "#2D5544"], 30 | "slug": "primary-foreground", 31 | "name": "Primary and Foreground" 32 | }, 33 | { 34 | "colors": ["#EDFAE5", "#DBECCD"], 35 | "slug": "Background and Background Alt", 36 | "name": "Background and Background Alt" 37 | } 38 | ], 39 | "palette": [ 40 | { "slug": "background", "color": "#EDFAE5", "name": "Background" }, 41 | { "slug": "foreground", "color": "#2D5544", "name": "Foreground" }, 42 | { "slug": "primary", "color": "#2B5544", "name": "Primary" }, 43 | { "slug": "secondary", "color": "#113D2A", "name": "Secondary" }, 44 | { "slug": "tertiary", "color": "#DBECCD", "name": "Tertiary" }, 45 | { 46 | "slug": "foreground-alt", 47 | "color": "#4D6835", 48 | "name": "Foreground Alt" 49 | } 50 | ] 51 | }, 52 | "custom": { 53 | "elements": { 54 | "button": { 55 | "color": { 56 | "background": "var(--wp--preset--color--primary)", 57 | "text": "var(--wp--preset--color--background)" 58 | }, 59 | ":hover": { 60 | "color": { 61 | "background": "var(--wp--preset--color--foreground)", 62 | "text": "var(--wp--preset--color--background)" 63 | } 64 | }, 65 | ":focus": { 66 | "color": { 67 | "background": "var(--wp--preset--color--primary)", 68 | "text": "var(--wp--preset--color--background)" 69 | } 70 | } 71 | } 72 | } 73 | } 74 | }, 75 | "styles": { 76 | "color": { 77 | "text": "var(--wp--preset--color--foreground-alt)" 78 | }, 79 | "elements": { 80 | "heading": { 81 | "color": { 82 | "text": "var(--wp--preset--color--foreground)" 83 | } 84 | } 85 | } 86 | } 87 | } 88 | --------------------------------------------------------------------------------