@pretty-chitty/core
    Preparing search index...

    Class GameTheme

    Controls color scheme and layout options for all things in a pretty-chitty game. Much of this can be overridden per chit, but some cannot. For example, the background color of the game is controlled here while the default chitHighlightColor is set here, but can be overridden per chit.

    Highly recommend using GameTheme.withDefaults(primaryColor, highlightColor, textColor) to generate a base theme and then override what you need from there.

    Index

    Constructors

    Methods

    • Parameters

      • primaryColor: string
      • highlight: string
      • textColor: string = "#ffffff"

      Returns GameTheme

    • Parameters

      • width: number

      Returns "large" | "medium" | "mobile"

    Properties

    backgroundColor: string = "#0f0119"
    spacing: number = 8
    bottomBarHeight: number = 80
    topBarHeight: number = 40
    barColor: string = "#1c092c"
    barGradientPercent: number = 0.05
    barGradientAngle: number = 110
    backgroundGradientPercent: number = 0.2
    backgroundGradientAngle: number = 150
    actionBarColor: string = "#3a1957"
    actionBarAnimationDuration: number = 0.3
    actionBarContextColor: string = "#3a1957"
    actionBarContextAnimationDuration: number = 0.3
    actionBarContextShadow: string = "rgba(0,0,0,0.2)"
    barTextColor: string = "rgba(255,255,255,0.6)"
    barTextHighlightColor: string = "rgba(255,255,255,0.6)"
    barBreak: string = "rgba(255,255,255,0.3)"
    barActiveTextColor: string = "rgba(255,255,255,0.9)"
    barHighlightTextColor: string = "#66d5c1"
    barDisabledTextColor: string = "rgba(255,255,255,0.2)"
    panelSlotColor: string = "#858b99"
    panelSlotSelectedColor: string = "#66d5c1"
    fullResetColor: string = "#66d5c1"
    barTopDropdownColor: string = "#1c092c"
    barTopLineColor: string = "rgba(255,255,255,0.1)"
    endGameBackgroundColor: string = "#1c092c"
    endGameTextColor: string = "rgba(255,255,255,1)"
    chitHighlightColor: string = "#66d5c1"
    chitOutlineWidth: number = 3
    chitOutlineStrength: number = 0.75
    panelSelectionCutoutBackground: string = "#ffffff"
    panelSelectionCutoutSelected: string = "#66d5c1"
    dialogBackgroundColor: string = "rgba(0,0,0,0.5)"
    dialogForegroundColor: string = "#ffffff"
    dialogFontSize: number = 14
    sparkForegroundColor: string = "#222"
    sparkDuration: number = 200
    sparkBorderWidth: number = 4
    sparkPadding: number = 2
    sparkBorderColor: string = "rgba(0,0,0,0.3)"
    sparkFlashColor: string = "#0ff"
    sparkSize: number = 20
    sparkFontSize: number = 12
    topBarDropShadowColor: string = "rgba(0,0,0,0.7)"
    topBarPlayerDropShadowColor: string = "rgba(0,0,0,0.2)"
    galleryItemWidth: number = 150
    galleryItemHeight: number | undefined
    galleryItemSpacing: number = 20
    gallerySummaryBackgroundColor: string = "#000000"
    gallerySummaryBackgroundOpacity: number = 0.7
    actionLogBackgroundColor: string = "rgba(255,255,255,0.05)"
    actionLogDialogBackgroundColor: string = "#000000"
    actionLogDialogHighlightBackgroundColor: string = "rgba(255,255,255,0.3)"
    actionLogTextColor: string = "#ffffff"
    actionBarWidth: number = 600
    actionBarLinesToShow: number = 2
    boxArt: string = ""

    Reference to .png or .jpg file to show as box art in advertising the game

    screenshot: string = ""

    Reference to .png or .jpg file to show as a screenshot in advertising the game