@rainbow-me/rainbowkit
Version:
The best way to connect a wallet
68 lines (65 loc) • 2.73 kB
JavaScript
"use client";
import {
baseTheme
} from "./chunk-DQLAW7KN.js";
// src/themes/midnightTheme.ts
var accentColors = {
blue: { accentColor: "#3898FF", accentColorForeground: "#FFF" },
green: { accentColor: "#4BD166", accentColorForeground: "#000" },
orange: { accentColor: "#FF983D", accentColorForeground: "#000" },
pink: { accentColor: "#FF7AB8", accentColorForeground: "#000" },
purple: { accentColor: "#7A70FF", accentColorForeground: "#FFF" },
red: { accentColor: "#FF6257", accentColorForeground: "#FFF" }
};
var defaultAccentColor = accentColors.blue;
var midnightTheme = ({
accentColor = defaultAccentColor.accentColor,
accentColorForeground = defaultAccentColor.accentColorForeground,
...baseThemeOptions
} = {}) => ({
...baseTheme(baseThemeOptions),
colors: {
accentColor,
accentColorForeground,
actionButtonBorder: "rgba(255, 255, 255, 0.04)",
actionButtonBorderMobile: "rgba(255, 255, 255, 0.1)",
actionButtonSecondaryBackground: "rgba(255, 255, 255, 0.08)",
closeButton: "rgba(255, 255, 255, 0.7)",
closeButtonBackground: "rgba(255, 255, 255, 0.08)",
connectButtonBackground: "#000",
connectButtonBackgroundError: "#FF494A",
connectButtonInnerBackground: "linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12))",
connectButtonText: "#FFF",
connectButtonTextError: "#FFF",
connectionIndicator: "#30E000",
downloadBottomCardBackground: "linear-gradient(126deg, rgba(0, 0, 0, 0) 9.49%, rgba(120, 120, 120, 0.1) 71.04%), #050505",
downloadTopCardBackground: "linear-gradient(126deg, rgba(120, 120, 120, 0.1) 9.49%, rgba(0, 0, 0, 0) 71.04%), #050505",
error: "#FF494A",
generalBorder: "rgba(255, 255, 255, 0.08)",
generalBorderDim: "rgba(255, 255, 255, 0.04)",
menuItemBackground: "rgba(255, 255, 255, 0.08)",
modalBackdrop: "rgba(0, 0, 0, 0.7)",
modalBackground: "#000",
modalBorder: "rgba(255, 255, 255, 0.08)",
modalText: "#FFF",
modalTextDim: "rgba(255, 255, 255, 0.2)",
modalTextSecondary: "rgba(255, 255, 255, 0.6)",
profileAction: "rgba(255, 255, 255, 0.1)",
profileActionHover: "rgba(255, 255, 255, 0.2)",
profileForeground: "rgba(255, 255, 255, 0.06)",
selectedOptionBorder: "rgba(224, 232, 255, 0.1)",
standby: "#FFD641"
},
shadows: {
connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
}
});
midnightTheme.accentColors = accentColors;
export {
midnightTheme
};