@clerk/themes
Version:
Themes for the Clerk auth components
29 lines (28 loc) • 778 B
JavaScript
import { experimental_createTheme } from "../createTheme";
const dark = experimental_createTheme({
name: "dark",
variables: {
colorBackground: "#212126",
colorNeutral: "white",
colorPrimary: "#ffffff",
colorPrimaryForeground: "black",
colorForeground: "white",
colorInputForeground: "white",
colorInput: "#26262B"
},
elements: {
providerIcon__apple: { filter: "invert(1)" },
providerIcon__github: { filter: "invert(1)" },
providerIcon__okx_wallet: { filter: "invert(1)" },
providerIcon__vercel: { filter: "invert(1)" },
activeDeviceIcon: {
"--cl-chassis-bottom": "#d2d2d2",
"--cl-chassis-back": "#e6e6e6",
"--cl-chassis-screen": "#e6e6e6",
"--cl-screen": "#111111"
}
}
});
export {
dark
};