Skip to main content

🐻 Theme

To set your theme you can put this on your server.cfg
default: default
setr multicharacter:theme "yourthemeid"

{
  "theme": [
    {
      "id": "default",
      "theme": {
        "welcome-page": {
          "welcome-page-bg": "unset",
          "welcome-page-bg2": "#d54343",
          "welcome-page-color": "white"
        },
        "button": {
          "button-bg": "rgba(255, 147, 147, 0.438)",
          "button-color": "white",
          "button-box-shadow": "0 0 2.5em 0 rgba(216, 105, 105, 0.616)",
          "button-border": "0.5px solid rgba(255, 147, 147, 0.555)",
          "button-selected": "rgba(255, 147, 147, 0.603)",
          "button-disabled": "rgba(146, 67, 67, 0.438)"
        },
        "date-input": {
          "date-bg": "rgba(255, 147, 147, 0.438)",
          "date-box-shadow": "0 0 2.5em 0 rgba(216, 105, 105, 0.616)",
          "date-border": "0.5px solid rgba(255, 147, 147, 0.555)",
          "date-color": "white",
          "date-placeholder-color": "rgba(255, 255, 255, 0.527)"
        },
        "input-number": {
          "input-number-bg": "rgba(255, 147, 147, 0.438)",
          "input-number-color": "white",
          "input-number-box-shadow": "0 0 2.5em 0 rgba(216, 105, 105, 0.616)",
          "input-number-border": "0.5px solid rgba(255, 147, 147, 0.555)"
        },
        "input-text": {
          "input-text-bg": "rgba(255, 147, 147, 0.438)",
          "input-text-color": "white",
          "input-text-box-shadow": "0 0 2.5em 0 rgba(216, 105, 105, 0.616)",
          "input-text-border": "0.5px solid rgba(255, 147, 147, 0.555)",
          "input-text-placeholder-color": "rgba(255, 255, 255, 0.527)"
        },
        "create": {
          "create-bg": "rgb(37, 37, 37)",
          "create-bg2": "linear-gradient(180deg,rgba(37, 37, 37, 0.4906337535014006) 59%,rgba(138, 60, 60, 0.5186449579831933) 88%)"
        },
        "char-info": {
          "char-info-bg": "rgba(255, 113, 113, 0.541)",
          "char-info-box-shadow": "0 0 1.2em 0 rgba(216, 105, 105, 0.616)",
          "char-info-color": "white"
        },
        "select-char": {
          "select-char-button-bg": "rgba(216, 105, 105, 0.616)",
          "select-char-button-box-shadow": "0 0 0.5em 0 rgba(216, 105, 105, 0.616)",
          "select-char-button-text-shadow": "0 0 0.225em hsl(0 0% 100% / 0.5)",
          "select-char-button-color": "white",
          "select-char-button-disabled": "rgba(128, 61, 61, 0.616)"
        },
        "notification": {
          "notification-bg": "rgba(255, 147, 147, 0.438)",
          "notification-box-shadow": "0 0 1em 0 rgba(216, 105, 105, 0.616)",
          "notificatoin-color": "white"
        },
        "modals": {
          "modals-box-bg": "rgba(165, 88, 88, 0.616)",
          "modals-box-color": "white",
          "modals-box-box-shadow": "0 0 2.5em 0 rgba(165, 88, 88, 0.616)",
          "modals-wrapper-bg": "rgba(0, 0, 0, 0.493)",
          "modals-button-bg": "transparent",
          "modals-button-border": "0.2px solid rgba(165, 88, 88, 0.616)",
          "modals-button-color": "white"
        }
      }
    }
  ]
}