Custom theme overview
Qlik Sense comes with six themes: Sense Classic, Sense Focus, Sense Breeze, Sense Horizon, Foundation, and New Horizon. In addition to these, you can create custom themes based on your company standards.
Creating custom themes
You do not need previous experience developing custom themes, but you should have at least a basic understanding of JSON and JavaScript.
With custom themes you can precisely style an app by changing the colors, adding images and backgrounds as well as specifying the font sizes and font colors on a global or granular basis throughout your app. You can also define color palettes to be used and customize the specifications for margins, padding, and spacing.
A custom theme is a collection of files stored in a folder. It must contain a definition (QEXT) file, a main JSON file, and optionally any other assets you might need to support the custom theme, such as CSS files, custom font files and images.
Warning
Document Object Model (DOM) selectors in custom CSS are not a supported pattern. While they can be helpful for customizing the look and feel of applications, the DOM is subject to change at any time. To provide your feedback, raise tickets on the Qlik Ideation portal when you need custom CSS customization. This helps prioritize supported customization options to add to the platform.
For more information, see CSS best practices for Sense themes.
The custom styles are defined in the following way:
- In the JSON file you define the style for the individual visualization types, for example bar charts and line charts.
When you have created a custom theme, zip the JSON file with any additional resources and upload it to Qlik Cloud as an extension.
Note
Fonts from a custom theme are not supported when embedding Qlik objects cross-domain unless you use
<qlik-embed iframe="true">. Using the iframe="true" mode may impact performance.
Download Qlik theme definitions
Each section contains a preview of the theme’s colors and JSON definition.
You can view the definition below, download the individual theme.json file,
or download a ZIP package containing theme.json and a generated QEXT file. The ZIP
packages are ready to upload and use in Qlik Cloud or Qlik Sense Enterprise on Windows.
To install a ZIP package, see Uploading and managing themes for Qlik Cloud, or Installing custom themes for Qlik Sense Enterprise on Windows and Qlik Sense Desktop.
Foundation
Download Foundation theme.json · Download Foundation ZIP package
View Foundation theme.json
{
"_inherit": true,
"_variables": {
"@transparent": "rgba(0, 0, 0, 0)",
"@myColorBackground": "#F4F6FA",
"@myVizBackground": "#FFFFFF",
"@myColorDark": "#404040",
"@black": "#000000",
"@B55": "#8B8B8B",
"@B80": "#CDCDCD",
"@B82": "#D2D2D2",
"@B90": "#E5E5E5",
"@B95": "#F2F2F2",
"@B96": "#F4F4F4",
"@B98": "#FBFBFB",
"@white": "#FFFFFF",
"@Col1": "#15CAB6",
"@Col2": "#E85E76",
"@Col3": "#2D5E9A",
"@Col4": "#BD94E5",
"@Col5": "#31B2C6",
"@Col6": "#F8AADF",
"@Col7": "#E6865A",
"@Col8": "#558ED3",
"@Col9": "#FBBF50",
"@Col10": "#F2A769",
"@Col11": "#BCD983",
"@Col12": "#8D83D2",
"@Col13": "#FCE9EC",
"@Col14": "#F8ECF4",
"@Col15": "#E3ECF7",
"@Col16": "#DAFBF7",
"@Col17": "#FCEFE9",
"@Col18": "#FEF0D7",
"@borderRadius": "8px"
},
"fontFamily": "Noto Sans, sans-serif",
"fontSize": "14px",
"_cards": true,
"color": "@myColorDark",
"backgroundColor": "@myVizBackground",
"sheet": {
"backgroundColor": "@myColorBackground",
"margin": "8px"
},
"dataColors": {
"primaryColor": "@Col3",
"othersColor": "@B96",
"errorColor": "@Col2",
"nullColor": "@B82",
"selectionColor": "@Col3"
},
"object": {
"shadow": {
"boxShadow": "0px 0px 16px 0px",
"boxShadowColor": "rgba(0, 0, 0, 0.1)"
},
"padding": "12px",
"borderWidth": "0px",
"borderColor": "@B95",
"borderRadius": "@borderRadius",
"title": {
"main": {
"color": "@myColorDark",
"backgroundColor": "@transparent",
"fontSize": "16px"
},
"subTitle": {
"color": "@B55",
"fontSize": "14px"
},
"footer": {
"color": "@B55",
"backgroundColor": "rgba(255, 255, 255, 0.4)",
"fontSize": "12px"
}
},
"label": {
"name": {
"color": "@myColorDark",
"fontSize": "12px"
},
"value": {
"color": "@myColorDark",
"fontSize": "10px"
}
},
"axis": {
"title": {
"color": "@myColorDark",
"fontSize": "12px"
},
"label": {
"name": {
"color": "@myColorDark",
"fontSize": "10px"
}
},
"line": {
"minor": {
"color": "@B95"
},
"major": {
"color": "@B80"
}
}
},
"grid": {
"line": {
"highContrast": {
"color": "@B80"
},
"minor": {
"color": "@B90"
},
"major": {
"color": "@B80"
}
}
},
"legend": {
"title": {
"color": "@myColorDark",
"fontSize": "12px"
},
"label": {
"color": "@myColorDark",
"fontSize": "10px"
}
},
"filterpane": {
"backgroundColor": "@white",
"padding": "8px",
"borderRadius": "8px",
"title": {
"main": {
"color": "@myColorDark"
}
},
"shadow": {
"boxShadow": "0px 0px 16px 0px",
"boxShadowColor": "rgba(0, 0, 0, 0.1)"
}
},
"straightTable": {
"header": {
"color": "@myColorDark"
},
"content": {
"color": "@myColorDark"
}
},
"straightTableV2": {
"header": {
"color": "@myColorDark",
"fontSize": "12px"
},
"content": {
"color": "@myColorDark",
"fontSize": "12px"
},
"dimension": {
"label": {
"name": {
"color": "@myColorDark"
},
"value": {
"color": "@myColorDark"
}
}
},
"total": {
"label": {
"value": {
"color": "@myColorDark"
}
}
},
"measure": {
"label": {
"value": {
"color": "@myColorDark"
}
}
},
"null": {
"label": {
"value": {
"color": "#E85E76"
}
}
},
"grid": {
"hover": {
"color": "#15CAB6",
"backgroundColor": "#2D5E9A"
}
}
},
"lineChart": {
"title": {
"main": {
"color": "@myColorDark"
}
},
"outOfRange": {
"color": "@myColorDark"
}
},
"treemap": {
"branch": {
"backgroundColor": "@B96",
"label": {
"color": "@myColorDark"
}
}
},
"waterfallChart": {
"shape": {
"positiveValue": {
"fill": "#15CAB6"
},
"negativeValue": {
"fill": "#E85E76"
},
"subtotal": {
"fill": "#b0afae"
},
"bridge": {
"stroke": "@myColorDark"
}
},
"value": {
"color": {
"default": "@myColorDark",
"dark": "@B55",
"light": "@B90"
}
},
"label": {
"value": {
"fontSize": "16px"
}
}
},
"barChart": {
"outOfRange": {
"color": "@myColorDark"
}
},
"boxPlot": {
"box": {
"whisker": {
"stroke": "@myColorDark"
},
"line": {
"stroke": "@myColorDark"
},
"box": {
"fill": "@myColorDark",
"stroke": "@myColorDark"
}
}
},
"distributionPlot": {
"box": {
"fill": "@B95"
}
},
"listBox": {
"title": {
"main": {
"color": "@myColorDark"
}
},
"content": {
"color": "@myColorDark"
}
},
"pieChart": {
"label": {
"name": {
"color": "@myColorDark"
},
"value": {
"color": "@B55"
}
}
},
"pivotTable": {
"header": {
"color": "@myColorDark"
},
"content": {
"color": "@myColorDark"
}
},
"scatterPlot": {
"label": {
"value": {
"color": "@myColorDark"
}
}
},
"button": {
"backgroundColor": "@white",
"borderWidth": "1px",
"borderColor": "@B90",
"borderRadius": "8px",
"shadow": {
"boxShadow": "0px 0px 16px 0px",
"boxShadowColor": "rgba(0, 0, 0, 0.1)"
}
},
"sn-nav-menu": {
"backgroundColor": "@white"
},
"mapChart": {
"label": {
"value": {
"light": {
"color": "@B55"
}
}
}
},
"slider": {
"label": {
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"input": {
"field": {
"backgroundColor": "rgba(255, 255, 255, 0.8)",
"borderColor": "rgba(0, 0, 0, 0.15)"
},
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"track": {
"selectionColor": "#00873d",
"backgroundColor": "rgba(0, 0, 0, 0.05)",
"borderColor": "rgba(0, 0, 0, 0.15)"
}
}
},
"scales": [
{
"name": "SG 1",
"translation": "properties.colorScheme.blue",
"type": "gradient",
"propertyValue": "sg",
"scale": [
"@Col3",
"@Col15"
]
},
{
"name": "SC 1",
"translation": "properties.colorScheme.blueC",
"propertyValue": "sc",
"type": "class",
"scale": [
"@Col3",
"@Col15"
]
},
{
"name": "SG 2",
"translation": "properties.colorScheme.red",
"type": "gradient",
"propertyValue": "sg2",
"scale": [
"@Col2",
"@Col13"
]
},
{
"name": "SC 2",
"translation": "properties.colorScheme.redC",
"propertyValue": "sc2",
"type": "class",
"scale": [
"@Col2",
"@Col13"
]
},
{
"name": "SG 3",
"translation": "properties.colorScheme.green",
"type": "gradient",
"propertyValue": "sg3",
"scale": [
"@Col1",
"@Col16"
]
},
{
"name": "SC 3",
"translation": "properties.colorScheme.greenC",
"propertyValue": "sc3",
"type": "class",
"scale": [
"@Col1",
"@Col16"
]
},
{
"name": "SG 4",
"translation": "properties.colorScheme.orange",
"type": "gradient",
"propertyValue": "sg4",
"scale": [
"@Col7",
"@Col17"
]
},
{
"name": "SC 4",
"translation": "properties.colorScheme.orangeC",
"propertyValue": "sc4",
"type": "class",
"scale": [
"@Col7",
"@Col17"
]
},
{
"name": "SG 5",
"translation": "properties.colorScheme.purple",
"type": "gradient",
"propertyValue": "sg5",
"scale": [
"@Col12",
"@Col14"
]
},
{
"name": "SC 5",
"translation": "properties.colorScheme.purpleC",
"propertyValue": "sc5",
"type": "class",
"scale": [
"@Col12",
"@Col14"
]
},
{
"name": "SG 6",
"translation": "properties.colorScheme.yellow",
"type": "gradient",
"propertyValue": "sg6",
"scale": [
"@Col9",
"@Col18"
]
},
{
"name": "SC 6",
"translation": "properties.colorScheme.yellowC",
"propertyValue": "sc6",
"type": "class",
"scale": [
"@Col9",
"@Col18"
]
},
{
"name": "DG 1",
"translation": "properties.colorScheme.redBlue",
"propertyValue": "dg",
"type": "gradient",
"scale": [
"@Col3",
"@Col13",
"@Col2"
]
},
{
"name": "DC 1",
"translation": "properties.colorScheme.redBlueC",
"propertyValue": "dc",
"type": "class",
"scale": [
"@Col3",
"@Col13",
"@Col2"
]
},
{
"name": "DG 2",
"translation": "properties.colorScheme.orangeGreen",
"propertyValue": "dg2",
"type": "gradient",
"scale": [
"@Col1",
"@Col15",
"@Col7"
]
},
{
"name": "DC 2",
"translation": "properties.colorScheme.orangeGreenC",
"propertyValue": "dc2",
"type": "class",
"scale": [
"@Col1",
"@Col15",
"@Col7"
]
},
{
"name": "DG 3",
"translation": "properties.colorScheme.yellowPurple",
"propertyValue": "dg3",
"type": "gradient",
"scale": [
"@Col12",
"@Col14",
"@Col9"
]
},
{
"name": "DC 3",
"translation": "properties.colorScheme.yellowPurpleC",
"propertyValue": "dc3",
"type": "class",
"scale": [
"@Col12",
"@Col14",
"@Col9"
]
}
],
"palettes": {
"data": [
{
"name": "12 Colors",
"translation": "properties.colorNumberOfColors.12",
"propertyValue": "12",
"type": "pyramid",
"scale": [
[
"@Col3"
],
[
"@Col3",
"@Col2"
],
[
"@Col3",
"@Col1",
"@Col2"
],
[
"@Col3",
"@Col9",
"@Col1",
"@Col2"
],
[
"@Col3",
"@Col9",
"@Col4",
"@Col1",
"@Col2"
],
[
"@Col3",
"@Col5",
"@Col9",
"@Col4",
"@Col1",
"@Col2"
],
[
"@Col3",
"@Col5",
"@Col8",
"@Col9",
"@Col4",
"@Col1",
"@Col2"
],
[
"@Col3",
"@Col5",
"@Col7",
"@Col8",
"@Col9",
"@Col4",
"@Col1",
"@Col2"
],
[
"@Col3",
"@Col5",
"@Col7",
"@Col8",
"@Col9",
"@Col4",
"@Col1",
"@Col2",
"@Col11"
],
[
"@Col3",
"@Col10",
"@Col5",
"@Col7",
"@Col8",
"@Col9",
"@Col4",
"@Col1",
"@Col2",
"@Col11"
],
[
"@Col3",
"@Col10",
"@Col5",
"@Col6",
"@Col7",
"@Col8",
"@Col9",
"@Col4",
"@Col1",
"@Col2",
"@Col11"
],
[
"@Col3",
"@Col10",
"@Col5",
"@Col6",
"@Col7",
"@Col8",
"@Col9",
"@Col4",
"@Col1",
"@Col12",
"@Col2",
"@Col11"
]
]
},
{
"name": "12 Colors sorted",
"translation": "properties.colorNumberOfColors.12b",
"propertyValue": "12b",
"type": "pyramid",
"scale": [
[
"@Col3"
],
[
"@Col3",
"@Col2"
],
[
"@Col3",
"@Col1",
"@Col2"
],
[
"@Col3",
"@Col1",
"@Col9",
"@Col2"
],
[
"@Col3",
"@Col8",
"@Col1",
"@Col9",
"@Col2"
],
[
"@Col3",
"@Col8",
"@Col1",
"@Col9",
"@Col10",
"@Col2"
],
[
"@Col3",
"@Col8",
"@Col1",
"@Col11",
"@Col9",
"@Col10",
"@Col2"
],
[
"@Col3",
"@Col8",
"@Col1",
"@Col11",
"@Col9",
"@Col10",
"@Col7",
"@Col2"
],
[
"@Col3",
"@Col8",
"@Col5",
"@Col1",
"@Col11",
"@Col9",
"@Col10",
"@Col7",
"@Col2"
],
[
"@Col12",
"@Col3",
"@Col8",
"@Col5",
"@Col1",
"@Col11",
"@Col9",
"@Col10",
"@Col7",
"@Col2"
],
[
"@Col4",
"@Col12",
"@Col3",
"@Col8",
"@Col5",
"@Col1",
"@Col11",
"@Col9",
"@Col10",
"@Col7",
"@Col2"
],
[
"@Col6",
"@Col4",
"@Col12",
"@Col3",
"@Col8",
"@Col5",
"@Col1",
"@Col11",
"@Col9",
"@Col10",
"@Col7",
"@Col2"
]
]
},
{
"name": "100 Colors",
"translation": "properties.colorNumberOfColors.100",
"propertyValue": "100",
"type": "row",
"scale": [
"@Col3",
"@Col10",
"@Col5",
"@Col6",
"@Col7",
"@Col8",
"@Col9",
"@Col4",
"@Col1",
"@Col12",
"@Col2",
"@Col11",
"#d0e0da",
"#d796dd",
"#64487b",
"#e4e72b",
"#6f7330",
"#932834",
"#ae6c7d",
"#986717",
"#e3cb70",
"#408c1d",
"#dd325f",
"#533d1c",
"#2a3c54",
"#db7127",
"#72e3e2",
"#e2c1da",
"#d47555",
"#7d7f81",
"#54ae9b",
"#e9daa6",
"#3a8855",
"#5be66e",
"#ab39a4",
"#a6e332",
"#6c469d",
"#e39e51",
"#4f1c42",
"#273c1c",
"#aa972e",
"#8bb32a",
"#bdeca5",
"#63ec9b",
"#9c3519",
"#aaa484",
"#72256d",
"#4d749f",
"#9884df",
"#e590b8",
"#44b62b",
"#ad5792",
"#c65dea",
"#e670ca",
"#e38783",
"#29312d",
"#6a2c1e",
"#d7b1aa",
"#b1e7c3",
"#cdc134",
"#9ee764",
"#56b8ce",
"#2c6323",
"#65464a",
"#b1cfea",
"#3c7481",
"#3a4e96",
"#6493e1",
"#db5656",
"#747259",
"#bbabe4",
"#e33f92",
"#d0607d",
"#759f79",
"#9d6b5e",
"#8574ae",
"#7e304c",
"#ad8fac",
"#4b77de",
"#647e17",
"#b9c379",
"#8da8b0",
"#b972d9",
"#786279",
"#7ec07d",
"#916436",
"#2d274f",
"#dce680",
"#759748",
"#dae65a",
"#459c49",
"#b7934a",
"#51c671",
"#9ead3f",
"#969a5c",
"#b9976a",
"#46531a",
"#c0f084",
"#76c146",
"#bad0ad"
]
},
{
"name": "Combined",
"translation": "properties.colorPalette.combined",
"propertyValue": "6",
"type": "row",
"scale": [
"@Col1",
"@Col9",
"@Col4",
"@Col2",
"@Col8",
"@Col6"
]
},
{
"name": "Warm",
"translation": "properties.colorPalette.warm",
"propertyValue": "4a",
"type": "row",
"scale": [
"@Col9",
"@Col10",
"@Col7",
"@Col2"
]
},
{
"name": "Moderate",
"translation": "properties.colorPalette.moderate",
"propertyValue": "4b",
"type": "row",
"scale": [
"@Col11",
"@Col1",
"@Col5",
"@Col8"
]
},
{
"name": "Cold",
"translation": "properties.colorPalette.cold",
"propertyValue": "4c",
"type": "row",
"scale": [
"@Col6",
"@Col4",
"@Col12",
"@Col3"
]
},
{
"name": "Status",
"translation": "properties.colorPalette.status",
"propertyValue": "3",
"type": "row",
"scale": [
"@Col1",
"@Col9",
"@Col2"
]
},
{
"name": "Blue red",
"translation": "properties.colorPalette.blueRed",
"propertyValue": "2a",
"type": "row",
"scale": [
"@Col3",
"@Col2"
]
},
{
"name": "Green orange",
"translation": "properties.colorPalette.greenOrange",
"propertyValue": "2b",
"type": "row",
"scale": [
"@Col1",
"@Col7"
]
},
{
"name": "Purple yellow",
"translation": "properties.colorPalette.purpleYellow",
"propertyValue": "2c",
"type": "row",
"scale": [
"@Col4",
"@Col9"
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"#FFFFFF",
"#15CAB6",
"#BCD983",
"#31B2C6",
"#558ED3",
"#2D5E9A",
"#8D83D2",
"#B588E2",
"#E6865A",
"#E85E76",
"#F2A769",
"#FBBF50",
"#C0BFBE",
"#959493",
"#000000",
"#F8AADF"
]
}
]
}
}New Horizon
Download New Horizon theme.json · Download New Horizon ZIP package
View New Horizon theme.json
{
"_inherit": true,
"_variables": {
"@transparent": "rgba(0, 0, 0, 0)",
"@myColorBackground": "#F9F5F1",
"@myVizBackground": "#FFFFFF",
"@myColorDark": "#404040",
"@black": "#000000",
"@B55": "#8B8B8B",
"@B80": "#CDCDCD",
"@B82": "#D2D2D2",
"@B90": "#E5E5E5",
"@B95": "#F2F2F2",
"@B96": "#F4F4F4",
"@B98": "#FBFBFB",
"@white": "#FFFFFF",
"@Col1": "#006580",
"@Col2": "#C8C7A9",
"@Col3": "#AC4D58",
"@Col4": "#99CFCD",
"@Col5": "#E1DAD5",
"@Col6": "#83AF9B",
"@Col7": "#E0BD8D",
"@Col8": "#8A85C6",
"@Col9": "#10CFC9",
"@Col10": "#A16090",
"@Col11": "#87205D",
"@Col12": "#C4CFDA",
"@Col13": "#E5CDDB",
"@Col14": "#D4E3DC",
"@Col15": "#E7D5D7",
"@Col16": "#E0DFEC",
"@Col17": "#ECE2D5",
"@borderRadius": "8px"
},
"fontFamily": "Source Sans Pro, sans-serif",
"fontSize": "14px",
"_cards": true,
"color": "@myColorDark",
"backgroundColor": "@myVizBackground",
"sheet": {
"backgroundColor": "@myColorBackground",
"margin": "8px"
},
"dataColors": {
"primaryColor": "#006580",
"othersColor": "#a5a5a5",
"errorColor": "#ff4444",
"nullColor": "#d2d2d2"
},
"object": {
"shadow": {
"boxShadow": "0px 0px 16px 0px",
"boxShadowColor": "rgba(0, 0, 0, 0.1)"
},
"padding": "12px",
"borderWidth": "1px",
"borderColor": "@B90",
"borderRadius": "@borderRadius",
"title": {
"main": {
"color": "@myColorDark",
"fontSize": "16px"
},
"subTitle": {
"color": "@B55",
"fontSize": "14px"
},
"footer": {
"color": "@B55",
"backgroundColor": "rgba(255, 255, 255, 0.4)",
"fontSize": "12px"
}
},
"label": {
"name": {
"color": "@myColorDark",
"fontSize": "13px"
},
"value": {
"color": "@myColorDark",
"fontSize": "13px"
}
},
"axis": {
"title": {
"color": "@myColorDark",
"fontSize": "12px"
},
"label": {
"name": {
"color": "@myColorDark",
"fontSize": "12px"
}
},
"line": {
"minor": {
"color": "@B95"
},
"major": {
"color": "@B80"
}
}
},
"grid": {
"line": {
"highContrast": {
"color": "@B80"
},
"minor": {
"color": "@B90"
},
"major": {
"color": "@B90"
}
}
},
"legend": {
"title": {
"color": "@myColorDark",
"fontSize": "14px"
},
"label": {
"color": "@myColorDark",
"fontSize": "12px"
}
},
"filterpane": {
"backgroundColor": "@white",
"padding": "8px",
"borderWidth": "1px",
"borderColor": "@B90",
"borderRadius": "8px",
"title": {
"main": {
"color": "@myColorDark"
}
},
"shadow": {
"boxShadow": "0px 0px 16px 0px",
"boxShadowColor": "rgba(0, 0, 0, 0.1)"
}
},
"straightTable": {
"header": {
"color": "@myColorDark"
},
"content": {
"color": "@myColorDark"
}
},
"straightTableV2": {
"header": {
"color": "@myColorDark",
"fontSize": "12px"
},
"content": {
"color": "@myColorDark",
"fontSize": "12px"
},
"dimension": {
"label": {
"name": {
"color": "@myColorDark"
},
"value": {
"color": "@myColorDark"
}
}
},
"total": {
"label": {
"value": {
"color": "@myColorDark"
}
}
},
"measure": {
"label": {
"value": {
"color": "@myColorDark"
}
}
},
"null": {
"label": {
"value": {
"color": "#E85E76"
}
}
},
"grid": {
"hover": {
"color": "#15CAB6",
"backgroundColor": "#2D5E9A"
}
}
},
"lineChart": {
"title": {
"main": {
"color": "@myColorDark"
}
},
"outOfRange": {
"color": "@myColorDark"
}
},
"treemap": {
"branch": {
"backgroundColor": "@B96",
"label": {
"color": "@myColorDark"
}
}
},
"waterfallChart": {
"shape": {
"positiveValue": {
"fill": "#83AF9B"
},
"negativeValue": {
"fill": "#AC4D58"
},
"subtotal": {
"fill": "#b0afae"
},
"bridge": {
"stroke": "@myColorDark"
}
},
"value": {
"color": {
"default": "@myColorDark",
"dark": "@B55",
"light": "@B90"
}
},
"label": {
"value": {
"fontSize": "16px"
}
}
},
"barChart": {
"outOfRange": {
"color": "@myColorDark"
}
},
"boxPlot": {
"box": {
"whisker": {
"stroke": "@myColorDark"
},
"line": {
"stroke": "@myColorDark"
},
"box": {
"fill": "@myColorDark",
"stroke": "@myColorDark"
}
}
},
"distributionPlot": {
"box": {
"fill": "@B95"
}
},
"listBox": {
"title": {
"main": {
"color": "@myColorDark"
}
},
"content": {
"color": "@myColorDark"
}
},
"pieChart": {
"label": {
"name": {
"color": "@myColorDark"
},
"value": {
"color": "@B55"
}
}
},
"pivotTable": {
"header": {
"color": "@myColorDark"
},
"content": {
"color": "@myColorDark"
}
},
"scatterPlot": {
"label": {
"value": {
"color": "@myColorDark"
}
}
},
"button": {
"backgroundColor": "@white",
"borderWidth": "1px",
"borderColor": "@B90",
"borderRadius": "8px",
"shadow": {
"boxShadow": "0px 0px 16px 0px",
"boxShadowColor": "rgba(0, 0, 0, 0.1)"
}
},
"sn-nav-menu": {
"backgroundColor": "@white",
"borderWidth": "1px",
"borderColor": "@B90"
},
"mapChart": {
"label": {
"value": {
"light": {
"color": "@B55"
}
}
}
},
"slider": {
"label": {
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"input": {
"field": {
"backgroundColor": "rgba(255, 255, 255, 0.8)",
"borderColor": "rgba(0, 0, 0, 0.15)"
},
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"track": {
"selectionColor": "#00873d",
"backgroundColor": "rgba(0, 0, 0, 0.05)",
"borderColor": "rgba(0, 0, 0, 0.15)"
}
}
},
"scales": [
{
"name": "Blue gradient",
"translation": "properties.colorScheme.blue",
"type": "gradient",
"propertyValue": "sg",
"scale": [
"@Col1",
"@Col12"
]
},
{
"name": "Blue classes",
"translation": "properties.colorScheme.blueC",
"propertyValue": "sc",
"type": "class",
"scale": [
"@Col1",
"@Col12"
]
},
{
"name": "Wine gradient",
"translation": "properties.colorScheme.wine",
"type": "gradient",
"propertyValue": "sg2",
"scale": [
"@Col11",
"@Col13"
]
},
{
"name": "Wine classes",
"translation": "properties.colorScheme.wineC",
"propertyValue": "sc2",
"type": "class",
"scale": [
"@Col11",
"@Col13"
]
},
{
"name": "Green gradient",
"translation": "properties.colorScheme.green",
"type": "gradient",
"propertyValue": "sg3",
"scale": [
"@Col6",
"@Col14"
]
},
{
"name": "Green classes",
"translation": "properties.colorScheme.greenC",
"propertyValue": "sc3",
"type": "class",
"scale": [
"@Col6",
"@Col14"
]
},
{
"name": "Red gradient",
"translation": "properties.colorScheme.red",
"type": "gradient",
"propertyValue": "sg4",
"scale": [
"@Col3",
"@Col15"
]
},
{
"name": "Red classes",
"translation": "properties.colorScheme.redC",
"propertyValue": "sc4",
"type": "class",
"scale": [
"@Col3",
"@Col15"
]
},
{
"name": "Purple gradient",
"translation": "properties.colorScheme.purple",
"type": "gradient",
"propertyValue": "sg5",
"scale": [
"@Col8",
"@Col16"
]
},
{
"name": "Purple classes",
"translation": "properties.colorScheme.purpleC",
"propertyValue": "sc5",
"type": "class",
"scale": [
"@Col8",
"@Col16"
]
},
{
"name": "Sand gradient",
"translation": "properties.colorScheme.sand",
"type": "gradient",
"propertyValue": "sg6",
"scale": [
"@Col7",
"@Col17"
]
},
{
"name": "Sand classes",
"translation": "properties.colorScheme.sandC",
"propertyValue": "sc6",
"type": "class",
"scale": [
"@Col7",
"@Col17"
]
},
{
"name": "Wine blue gradient",
"translation": "properties.colorScheme.wineBlue",
"propertyValue": "dg",
"type": "gradient",
"scale": [
"@Col1",
"@Col12",
"@Col11"
]
},
{
"name": "Wine blue classes",
"translation": "properties.colorScheme.wineBlueC",
"propertyValue": "dc",
"type": "class",
"scale": [
"@Col1",
"@Col12",
"@Col11"
]
},
{
"name": "Red green gradient",
"translation": "properties.colorScheme.redGreen",
"propertyValue": "dg2",
"type": "gradient",
"scale": [
"@Col6",
"@Col14",
"@Col3"
]
},
{
"name": "Red green classes",
"translation": "properties.colorScheme.redGreenC",
"propertyValue": "dc2",
"type": "class",
"scale": [
"@Col6",
"@Col14",
"@Col3"
]
},
{
"name": "Sand purple gradient",
"translation": "properties.colorScheme.sandPurple",
"propertyValue": "dg3",
"type": "gradient",
"scale": [
"@Col8",
"@Col16",
"@Col7"
]
},
{
"name": "Sand purple classes",
"translation": "properties.colorScheme.sandPurpleC",
"propertyValue": "dc3",
"type": "class",
"scale": [
"@Col8",
"@Col16",
"@Col7"
]
}
],
"palettes": {
"data": [
{
"name": "12 Colors",
"translation": "properties.colorNumberOfColors.12",
"propertyValue": "12",
"type": "pyramid",
"scale": [
[
"#006580"
],
[
"#006580",
"#87205D"
],
[
"#006580",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#E0BD8D",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D",
"#C4CFDA"
],
[
"#006580",
"#C8C7A9",
"#AC4D58",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D",
"#C4CFDA"
],
[
"#006580",
"#C8C7A9",
"#AC4D58",
"#99CFCD",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D",
"#C4CFDA"
],
[
"#006580",
"#C8C7A9",
"#AC4D58",
"#99CFCD",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#A16090",
"#87205D",
"#C4CFDA"
]
]
},
{
"name": "12 Colors sorted",
"translation": "properties.colorNumberOfColors.12b",
"propertyValue": "12b",
"type": "pyramid",
"scale": [
[
"#006580"
],
[
"#006580",
"#87205D"
],
[
"#006580",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#10CFC9",
"#E0BD8D",
"#87205D"
],
[
"#006580",
"#83AF9B",
"#10CFC9",
"#E0BD8D",
"#87205D"
],
[
"#006580",
"#83AF9B",
"#10CFC9",
"#E0BD8D",
"#AC4D58",
"#87205D"
],
[
"#006580",
"#83AF9B",
"#10CFC9",
"#C8C7A9",
"#E0BD8D",
"#AC4D58",
"#87205D"
],
[
"#006580",
"#83AF9B",
"#10CFC9",
"#99CFCD",
"#C8C7A9",
"#E0BD8D",
"#AC4D58",
"#87205D"
],
[
"#006580",
"#83AF9B",
"#10CFC9",
"#99CFCD",
"#E1DAD5",
"#C8C7A9",
"#E0BD8D",
"#AC4D58",
"#87205D"
],
[
"#A16090",
"#006580",
"#83AF9B",
"#10CFC9",
"#99CFCD",
"#E1DAD5",
"#C8C7A9",
"#E0BD8D",
"#AC4D58",
"#87205D"
],
[
"#8A85C6",
"#A16090",
"#006580",
"#83AF9B",
"#10CFC9",
"#99CFCD",
"#E1DAD5",
"#C8C7A9",
"#E0BD8D",
"#AC4D58",
"#87205D"
],
[
"#C4CFDA",
"#8A85C6",
"#A16090",
"#006580",
"#83AF9B",
"#10CFC9",
"#99CFCD",
"#E1DAD5",
"#C8C7A9",
"#E0BD8D",
"#AC4D58",
"#87205D"
]
]
},
{
"name": "100 Colors",
"translation": "properties.colorNumberOfColors.100",
"propertyValue": "100",
"type": "row",
"scale": [
"#006580",
"#C8C7A9",
"#AC4D58",
"#99CFCD",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#A16090",
"#87205D",
"#C4CFDA",
"#d0e0da",
"#d796dd",
"#64487b",
"#e4e72b",
"#6f7330",
"#932834",
"#ae6c7d",
"#986717",
"#e3cb70",
"#408c1d",
"#dd325f",
"#533d1c",
"#2a3c54",
"#db7127",
"#72e3e2",
"#e2c1da",
"#d47555",
"#7d7f81",
"#54ae9b",
"#e9daa6",
"#3a8855",
"#5be66e",
"#ab39a4",
"#a6e332",
"#6c469d",
"#e39e51",
"#4f1c42",
"#273c1c",
"#aa972e",
"#8bb32a",
"#bdeca5",
"#63ec9b",
"#9c3519",
"#aaa484",
"#72256d",
"#4d749f",
"#9884df",
"#e590b8",
"#44b62b",
"#ad5792",
"#c65dea",
"#e670ca",
"#e38783",
"#29312d",
"#6a2c1e",
"#d7b1aa",
"#b1e7c3",
"#cdc134",
"#9ee764",
"#56b8ce",
"#2c6323",
"#65464a",
"#b1cfea",
"#3c7481",
"#3a4e96",
"#6493e1",
"#db5656",
"#747259",
"#bbabe4",
"#e33f92",
"#d0607d",
"#759f79",
"#9d6b5e",
"#8574ae",
"#7e304c",
"#ad8fac",
"#4b77de",
"#647e17",
"#b9c379",
"#8da8b0",
"#b972d9",
"#786279",
"#7ec07d",
"#916436",
"#2d274f",
"#dce680",
"#759748",
"#dae65a",
"#459c49",
"#b7934a",
"#51c671",
"#9ead3f",
"#969a5c",
"#b9976a",
"#46531a",
"#c0f084",
"#76c146",
"#bad0ad"
]
},
{
"name": "Combined",
"translation": "properties.colorPalette.combined",
"propertyValue": "6",
"type": "row",
"scale": [
"@Col8",
"@Col9",
"@Col7",
"@Col11",
"@Col12",
"@Col1"
]
},
{
"name": "Warm",
"translation": "properties.colorPalette.warm",
"propertyValue": "4a",
"type": "row",
"scale": [
"@Col5",
"@Col2",
"#D9AE72",
"@Col3"
]
},
{
"name": "Moderate",
"translation": "properties.colorPalette.moderate",
"propertyValue": "4b",
"type": "row",
"scale": [
"@Col12",
"#A8A5CA",
"@Col10",
"@Col11"
]
},
{
"name": "Cold",
"translation": "properties.colorPalette.cold",
"propertyValue": "4c",
"type": "row",
"scale": [
"@Col4",
"#72C3C0",
"#58B189",
"@Col1"
]
},
{
"name": "Status",
"translation": "properties.colorPalette.status",
"propertyValue": "3",
"type": "row",
"scale": [
"#58B189",
"#D9AE72",
"@Col3"
]
},
{
"name": "Wine blue",
"translation": "properties.colorPalette.wineBlue",
"propertyValue": "2a",
"type": "row",
"scale": [
"@Col11",
"@Col1"
]
},
{
"name": "Green red",
"translation": "properties.colorPalette.greenRed",
"propertyValue": "2b",
"type": "row",
"scale": [
"#58B189",
"@Col3"
]
},
{
"name": "Purple orange",
"translation": "properties.colorPalette.purpleOrange",
"propertyValue": "2c",
"type": "row",
"scale": [
"@Col8",
"#D9AE72"
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"#FFFFFF",
"#99CFCD",
"#83AF9B",
"#C4CFDA",
"#10CFC9",
"#006580",
"#87205D",
"#8A85C6",
"#A16090",
"#AC4D58",
"#E0BD8D",
"#E1DAD5",
"#B0AfAE",
"#7B7A78",
"#000000",
"#C8C7A9"
]
}
]
}
}Sense Classic
Download Sense Classic theme.json · Download Sense Classic ZIP package
View Sense Classic theme.json
{
"_variables": {
"@B20": "#333333",
"@B25": "#404040",
"@B35": "#595959",
"@B45": "#737373",
"@B50": "#808080",
"@B60": "#999999",
"@B80": "#cccccc",
"@B90": "#e6e6e6",
"@B98": "#fbfbfb",
"@B100": "#ffffff",
"@H1": "24px",
"@H2": "18px",
"@H3": "14px",
"@H4": "13px",
"@H5": "12px",
"@H6": "10px"
},
"color": "@B35",
"fontSize": "13px",
"fontFamily": "QlikView Sans, sans-serif",
"backgroundColor": "transparent",
"object": {
"line": {
"highContrast": {
"color": "@B60"
},
"major": {
"color": "@B80"
},
"minor": {
"color": "@B90"
}
},
"title": {
"main": {
"color": "@B50",
"fontSize": "15px"
},
"subTitle": {
"color": "@B50",
"fontSize": "12px"
},
"footer": {
"color": "@B50",
"fontSize": "12px",
"backgroundColor": "transparent"
}
},
"label": {
"name": {
"color": "@B20",
"fontSize": "13px"
},
"value": {
"color": "@B20",
"fontSize": "13px"
}
},
"axis": {
"title": {
"fontSize": "12px",
"color": "@B20"
},
"label": {
"name": {
"color": "@B35",
"fontSize": "12px"
}
},
"line": {
"major": {
"color": "@B80"
},
"minor": {
"color": "@B90"
}
}
},
"grid": {
"line": {
"highContrast": {
"color": "@B60"
},
"major": {
"color": "@B80"
},
"minor": {
"color": "@B90"
}
}
},
"referenceLine": {
"label": {
"name": {
"color": "@B20",
"fontSize": "12px"
}
},
"outOfBounds": {
"color": "@B90",
"backgroundColor": "@B45",
"fontSize": "@H6"
}
},
"legend": {
"title": {
"fontSize": "15px",
"color": "@B20"
},
"label": {
"fontSize": "13px",
"color": "@B35"
}
},
"tabbedContainer": {
"indicator": {
"selected": {
"color": "#00873D"
},
"hover": {
"color": "@B80"
}
},
"background": {
"hover": {
"color": "rgba(0,0,0,0.03)"
}
},
"icon": {
"value": {
"color": "@B20",
"fontSize": "13px"
}
}
},
"barChart": {
"outOfRange": {
"color": "@B60"
},
"label": {
"value": {
"color": "@B35",
"fontSize": "11px"
}
}
},
"bulletChart": {
"outOfRange": {
"color": "@B60"
},
"label": {
"value": {
"color": "@B35",
"fontSize": "11px"
}
}
},
"comboChart": {
"outOfRange": {
"color": "@B60"
},
"label": {
"value": {
"color": "@B35",
"fontSize": "11px"
}
}
},
"gauge": {
"label": {
"value": {
"color": "@B20",
"fontSize": "42px"
}
}
},
"treemap": {
"branch": {
"backgroundColor": "rgba(0,0,0,0.05)",
"label": {
"fontSize": "14px"
}
},
"leaf": {
"label": {
"fontSize": "12px"
}
}
},
"scatterPlot": {
"label": {
"value": {
"color": "@B35",
"fontSize": "12px"
}
}
},
"lineChart": {
"outOfRange": {
"color": "@B60"
},
"label": {
"value": {
"color": "@B35",
"fontSize": "12px"
}
}
},
"pieChart": {
"axis": {
"title": {
"fontSize": "12px"
}
},
"label": {
"name": {
"color": "@B20",
"fontSize": "14px"
},
"value": {
"fontSize": "12px"
}
}
},
"straightTable": {
"header": {
"fontSize": "@H4",
"color": "@B35"
},
"content": {
"fontSize": "@H4",
"color": "@B35",
"hover": {
"backgroundColor": "inherit",
"color": "inherit"
}
}
},
"straightTableV2": {
"dimension": {
"label": {
"name": {
"fontSize": "@H5",
"backgroundColor": "transparent",
"color": "@B25"
},
"value": {
"fontSize": "@H5",
"color": "@B25",
"backgroundColor": "transparent"
}
}
},
"measure": {
"label": {
"value": {
"fontSize": "@H5",
"color": "@B25",
"backgroundColor": "transparent"
}
}
},
"total": {
"label": {
"value": {
"fontSize": "@H5",
"color": "@B25",
"backgroundColor": "transparent"
}
}
},
"null": {
"label": {
"value": {
"color": "@B25",
"backgroundColor": "#F2F2F2"
}
}
},
"grid": {
"borderColor": "#D9D9D9",
"divider": {
"borderColor": "@B35"
},
"hover": {
"color": "@B25",
"backgroundColor": "rgba(0,0,0,0.03)"
}
}
},
"pivotTable": {
"header": {
"fontSize": "@H4",
"color": "@B35"
},
"content": {
"fontSize": "@H4",
"color": "@B35",
"hover": {
"backgroundColor": "inherit",
"color": "inherit"
}
}
},
"pivotTableV2": {
"dimension": {
"label": {
"name": {
"fontSize": "@H5",
"backgroundColor": "transparent",
"color": "@B25"
},
"value": {
"fontSize": "@H5",
"color": "@B25",
"backgroundColor": "transparent"
}
}
},
"measure": {
"label": {
"name": {
"color": "#737373",
"backgroundColor": "transparent"
},
"value": {
"fontSize": "@H5",
"color": "#737373",
"backgroundColor": "transparent"
}
}
},
"total": {
"label": {
"value": {
"color": "@B25",
"backgroundColor": "transparent"
}
}
},
"null": {
"label": {
"value": {
"color": "@B25",
"backgroundColor": "#F2F2F2"
}
}
},
"grid": {
"lineClamp": 1,
"backgroundColor": "transparent",
"borderColor": "#D9D9D9",
"divider": {
"borderColor": "@B35"
}
}
},
"listBox": {
"title": {
"main": {
"color": "@B25",
"fontSize": "13px"
}
},
"content": {
"color": "@B25",
"fontSize": "12px"
}
},
"boxPlot": {
"box": {
"whisker": {
"stroke": "@B35"
},
"line": {
"stroke": "@B35"
},
"box": {
"fill": "@B90",
"stroke": "@B35"
}
}
},
"distributionPlot": {
"box": {
"fill": "@B90"
}
},
"histogram": {
"label": {
"value": {
"color": "@B35",
"fontSize": "12px"
}
}
},
"waterfallChart": {
"label": {
"value": {
"color": "@B35",
"fontSize": "12px"
}
},
"value": {
"color": {
"default": "@B35",
"dark": "@B35",
"light": "@B90"
}
},
"shape": {
"positiveValue": {
"fill": "#4477AA"
},
"negativeValue": {
"fill": "#cc6677"
},
"subtotal": {
"fill": "#c3c3c3"
},
"bridge": {
"stroke": "@B50"
}
}
},
"mapChart": {
"label": {
"value": {
"dark": {
"color": "@B35"
},
"light": {
"color": "@B90"
},
"fontSize": "12px"
}
}
},
"kpi": {
"label": {
"name": {
"color": "@B35"
}
}
},
"gridChart": {
"label": {
"value": {
"fontSize": "12px"
}
}
},
"orgChart": {
"card": {
"title": {
"main": {
"fontSize": "14px"
},
"subTitle": {
"fontSize": "11px"
}
},
"label": {
"description": {
"fontSize": "11px"
},
"measureLabel": {
"fontSize": "11px"
},
"measureValue": {
"fontSize": "11px"
}
}
}
},
"slider": {
"label": {
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"input": {
"field": {
"backgroundColor": "rgba(255, 255, 255, 0.8)",
"borderColor": "rgba(0, 0, 0, 0.15)"
},
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"track": {
"selectionColor": "#00873d",
"backgroundColor": "rgba(0, 0, 0, 0.05)",
"borderColor": "rgba(0, 0, 0, 0.15)"
}
}
},
"dataColors": {
"primaryColor": "#4477aa",
"othersColor": "#a5a5a5",
"errorColor": "#ff4444",
"nullColor": "#d2d2d2"
},
"palettes": {
"data": [
{
"name": "12 Colors",
"translation": "properties.colorNumberOfColors.12",
"propertyValue": "12",
"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"
]
]
},
{
"name": "100 Colors",
"translation": "properties.colorNumberOfColors.100",
"propertyValue": "100",
"type": "row",
"scale": [
"#99c867",
"#e43cd0",
"#e2402a",
"#66a8db",
"#3f1a20",
"#e5aa87",
"#3c6b59",
"#aa2a6b",
"#e9b02e",
"#7864dd",
"#65e93c",
"#5ce4ba",
"#d0e0da",
"#d796dd",
"#64487b",
"#e4e72b",
"#6f7330",
"#932834",
"#ae6c7d",
"#986717",
"#e3cb70",
"#408c1d",
"#dd325f",
"#533d1c",
"#2a3c54",
"#db7127",
"#72e3e2",
"#e2c1da",
"#d47555",
"#7d7f81",
"#54ae9b",
"#e9daa6",
"#3a8855",
"#5be66e",
"#ab39a4",
"#a6e332",
"#6c469d",
"#e39e51",
"#4f1c42",
"#273c1c",
"#aa972e",
"#8bb32a",
"#bdeca5",
"#63ec9b",
"#9c3519",
"#aaa484",
"#72256d",
"#4d749f",
"#9884df",
"#e590b8",
"#44b62b",
"#ad5792",
"#c65dea",
"#e670ca",
"#e38783",
"#29312d",
"#6a2c1e",
"#d7b1aa",
"#b1e7c3",
"#cdc134",
"#9ee764",
"#56b8ce",
"#2c6323",
"#65464a",
"#b1cfea",
"#3c7481",
"#3a4e96",
"#6493e1",
"#db5656",
"#747259",
"#bbabe4",
"#e33f92",
"#d0607d",
"#759f79",
"#9d6b5e",
"#8574ae",
"#7e304c",
"#ad8fac",
"#4b77de",
"#647e17",
"#b9c379",
"#8da8b0",
"#b972d9",
"#786279",
"#7ec07d",
"#916436",
"#2d274f",
"#dce680",
"#759748",
"#dae65a",
"#459c49",
"#b7934a",
"#51c671",
"#9ead3f",
"#969a5c",
"#b9976a",
"#46531a",
"#c0f084",
"#76c146",
"#bad0ad"
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"#ffffff",
"#46c646",
"#276e27",
"#b6d7ea",
"#7db8da",
"#4477aa",
"#8e477d",
"#ffcf02",
"#f8981d",
"#f93f17",
"#633d0c",
"#b0afae",
"#7b7a78",
"#545352",
"#000000"
]
}
]
},
"scales": [
{
"name": "Sequential Gradient",
"translation": "properties.colorScheme.sequential",
"type": "gradient",
"propertyValue": "sg",
"scale": [
"#662506",
"#993404",
"#cc4c02",
"#ec7014",
"#fb9a29",
"#fec44f",
"#fee391",
"#fff7bc"
]
},
{
"name": "Sequential Classes",
"translation": "properties.colorScheme.sequentialC",
"propertyValue": "sc",
"type": "class",
"scale": [
"#662506",
"#993404",
"#cc4c02",
"#ec7014",
"#fb9a29",
"#fec44f",
"#fee391"
]
},
{
"name": "Diverging gradient",
"translation": "properties.colorScheme.diverging",
"propertyValue": "dg",
"type": "gradient",
"scale": [
"#ae1c3e",
"#d24d3e",
"#ed875e",
"#f9bd7e",
"#e6f5fe",
"#b4ddf7",
"#77b7e5",
"#3a89c9",
"#3d52a1"
]
},
{
"name": "Diverging Classes",
"translation": "properties.colorScheme.divergingC",
"propertyValue": "dc",
"type": "class",
"scale": [
"#ae1c3e",
"#d24d3e",
"#ed875e",
"#f9bd7e",
"#ffe3aa",
"#e6f5fe",
"#b4ddf7",
"#77b7e5",
"#3a89c9",
"#3d52a1"
]
}
]
}Sense Focus
Sense Focus uses the Sense Classic 12 Colors palette.
Download Sense Focus theme.json · Download Sense Focus ZIP package
View Sense Focus theme.json
{
"_variables": {
"@myColorLight": "#FFFFFF",
"@B95": "#F2F2F2",
"@B98": "#FBFBFB"
},
"_cards": true,
"backgroundColor": "@myColorLight",
"object": {
"title": {
"footer": {
"backgroundColor": "@B98"
}
},
"filterpane": {
"backgroundColor": "transparent"
},
"straightTableV2": {
"header": {
"color": "#404040",
"fontSize": "12px"
},
"content": {
"color": "#404040",
"fontSize": "12px"
}
},
"treemap": {
"branch": {
"backgroundColor": "@B95"
}
},
"slider": {
"label": {
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"input": {
"field": {
"backgroundColor": "rgba(255, 255, 255, 0.8)",
"borderColor": "rgba(0, 0, 0, 0.15)"
},
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"track": {
"selectionColor": "#00873d",
"backgroundColor": "rgba(0, 0, 0, 0.05)",
"borderColor": "rgba(0, 0, 0, 0.15)"
}
}
}
}Sense Breeze
Download Sense Breeze theme.json · Download Sense Breeze ZIP package
View Sense Breeze theme.json
{
"_inherit": true,
"_variables": {
"@myColorLight": "#FFFFFF",
"@myColorDark": "#444",
"@black": "#00000",
"@white": "#ffffff",
"@B55": "#8b8b8b",
"@B80": "#cdcdcd",
"@B90": "#e5e5e5",
"@B95": "#F2F2F2",
"@B98": "#fbfbfb",
"@transparent": "rgba(0, 0, 0, 0)"
},
"_cards": true,
"color": "@myColorDark",
"backgroundColor": "#FFFFFF",
"object": {
"title": {
"main": {
"color": "@myColorDark"
},
"subTitle": {
"color": "@B55"
},
"footer": {
"backgroundColor": "@B98"
}
},
"grid": {
"line": {
"highContrast": {
"color": "@B80"
},
"major": {
"color": "@B80"
},
"minor": {
"color": "@B90"
}
}
},
"axis": {
"line": {
"major": {
"color": "@B80"
},
"minor": {
"color": "@B90"
}
}
},
"filterpane": {
"backgroundColor": "transparent"
},
"straightTable": {
"header": {
"color": "@myColorDark"
},
"content": {
"color": "@myColorDark"
}
},
"straightTableV2": {
"header": {
"color": "#404040",
"fontSize": "12px"
},
"content": {
"color": "#404040",
"fontSize": "12px"
}
},
"lineChart": {
"title": {
"main": {
"color": "@myColorDark"
}
}
},
"treemap": {
"branch": {
"backgroundColor": "@B95"
}
},
"waterfallChart": {
"shape": {
"positiveValue": {
"fill": "#70ba6e"
},
"negativeValue": {
"fill": "#d76c6c"
},
"subtotal": {
"fill": "#b0afae"
}
}
},
"slider": {
"label": {
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"input": {
"field": {
"backgroundColor": "rgba(255, 255, 255, 0.8)",
"borderColor": "rgba(0, 0, 0, 0.15)"
},
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"track": {
"selectionColor": "#00873d",
"backgroundColor": "rgba(0, 0, 0, 0.05)",
"borderColor": "rgba(0, 0, 0, 0.15)"
}
}
},
"dataColors": {
"primaryColor": "#26a0a7",
"othersColor": "#a5a5a5",
"errorColor": "#ff4444",
"nullColor": "#d2d2d2"
},
"scales": [
{
"name": "Sequential Gradient",
"translation": "properties.colorScheme.sequential",
"type": "gradient",
"propertyValue": "sg",
"scale": [
"#26a0a7",
"#c7ea8b"
]
},
{
"name": "Sequential Classes",
"translation": "properties.colorScheme.sequentialC",
"propertyValue": "sc",
"type": "class",
"scale": [
"#26a0a7",
"#c7ea8b"
]
},
{
"name": "Diverging gradient",
"translation": "properties.colorScheme.diverging",
"propertyValue": "dg",
"type": "gradient",
"scale": [
"#26a0a7",
"#c3ea8c",
"#ec983d"
]
},
{
"name": "Diverging Classes",
"translation": "properties.colorScheme.divergingC",
"propertyValue": "dc",
"type": "class",
"scale": [
"#26a0a7",
"#c3ea8c",
"#ec983d"
]
}
],
"palettes": {
"data": [
{
"name": "12 Colors",
"translation": "properties.colorNumberOfColors.12",
"propertyValue": "12",
"type": "pyramid",
"scale": [
[
"#26A0A7"
],
[
"#26A0A7",
"#EC983D"
],
[
"#26A0A7",
"#CBE989",
"#EC983D"
],
[
"#26A0A7",
"#79D69F",
"#F9EC86",
"#EC983D"
],
[
"#26A0A7",
"#79D69F",
"#CBE989",
"#F9EC86",
"#EC983D"
],
[
"#26A0A7",
"#65D3DA",
"#79D69F",
"#CBE989",
"#F9EC86",
"#EC983D"
],
[
"#26A0A7",
"#65D3DA",
"#79D69F",
"#CBE989",
"#F9EC86",
"#EC983D",
"#D76C6C"
],
[
"#26A0A7",
"#65D3DA",
"#79D69F",
"#CBE989",
"#F9EC86",
"#FAD144",
"#EC983D",
"#D76C6C"
],
[
"#138185",
"#26A0A7",
"#65D3DA",
"#79D69F",
"#CBE989",
"#F9EC86",
"#FAD144",
"#EC983D",
"#D76C6C"
],
[
"#138185",
"#26A0A7",
"#65D3DA",
"#79D69F",
"#CBE989",
"#EBF898",
"#F9EC86",
"#FAD144",
"#EC983D",
"#D76C6C"
],
[
"#138185",
"#26A0A7",
"#65D3DA",
"#79D69F",
"#CBE989",
"#EBF898",
"#F9EC86",
"#FAD144",
"#EC983D",
"#D76C6C",
"#A54343"
],
[
"#138185",
"#26A0A7",
"#65D3DA",
"#79D69F",
"#70BA6E",
"#CBE989",
"#EBF898",
"#F9EC86",
"#FAD144",
"#EC983D",
"#D76C6C",
"#A54343"
]
]
},
{
"name": "100 Colors",
"translation": "properties.colorNumberOfColors.100",
"propertyValue": "100",
"type": "row",
"scale": [
"#99c867",
"#e43cd0",
"#e2402a",
"#66a8db",
"#3f1a20",
"#e5aa87",
"#3c6b59",
"#aa2a6b",
"#e9b02e",
"#7864dd",
"#65e93c",
"#5ce4ba",
"#d0e0da",
"#d796dd",
"#64487b",
"#e4e72b",
"#6f7330",
"#932834",
"#ae6c7d",
"#986717",
"#e3cb70",
"#408c1d",
"#dd325f",
"#533d1c",
"#2a3c54",
"#db7127",
"#72e3e2",
"#e2c1da",
"#d47555",
"#7d7f81",
"#54ae9b",
"#e9daa6",
"#3a8855",
"#5be66e",
"#ab39a4",
"#a6e332",
"#6c469d",
"#e39e51",
"#4f1c42",
"#273c1c",
"#aa972e",
"#8bb32a",
"#bdeca5",
"#63ec9b",
"#9c3519",
"#aaa484",
"#72256d",
"#4d749f",
"#9884df",
"#e590b8",
"#44b62b",
"#ad5792",
"#c65dea",
"#e670ca",
"#e38783",
"#29312d",
"#6a2c1e",
"#d7b1aa",
"#b1e7c3",
"#cdc134",
"#9ee764",
"#56b8ce",
"#2c6323",
"#65464a",
"#b1cfea",
"#3c7481",
"#3a4e96",
"#6493e1",
"#db5656",
"#747259",
"#bbabe4",
"#e33f92",
"#d0607d",
"#759f79",
"#9d6b5e",
"#8574ae",
"#7e304c",
"#ad8fac",
"#4b77de",
"#647e17",
"#b9c379",
"#8da8b0",
"#b972d9",
"#786279",
"#7ec07d",
"#916436",
"#2d274f",
"#dce680",
"#759748",
"#dae65a",
"#459c49",
"#b7934a",
"#51c671",
"#9ead3f",
"#969a5c",
"#b9976a",
"#46531a",
"#c0f084",
"#76c146",
"#bad0ad"
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"#b0afae",
"#7b7a78",
"#a54343",
"#d76c6c",
"#ec983d",
"#ecc43d",
"#f9ec86",
"#cbe989",
"#70ba6e",
"#578b60",
"#79d69f",
"#26a0a7",
"#138185",
"#65d3da",
"#ffffff",
"#000000"
]
}
]
}
}Sense Horizon
Download Sense Horizon theme.json · Download Sense Horizon ZIP package
View Sense Horizon theme.json
{
"_inherit": true,
"_variables": {
"@myColorLight": "#FFFFFF",
"@myColorDark": "#404040",
"@black": "#00000",
"@white": "#ffffff",
"@B25": "#404040",
"@B55": "#8b8b8b",
"@B80": "#cdcdcd",
"@B90": "#e5e5e5",
"@B95": "#F2F2F2",
"@B98": "#fbfbfb",
"@transparent": "rgba(0, 0, 0, 0)"
},
"fontFamily": "Source Sans Pro, sans-serif",
"fontSize": "12px",
"_cards": true,
"color": "@myColorDark",
"backgroundColor": "#FFFFFF",
"object": {
"title": {
"main": {
"color": "@myColorDark",
"fontSize": "16px"
},
"subTitle": {
"color": "@B55",
"fontSize": "14px"
},
"footer": {
"backgroundColor": "@B98",
"fontSize": "12px",
"color": "rgba(0, 0, 0, 0.55)"
}
},
"grid": {
"line": {
"highContrast": {
"color": "@B80"
},
"major": {
"color": "@B90"
},
"minor": {
"color": "@B90"
}
}
},
"filterpane": {
"backgroundColor": "transparent"
},
"straightTable": {
"header": {
"color": "@myColorDark"
},
"content": {
"color": "@myColorDark"
}
},
"lineChart": {
"title": {
"main": {
"color": "@myColorDark"
}
}
},
"treemap": {
"branch": {
"backgroundColor": "@B95"
}
},
"waterfallChart": {
"shape": {
"positiveValue": {
"fill": "#83AF9B"
},
"negativeValue": {
"fill": "#AC4D58"
},
"subtotal": {
"fill": "#b0afae"
}
}
},
"slider": {
"label": {
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"input": {
"field": {
"backgroundColor": "rgba(255, 255, 255, 0.8)",
"borderColor": "rgba(0, 0, 0, 0.15)"
},
"value": {
"color": "@B20",
"fontSize": "12px"
}
},
"track": {
"selectionColor": "#00873d",
"backgroundColor": "rgba(0, 0, 0, 0.05)",
"borderColor": "rgba(0, 0, 0, 0.15)"
}
}
},
"dataColors": {
"primaryColor": "#006580",
"othersColor": "#a5a5a5",
"errorColor": "#ff4444",
"nullColor": "#d2d2d2"
},
"scales": [
{
"name": "Sequential Gradient",
"translation": "properties.colorScheme.sequential",
"type": "gradient",
"propertyValue": "sg",
"scale": [
"#006580",
"#C4CFDA"
]
},
{
"name": "Sequential Classes",
"translation": "properties.colorScheme.sequentialC",
"propertyValue": "sc",
"type": "class",
"scale": [
"#006580",
"#C4CFDA"
]
},
{
"name": "Diverging gradient",
"translation": "properties.colorScheme.diverging",
"propertyValue": "dg",
"type": "gradient",
"scale": [
"#006580",
"#C4CFDA",
"#87205D"
]
},
{
"name": "Diverging Classes",
"translation": "properties.colorScheme.divergingC",
"propertyValue": "dc",
"type": "class",
"scale": [
"#006580",
"#C4CFDA",
"#87205D"
]
}
],
"palettes": {
"data": [
{
"name": "12 Colors",
"translation": "properties.colorNumberOfColors.12",
"propertyValue": "12",
"type": "pyramid",
"scale": [
[
"#006580"
],
[
"#006580",
"#87205D"
],
[
"#006580",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#E0BD8D",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D"
],
[
"#006580",
"#AC4D58",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D",
"#C4CFDA"
],
[
"#006580",
"#C8C7A9",
"#AC4D58",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D",
"#C4CFDA"
],
[
"#006580",
"#C8C7A9",
"#AC4D58",
"#99CFCD",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#87205D",
"#C4CFDA"
],
[
"#006580",
"#C8C7A9",
"#AC4D58",
"#99CFCD",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#A16090",
"#87205D",
"#C4CFDA"
]
]
},
{
"name": "100 Colors",
"translation": "properties.colorNumberOfColors.100",
"propertyValue": "100",
"type": "row",
"scale": [
"#006580",
"#C8C7A9",
"#AC4D58",
"#99CFCD",
"#E1DAD5",
"#83AF9B",
"#E0BD8D",
"#8A85C6",
"#10CFC9",
"#A16090",
"#87205D",
"#C4CFDA",
"#d0e0da",
"#d796dd",
"#64487b",
"#e4e72b",
"#6f7330",
"#932834",
"#ae6c7d",
"#986717",
"#e3cb70",
"#408c1d",
"#dd325f",
"#533d1c",
"#2a3c54",
"#db7127",
"#72e3e2",
"#e2c1da",
"#d47555",
"#7d7f81",
"#54ae9b",
"#e9daa6",
"#3a8855",
"#5be66e",
"#ab39a4",
"#a6e332",
"#6c469d",
"#e39e51",
"#4f1c42",
"#273c1c",
"#aa972e",
"#8bb32a",
"#bdeca5",
"#63ec9b",
"#9c3519",
"#aaa484",
"#72256d",
"#4d749f",
"#9884df",
"#e590b8",
"#44b62b",
"#ad5792",
"#c65dea",
"#e670ca",
"#e38783",
"#29312d",
"#6a2c1e",
"#d7b1aa",
"#b1e7c3",
"#cdc134",
"#9ee764",
"#56b8ce",
"#2c6323",
"#65464a",
"#b1cfea",
"#3c7481",
"#3a4e96",
"#6493e1",
"#db5656",
"#747259",
"#bbabe4",
"#e33f92",
"#d0607d",
"#759f79",
"#9d6b5e",
"#8574ae",
"#7e304c",
"#ad8fac",
"#4b77de",
"#647e17",
"#b9c379",
"#8da8b0",
"#b972d9",
"#786279",
"#7ec07d",
"#916436",
"#2d274f",
"#dce680",
"#759748",
"#dae65a",
"#459c49",
"#b7934a",
"#51c671",
"#9ead3f",
"#969a5c",
"#b9976a",
"#46531a",
"#c0f084",
"#76c146",
"#bad0ad"
]
}
],
"ui": [
{
"name": "Palette",
"colors": [
"#ffffff",
"#99CFCD",
"#83AF9B",
"#C4CFDA",
"#10CFC9",
"#006580",
"#87205D",
"#8A85C6",
"#A16090",
"#AC4D58",
"#E0BD8D",
"#E1DAD5",
"#b0afae",
"#7b7a78",
"#000000",
"#C8C7A9"
]
}
]
}
}