The following file is fresh downloaded from install 1.
In a blank fresh install it says “invalid wizard config json”.
The form only accepts images, so I made a zip and named it .png
Rename attachement to .zip or check JSON here
{
"configCode": "@theme {nn --color-grey-100: #d9d9d9;n --color-grey: #707070;n --color-primary: #213a8f;n --color-secondary-500: #c8e732;n --color-secondary: #d9ee70;n --color-transparent: transparent;n --color-current: currentcolor;n --color-white: #fff;n --color-black: #000;n --color-auto: auto;n --color-inherit: inherit;nn --text-xs: 0.75rem;n --text-sm: 1.00rem;n --text-base: 1.13rem;n --text-md: 1.25rem;n --text-lg: 1.50rem;n --text-xl: 2.00rem;n --text-xxl: 2.63rem;n --text-mega: 2.75rem;n --text-giga: 3.06rem;nn --font-sans: 'inter', sans-serif;n --font-dfatt-icons: 'dfatt';nn --spacing-0: 0;n --spacing-px: 1px;n --spacing-auto: auto;n --spacing-full: 100%;n --spacing-screen: 100vh;n --spacing-svw: 100svw;n --spacing-lvw: 100lvw;n --spacing-dvw: 100dvw;n --spacing-min: min-content;n --spacing-max: max-content;n --spacing-fit: fit-content;n --spacing-sm: 0.75rem;n --spacing-md: 1.00rem;n --spacing-base: 1.25rem;n --spacing-lg: 1.75rem;n --spacing-xl: 2.25rem;n --spacing-xxl: 2.88rem;n --spacing-mega: 3.75rem;n --spacing-giga: 5.50rem;n --spacing-outer: 6.69rem;nn --breakpoint-sm: 640px;n --breakpoint-md: 768px;n --breakpoint-lg: 1280px;n --breakpoint-xl: 1920px;nn}",
"stateName": "",
"breakpointsActive": true,
"breakpoints": [
{
"name": "sm",
"value": 640,
"id": "1766192368058-abl50dui3"
},
{
"name": "md",
"value": 768,
"id": "1766192368058-8b2zxb63s"
},
{
"name": "lg",
"value": "1280",
"id": "1766192368058-9sjz6ld7y"
},
{
"name": "xl",
"value": "1920",
"id": "1766192368058-6h2wypkuj"
}
],
"extendBreakpoints": true,
"extendScreensFSE": false,
"extendScreensBricks": false,
"extendScreensOxygen": false,
"desktopFirst": false,
"fontFamilyActive": true,
"fontFamily": [
{
"name": "sans",
"value": "'Inter', sans-serif"
},
{
"name": "dfatt-icons",
"value": "'dfatt'"
}
],
"extendFontFamily": true,
"extendFontFamilyFSE": false,
"extendFontFamilyBricks": false,
"extendFontFamilyOxygen": false,
"extendFontHero": false,
"colorsActive": true,
"colorEntries": [
{
"id": 1766191350920,
"name": "grey",
"hex": "#707070",
"minLightness": 5,
"maxLightness": 85,
"colorFormat": "hsl",
"shades": [
{
"name": "100",
"hex": "#d9d9d9",
"isEnabled": true,
"isDefault": false
},
{
"name": "200",
"hex": "#c2c2c2",
"isEnabled": false,
"isDefault": false
},
{
"name": "300",
"hex": "#ababab",
"isEnabled": false,
"isDefault": false
},
{
"name": "400",
"hex": "#959595",
"isEnabled": false,
"isDefault": false
},
{
"name": "500",
"hex": "#7e7e7e",
"isEnabled": false,
"isDefault": false
},
{
"name": "600",
"hex": "#707070",
"isEnabled": true,
"isDefault": true
},
{
"name": "700",
"hex": "#515151",
"isEnabled": false,
"isDefault": false
},
{
"name": "800",
"hex": "#3a3a3a",
"isEnabled": false,
"isDefault": false
},
{
"name": "900",
"hex": "#232323",
"isEnabled": false,
"isDefault": false
},
{
"name": "1000",
"hex": "#0d0d0d",
"isEnabled": false,
"isDefault": false
}
],
"isLocked": false,
"enableShades": true,
"reverseShades": false,
"originalGeneratedColors": [
"#d9d9d9",
"#c2c2c2",
"#ababab",
"#959595",
"#7e7e7e",
"#707070",
"#515151",
"#3a3a3a",
"#232323",
"#0d0d0d"
],
"isMainColorChange": false
},
{
"id": 1766191350921,
"name": "Primary",
"hex": "#213a8f",
"minLightness": 5,
"maxLightness": 95,
"colorFormat": "hex",
"shades": [
{
"name": "100",
"hex": "#eaeefa",
"isEnabled": false,
"isDefault": false
},
{
"name": "200",
"hex": "#c1ccf1",
"isEnabled": false,
"isDefault": false
},
{
"name": "300",
"hex": "#97aae7",
"isEnabled": false,
"isDefault": false
},
{
"name": "400",
"hex": "#6e87de",
"isEnabled": false,
"isDefault": false
},
{
"name": "500",
"hex": "#4565d4",
"isEnabled": false,
"isDefault": false
},
{
"name": "600",
"hex": "#2b4cba",
"isEnabled": false,
"isDefault": false
},
{
"name": "700",
"hex": "#213a8f",
"isEnabled": true,
"isDefault": true
},
{
"name": "800",
"hex": "#182a68",
"isEnabled": false,
"isDefault": false
},
{
"name": "900",
"hex": "#0e193e",
"isEnabled": false,
"isDefault": false
},
{
"name": "1000",
"hex": "#050815",
"isEnabled": false,
"isDefault": false
}
],
"isLocked": true,
"enableShades": true,
"reverseShades": false,
"originalGeneratedColors": [
"#eaeefa",
"#c1ccf1",
"#97aae7",
"#6e87de",
"#4565d4",
"#2b4cba",
"#213a8f",
"#182a68",
"#0e193e",
"#050815"
],
"isMainColorChange": false
},
{
"id": 1766191350922,
"name": "Secondary",
"hex": "#d9ee70",
"minLightness": 5,
"maxLightness": 95,
"colorFormat": "hex",
"shades": [
{
"name": "100",
"hex": "#f9fce8",
"isEnabled": false,
"isDefault": false
},
{
"name": "200",
"hex": "#edf7bb",
"isEnabled": false,
"isDefault": false
},
{
"name": "300",
"hex": "#e1f18d",
"isEnabled": false,
"isDefault": false
},
{
"name": "400",
"hex": "#d9ee70",
"isEnabled": true,
"isDefault": true
},
{
"name": "500",
"hex": "#c8e732",
"isEnabled": true,
"isDefault": false
},
{
"name": "600",
"hex": "#afcd18",
"isEnabled": false,
"isDefault": false
},
{
"name": "700",
"hex": "#88a013",
"isEnabled": false,
"isDefault": false
},
{
"name": "800",
"hex": "#61720e",
"isEnabled": false,
"isDefault": false
},
{
"name": "900",
"hex": "#3a4408",
"isEnabled": false,
"isDefault": false
},
{
"name": "1000",
"hex": "#131703",
"isEnabled": false,
"isDefault": false
}
],
"isLocked": true,
"enableShades": true,
"reverseShades": false,
"originalGeneratedColors": [
"#f9fce8",
"#edf7bb",
"#e1f18d",
"#d9ee70",
"#c8e732",
"#afcd18",
"#88a013",
"#61720e",
"#3a4408",
"#131703"
],
"isMainColorChange": false
}
],
"extendColors": true,
"includeUtilityColors": true,
"extendColorsFSE": false,
"extendColorsBricks": false,
"extendColorsOxygen": false,
"spacesActive": true,
"spacing": {
"extend": true,
"disableFluid": true,
"useRem": true,
"remSize": 16,
"minBaseSize": 26,
"minScaleRatio": 1.2,
"minScreenSize": 320,
"maxBaseSize": 19,
"maxScaleRatio": 1.5,
"maxScreenSize": 1200,
"steps": [
"xs",
"sm",
"md",
"base",
"lg",
"xl",
"xxl",
"mega",
"giga",
"outer"
],
"baseStep": "base",
"decimalPlaces": 2,
"overrides": {
"xs": {
"enabled": true,
"value": "0.94rem",
"fluidClamp": "clamp(11.11px, 12.08px + -0.30vi, 8.44px)",
"minBase": "11.11",
"maxBase": "8.44"
},
"sm": {
"enabled": true,
"value": "1.13rem",
"fluidClamp": "clamp(13.33px, 13.58px + -0.08vi, 12.67px)",
"minBase": "13.33",
"maxBase": "12.67"
},
"md": {
"enabled": true,
"value": "1.35rem",
"fluidClamp": "clamp(19.20px, 15.82px + 1.06vi, 28.50px)",
"minBase": "19.20",
"maxBase": "28.50"
},
"base": {
"enabled": true,
"value": "1.63rem",
"fluidClamp": "clamp(16.00px, 14.91px + 0.34vi, 19.00px)",
"minBase": "20",
"maxBase": "19.00"
},
"lg": {
"enabled": true,
"value": "1.95rem",
"fluidClamp": "clamp(23.04px, 15.87px + 2.24vi, 42.75px)",
"minBase": "23.04",
"maxBase": "42.75"
},
"xl": {
"enabled": true,
"value": "2.34rem",
"fluidClamp": "",
"minBase": "",
"maxBase": ""
},
"xxl": {
"enabled": true,
"value": "2.81rem",
"fluidClamp": "",
"minBase": "",
"maxBase": ""
},
"mega": {
"enabled": true,
"value": "3.37rem",
"fluidClamp": "clamp(33.18px, 10.26px + 7.16vi, 96.19px)",
"minBase": "33.18",
"maxBase": "96.19"
},
"huge": {
"enabled": true,
"value": "4.04rem",
"fluidClamp": "",
"minBase": "",
"maxBase": ""
}
},
"stepValues": [
"11.11rem",
"13.33rem",
"19.20rem",
"20rem",
"23.04rem",
"37.44rem",
"44.93rem",
"53.91rem",
"64.70rem"
],
"minMaxValues": [
{
"min": "11.11px",
"max": null
},
{
"min": "13.33px",
"max": null
},
{
"min": "19.20px",
"max": null
},
{
"min": "20px",
"max": null
},
{
"min": "23.04px",
"max": null
},
{
"min": "37.44px",
"max": null
},
{
"min": "44.93px",
"max": null
},
{
"min": "53.91px",
"max": null
},
{
"min": "64.70px",
"max": null
}
],
"manualMode": true,
"manualValues": {
"base": {
"enabled": true,
"value": "20"
},
"lg": {
"enabled": true,
"value": "28"
},
"xl": {
"enabled": true,
"value": "36"
},
"xxl": {
"enabled": true,
"value": "46"
},
"mega": {
"enabled": true,
"value": "60"
},
"giga": {
"enabled": true,
"value": "88"
},
"md": {
"enabled": true,
"value": "16"
},
"sm": {
"enabled": true,
"value": "12"
},
"maxouter": {
"enabled": true,
"value": "107"
},
"outer": {
"enabled": true,
"value": "107"
}
}
},
"extendSpacingFSE": false,
"extendSpacingBricks": false,
"extendSpacingOxygen": false,
"fontSizesActive": true,
"fontSize": {
"extend": true,
"disableFluid": true,
"useRem": true,
"remSize": 16,
"minBaseSize": 16,
"minScaleRatio": 1.2,
"minScreenSize": 320,
"maxBaseSize": 19,
"maxScaleRatio": 1.5,
"maxScreenSize": 1200,
"steps": [
"xs",
"sm",
"base",
"md",
"lg",
"xl",
"xxl",
"mega",
"giga"
],
"baseStep": "base",
"decimalPlaces": 2,
"overrides": {
"xs": {
"enabled": true,
"value": "11.11px",
"fluidClamp": "clamp(11.11px, 12.08px + -0.30vi, 8.44px)",
"minBase": "11.11",
"maxBase": "8.44"
},
"sm": {
"enabled": true,
"value": "13.33px",
"fluidClamp": "clamp(13.33px, 13.58px + -0.08vi, 12.67px)",
"minBase": "13.33",
"maxBase": "12.67"
},
"base": {
"enabled": true,
"value": "16.00px",
"fluidClamp": "clamp(16.00px, 14.91px + 0.34vi, 19.00px)",
"minBase": "18",
"maxBase": "19.00"
},
"md": {
"enabled": true,
"value": "19.20px",
"fluidClamp": "clamp(19.20px, 15.82px + 1.06vi, 28.50px)",
"minBase": "20",
"maxBase": "28.50"
},
"lg": {
"enabled": true,
"value": "23.04px",
"fluidClamp": "clamp(23.04px, 15.87px + 2.24vi, 42.75px)",
"minBase": "24",
"maxBase": "42.75"
},
"xl": {
"enabled": true,
"value": "27.65px",
"fluidClamp": "",
"minBase": "",
"maxBase": ""
},
"xxl": {
"enabled": true,
"value": "33.18px",
"fluidClamp": "",
"minBase": "",
"maxBase": ""
},
"mega": {
"enabled": true,
"value": "39.81px",
"fluidClamp": "clamp(33.18px, 10.26px + 7.16vi, 96.19px)",
"minBase": "42",
"maxBase": "96.19"
},
"giga": {
"enabled": true,
"value": "47.78px",
"fluidClamp": "clamp(27.65px, 14.38px + 4.15vi, 64.13px)",
"minBase": "32",
"maxBase": "64.13"
}
},
"stepValues": [
"11.11rem",
"13.33rem",
"18rem",
"20rem",
"24rem",
"27.65rem",
"33.18rem",
"42rem",
"32rem"
],
"minMaxValues": [
{
"min": "11.11px",
"max": null
},
{
"min": "13.33px",
"max": null
},
{
"min": "18px",
"max": null
},
{
"min": "20px",
"max": null
},
{
"min": "24px",
"max": null
},
{
"min": "27.65px",
"max": null
},
{
"min": "33.18px",
"max": null
},
{
"min": "42px",
"max": null
},
{
"min": "32px",
"max": null
}
],
"manualMode": true,
"manualValues": {
"base": {
"enabled": true,
"value": "18"
},
"md": {
"enabled": true,
"value": "20"
},
"lg": {
"enabled": true,
"value": "24"
},
"xl": {
"enabled": true,
"value": "32"
},
"xxl": {
"enabled": true,
"value": "42"
},
"mega": {
"enabled": true,
"value": "44"
},
"giga": {
"enabled": true,
"value": "49"
},
"sm": {
"enabled": true,
"value": "16"
},
"xs": {
"enabled": true,
"value": "12"
}
}
},
"extendFontSizesFSE": false,
"extendFontSizesBricks": false,
"extendFontSizesOxygen": false,
"borderRadiusActive": false,
"borderRadius": {
"extend": true,
"disableFluid": false,
"useRem": false,
"remSize": 16,
"minBaseSize": 16,
"minScaleRatio": 1.2,
"minScreenSize": 320,
"maxBaseSize": 19,
"maxScaleRatio": 1.5,
"maxScreenSize": 1200,
"steps": [
"xs",
"sm",
"base",
"md",
"lg",
"giga",
"mega"
],
"baseStep": "base",
"decimalPlaces": 2
},
"extendBorderRadiusFSE": false,
"extendBorderRadiusBricks": false,
"extendBorderRadiusOxygen": false,
"includeUtilitySizes": true
}