mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-04 09:15:58 +02:00
58 lines
916 B
TypeScript
58 lines
916 B
TypeScript
interface ISet {
|
|
background: string
|
|
foreground: string
|
|
}
|
|
|
|
export interface ITheme {
|
|
name: "dark" | "light"
|
|
sidebar: ISet & { active: string }
|
|
main: ISet & { link: string }
|
|
discord: {
|
|
base: string
|
|
darker: string
|
|
}
|
|
code: {
|
|
background: string
|
|
}
|
|
}
|
|
|
|
const baseColors = {
|
|
discord: {
|
|
base: "#7289DA",
|
|
darker: "#5265AD",
|
|
},
|
|
code: {
|
|
background: "#0c1115",
|
|
},
|
|
}
|
|
|
|
export const darkTheme: ITheme = {
|
|
...baseColors,
|
|
name: "dark",
|
|
sidebar: {
|
|
background: "#22323f",
|
|
foreground: "#FFFFFF",
|
|
active: "#00FCFF",
|
|
},
|
|
main: {
|
|
background: "#16212b",
|
|
foreground: "#FFFFFF",
|
|
link: "#04B0A6",
|
|
},
|
|
}
|
|
|
|
export const lightTheme: ITheme = {
|
|
...baseColors,
|
|
name: "light",
|
|
sidebar: {
|
|
background: "#F9F9F9",
|
|
foreground: "#000000",
|
|
active: "#499DEF",
|
|
},
|
|
main: {
|
|
background: "#FFFFFF",
|
|
foreground: "#000000",
|
|
link: "#04B0A6",
|
|
},
|
|
}
|