Skip to content
This repository was archived by the owner on Feb 17, 2025. It is now read-only.

Assembler: Add color and typography variations #7710

Merged
richtabor merged 2 commits into from
Apr 4, 2024
Merged

Assembler: Add color and typography variations #7710

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
410b204
Ignore the assembler colors and typesets repo
richtabor Apr 3, 2024
20aa0a3
Add color and typography variations
richtabor Apr 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion assembler/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
#Ignoring style variations
/styles/*
/assembler-colors-typesets
233 changes: 233 additions & 0 deletions assembler/styles/colors/01-blueberry.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,233 @@
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"title": "Blueberry",
"settings": {
"color": {
"palette": [
{
"color": "#FFFFFF",
"name": "Color 1",
"slug": "theme-1"
},
{
"color": "#c7d1ff",
"name": "Color 2",
"slug": "theme-2"
},
{
"color": "#213fd4",
"name": "Color 3",
"slug": "theme-3"
},
{
"color": "#1d35b4",
"name": "Color 4",
"slug": "theme-4"
},
{
"color": "#1e1e1e",
"name": "Color 5",
"slug": "theme-5"
}
],
"duotone": [
{
"colors": [
"#FFFFFF",
"#c7d1ff"
],
"slug": "duotone-0-1",
"name": "Duotone 1"
},
{
"colors": [
"#FFFFFF",
"#213fd4"
],
"slug": "duotone-0-2",
"name": "Duotone 2"
},
{
"colors": [
"#FFFFFF",
"#1d35b4"
],
"slug": "duotone-0-3",
"name": "Duotone 3"
},
{
"colors": [
"#FFFFFF",
"#1e1e1e"
],
"slug": "duotone-0-4",
"name": "Duotone 4"
},
{
"colors": [
"#c7d1ff",
"#213fd4"
],
"slug": "duotone-1-2",
"name": "Duotone 5"
},
{
"colors": [
"#c7d1ff",
"#1d35b4"
],
"slug": "duotone-1-3",
"name": "Duotone 6"
},
{
"colors": [
"#c7d1ff",
"#1e1e1e"
],
"slug": "duotone-1-4",
"name": "Duotone 7"
},
{
"colors": [
"#213fd4",
"#1d35b4"
],
"slug": "duotone-2-3",
"name": "Duotone 8"
},
{
"colors": [
"#213fd4",
"#1e1e1e"
],
"slug": "duotone-2-4",
"name": "Duotone 9"
},
{
"colors": [
"#1d35b4",
"#1e1e1e"
],
"slug": "duotone-3-4",
"name": "Duotone 10"
}
],
"gradients": [
{
"slug": "gradient-text-transparent",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) -50%, transparent 50%)",
"name": "Text to Transparent"
},
{
"slug": "gradient-1-2",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-2) 100%)",
"name": "Gradient 1"
},
{
"slug": "gradient-1-3",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
"name": "Gradient 2"
},
{
"slug": "gradient-1-4",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
"name": "Gradient 3"
},
{
"slug": "gradient-1-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-5) 100%)",
"name": "Gradient 4"
},
{
"slug": "gradient-2-3",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-3) 100%)",
"name": "Gradient 5"
},
{
"slug": "gradient-2-4",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
"name": "Gradient 6"
},
{
"slug": "gradient-2-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-5) 100%)",
"name": "Gradient 7"
},
{
"slug": "gradient-3-4",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-4) 100%)",
"name": "Gradient 8"
},
{
"slug": "gradient-3-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-5) 100%)",
"name": "Gradient 9"
},
{
"slug": "gradient-4-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-5) 100%)",
"name": "Gradient 10"
}
]
},
"custom": {
"input": {
"color": {
"background": "var(--wp--preset--color--theme-1)"
},
"border": {
"color": "var(--wp--preset--color--theme-5)"
},
":focus": {
"border": {
"color": "var(--wp--preset--color--theme-3)"
}
}
}
}
},
"styles": {
"color": {
"background": "var(--wp--preset--color--theme-1)",
"text": "var(--wp--preset--color--theme-5)"
},
"blocks": {
"core/button": {
"variations": {
"outline": {
"border": {
"color": "var(--wp--preset--color--theme-4)"
},
"color": {
"text": "var(--wp--preset--color--theme-4)"
}
}
}
},
"core/separator": {
"border": {
"color": "var(--wp--preset--color--theme-5)"
}
}
},
"elements": {
"heading": {
"color": {
"text": "var(--wp--preset--color--theme-5)"
}
},
"button": {
":hover": {
"color": {
"background": "var(--wp--preset--color--theme-4)"
}
},
"color": {
"background": "var(--wp--preset--color--theme-3)",
"text": "var(--wp--preset--color--theme-1)"
}
}
}
}
}
Loading