> ## Documentation Index > Fetch the complete documentation index at: https://private-7c7dfe99-fix-nav-issues.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # ClickStack > 基于 ClickHouse 的开源可观测性堆栈，统一日志、链路追踪、指标和会话 export function useDark() { const [dark, setDark] = useState(false); useEffect(() => { const check = () => setDark(document.documentElement.classList.contains('dark')); check(); const obs = new MutationObserver(check); obs.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] }); return () => obs.disconnect(); }, []); return dark; } export const CsCard = ({title, img, darkImg, abbr, href, dark}) => { e.preventDefault(); window.location.href = href; }} style={{ textDecoration: 'none', textDecorationLine: 'none', color: 'inherit' }}>

; export const CsGrid = ({items}) => { const dark = useDark(); return <>