Themes - Changing the font size of value labels in QlikSense

[neerajthakur]

Hi, I am trying to increase the value label and X Axis and Y Axis Labels too as they aren't visible clearly when exported as Image or in Qlik itself, I have referred to Qlik Resources for change in themes by creating custom theme. I have tried changing font size and others but result isn't expected, nothing changes it seems same as Sense Classic theme.

Below is JSON used:

{
"_inherit": false,
"_variables" : {
"@grayscale-100" : "#FFFFFF",
"@grayscale-98" : "#FBFBFB",
"@grayscale-95" : "#F2F2F2",
"@grayscale-90" : "#E6E6E6",
"@grayscale-85" : "#D9D9D9",
"@grayscale-80" : "#CCCCCC",
"@grayscale-75" : "#BFBFBF",
"@grayscale-70" : "#B3B3B3",
"@grayscale-65" : "#A6A6A6",
"@grayscale-60" : "#999999",
"@grayscale-55" : "#8C8C8C",
"@grayscale-50" : "#808080",
"@grayscale-45" : "#737373",
"@grayscale-40" : "#666666",
"@grayscale-35" : "#595959",
"@grayscale-30" : "#4D4D4D",
"@grayscale-28" : "#474747",
"@grayscale-25" : "#404040",
"@grayscale-20" : "#333333",
"@grayscale-15" : "#262626",
"@grayscale-10" : "#1A1A1A",
"@grayscale-5" : "#0D0D0D",
"@grayscale-0" : "#000000",
"@text" : "13px"
},
"color": "@grayscale-20",
"fontSize": "@text",
"backgroundColor": "@grayscale-95",
"dataColors": {
"primaryColor": "@grayscale-28",
"othersColor": "@grayscale-55",
"errorColor": "@grayscale-90",
"nullColor": "@grayscale-85"
},
"object" : {
"title": {
"main": {
"color" : "@grayscale-40",
"fontSize" : "20px"
},
"subTitle" : {
"color" : "@grayscale-40",
"fontSize" : "16px"
},
"footer" : {
"color" : "@grayscale-15",
"fontSize" : "@text",
"backgroundColor" : "@grayscale-85"
}
},
"label" : {
"name" : {
"color" : "@grayscale-35",
"fontSize" : "@text"
},
"value" : {
"color" : "@grayscale-35",
"fontSize" : "@text"
}
},
"axis" : {
"title" : {
"color" : "@grayscale-35",
"fontSize" : "@text"
},
"label" : {
"color" : "@grayscale-35",
"fontSize" : "@text"
},
"line" : {
"major" : {
"color" : "@grayscale-20"
},
"minor" : {
"color" : "@grayscale-40"
}
}
},
"grid" : {
"line": {
"highContrast": {
"color": "#999999"
},
"major": {
"color": "#CCCCCC"
},
"minor": {
"color": "#E6E6E6"
}
}
},
"referenceLine": {
"label": {
"name": {
"color": "@grayscale-35",
"fontSize": "@text"
}
},
"outOfBounds": {
"color": "@grayscale-35",
"backgroundColor": "@grayscale-35",
"fontSize": "@text"
}
},
"legend": {
"title": {
"fontSize": "@text",
"color": "@grayscale-35"
},
"label": {
"fontSize": "@text",
"color": "@grayscale-35"
}
},
"barChart": {
"title": {
"main": {
"color" : "@grayscale-35",
"fontSize" : "320px"
},
"subTitle" : {
"color" : "@grayscale-35",
"fontSize" : "18px"
},
"footer" : {
"color" : "@grayscale-35",
"fontSize" : "14px",
"backgroundColor" : "@grayscale-80"
}
},
"outOfRange": {
"color": "@grayscale-40"
}
},
},
"boxPlot": {
"box": {
"whisker": {
"stroke": "@grayscale-35"
},
"line": {
"stroke": "@grayscale-35"
},
"box": {
"fill": "@grayscale-35",
"stroke": "@grayscale-35"
}
}
},
"distributionPlot": {
"box": {
"fill": "@grayscale-35"
}
},
"filterpane": {
"title": {
"main": {
"color": "@grayscale-35",
"fontSize": "@text"
}
}
},
"kpi": {
"title": {
"main": {
"color": "@grayscale-35",
"fontSize": "@text"
}
}
},
"gauge": {
"label": {
"value": {
"color": "@grayscale-35",
"fontSize": "@text"
}
}
},
"histogram": {
"label": {
"value": {
"color": "@grayscale-35",
"fontSize": "20px"
}
}
},
"lineChart": {
"outOfRange": {
"color": "@grayscale-40"
}
},
"listBox": {
"title": {
"main": {
"color": "@grayscale-40",
"fontSize": "@text"
}
},
"content": {
"color": "@grayscale-35",
"fontSize": "@text"
}
},
"mapChart": {
"backgroundColor": "@grayscale-95",
"label": {
"value": {
"color": "@grayscale-35",
"fontSize": "@text"
}
},
"legend": {
"title": {
"color": "@grayscale-35"
},
"label": {
"color": "@grayscale-35"
}
}
},
"pieChart": {
"axis": {
"title": {
"fontSize": "@text"
}
},
"label": {
"name": {
"color": "@grayscale-35",
"fontSize": "@text"
},
"value": {
"color": "@grayscale-35",
"fontSize": "@text"
}
}
},
"pivotTable": {
"header" : {
"fontSize" : "@text",
"color": "@grayscale-35"
},
"content": {
"fontSize": "@text",
"color": "@grayscale-35"
}
},
"scatterPlot": {
"label": {
"value": {
"color": "@grayscale-40",
"fontSize": "@14px"
}
}
},
"straightTable" : {
"header" : {
"fontSize" : "@text",
"color": "@grayscale-35"
},
"content": {
"fontSize": "@text",
"color": "@grayscale-35"
}
},
"treemap": {
"branch": {
"backgroundColor": "@grayscale-70",
"label": {
"color": "@grayscale-35",
"fontSize": "@text"
}
},
"leaf": {
"label": {
"fontSize": "@text"
}
}
},
"waterfallChart": {
"label": {
"value": {
"fontSize": "20px"
}
},
"value": {
"color": {
"default": "@grayscale-45",
"dark": "@grayscale-20",
"light": "@grayscale-70"
}
},
"shape": {
"positiveValue": {
"fill": "@grayscale-70"
},
"negativeValue": {
"fill": "@grayscale-45"
},
"subtotal": {
"fill": "@grayscale-20"
},
"bridge": {
"stroke": "@grayscale-35"
}
}
}
},
"palettes" : {
"data" : [
{
"name": "Dark colors",
"translation": "Dark colors",
"propertyValue": "12",
"type": "row",
"scale": [
"#808080",
"#737373",
"#666666",
"#595959",
"#4D4D4D",
"#474747",
"#404040",
"#333333",
"#262626",
"#1A1A1A",
"#0D0D0D",
"#000000"
]
},
{
"name": "Light colors",
"translation": "Light colors",
"propertyValue": "11",
"type": "row",
"scale": [
"#FFFFFF",
"#FBFBFB",
"#F2F2F2",
"#E6E6E6",
"#D9D9D9",
"#CCCCCC",
"#BFBFBF",
"#B3B3B3",
"#A6A6A6",
"#999999",
"#8C8C8C"
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"none",
"#FFFFFF",
"#FBFBFB",
"#F2F2F2",
"#D9D9D9",
"#BFBFBF",
"#A6A6A6",
"#8C8C8C",
"#808080",
"#737373",
"#595959",
"#474747",
"#404040",
"#262626",
"#0D0D0D",
"#000000"
]
}
]
},
"scales": [
{
"name": "Light colors sequential gradient",
"translation": "Light colors sequential gradient",
"type": "gradient",
"propertyValue": "sg",
"scale": [ "#8C8C8C", "#FBFBFB" ]
},
{
"name": "Light colors sequential classes",
"translation": "Light colors sequential classes",
"propertyValue": "sc",
"type": "class",
"scale": [ "#8C8C8C", "#FBFBFB" ]
},
{
"name": "Dark colors diverging gradient",
"translation": "Dark colors diverging gradient",
"propertyValue": "dg",
"type": "gradient",
"scale": [ "#737373", "#0D0D0D" ]
},
{
"name": "Dark colors diverging classes",
"translation": "Dark colors diverging classes",
"propertyValue": "dc",
"type": "class",
"scale": [ "#737373", "#0D0D0D" ]
}
]
}

QEXT:

{
"name": "Custom theme",
"description": "My first custom theme",
"type": "theme",
"version": "1.0.0",
"author": "Qlik"
}