magdev/wp-bootstrap
1
Fork 0
Code Issues Pull Requests Actions Releases 24 Activity

v0.3.1 - Add 11 new style variations (4 light, 4 dark + 3 earlier dark)
All checks were successful
Create Release Package / PHP Lint (push) Successful in 50s
Details
Create Release Package / Build Release (push) Successful in 1m19s
Details

Browse Source 
Add Rose, Sand, Lavender, Mint (light) and Ember, Arctic, Amethyst,
Slate, Mocha, Nebula, Obsidian (dark) color palettes for the Design
Editor. Total of 15 style variations available (7 light, 7 dark).

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Marco Grätsch
2026-02-08 16:37:29 +01:00
parent eb5ac6f7ad
commit edf053d7ea
16 changed files with 946 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
styles/05-ember.json Normal file
View File

@@ -0,0 +1,86 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Ember",
"settings": {
"color": {
"palette": [
{
"color": "#1c1210",
"name": "Base",
"slug": "base"
},
{
"color": "#f0e6e0",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#e85d26",
"name": "Primary",
"slug": "primary"
},
{
"color": "#a8a09c",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#4ade80",
"name": "Success",
"slug": "success"
},
{
"color": "#f87171",
"name": "Danger",
"slug": "danger"
},
{
"color": "#fbbf24",
"name": "Warning",
"slug": "warning"
},
{
"color": "#fb923c",
"name": "Info",
"slug": "info"
},
{
"color": "#2a1f1b",
"name": "Light",
"slug": "light"
},
{
"color": "#3d2117",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|base"
},
":hover": {
"color": {
"background": "#c44b1b"
}
}
},
"link": {
"color": {
"text": "var:preset|color|primary"
},
":hover": {
"color": {
"text": "#c44b1b"
}
}
}
}
}
}

86
styles/06-arctic.json Normal file
View File

@@ -0,0 +1,86 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Arctic",
"settings": {
"color": {
"palette": [
{
"color": "#0d1b2a",
"name": "Base",
"slug": "base"
},
{
"color": "#e0e8f0",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#38bdf8",
"name": "Primary",
"slug": "primary"
},
{
"color": "#94a3b8",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#34d399",
"name": "Success",
"slug": "success"
},
{
"color": "#fb7185",
"name": "Danger",
"slug": "danger"
},
{
"color": "#facc15",
"name": "Warning",
"slug": "warning"
},
{
"color": "#22d3ee",
"name": "Info",
"slug": "info"
},
{
"color": "#1b2838",
"name": "Light",
"slug": "light"
},
{
"color": "#0f4c75",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|base"
},
":hover": {
"color": {
"background": "#0ea5e9"
}
}
},
"link": {
"color": {
"text": "var:preset|color|primary"
},
":hover": {
"color": {
"text": "#0ea5e9"
}
}
}
}
}
}

86
styles/07-amethyst.json Normal file
View File

@@ -0,0 +1,86 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Amethyst",
"settings": {
"color": {
"palette": [
{
"color": "#1a1028",
"name": "Base",
"slug": "base"
},
{
"color": "#e8e0f0",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#a78bfa",
"name": "Primary",
"slug": "primary"
},
{
"color": "#9ca3af",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#6ee7b7",
"name": "Success",
"slug": "success"
},
{
"color": "#fca5a5",
"name": "Danger",
"slug": "danger"
},
{
"color": "#fde68a",
"name": "Warning",
"slug": "warning"
},
{
"color": "#c084fc",
"name": "Info",
"slug": "info"
},
{
"color": "#221538",
"name": "Light",
"slug": "light"
},
{
"color": "#3b1f6e",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|base"
},
":hover": {
"color": {
"background": "#8b5cf6"
}
}
},
"link": {
"color": {
"text": "var:preset|color|primary"
},
":hover": {
"color": {
"text": "#8b5cf6"
}
}
}
}
}
}

79
styles/08-rose.json Normal file
View File

