We have created a custom theme in Qlik. This has been working, until yesterday when the theme suddenly stopped being applied, and a default Qlik theme is set instead. This is strange and unpredictable behavior and curious why our previously functioning custom theme, all the sudden stops being applied. The theme is uploaded based on the JSON-file code below. This has been tested and validated in JSON-validator too. Can there be any other issues with the code? Or why can a theme all the sudden stop being applied?
{
"_inherit": false,
"_variables": {
"@default": "#31657F",
"@dark": "#333333",
"@light": "#ffffff",
"@H6": "10px",
"@font-normal": "12px",
"@font-family": "Arial",
"@TitleSize": "16px",
"@SubtitleSize": "14px",
"@TextSize": "12px",
"@FooterSize": "10px",
"@TitleColor": " #31657F",
"@SubtitleColor": " #31657F",
"@TextColor": " #31657F",
"@FooterColor": "#31657F",
"@BackgroundColor": "#ffffff",
"@AxisMajorColor": "#31657F",
"@AxisMinorColor": "#0094cf",
"@vFTFMoorkegraa": "#3C3E3E",
"@vFTFMoerkeblaa": "#31657F",
"@vTFKnallBlaa": "#0094cf",
"@vBeige": "#F5F5DC",
"@vFTFOransje": "#F5981E",
"@vSalmon2": "#DDCAD7",
"@vRedSymbolColor": "#CD5C5C",
"@vFTFTLilla": "#C8AEF8",
"@vLightBrown3": "#C8AE9C",
"@vSalmon": "#C4A1B7",
"@vGrey2": "#AEC3C6",
"@vLightBrown2": "#AE8D77",
"@vViolet2": "#AC7C99",
"@vDarkGray": "#A2A2A2",
"@vBlue": "#9CA0C1",
"@vLightBrown": "#966E56",
"@vViolet": "#965B7E",
"@vYellowGreen": "#90AB55",
"@vDarkViolet": "#820666",
"@vGrey1": "#808080",
"@vBrown": "#708090",
"@vGreenSymbolColor": "#66CDAA",
"@vOlive": "#668848",
"@vDarkGreen": "#607E54",
"@vLightgray" : "#D3D3D3",
"@vMellomblaa": "#4a8ab1"
},
"customStyles": [
{
"cssRef": "theme.css",
"classRef": "sense-theme"
}
],
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light",
"object": {
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal"
},
"value": {
"color": "@default",
"fontSize": "@font-normal"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"grid": {
"line": {
"highContrast": {
"color": "@default"
},
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"referenceLine": {
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"outOfBounds": {
"color": "@default",
"backgroundColor": "@default",
"fontSize": "@H6"
}
},
"legend": {
"title": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
},
"label": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"barChart": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"legend": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"label": {
"value": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"outOfRange": {
"color": "@default"
}
},
"boxPlot": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"box": {
"whisker": {
"stroke": "@default"
},
"line": {
"stroke": "@default"
},
"box": {
"fill": "@default",
"stroke": "@default"
}
}
},
"comboChart": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"legend": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
}
},
"filterpane": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
}
},
"gauge": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"label": {
"value": {
"color": "@default"
}
}
},
"histogram": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"label": {
"value": {
"color": "@default",
"fontSize": "40px"
}
}
},
"kpi": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"label": {
"name": {
"color": "@default",
"fontFamily": "@font-family"
},
"value": {
"fontFamily": "@font-family"
}
}
},
"lineChart": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"legend": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"outOfRange": {
"color": "@default"
},
"label": {
"value": {
"color": "@vFTFMoorkegraa",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
}
},
"listBox": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
}
},
"content": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"mapChart": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
}
},
"pieChart": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"legend": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
},
"value": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
}
},
"pivotTable": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"header": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"content": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"scatterPlot": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"legend": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"label": {
"value": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
}
},
"straightTable": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"header": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"content": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"textImage": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
}
},
"treemap": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"legend": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"branch": {
"backgroundColor": "@vLightgray",
"label": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"leaf": {
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
}
},
"waterfallChart": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "@TitleSize",
"fontFamily": "@font-family"
},
"subTitle": {
"color": "@default",
"fontSize": "@SubtitleSize",
"fontFamily": "@font-family"
},
"footer": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"legend": {
"label": {
"fontSize": "@font-normal",
"fontFamily": "@font-family",
"color": "@default"
}
},
"label": {
"value": {
"fontSize": "@font-normal",
"fontFamily": "@font-family"
}
},
"value": {
"color": {
"default": "@default",
"dark": "@dark",
"light": "@light"
}
},
"shape": {
"positiveValue": {
"fill": "@light"
},
"negativeValue": {
"fill": "#ccccc"
},
"subtotal": {
"fill": "#000000"
},
"bridge": {
"stroke": "#333333"
}
}
}
},
"dataColors": {
"primaryColor": "@vFTFOransje",
"othersColor": "@vTFKnallBlaa",
"errorColor": "@vFTFMoerkeblaa",
"nullColor": "@vFTFMoorkegraa"
},
"palettes": {
"data": [
{
"name": "FTF colors",
"translation": "FTF colors",
"propertyValue": "12",
"type": "row",
"scale": [
"@vFTFMoerkeblaa",
"@vTFKnallBlaa",
"@vFTFOransje",
"@vFTFMoorkegraa",
"@vSalmon2",
"@vRedSymbolColor",
"@vFTFTLilla",
"@vLightBrown3",
"@vSalmon",
"@vGrey2",
"@vLightBrown2",
"@vViolet2",
"@vDarkGray",
"@vBlue",
"@vLightBrown",
"@vViolet",
"@vYellowGreen",
"@vDarkViolet",
"@vGrey1",
"@vBrown",
"@vGreenSymbolColor",
"@vOlive",
"@vDarkGreen",
"@vMellomblaa"
]
},
{
"name": "FTF contrast colors",
"translation": "FTF 4 colors",
"propertyValue": "4",
"type": "row",
"scale": [
"@vTFKnallBlaa",
"@vFTFOransje",
"@vFTFMoorkegraa",
"@vFTFMoerkeblaa"
]
},
{
"name": "First data palette",
"translation": "Qlik colors",
"propertyValue": "data-palette-1",
"type": "pyramid",
"scale": [
["#4477aa"],
["#4477aa", "#cc6677"],
["#4477aa", "#ddcc77", "#cc6677"],
["#4477aa", "#117733", "#ddcc77", "#cc6677"],
["#332288", "#88ccee", "#117733", "#ddcc77", "#cc6677"],
["#332288", "#88ccee", "#117733", "#ddcc77", "#cc6677", "#aa4499"],
[
"#332288",
"#44aa99",
"#88ccee",
"#117733",
"#ddcc77",
"#cc6677",
"#aa4499"
],
[
"#332288",
"#44aa99",
"#88ccee",
"#117733",
"#999933",
"#ddcc77",
"#cc6677",
"#aa4499"
],
[
"#332288",
"#44aa99",
"#88ccee",
"#117733",
"#999933",
"#ddcc77",
"#cc6677",
"#882255",
"#aa4499"
],
[
"#332288",
"#44aa99",
"#88ccee",
"#117733",
"#999933",
"#ddcc77",
"#661100",
"#cc6677",
"#882255",
"#aa4499"
],
[
"#332288",
"#6699cc",
"#44aa99",
"#88ccee",
"#117733",
"#999933",
"#ddcc77",
"#661100",
"#cc6677",
"#882255",
"#aa4499"
],
[
"#332288",
"#6699cc",
"#88ccee",
"#44aa99",
"#117733",
"#999933",
"#ddcc77",
"#661100",
"#cc6677",
"#aa4466",
"#882255",
"#aa4499"
]
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"@vFTFMoerkeblaa",
"@vTFKnallBlaa",
"@vFTFOransje",
"@vFTFMoorkegraa",
"@vSalmon2",
"@vRedSymbolColor",
"@vFTFTLilla",
"@vLightBrown3",
"@vSalmon",
"@vGrey2",
"@vLightBrown2",
"@vViolet2",
"@vDarkGray",
"@vBlue",
"@vLightBrown",
"@vViolet",
"@vYellowGreen",
"@vDarkViolet",
"@vGrey1",
"@vBrown",
"@vGreenSymbolColor",
"@vOlive",
"@vDarkGreen"
]
}
]
},
"scales": [
{
"name": "FTF gradient blue",
"translation": "",
"type": "gradient",
"propertyValue": "q09ang",
"scale": [
"@vFTFMoerkeblaa",
"@vTFKnallBlaa"
]
},
{
"name": "FTF sequential blue",
"translation": "",
"type": "class",
"propertyValue": "q08ang",
"scale": [
"@vFTFMoerkeblaa",
"@vTFKnallBlaa"
]
},
{
"name": "FTF gradient salmon",
"translation": "",
"type": "gradient",
"propertyValue": "q07ang",
"scale": [
"@vDarkViolet",
"@vSalmon"
]
},
{
"name": "FTF sequential salmon",
"translation": "",
"type": "class",
"propertyValue": "q06ang",
"scale": [
"@vDarkViolet",
"@vSalmon"
]
},
{
"name": "Qlik Sequential Gradient",
"translation": "Qlik Sequential Gradient",
"propertyValue": "sg",
"type": "gradient",
"scale": [
"#1A2980",
"#26D0CE"
]
},
{
"name": "Qlik Sequential Classes",
"translation": "Qlik Sequential Classes",
"propertyValue": "sc",
"type": "class",
"scale": [
"#d32b1d",
"#023474"
]
},
{
"name": "Qlik Diverging gradient",
"translation": "Qlik Diverging gradient",
"propertyValue": "dg",
"type": "gradient",
"scale": [
"#1A2980",
"#FFFFFF",
"#26D0CE",
"#d32b1d"
]
},
{
"name": "Qlik Diverging Classes",
"translation": "Qlik Diverging Classes",
"propertyValue": "dc",
"type": "class",
"scale": [
"#9C824A",
"#EF0107",
"#DB0007",
"#FFFFFF",
"#023474"
]
}
]
}
Show Less