@sabinmarcu/website-theme

Index

Functions

• setupTheme

Variables

• families
• selector
• selectors
• theme
• themeColors
• themes
• variantSelector

Variables

families

families: (personal | projects | articles | ramblings | snippets | base)[]

selector

selector: data-theme-family

selectors

selectors: { articles: [data-theme-family=articles; base: [data-theme-family=base; personal: [data-theme-family=personal; projects: [data-theme-family=projects; ramblings: [data-theme-family=ramblings; snippets: [data-theme-family=snippets }

Type declaration

• articles: [data-theme-family=articles

• base: [data-theme-family=base

• personal: [data-theme-family=personal

• projects: [data-theme-family=projects

• ramblings: [data-theme-family=ramblings

• snippets: [data-theme-family=snippets

consttheme

theme: {} = ...

Type declaration

constthemeColors

themeColors: { articles: { primary: string }; base: { background: { dark: string; light: string }; breakpoint: { huge: number; large: number; mobile: number; screen: number; tablet: number }; error: string; grid: number; info: string; primary: string; secondary: string; success: string; warning: string }; personal: { primary: string; secondary: string }; projects: { primary: string }; ramblings: { primary: string }; snippets: { primary: string } } = ...

Type declaration

• articles: { primary: string }

  • primary: string

• base: { background: { dark: string; light: string }; breakpoint: { huge: number; large: number; mobile: number; screen: number; tablet: number }; error: string; grid: number; info: string; primary: string; secondary: string; success: string; warning: string }

  • background: { dark: string; light: string }

    • dark: string

    • light: string

  • breakpoint: { huge: number; large: number; mobile: number; screen: number; tablet: number }

    • huge: number

    • large: number

    • mobile: number

    • screen: number

    • tablet: number

  • error: string

  • grid: number

  • info: string

  • primary: string

  • secondary: string

  • success: string

  • warning: string

• personal: { primary: string; secondary: string }

  • primary: string

  • secondary: string

• projects: { primary: string }

  • primary: string

• ramblings: { primary: string }

  • primary: string

• snippets: { primary: string }

  • primary: string

themes

themes: Record<personal | projects | articles | ramblings | snippets | base, {}>

variantSelector

variantSelector: data-theme-variant