@@ -0,0 +1,79 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Rose",
"settings": {
"color": {
"palette": [
{
"color": "#FFFBFC",
"name": "Base",
"slug": "base"
},
{
"color": "#2e1a21",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#be185d",
"name": "Primary",
"slug": "primary"
},
{
"color": "#78716c",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#16a34a",
"name": "Success",
"slug": "success"
},
{
"color": "#dc2626",
"name": "Danger",
"slug": "danger"
},
{
"color": "#eab308",
"name": "Warning",
"slug": "warning"
},
{
"color": "#ec4899",
"name": "Info",
"slug": "info"
},
{
"color": "#fdf2f8",
"name": "Light",
"slug": "light"
},
{
"color": "#4a1030",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
":hover": {
"color": {
"background": "#9d174d"
}
}
},
"link": {
":hover": {
"color": {
"text": "#9d174d"
}
}
}
}
}
}

79
styles/09-sand.json Normal file
View File

@@ -0,0 +1,79 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Sand",
"settings": {
"color": {
"palette": [
{
"color": "#FEFCF8",
"name": "Base",
"slug": "base"
},
{
"color": "#292017",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#b45309",
"name": "Primary",
"slug": "primary"
},
{
"color": "#78716c",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#15803d",
"name": "Success",
"slug": "success"
},
{
"color": "#b91c1c",
"name": "Danger",
"slug": "danger"
},
{
"color": "#d97706",
"name": "Warning",
"slug": "warning"
},
{
"color": "#d4956b",
"name": "Info",
"slug": "info"
},
{
"color": "#f5f0e8",
"name": "Light",
"slug": "light"
},
{
"color": "#3d2c14",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
":hover": {
"color": {
"background": "#92400e"
}
}
},
"link": {
":hover": {
"color": {
"text": "#92400e"
}
}
}
}
}
}

79
styles/10-lavender.json Normal file
View File

@@ -0,0 +1,79 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Lavender",
"settings": {
"color": {
"palette": [
{
"color": "#FCFBFF",
"name": "Base",
"slug": "base"
},
{
"color": "#1e1b2e",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#7c3aed",
"name": "Primary",
"slug": "primary"
},
{
"color": "#71717a",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#059669",
"name": "Success",
"slug": "success"
},
{
"color": "#dc2626",
"name": "Danger",
"slug": "danger"
},
{
"color": "#eab308",
"name": "Warning",
"slug": "warning"
},
{
"color": "#8b5cf6",
"name": "Info",
"slug": "info"
},
{
"color": "#f3f0ff",
"name": "Light",
"slug": "light"
},
{
"color": "#3b1f8e",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
":hover": {
"color": {
"background": "#6d28d9"
}
}
},
"link": {
":hover": {
"color": {
"text": "#6d28d9"
}
}
}
}
}
}

79
styles/11-mint.json Normal file
View File

@@ -0,0 +1,79 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Mint",
"settings": {
"color": {
"palette": [
{
"color": "#F8FFFE",
"name": "Base",
"slug": "base"
},
{
"color": "#14291f",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#0d9488",
"name": "Primary",
"slug": "primary"
},
{
"color": "#6b7280",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#16a34a",
"name": "Success",
"slug": "success"
},
{
"color": "#dc2626",
"name": "Danger",
"slug": "danger"
},
{
"color": "#ca8a04",
"name": "Warning",
"slug": "warning"
},
{
"color": "#2dd4bf",
"name": "Info",
"slug": "info"
},
{
"color": "#ecfdf5",
"name": "Light",
"slug": "light"
},
{
"color": "#134e4a",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
":hover": {
"color": {
"background": "#0f766e"
}
}
},
"link": {
":hover": {
"color": {
"text": "#0f766e"
}
}
}
}
}
}

86
styles/12-slate.json Normal file
View File

