@clickhouse/click-ui
Version:
Official ClickHouse design system react library
1,871 lines (1,869 loc) • 49.6 kB
TypeScript
declare const _default: {
"click": {
"accordion": {
"color": {
"default": {
"label": {
"default": "#ffffff",
"hover": "rgb(100% 100% 100%)",
"active": "#ffffff"
},
"icon": {
"default": "#ffffff",
"hover": "rgb(100% 100% 100%)",
"active": "#ffffff"
}
},
"link": {
"label": {
"default": "#FAFF69",
"hover": "#FEFFC2",
"active": "#FAFF69"
},
"icon": {
"default": "#FAFF69",
"hover": "rgb(99.6% 100% 77.9%)",
"active": "#FAFF69"
}
}
}
},
"alert": {
"color": {
"background": {
"default": "#1F1F1C",
"success": "rgb(20% 100% 26.7% / 0.2)",
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
"danger": "rgb(100% 13.7% 13.7% / 0.2)",
"warning": "rgb(100% 46.7% 16.1% / 0.2)",
"info": "rgb(26.3% 49.4% 93.7% / 0.2)"
},
"text": {
"default": "#b3b6bd",
"success": "#CCFFD0",
"neutral": "#c0c0c0",
"danger": "#ffbaba",
"warning": "#FFB88F",
"info": "#D0DFFB"
},
"iconBackground": {
"default": "#1F1F1C",
"success": "rgb(20% 100% 26.7% / 0)",
"neutral": "rgb(62.7% 62.7% 62.7% / 0)",
"danger": "rgb(100% 13.7% 13.7% / 0)",
"warning": "rgb(100% 46.7% 16.1% / 0)",
"info": "rgb(26.3% 49.4% 93.7% / 0)"
},
"iconForeground": {
"default": "#b3b6bd",
"success": "lch(95.6 28.9 144 / 0.75)",
"neutral": "lch(77.7 0 0 / 0.75)",
"danger": "lch(82.1 27.7 22 / 0.75)",
"warning": "lch(80.9 39 53.9 / 0.75)",
"info": "lch(88.3 15.5 266 / 0.75)"
}
}
},
"avatar": {
"color": {
"background": {
"default": "#808691",
"hover": "#b3b6bd",
"active": "#b3b6bd"
},
"text": {
"default": "#1F1F1C",
"hover": "#1F1F1C",
"active": "#1F1F1C"
}
}
},
"badge": {
"opaque": {
"color": {
"background": {
"default": "#1F1F1C",
"success": "rgb(20% 100% 26.7% / 0.2)",
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
"danger": "rgb(100% 13.7% 13.7% / 0.2)",
"disabled": "#414141",
"info": "rgb(26.3% 49.4% 93.7% / 0.2)",
"warning": "rgb(100% 46.7% 16.1% / 0.2)"
},
"text": {
"default": "#b3b6bd",
"success": "#CCFFD0",
"neutral": "#c0c0c0",
"danger": "#ffbaba",
"disabled": "#808080",
"info": "#D0DFFB",
"warning": "#FFB88F"
},
"stroke": {
"default": "#323232",
"success": "rgb(20% 100% 26.7% / 0.1)",
"neutral": "rgb(62.7% 62.7% 62.7% / 0.1)",
"danger": "rgb(100% 22.3% 22.3% / 0.2)",
"disabled": "rgb(24.2% 24.2% 24.2%)",
"info": "rgb(26.3% 49.4% 93.7% / 0.1)",
"warning": "rgb(100% 46.7% 16.1% / 0.1)"
}
}
},
"solid": {
"color": {
"background": {
"default": "#c0c0c0",
"success": "#99FFA1",
"neutral": "#c0c0c0",
"danger": "#ff9898",
"disabled": "#414141",
"info": "#A1BEF7",
"warning": "#FF9457"
},
"text": {
"default": "#1F1F1C",
"success": "#1F1F1C",
"neutral": "#1F1F1C",
"danger": "#1F1F1C",
"disabled": "#808080",
"info": "#1F1F1C",
"warning": "#1F1F1C"
},
"stroke": {
"default": "rgb(19.6% 19.6% 19.6% / 0.1)",
"success": "rgb(20% 100% 26.7% / 0.1)",
"neutral": "rgb(62.7% 62.7% 62.7% / 0.1)",
"danger": "rgb(100% 22.3% 22.3% / 0.2)",
"disabled": "rgb(24.2% 24.2% 24.2%)",
"info": "rgb(26.3% 49.4% 93.7% / 0.1)",
"warning": "rgb(100% 46.7% 16.1% / 0.1)"
}
}
}
},
"bigStat": {
"color": {
"stroke": {
"default": "#323232",
"muted": "#323232",
"danger": "#ffbaba"
},
"background": {
"default": "#1F1F1C",
"muted": "#282828"
},
"label": {
"default": "#b3b6bd",
"muted": "#b3b6bd",
"danger": "#ffbaba"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)",
"muted": "rgb(97.5% 97.5% 97.5%)"
}
}
},
"button": {
"basic": {
"color": {
"primary": {
"background": {
"default": "#FAFF69",
"hover": "rgb(98.6% 100% 58.8%)",
"active": "rgb(90.7% 92.5% 38.1%)",
"disabled": "#414141"
},
"text": {
"default": "#1F1F1C",
"hover": "#1F1F1C",
"active": "#1F1F1C",
"disabled": "#808080"
},
"stroke": {
"default": "#FAFF69",
"hover": "#FAFF69",
"active": "rgb(83% 84.6% 34.9%)",
"disabled": "#414141"
}
},
"secondary": {
"background": {
"default": "#1F1F1C",
"hover": "#282828",
"active": "rgb(19.9% 19.9% 19.9%)",
"disabled": "#414141"
},
"stroke": {
"default": "#414141",
"hover": "#53575f",
"active": "rgb(22.9% 22.1% 23.6%)",
"disabled": "#414141"
},
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#808080"
}
},
"danger": {
"background": {
"default": "rgb(100% 13.7% 13.7% / 0.2)",
"hover": "rgb(100% 13.7% 13.7% / 0.3)",
"active": "rgb(100% 13.7% 13.7% / 0.45)",
"disabled": "#414141"
},
"text": {
"default": "#ffbaba",
"hover": "#ffbaba",
"active": "#ffbaba",
"disabled": "#808080"
},
"stroke": {
"default": "rgb(100% 22.3% 22.3% / 0.1)",
"hover": "rgb(100% 13.7% 13.7% / 0.05)",
"active": "rgb(100% 13.7% 13.7% / 0.05)",
"disabled": "#414141"
}
},
"empty": {
"text": {
"default": "#FAFF69",
"hover": "#FEFFC2",
"active": "#FAFF69",
"disabled": "#a0a0a0"
},
"background": {
"default": "rgba(0,0,0,0)",
"hover": "#282828",
"active": "rgba(0,0,0,0)",
"disabled": "rgba(0,0,0,0)"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"hover": "rgba(0,0,0,0)",
"active": "rgba(0,0,0,0)",
"disabled": "rgba(0,0,0,0)"
}
}
}
},
"iconButton": {
"color": {
"primary": {
"background": {
"default": "rgba(0,0,0,0)",
"hover": "#282828",
"active": "rgb(14.1% 14.1% 14.1%)"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"hover": "#282828",
"active": "rgb(14.1% 14.1% 14.1%)"
},
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff"
}
},
"secondary": {
"background": {
"default": "#FAFF69",
"hover": "rgb(98.6% 100% 58.8%)",
"active": "rgb(86.2% 87.9% 36.2%)"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"hover": "rgb(98.6% 100% 58.8%)",
"active": "rgb(86.2% 87.9% 36.2%)"
},
"text": {
"default": "#1F1F1C",
"hover": "#1F1F1C",
"active": "#1F1F1C"
}
},
"disabled": {
"background": {
"default": "#414141"
},
"text": {
"default": "#808080"
}
},
"danger": {
"background": {
"default": "rgb(100% 13.7% 13.7% / 0.2)",
"hover": "#ff9898",
"active": "#c10000"
},
"text": {
"default": "#ffbaba",
"hover": "#ffbaba",
"active": "#ffbaba"
},
"stroke": {
"default": "rgb(100% 13.7% 13.7% / 0.2)",
"hover": "rgb(100% 13.7% 13.7% / 0.3)",
"active": "rgb(100% 13.7% 13.7% / 0.45)"
}
},
"ghost": {
"background": {
"default": "rgba(0,0,0,0)",
"hover": "rgba(0,0,0,0)",
"active": "rgb(0% 0% 0% / 0)"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"hover": "rgba(0,0,0,0)",
"active": "rgba(0,0,0,0)"
},
"text": {
"default": "#b3b6bd",
"hover": "#ffffff",
"active": "#ffffff"
}
},
"info": {
"background": {
"default": "rgb(26.3% 49.4% 93.7% / 0.2)",
"hover": "#1D64EC",
"active": "#437EEF"
},
"text": {
"default": "#D0DFFB",
"hover": "#D0DFFB",
"active": "#D0DFFB"
},
"stroke": {
"default": "rgb(26.3% 49.4% 93.7% / 0.2)",
"hover": "#1D64EC",
"active": "#437EEF"
}
}
}
},
"split": {
"primary": {
"background": {
"main": {
"default": "#FAFF69",
"hover": "lch(89.7 46.7 104)",
"active": "rgb(83% 84.6% 34.9%)",
"disabled": "rgb(23.3% 23.3% 23.3%)"
},
"action": {
"default": "rgb(88.2% 90% 37.1%)",
"hover": "rgb(81.8% 83.2% 49.2%)",
"active": "rgb(73% 74.4% 30.7%)",
"disabled": "rgb(20.5% 20.5% 20.5%)"
}
},
"text": {
"default": "#1F1F1C",
"hover": "#1F1F1C",
"active": "#1F1F1C",
"disabled": "#808080"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"hover": "rgba(0,0,0,0)",
"active": "rgba(0,0,0,0)",
"disabled": "rgba(0,0,0,0)"
},
"divide": {
"default": "rgb(85.8% 87.5% 36%)",
"hover": "rgb(77.8% 79.1% 46.8%)",
"active": "rgb(72.6% 74% 30.5%)",
"disabled": "rgb(21.3% 21.3% 21.3%)"
}
},
"secondary": {
"divide": {
"default": "lch(31.2 0 0)",
"hover": "lch(34.8 0 0)",
"active": "rgb(23.7% 22.9% 24.4%)",
"disabled": "lch(23.4 0 0)"
},
"background": {
"main": {
"default": "#1F1F1C",
"hover": "#282828",
"active": "rgb(19.9% 19.9% 19.9%)",
"disabled": "#414141"
},
"action": {
"default": "#282828",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "rgb(20.7% 20.7% 20.7%)",
"disabled": "rgb(22.1% 22.1% 22.1%)"
}
},
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#808080"
},
"stroke": {
"default": "#414141",
"hover": "#414141",
"active": "rgb(23.7% 22.9% 24.4%)",
"disabled": "rgba(0,0,0,0)"
}
}
},
"group": {
"color": {
"background": {
"default": "rgba(0,0,0,0)",
"hover": "#282828",
"active": "#414141",
"disabled": "rgba(0,0,0,0)",
"disabled-active": "lch(0 0 0 / 0)",
"panel": "rgba(0,0,0,0)"
},
"text": {
"default": "#c0c0c0",
"hover": "#c0c0c0",
"active": "#ffffff",
"disabled": "#414141",
"disabled-active": "#808080"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"hover": "rgba(0,0,0,0)",
"active": "rgba(0,0,0,0)",
"disabled": "rgba(0,0,0,0)",
"disabled-active": "rgba(0,0,0,0)",
"panel": "#323232"
},
"panel": {
"stroke": {
"default": "#323232",
"borderless": "rgba(0,0,0,0)"
}
}
}
},
"alignedLeft": {
"color": {
"background": {
"default": "rgba(0,0,0,0)",
"hover": "#282828",
"active": "rgb(15.4% 15.4% 15.4%)"
},
"stroke": {
"default": "#323232",
"hover": "#53575f",
"active": "rgb(22.9% 22.1% 23.6%)"
},
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff"
}
}
}
},
"card": {
"secondary": {
"color": {
"background": {
"default": "#1F1F1C",
"hover": "#282828",
"active": "rgb(14.9% 14.9% 14.9%)",
"disabled": "#414141"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)",
"hover": "rgb(97.5% 97.5% 97.5%)",
"active": "rgb(97.5% 97.5% 97.5%)",
"disabled": "#808080"
},
"description": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd",
"disabled": "#808080"
},
"link": {
"default": "#ffffff",
"hover": "#FAFF69",
"active": "#ffffff",
"disabled": "#808080"
},
"stroke": {
"default": "#323232",
"hover": "#323232",
"active": "rgb(18.6% 18.6% 18.6%)",
"disabled": "#414141"
}
}
},
"primary": {
"color": {
"background": {
"default": "#1F1F1C",
"hover": "#282828",
"active": "rgb(14.9% 14.9% 14.9%)",
"disabled": "#414141"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)",
"hover": "rgb(97.5% 97.5% 97.5%)",
"active": "rgb(97.5% 97.5% 97.5%)",
"disabled": "#808080"
},
"description": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd",
"disabled": "#808080"
},
"stroke": {
"default": "#323232",
"hover": "#323232",
"active": "#FAFF69",
"disabled": "#414141"
}
}
},
"horizontal": {
"default": {
"color": {
"background": {
"default": "#1F1F1C",
"hover": "#282828",
"active": "#282828",
"disabled": "#414141"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)",
"hover": "rgb(97.5% 97.5% 97.5%)",
"active": "rgb(97.5% 97.5% 97.5%)",
"disabled": "#808080"
},
"description": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd",
"disabled": "#808080"
},
"stroke": {
"default": "#323232",
"hover": "#323232",
"active": "#FAFF69",
"disabled": "#414141"
}
}
},
"muted": {
"color": {
"background": {
"default": "#282828",
"hover": "#1F1F1C",
"active": "#282828",
"disabled": "#414141"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)",
"hover": "rgb(97.5% 97.5% 97.5%)",
"active": "rgb(97.5% 97.5% 97.5%)",
"disabled": "#808080"
},
"description": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd",
"disabled": "#808080"
},
"stroke": {
"default": "#323232",
"hover": "#323232",
"active": "#FAFF69",
"disabled": "#414141"
}
}
}
},
"promotion": {
"color": {
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff"
},
"icon": {
"default": "#FAFF69",
"hover": "#FAFF69",
"active": "#FAFF69"
},
"background": {
"default": "rgb(15.7% 15.7% 15.7% / 0.9)",
"hover": "rgb(17.8% 17.8% 17.8% / 0.9)",
"active": "rgb(19.9% 19.9% 19.9% / 0.9)"
},
"stroke": {
"default": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
"hover": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
"active": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
"focus": "#FAFF69"
}
}
}
},
"checkbox": {
"color": {
"variations": {
"default": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#FAFF69",
"disabled": "#414141"
},
"stroke": {
"default": "#414141",
"hover": "#414141",
"active": "#FAFF69",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#151515",
"disabled": "#808080"
},
"label": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#606060"
}
},
"var1": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#33FF44",
"disabled": "rgb(17.8% 17.8% 17.8%)"
},
"stroke": {
"default": "#00BD10",
"hover": "#66FF73",
"active": "#66FF73",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#a0a0a0"
}
},
"var2": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#437EEF",
"disabled": "rgb(17.8% 17.8% 17.8%)"
},
"stroke": {
"default": "#6D9BF3",
"hover": "#A1BEF7",
"active": "#A1BEF7",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#a0a0a0"
}
},
"var3": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#FB64D6",
"disabled": "rgb(17.8% 17.8% 17.8%)"
},
"stroke": {
"default": "#FB64D6",
"hover": "#FB64D6",
"active": "#FB64D6",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#a0a0a0"
}
},
"var4": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#FF7729",
"disabled": "rgb(17.8% 17.8% 17.8%)"
},
"stroke": {
"default": "#FAFF69",
"hover": "#fdffa3",
"active": "#fdffa3",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#a0a0a0"
}
},
"var5": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#6DF8E1",
"disabled": "rgb(17.8% 17.8% 17.8%)"
},
"stroke": {
"default": "#6DF8E1",
"hover": "#A3FAEC",
"active": "#A3FAEC",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#a0a0a0"
}
},
"var6": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#BB33FF",
"disabled": "rgb(17.8% 17.8% 17.8%)"
},
"stroke": {
"default": "#CC66FF",
"hover": "#CC66FF",
"active": "#CC66FF",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#a0a0a0"
}
}
},
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#FAFF69",
"disabled": "#414141"
},
"stroke": {
"default": "#414141",
"hover": "#414141",
"active": "#FAFF69",
"disabled": "#606060"
},
"check": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#151515",
"disabled": "#808080"
},
"label": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#606060"
}
}
},
"codeblock": {
"darkMode": {
"color": {
"background": {
"default": "#282828"
},
"text": {
"default": "#ffffff"
},
"numbers": {
"default": "#c0c0c0"
},
"button": {
"background": {
"default": "#282828",
"hover": "#53575f"
},
"foreground": {
"default": "#ffffff"
}
},
"stroke": {
"default": "#282828"
}
}
},
"lightMode": {
"color": {
"background": {
"default": "#f6f7fa"
},
"text": {
"default": "#282828"
},
"numbers": {
"default": "#808080"
},
"button": {
"background": {
"default": "#f6f7fa",
"hover": "#53575f"
},
"foreground": {
"default": "#a0a0a0"
}
},
"stroke": {
"default": "#282828"
}
}
},
"monacoTheme": {
"parameter": {
"foreground": "#c0c0c0",
"background": "rgb(62.7% 62.7% 62.7% / 0.2)"
}
}
},
"codeInline": {
"color": {
"background": {
"default": "#282828"
},
"text": {
"default": "#ffffff"
},
"stroke": {
"default": "#323232"
}
}
},
"datePicker": {
"dateOption": {
"color": {
"label": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#1F1F1C",
"disabled": "#a0a0a0",
"range": "#ffffff"
},
"background": {
"default": "#1F1F1C",
"hover": "#1F1F1C",
"active": "#FAFF69",
"disabled": "#1F1F1C",
"range": "#323232"
},
"stroke": {
"default": "#1F1F1C",
"hover": "#FAFF69",
"active": "#FAFF69",
"disabled": "#1F1F1C",
"range": "#323232"
}
}
},
"color": {
"title": {
"default": "rgb(97.5% 97.5% 97.5%)"
},
"daytitle": {
"default": "#b3b6bd"
}
}
},
"dialog": {
"color": {
"background": {
"default": "#1F1F1C"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)"
},
"description": {
"default": "#b3b6bd"
},
"opaqueBackground": {
"default": "lch(40.7 0 0 / 0.75)"
}
}
},
"field": {
"color": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(19.9% 19.9% 19.9%)",
"active": "rgb(19.9% 19.9% 19.9%)",
"disabled": "#414141",
"error": "rgb(19.9% 19.9% 19.9%)"
},
"text": {
"default": "#e6e7e9",
"hover": "#e6e7e9",
"active": "#ffffff",
"disabled": "#808080",
"error": "#ffbaba"
},
"stroke": {
"default": "rgb(23.6% 23.6% 23.6%)",
"hover": "rgb(27.4% 27.4% 27.4%)",
"active": "#FAFF69",
"disabled": "#414141",
"error": "#ffbaba"
},
"label": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#ffffff",
"disabled": "#606060",
"error": "#ffbaba"
},
"format": {
"default": "rgb(60.2% 60.2% 60.2%)",
"hover": "rgb(60.2% 60.2% 60.2%)",
"active": "rgb(60.2% 60.2% 60.2%)",
"disabled": "#808080",
"error": "rgb(60.2% 60.2% 60.2%)"
},
"genericLabel": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#a0a0a0"
},
"placeholder": {
"default": "#808080",
"disabled": "#606060"
}
}
},
"fileUpload": {
"sm": {
"color": {
"icon": {
"default": "#b3b6bd"
}
}
},
"md": {
"color": {
"icon": {
"default": "#ffffff"
}
}
},
"color": {
"background": {
"default": "#1F1F1C",
"hover": "#1F1F1C",
"active": "rgb(19.9% 19.9% 19.9%)",
"error": "rgb(100% 13.7% 13.7% / 0.2)"
},
"stroke": {
"default": "rgb(23.6% 23.6% 23.6%)",
"hover": "rgb(23.6% 23.6% 23.6%)",
"active": "#414141",
"error": "rgba(0,0,0,0)"
},
"title": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"error": "#ffbaba"
},
"description": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd",
"error": "#ffbaba"
}
}
},
"flyout": {
"color": {
"background": {
"default": "#282828"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)"
},
"description": {
"default": "#b3b6bd"
},
"opaqueBackground": {
"default": "lch(6.77 0 0 / 0.45)"
},
"stroke": {
"default": "#323232"
}
}
},
"genericMenu": {
"item": {
"color": {
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"disabled": "#808080",
"muted": "#b3b6bd"
},
"background": {
"default": "#282828",
"hover": "rgb(23.1% 23.1% 23.1%)",
"active": "#282828",
"disabled": "#414141"
},
"format": {
"default": "lch(62.9 0 0)",
"hover": "rgb(60.2% 60.2% 60.2%)",
"active": "rgb(60.2% 60.2% 60.2%)",
"disabled": "#808080",
"error": "rgb(60.2% 60.2% 60.2%)"
},
"stroke": {
"default": "#323232"
},
"subtext": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd",
"disabled": "#c0c0c0"
}
}
},
"button": {
"color": {
"background": {
"default": "#282828"
},
"label": {
"default": "#b3b6bd"
},
"stroke": {
"default": "#323232"
}
}
},
"panel": {
"color": {
"background": {
"default": "#282828"
},
"stroke": {
"default": "#414141"
}
}
},
"autocomplete": {
"color": {
"placeholder": {
"default": "#808080"
},
"searchTerm": {
"default": "#ffffff"
},
"background": {
"default": "#282828"
},
"stroke": {
"default": "#323232"
}
}
}
},
"grid": {
"header": {
"cell": {
"color": {
"background": {
"default": "#282828",
"selectIndirect": "lch(19.5 0 0)",
"selectDirect": "lch(27.3 0 0)"
},
"title": {
"default": "#b3b6bd",
"selectIndirect": "#ffffff",
"selectDirect": "#ffffff"
},
"stroke": {
"default": "lch(20.3 0 0)",
"selectIndirect": "lch(26.8 0 0)",
"selectDirect": "lch(29.4 0 0)"
}
}
}
},
"body": {
"cell": {
"color": {
"background": {
"default": "#1F1F1C",
"selectIndirect": "lch(15.8 0 0)",
"selectDirect": "lch(15.8 0 0)"
},
"stroke": {
"default": "#323232",
"selectIndirect": "lch(22 0 0)",
"selectDirect": "#FAFF69"
},
"text": {
"default": "lch(100 0 0)",
"selectIndirect": "#ffffff",
"selectDirect": "#ffffff"
}
}
}
},
"global": {
"color": {
"stroke": {
"default": "#323232"
},
"background": {
"default": "#1F1F1C"
}
}
}
},
"icon": {
"color": {
"background": {
"default": "rgba(0,0,0,0)",
"success": "rgb(20% 100% 26.7% / 0.2)",
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
"danger": "rgb(100% 13.7% 13.7% / 0.2)",
"info": "rgb(26.3% 49.4% 93.7% / 0.2)",
"warning": "rgb(100% 46.7% 16.1% / 0.2)"
},
"text": {
"default": "rgba(0,0,0,0)",
"success": "#CCFFD0",
"neutral": "#c0c0c0",
"danger": "#ffbaba",
"info": "#D0DFFB",
"warning": "#FFB88F"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"success": "rgb(20% 100% 26.7% / 0.05)",
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
"danger": "rgb(100% 13.7% 13.7% / 0.05)",
"info": "rgb(26.3% 49.4% 93.7% / 0.05)",
"warning": "rgb(100% 46.7% 16.1% / 0.05)"
}
}
},
"image": {
"color": {
"stroke": "#ffffff"
}
},
"panel": {
"color": {
"background": {
"default": "#1F1F1C",
"muted": "#282828",
"transparent": "rgba(0,0,0,0)"
},
"stroke": {
"default": "#323232"
}
}
},
"popover": {
"color": {
"panel": {
"background": {
"default": "#282828"
},
"stroke": {
"default": "#414141"
}
}
}
},
"radio": {
"color": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#FAFF69",
"disabled": "#414141"
},
"stroke": {
"default": "#414141",
"hover": "#414141",
"active": "#151515",
"disabled": "#414141"
},
"indicator": {
"default": "#1F1F1C",
"hover": "rgb(17.8% 17.8% 17.8%)",
"active": "#151515",
"disabled": "#808080"
}
}
},
"separator": {
"color": {
"stroke": {
"default": "#323232"
}
}
},
"sidebar": {
"main": {
"color": {
"background": {
"default": "#1F1F1C"
},
"text": {
"default": "#ffffff",
"muted": "#b3b6bd"
},
"stroke": {
"default": "#323232"
}
},
"navigation": {
"item": {
"color": {
"background": {
"active": "lch(27.5 0 0 / 0.6)",
"hover": "lch(19.1 0 0)",
"default": "rgba(0,0,0,0)"
},
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"muted": "#b3b6bd",
"disabled": "#808080"
},
"icon": {
"default": "#b3b6bd",
"disabled": "#808080"
}
}
},
"title": {
"color": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd"
}
},
"subItem": {
"color": {
"text": {
"default": "#b3b6bd",
"disabled": "#808080",
"hover": "#ffffff",
"active": "#ffffff"
},
"background": {
"default": "rgba(0,0,0,0)",
"disabled": "rgba(0,0,0,0)",
"hover": "lch(19.1 0 0)",
"active": "rgba(0,0,0,0)"
}
}
},
"dragControl": {
"separator": {
"color": {
"default": "#FAFF69"
}
}
}
}
},
"sqlSidebar": {
"color": {
"background": {
"default": "#282828"
},
"stroke": {
"default": "#323232"
}
},
"navigation": {
"item": {
"color": {
"background": {
"active": "lch(27.5 0 0 / 0.6)",
"hover": "lch(19.1 0 0)",
"default": "rgba(0,0,0,0)"
},
"text": {
"default": "#ffffff",
"hover": "#ffffff",
"active": "#ffffff",
"muted": "#b3b6bd",
"disabled": "#808080"
},
"icon": {
"default": "#b3b6bd",
"disabled": "#808080"
}
}
},
"subItem": {
"color": {
"text": {
"disabled": "#808080",
"default": "#b3b6bd",
"hover": "#ffffff",
"active": "#ffffff"
},
"background": {
"default": "rgba(0,0,0,0)",
"hover": "lch(19.1 0 0)",
"active": "rgba(0,0,0,0)"
}
}
},
"title": {
"color": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"active": "#b3b6bd"
}
},
"dragControl": {
"separator": {
"color": {
"default": "#FAFF69"
}
}
}
}
}
},
"stepper": {
"vertical": {
"numbered": {
"connector": {
"color": {
"stroke": {
"incomplete": "#606060",
"complete": "#ffffff",
"active": "#606060"
}
}
},
"step": {
"color": {
"stroke": {
"incomplete": "#606060",
"complete": "#ffffff",
"active": "#ffffff"
},
"background": {
"incomplete": "#1F1F1C",
"complete": "#1F1F1C",
"active": "#ffffff"
},
"icon": {
"incomplete": "#ffffff",
"complete": "#ffffff",
"active": "#1F1F1C"
}
}
},
"color": {
"title": {
"incomplete": "#606060",
"complete": "#b3b6bd",
"active": "#ffffff"
}
}
},
"bulleted": {
"connector": {
"color": {
"stroke": {
"incomplete": "#606060",
"complete": "#ffffff",
"active": "#606060"
}
}
},
"step": {
"color": {
"stroke": {
"incomplete": "#606060",
"complete": "#ffffff",
"active": "#ffffff"
},
"background": {
"incomplete": "#1F1F1C",
"complete": "#1F1F1C",
"active": "#ffffff"
},
"icon": {
"incomplete": "#1F1F1C",
"complete": "#ffffff",
"active": "#ffffff"
}
}
},
"color": {
"title": {
"incomplete": "#606060",
"complete": "#b3b6bd",
"active": "#ffffff"
}
}
}
}
},
"switch": {
"color": {
"background": {
"default": "#606060",
"active": "#FAFF69",
"disabled": "#414141"
},
"stroke": {
"default": "#606060",
"active": "#FAFF69",
"disabled": "#414141"
},
"indicator": {
"default": "#151515",
"active": "#161517",
"disabled": "#606060"
}
}
},
"table": {
"header": {
"color": {
"background": {
"default": "#282828",
"hover": "#282828",
"active": "rgb(17.8% 17.8% 17.8%)"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)"
},
"icon": {
"default": "#ffffff"
},
"checkbox": {
"background": {
"default": "#cccfd3"
},
"border": {
"default": "#808691"
}
}
}
},
"row": {
"color": {
"background": {
"default": "#1F1F1C",
"hover": "lch(15.8 0 0)",
"active": "rgb(17.5% 17.5% 17.5%)"
},
"stroke": {
"default": "#323232"
},
"text": {
"default": "#ffffff",
"disabled": "#808080"
},
"link": {
"default": "#FAFF69"
},
"label": {
"default": "#b3b6bd"
},
"barChart": {
"default": "#414141",
"hover": "#606060"
}
}
},
"global": {
"color": {
"stroke": {
"default": "#323232"
},
"background": {
"default": "#1F1F1C"
}
}
}
},
"tabs": {
"basic": {
"color": {
"background": {
"default": "rgba(0,0,0,0)",
"hover": "#282828",
"active": "rgba(0,0,0,0)"
},
"text": {
"default": "#b3b6bd",
"hover": "#ffffff",
"active": "#ffffff"
},
"stroke": {
"default": "rgba(0,0,0,0)",
"hover": "rgba(0,0,0,0)",
"active": "#FAFF69"
},
"global": {
"default": "#323232"
}
}
},
"fileTabs": {
"color": {
"background": {
"default": "#1F1F1C",
"hover": "#282828",
"active": "#282828"
},
"text": {
"default": "#b3b6bd",
"hover": "#ffffff",
"active": "#ffffff"
},
"stroke": {
"default": "#323232",
"hover": "#323232",
"active": "#323232"
},
"closeButton": {
"background": {
"default": "rgba(0,0,0,0)",
"hover": "#414141"
}
}
}
}
},
"toast": {
"color": {
"title": {
"default": "rgb(97.5% 97.5% 97.5%)"
},
"description": {
"default": "#b3b6bd"
},
"stroke": {
"default": "#414141"
},
"icon": {
"default": "rgb(97.5% 97.5% 97.5%)",
"success": "#CCFFD0",
"warning": "#FFB88F",
"danger": "#ffbaba"
}
}
},
"tooltip": {
"color": {
"background": {
"default": "lch(16.1 0 0 / 0.95)"
},
"label": {
"default": "#ffffff"
}
}
},
"dashboards": {
"chartWidget": {
"color": {
"stroke": {
"default": "#323232",
"hover": "#414141",
"selected": "#FAFF69"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)"
},
"description": {
"default": "#b3b6bd"
},
"legend": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"selected": "#ffffff"
},
"element": {
"stroke": {
"default": "#323232"
}
},
"background": {
"default": "#282828",
"hover": "#282828",
"selected": "#282828"
},
"icon": {
"default": "#ffffff",
"hover": "#ffffff",
"selected": "#FAFF69"
},
"opacity": {
"bar": {
"default": 0.2,
"hover": 0.5
}
},
"label": {
"default": "#b3b6bd",
"hover": "#b3b6bd",
"selected": "#b3b6bd"
}
}
}
},
"global": {
"color": {
"background": {
"default": "#1F1F1C",
"muted": "#282828"
},
"text": {
"default": "#ffffff",
"muted": "#b3b6bd",
"disabled": "#808080",
"link": {
"default": "#FAFF69",
"hover": "#FEFFC2"
},
"danger": "#ffbaba"
},
"stroke": {
"default": "#323232",
"muted": "lch(20.8 0 0)",
"intense": "#414141"
},
"accent": {
"default": "#FAFF69"
},
"outline": {
"default": "#FAFF69"
},
"shadow": {
"default": "rgb(8.24% 8.24% 8.24% / 0.6)"
},
"title": {
"default": "rgb(97.5% 97.5% 97.5%)",
"muted": "#b3b6bd"
}
}
},
"feedback": {
"color": {
"info": {
"background": "rgb(26.3% 49.4% 93.7% / 0.2)",
"foreground": "#D0DFFB"
},
"success": {
"background": "rgb(20% 100% 26.7% / 0.2)",
"foreground": "#CCFFD0"
},
"warning": {
"background": "rgb(100% 46.7% 16.1% / 0.2)",
"foreground": "#FFB88F"
},
"danger": {
"background": "rgb(100% 13.7% 13.7% / 0.2)",
"foreground": "#ffbaba"
},
"neutral": {
"background": "rgb(62.7% 62.7% 62.7% / 0.2)",
"foreground": "#c0c0c0",
"stroke": "#323232"
}
}
},
"storybook": {
"global": {
"background": "rgb(27,28,29)"
}
},
"chart": {
"bars": {
"color": {
"blue": "#437EEF",
"orange": "#FF7729",
"green": "#33FF44",
"fuchsia": "#FB64D6",
"yellow": "#eef400",
"violet": "#BB33FF",
"babyblue": "#00CBEB",
"red": "#ff2323",
"teal": "#6DF8E1",
"sunrise": "#FFC300",
"slate": "#9a9ea7"
}
},
"color": {
"default": {
"blue": "#437EEF",
"orange": "#FF7729",
"green": "#33FF44",
"fuchsia": "#FB64D6",
"yellow": "#eef400",
"violet": "#BB33FF",
"babyblue": "#00CBEB",
"red": "#ff2323",
"teal": "#6DF8E1",
"sunrise": "#FFC300",
"slate": "#9a9ea7"
},
"label": {
"default": "#ffffff",
"deselected": "lch(100 0 0 / 0.3)"
}
}
},
"serviceCard": {
"color": {
"background": {
"default": "rgb(17.8% 17.8% 17.8%)",
"hover": "lch(19.1 0 0)"
},
"stroke": {
"default": "rgb(23.6% 23.6% 23.6%)",
"hover": "rgb(27.4% 27.4% 27.4%)"
}
}
}
},
"name": "dark",
"global": {
"color": {
"background": {
"default": "#1F1F1C",
"muted": "#282828",
"sidebar": "#1F1F1C",
"split": "#282828"
},
"text": {
"default": "#ffffff",
"muted": "#b3b6bd",
"disabled": "#808080",
"link": {
"default": "#FAFF69",
"hover": "#FEFFC2"
}
},
"stroke": {
"default": "#323232",
"muted": "#323232",
"intense": "#414141",
"split": "#414141"
},
"accent": {
"default": "#FAFF69"
},
"outline": {
"default": "#FAFF69"
},
"shadow": {
"default": "lch(6.77 0 0 / 0.6)"
},
"feedback": {
"info": {
"background": "#0D3E9B",
"foreground": "#D0DFFB"
},
"success": {
"background": "#004206",
"foreground": "#CCFFD0"
},
"warning": {
"background": "#7A2D00",
"foreground": "#FFB88F"
},
"danger": {
"background": "#610000",
"foreground": "#ffbaba"
},
"neutral": {
"background": "#414141",
"foreground": "#f9f9f9",
"stroke": "#323232"
}
},
"chart": {
"bars": {
"blue": "#437EEF",
"orange": "#FF7729",
"green": "#33FF44",
"fuchsia": "#FB64D6",
"yellow": "#eef400",
"violet": "#BB33FF",
"babyblue": "#00CBEB",
"danger": "#ff2323",
"teal": "#6DF8E1",
"sunrise": "#FFC300",
"slate": "#9a9ea7"
},
"default": {
"blue": "#437EEF",
"orange": "#FF7729",
"green": "#33FF44",
"fuchsia": "#FB64D6",
"yellow": "#eef400",
"violet": "#BB33FF",
"babyblue": "#00CBEB",
"danger": "#ff2323",
"teal": "#6DF8E1",
"sunrise": "#FFC300",
"slate": "#9a9ea7"
},
"label": {
"default": "#ffffff",
"deselected": "lch(100 0 0 / 0.3)"
}
},
"iconButton": {
"badge": {
"foreground": "#1d1d1d",
"background": "#FAFF69"
}
},
"icon": {
"background": "linear-gradient(132deg, #FAFF69 8%, #292929 30%);"
}
}
}
};
export default _default;