Sanity Library Reference Docs
    Preparing search index...

    Interface LegacyThemeProps

    Properties that can be used to override the default theme.

    – Will be removed in upcoming major version

    interface LegacyThemeProps {
        "--black": string;
        "--brand-primary": string;
        "--component-bg": string;
        "--component-text-color": string;
        "--default-button-color": string;
        "--default-button-danger-color": string;
        "--default-button-primary-color": string;
        "--default-button-success-color": string;
        "--default-button-warning-color": string;
        "--focus-color": string;
        "--font-family-base": string;
        "--font-family-monospace": string;
        "--gray": string;
        "--gray-base": string;
        "--main-navigation-color": string;
        "--main-navigation-color--inverted": string;
        "--screen-default-break": string;
        "--screen-large-break": string;
        "--screen-medium-break": string;
        "--screen-xlarge-break": string;
        "--state-danger-color": string;
        "--state-info-color": string;
        "--state-success-color": string;
        "--state-warning-color": string;
        "--white": string;
    }
    Index

    Properties

    "--black": string
    "--brand-primary": string
    "--component-bg": string
    "--component-text-color": string
    "--default-button-color": string
    "--default-button-danger-color": string
    "--default-button-primary-color": string
    "--default-button-success-color": string
    "--default-button-warning-color": string
    "--focus-color": string
    "--font-family-base": string
    "--font-family-monospace": string
    "--gray": string
    "--gray-base": string
    "--main-navigation-color": string
    "--main-navigation-color--inverted": string
    "--screen-default-break": string

    this theme property is not configurable within the studio

    "--screen-large-break": string

    this theme property is not configurable within the studio

    "--screen-medium-break": string

    this theme property is not configurable within the studio

    "--screen-xlarge-break": string

    this theme property is not configurable within the studio

    "--state-danger-color": string
    "--state-info-color": string
    "--state-success-color": string
    "--state-warning-color": string
    "--white": string