@@ -0,0 +1,86 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Slate",
"settings": {
"color": {
"palette": [
{
"color": "#0f172a",
"name": "Base",
"slug": "base"
},
{
"color": "#e2e8f0",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#3b82f6",
"name": "Primary",
"slug": "primary"
},
{
"color": "#94a3b8",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#22c55e",
"name": "Success",
"slug": "success"
},
{
"color": "#ef4444",
"name": "Danger",
"slug": "danger"
},
{
"color": "#eab308",
"name": "Warning",
"slug": "warning"
},
{
"color": "#06b6d4",
"name": "Info",
"slug": "info"
},
{
"color": "#1e293b",
"name": "Light",
"slug": "light"
},
{
"color": "#334155",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|base"
},
":hover": {
"color": {
"background": "#2563eb"
}
}
},
"link": {
"color": {
"text": "var:preset|color|primary"
},
":hover": {
"color": {
"text": "#2563eb"
}
}
}
}
}
}

86
styles/13-mocha.json Normal file
View File

@@ -0,0 +1,86 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Mocha",
"settings": {
"color": {
"palette": [
{
"color": "#1c1412",
"name": "Base",
"slug": "base"
},
{
"color": "#e7ddd4",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#c49a6c",
"name": "Primary",
"slug": "primary"
},
{
"color": "#a8998a",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#6ec98f",
"name": "Success",
"slug": "success"
},
{
"color": "#e87e7e",
"name": "Danger",
"slug": "danger"
},
{
"color": "#e5c07b",
"name": "Warning",
"slug": "warning"
},
{
"color": "#d19a66",
"name": "Info",
"slug": "info"
},
{
"color": "#2a201a",
"name": "Light",
"slug": "light"
},
{
"color": "#45342a",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|base"
},
":hover": {
"color": {
"background": "#a8804f"
}
}
},
"link": {
"color": {
"text": "var:preset|color|primary"
},
":hover": {
"color": {
"text": "#a8804f"
}
}
}
}
}
}

86
styles/14-nebula.json Normal file
View File

@@ -0,0 +1,86 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Nebula",
"settings": {
"color": {
"palette": [
{
"color": "#0a1628",
"name": "Base",
"slug": "base"
},
{
"color": "#d4e4f0",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#2dd4bf",
"name": "Primary",
"slug": "primary"
},
{
"color": "#7e9bb0",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#4ade80",
"name": "Success",
"slug": "success"
},
{
"color": "#f472b6",
"name": "Danger",
"slug": "danger"
},
{
"color": "#fbbf24",
"name": "Warning",
"slug": "warning"
},
{
"color": "#67e8f9",
"name": "Info",
"slug": "info"
},
{
"color": "#112240",
"name": "Light",
"slug": "light"
},
{
"color": "#1a365d",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|base"
},
":hover": {
"color": {
"background": "#14b8a6"
}
}
},
"link": {
"color": {
"text": "var:preset|color|primary"
},
":hover": {
"color": {
"text": "#14b8a6"
}
}
}
}
}
}

86
styles/15-obsidian.json Normal file
View File

@@ -0,0 +1,86 @@
{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Obsidian",
"settings": {
"color": {
"palette": [
{
"color": "#121212",
"name": "Base",
"slug": "base"
},
{
"color": "#e0e0e0",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#ef4444",
"name": "Primary",
"slug": "primary"
},
{
"color": "#a3a3a3",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#4ade80",
"name": "Success",
"slug": "success"
},
{
"color": "#fb7185",
"name": "Danger",
"slug": "danger"
},
{
"color": "#fbbf24",
"name": "Warning",
"slug": "warning"
},
{
"color": "#f97316",
"name": "Info",
"slug": "info"
},
{
"color": "#1a1a1a",
"name": "Light",
"slug": "light"
},
{
"color": "#2a2a2a",
"name": "Dark",
"slug": "dark"
}
]
}
},
"styles": {
"elements": {
"button": {
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|base"
},
":hover": {
"color": {
"background": "#dc2626"
}
}
},
"link": {
"color": {
"text": "var:preset|color|primary"
},
":hover": {
"color": {
"text": "#dc2626"
}
}
}
}
}
}