// Basic Dark theme
// It just provides the default colors, if
// no colors are specified, this isn't ever
// gonna be used directly
{
    id: "light",

    name: "Light",
    author: "Calckey Contributors",
    desc: "Default light theme",
    kind: "light",

    props: {
        accent: "#86b300",
        accentDarken: ":darken<10<@accent",
        accentLighten: ":lighten<10<@accent",
        accentedBg: ":alpha<0.15<@accent",
        focus: ":alpha<0.3<@accent",
        bg: "#fff",
        acrylicBg: ":alpha<0.5<@bg",
        fg: "#5f5f5f",
        fgTransparentWeak: ":alpha<0.75<@fg",
        fgTransparent: ":alpha<0.5<@fg",
        fgHighlighted: ":darken<3<@fg",
        fgOnAccent: "#fff",
        divider: "rgba(0, 0, 0, 0.1)",
        indicator: "@accent",
        panel: ":lighten<3<@bg",
        panelHighlight: ":darken<3<@panel",
        panelHeaderBg: ":lighten<3<@panel",
        panelHeaderFg: "@fg",
        panelHeaderDivider: "rgba(0, 0, 0, 0)",
        panelBorder: '" solid 1px var(--divider)',
        acrylicPanel: ":alpha<0.5<@panel",
        windowHeader: ":alpha<0.85<@panel",
        popup: ":lighten<3<@panel",
        shadow: "rgba(0, 0, 0, 0.1)",
        header: ":alpha<0.7<@panel",
        navBg: "@panel",
        navFg: "@fg",
        navHoverFg: ":darken<17<@fg",
        navActive: "@accent",
        navIndicator: "@indicator",
        link: "#44a4c1",
        hashtag: "#ff9156",
        mention: "@accent",
        mentionMe: "@mention",
        renote: "#229e82",
        modalBg: "rgba(0, 0, 0, 0.3)",
        scrollbarHandle: "rgba(0, 0, 0, 0.2)",
        scrollbarHandleHover: "rgba(0, 0, 0, 0.4)",
        dateLabelFg: "@fg",
        infoBg: "#e5f5ff",
        infoFg: "#72818a",
        infoWarnBg: "#fff0db",
        infoWarnFg: "#8f6e31",
        switchBg: "rgba(0, 0, 0, 0.15)",
        cwBg: "#b1b9c1",
        cwFg: "#fff",
        cwHoverBg: "#bbc4ce",
        buttonBg: "rgba(0, 0, 0, 0.05)",
        buttonHoverBg: "rgba(0, 0, 0, 0.1)",
        buttonGradateA: "@accent",
        buttonGradateB: ":hue<20<@accent",
        swutchOffBg: "rgba(0, 0, 0, 0.1)",
        swutchOffFg: "@panel",
        swutchOnBg: "@accent",
        swutchOnFg: "@fgOnAccent",
        inputBorder: "rgba(0, 0, 0, 0.1)",
        inputBorderHover: "rgba(0, 0, 0, 0.2)",
        listItemHoverBg: "rgba(0, 0, 0, 0.03)",
        driveFolderBg: ":alpha<0.3<@accent",
        wallpaperOverlay: "rgba(255, 255, 255, 0.5)",
        badge: "#31b1ce",
        messageBg: "@bg",
        success: "#86b300",
        error: "#ec4137",
        warn: "#ecb637",
        codeString: "#b98710",
        codeNumber: "#0fbbbb",
        codeBoolean: "#62b70c",
        htmlThemeColor: "@bg",
        X2: ":darken<2<@panel",
        X3: "rgba(0, 0, 0, 0.05)",
        X4: "rgba(0, 0, 0, 0.1)",
        X5: "rgba(0, 0, 0, 0.05)",
        X6: "rgba(0, 0, 0, 0.25)",
        X7: "rgba(0, 0, 0, 0.05)",
        X8: ":lighten<5<@accent",
        X9: ":darken<5<@accent",
        X10: ":alpha<0.4<@accent",
        X11: "rgba(0, 0, 0, 0.1)",
        X12: "rgba(0, 0, 0, 0.1)",
        X13: "rgba(0, 0, 0, 0.15)",
        X14: ":alpha<0.5<@navBg",
        X15: ":alpha<0<@panel",
        X16: ":alpha<0.7<@panel",
        X17: ":alpha<0.8<@bg",
    },
}