#Theme Example
Below is the full JSON example of a Slatebox theme.
Slatebox themes can be created via the Slatebox App using the Theme Generator template, or via the cloud offering with a forever free team trial.
{ "_id" : "8vZQwy6gJ8shJZvMn", "name" : "Blue Marker", "shareId" : "52f76a6b", "description" : "Simple circles", "containerStyle" : { "backgroundEffect" : null, "backgroundColor" : "#03a9f4", "backgroundImage" : null, "backgroundColorAsGradient" : true, "backgroundGradientType" : "radial", "backgroundGradientColors" : [ "#03a9f4", "#039fe6", "#0395d7", "#028bc9", "#0281bb", "#0277ac", "#026d9e", "#026390", "#025981", "#015073", "#014664", "#013c56", "#013248", "#012839", "#011e2b", "#00141d", "#000a0e", "#000000" ], "backgroundGradientStrategy" : "shades" }, "defaultLineColor" : "#ffffff", "styles" : { "parent" : { "image" : "", "backgroundColor" : "#f44336", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 84, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 85.00052310328283C0 19.650523103284286 96.63999999999942 -21.17947689671564 174 11.510523103283049C209.88999999999942 26.640523103284067 232 54.6705231032829 232 85.00052310328283C232 150.33052310328276 135.35999999999876 191.18052310328312 58 158.4905231032826C22.109999999998763 143.31052310328414 0 115.33052310328276 0 85.00052310328283" }, "child_1" : { "image" : "", "backgroundColor" : "#e91e63", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480185C0 17.115162304802652 71.65999999999985 -18.43483769519662 129 10.015162304802288C155.60000000000036 23.205162304802798 172 47.605162304802434 172 73.99516230480185C172 130.86516230480265 100.34000000000015 166.42516230480214 43 137.97516230480323C16.399999999999636 124.76516230480229 0 100.38516230480309 0 73.99516230480185" }, "child_2" : { "image" : "", "backgroundColor" : "#9c27b0", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480185C0 17.115162304802652 71.66000000000167 -18.43483769519662 129 10.015162304802288C155.60000000000036 23.205162304802798 172 47.605162304802434 172 73.99516230480185C172 130.86516230480265 100.34000000000015 166.42516230480214 43 137.97516230480323C16.400000000001455 124.76516230480229 0 100.38516230480309 0 73.99516230480185" }, "child_3" : { "image" : "", "backgroundColor" : "#673ab7", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480185C0 17.115162304800833 71.65999999999985 -18.43483769519844 129 10.015162304802288C155.60000000000036 23.20516230480098 172 47.605162304802434 172 73.99516230480185C172 130.86516230480083 100.34000000000015 166.42516230480214 43 137.97516230480142C16.399999999999636 124.76516230480229 0 100.38516230480127 0 73.99516230480185" }, "child_4" : { "image" : "", "backgroundColor" : "#3f51b5", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480185C0 17.115162304800833 71.65999999999985 -18.43483769519844 129 10.015162304802288C155.60000000000036 23.20516230480098 172 47.605162304802434 172 73.99516230480185C172 130.86516230480083 100.34000000000015 166.42516230480214 43 137.97516230480142C16.400000000001455 124.76516230480229 0 100.38516230480127 0 73.99516230480185" }, "child_5" : { "image" : "", "backgroundColor" : "#2196f3", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480185C0 17.115162304802652 71.65999999999985 -18.43483769519662 129 10.015162304802288C155.59999999999854 23.205162304802798 172 47.605162304802434 172 73.99516230480185C172 130.86516230480265 100.33999999999833 166.42516230480214 43 137.97516230480323C16.399999999999636 124.76516230480229 0 100.38516230480309 0 73.99516230480185" }, "child_6" : { "image" : "", "backgroundColor" : "#03a9f4", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480185C0 17.115162304800833 71.65999999999985 -18.43483769519844 129 10.015162304802288C155.59999999999854 23.20516230480098 172 47.605162304802434 172 73.99516230480185C172 130.86516230480083 100.34000000000015 166.42516230480214 43 137.97516230480142C16.399999999999636 124.76516230480229 0 100.38516230480127 0 73.99516230480185" }, "child_7" : { "image" : "", "backgroundColor" : "#00bcd4", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.11516230480447 71.65999999999985 -18.43483769519662 129 10.015162304804107C155.59999999999854 23.205162304804617 172 47.60516230480425 172 73.99516230480367C172 130.86516230480447 100.34000000000015 166.42516230480396 43 137.97516230480505C16.399999999999636 124.76516230480411 0 100.38516230480491 0 73.99516230480367" }, "child_8" : { "image" : "", "backgroundColor" : "#009688", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.11516230480447 71.65999999999985 -18.43483769519662 129 10.015162304804107C155.60000000000036 23.205162304804617 172 47.60516230480425 172 73.99516230480367C172 130.86516230480447 100.34000000000015 166.42516230480396 43 137.97516230480505C16.399999999999636 124.76516230480411 0 100.38516230480491 0 73.99516230480367" }, "child_9" : { "image" : "", "backgroundColor" : "#4caf50", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.11516230480447 71.65999999999985 -18.43483769519662 129 10.015162304804107C155.60000000000036 23.205162304804617 172 47.60516230480425 172 73.99516230480367C172 130.86516230480447 100.34000000000015 166.42516230480396 43 137.97516230480505C16.400000000001455 124.76516230480411 0 100.38516230480491 0 73.99516230480367" }, "child_10" : { "image" : "", "backgroundColor" : "#8bc34a", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.115162304802652 71.65999999999985 -18.43483769519662 129 10.015162304802288C155.60000000000036 23.205162304802798 172 47.605162304802434 172 73.99516230480367C172 130.86516230480265 100.34000000000015 166.42516230480396 43 137.97516230480323C16.399999999999636 124.76516230480229 0 100.38516230480309 0 73.99516230480367" }, "child_11" : { "image" : "", "backgroundColor" : "#cddc39", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480185C0 17.115162304802652 71.65999999999985 -18.43483769519844 129 10.015162304802288C155.60000000000036 23.205162304802798 172 47.605162304802434 172 73.99516230480185C172 130.86516230480265 100.34000000000015 166.42516230480214 43 137.97516230480142C16.399999999999636 124.76516230480229 0 100.38516230480309 0 73.99516230480185" }, "child_12" : { "image" : "", "backgroundColor" : "#ffeb3b", "opacity" : 1, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.115162304802652 71.65999999999985 -18.43483769519662 129 10.015162304802288C155.59999999999854 23.205162304802798 172 47.605162304802434 172 73.99516230480367C172 130.86516230480265 100.33999999999833 166.42516230480396 43 137.97516230480323C16.399999999999636 124.76516230480229 0 100.38516230480309 0 73.99516230480367" }, "child_13" : { "image" : "", "backgroundColor" : "#ffc108", "opacity" : null, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.115162304802652 71.65999999999985 -18.43483769519662 129 10.015162304802288C155.60000000000036 23.205162304802798 172 47.605162304802434 172 73.99516230480367C172 130.86516230480265 100.34000000000015 166.42516230480214 43 137.97516230480323C16.399999999999636 124.76516230480229 0 100.38516230480309 0 73.99516230480367" }, "child_14" : { "image" : "", "backgroundColor" : "#ff9900", "opacity" : null, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.115162304802652 71.65999999999985 -18.43483769519662 129 10.015162304802288C155.60000000000036 23.205162304802798 172 47.605162304802434 172 73.99516230480367C172 130.86516230480265 100.34000000000015 166.42516230480214 43 137.97516230480323C16.399999999999636 124.76516230480229 0 100.38516230480309 0 73.99516230480367" }, "child_15" : { "image" : "", "backgroundColor" : "#ff5521", "opacity" : null, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.11516230480447 71.65999999999985 -18.43483769519662 129 10.015162304804107C155.60000000000036 23.205162304804617 172 47.60516230480425 172 73.99516230480367C172 130.86516230480447 100.34000000000015 166.42516230480396 43 137.97516230480323C16.399999999999636 124.76516230480411 0 100.38516230480309 0 73.99516230480367" }, "child_16" : { "image" : "", "backgroundColor" : "#785548", "opacity" : null, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.11516230480447 71.65999999999985 -18.43483769519662 129 10.015162304804107C155.60000000000036 23.205162304804617 172 47.60516230480425 172 73.99516230480367C172 130.86516230480447 100.34000000000015 166.42516230480396 43 137.97516230480323C16.399999999999636 124.76516230480411 0 100.38516230480309 0 73.99516230480367" }, "child_17" : { "image" : "", "backgroundColor" : "#617e8c", "opacity" : null, "borderOpacity" : 1, "borderColor" : "#000", "borderStyle" : "solid", "borderWidth" : 9, "lineColor" : "#ffffff", "lineOpacity" : 1, "lineEffect" : "dropShadow", "lineWidth" : 8, "textOpacity" : 1, "foregroundColor" : "#fff", "fontSize" : 36, "fontFamily" : "Caveat", "fontStyle" : "normal", "filters" : { "vect" : "dropShadow", "text" : null, "line" : null }, "vectorPath" : "M0 73.99516230480367C0 17.11516230480447 71.65999999999985 -18.43483769519662 129 10.015162304804107C155.60000000000036 23.205162304804617 172 47.60516230480425 172 73.99516230480367C172 130.86516230480447 100.34000000000015 166.42516230480396 43 137.97516230480323C16.399999999999636 124.76516230480411 0 100.38516230480309 0 73.99516230480367" } }, "palette" : [ { "order" : 0, "nodeColor" : "#f44336" }, { "order" : 1, "nodeColor" : "#e91e63" }, { "order" : 2, "nodeColor" : "#9c27b0" }, { "order" : 3, "nodeColor" : "#673ab7" }, { "order" : 4, "nodeColor" : "#3f51b5" }, { "order" : 5, "nodeColor" : "#2196f3" }, { "order" : 6, "nodeColor" : "#03a9f4" }, { "order" : 7, "nodeColor" : "#00bcd4" }, { "order" : 8, "nodeColor" : "#009688" }, { "order" : 9, "nodeColor" : "#4caf50" }, { "order" : 10, "nodeColor" : "#8bc34a" }, { "order" : 11, "nodeColor" : "#cddc39" }, { "order" : 12, "nodeColor" : "#ffeb3b" }, { "order" : 13, "nodeColor" : "#ffc108" }, { "order" : 14, "nodeColor" : "#ff9900" }, { "order" : 15, "nodeColor" : "#ff5521" }, { "order" : 16, "nodeColor" : "#785548" }, { "order" : 17, "nodeColor" : "#617e8c" } ], "options" : { "themeApproved" : true } } ```