CSS uploaded by scrapbook.hackclub.com/customizer

style.css

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap');


:root {
    color-scheme: light dark;
    --fonts-body: "Rubik",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --fonts-display: "Shrikhand",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --fonts-mono: "SF Mono","Roboto Mono",Menlo,Consolas,monospace;
    --colors-darker: #151613;
    --colors-dark: #20201d;
    --colors-darkless: #2b2b27;
    --colors-black: #0c0d0d;
    --colors-slate: #3b413a;
    --colors-muted: #777f76;
    --colors-smoke: #d5d8d5;
    --colors-snow: #fff;
    --colors-white: #fff;
    --colors-pink: #ff62dc;
    --colors-orange: #ff5b00;
    --colors-yellow: #0e997d;
    --colors-green: #28ff00;
    --colors-cyan: #0e997d;
    --colors-blue: #0e997d;
    --colors-purple: #0e997d;
    --colors-text: var(--colors-black);
    --colors-background: var(--colors-snow);
    --colors-sheet: var(--colors-white);
    --colors-elevated: var(--colors-white);
    --colors-sunken: var(--colors-smoke);
}

.header-streak-count {
	color: var(--colors-snow);
}

.badge svg, .header-streak svg, .header-streak-plural svg {
	fill: white;
}

.header-chart {
	display: none;
}