@patreon/studio

{ "global": { "bg": { "base": { "default": "var(--global-bg-base-default)", "hover": "var(--global-bg-base-hover)", "pressed": "var(--global-bg-base-pressed)" }, "baseAlt": { "default": "var(--global-bg-baseAlt-default)", "hover": "var(--global-bg-baseAlt-hover)", "pressed": "var(--global-bg-baseAlt-pressed)" }, "elevated": { "default": "var(--global-bg-elevated-default)", "hover": "var(--global-bg-elevated-hover)", "pressed": "var(--global-bg-elevated-pressed)" }, "page": { "default": "var(--global-bg-page-default)", "hover": "var(--global-bg-page-hover)", "pressed": "var(--global-bg-page-pressed)" }, "pageAlt": { "default": "var(--global-bg-pageAlt-default)", "hover": "var(--global-bg-pageAlt-hover)", "pressed": "var(--global-bg-pageAlt-pressed)" } }, "border": { "action": { "default": "var(--global-border-action-default)", "hover": "var(--global-border-action-hover)", "pressed": "var(--global-border-action-pressed)" }, "muted": { "default": "var(--global-border-muted-default)", "hover": "var(--global-border-muted-hover)", "pressed": "var(--global-border-muted-pressed)" }, "strong": { "default": "var(--global-border-strong-default)", "hover": "var(--global-border-strong-hover)", "pressed": "var(--global-border-strong-pressed)" } }, "borderWidth": { "none": "var(--global-borderWidth-none)", "thick": "var(--global-borderWidth-thick)", "thin": "var(--global-borderWidth-thin)" }, "boxShadow": { "high": "var(--global-boxShadow-high)", "low": "var(--global-boxShadow-low)", "mid": "var(--global-boxShadow-mid)", "subtle": "var(--global-boxShadow-subtle)" }, "brand": { "discord": "var(--global-brand-discord)", "facebook": "var(--global-brand-facebook)", "google": "var(--global-brand-google)", "memberful": "var(--global-brand-memberful)", "patreon": "var(--global-brand-patreon)", "pinterest": "var(--global-brand-pinterest)", "reddit": "var(--global-brand-reddit)", "spotify": "var(--global-brand-spotify)", "tumblr": "var(--global-brand-tumblr)", "twitch": "var(--global-brand-twitch)", "twitter": "var(--global-brand-twitter)", "youtube": "var(--global-brand-youtube)", "youtubeBlack": "var(--global-brand-youtubeBlack)" }, "constant": { "black": { "default": "var(--global-constant-black-default)", "hover": "var(--global-constant-black-hover)", "pressed": "var(--global-constant-black-pressed)" }, "blackMuted": { "default": "var(--global-constant-blackMuted-default)", "hover": "var(--global-constant-blackMuted-hover)", "pressed": "var(--global-constant-blackMuted-pressed)" }, "blackSubtle": { "default": "var(--global-constant-blackSubtle-default)", "hover": "var(--global-constant-blackSubtle-hover)", "pressed": "var(--global-constant-blackSubtle-pressed)" }, "white": { "default": "var(--global-constant-white-default)", "hover": "var(--global-constant-white-hover)", "pressed": "var(--global-constant-white-pressed)" }, "whiteMuted": { "default": "var(--global-constant-whiteMuted-default)", "hover": "var(--global-constant-whiteMuted-hover)", "pressed": "var(--global-constant-whiteMuted-pressed)" }, "whiteSubtle": { "default": "var(--global-constant-whiteSubtle-default)", "hover": "var(--global-constant-whiteSubtle-hover)", "pressed": "var(--global-constant-whiteSubtle-pressed)" } }, "content": { "critical": { "default": "var(--global-content-critical-default)", "hover": "var(--global-content-critical-hover)", "pressed": "var(--global-content-critical-pressed)" }, "decorative": { "default": "var(--global-content-decorative-default)", "hover": "var(--global-content-decorative-hover)", "pressed": "var(--global-content-decorative-pressed)" }, "muted": { "default": "var(--global-content-muted-default)", "hover": "var(--global-content-muted-hover)", "pressed": "var(--global-content-muted-pressed)" }, "primary": { "default": "var(--global-content-primary-default)", "hover": "var(--global-content-primary-hover)", "pressed": "var(--global-content-primary-pressed)" }, "regular": { "default": "var(--global-content-regular-default)", "hover": "var(--global-content-regular-hover)", "pressed": "var(--global-content-regular-pressed)" }, "success": { "default": "var(--global-content-success-default)", "hover": "var(--global-content-success-hover)", "pressed": "var(--global-content-success-pressed)" }, "warning": { "default": "var(--global-content-warning-default)", "hover": "var(--global-content-warning-hover)", "pressed": "var(--global-content-warning-pressed)" } }, "control": { "action": { "default": "var(--global-control-action-default)", "hover": "var(--global-control-action-hover)", "pressed": "var(--global-control-action-pressed)" }, "surface": { "default": "var(--global-control-surface-default)", "hover": "var(--global-control-surface-hover)", "pressed": "var(--global-control-surface-pressed)" } }, "critical": { "onSurface": { "default": "var(--global-critical-onSurface-default)", "hover": "var(--global-critical-onSurface-hover)", "pressed": "var(--global-critical-onSurface-pressed)" }, "onSurfaceMuted": { "default": "var(--global-critical-onSurfaceMuted-default)", "hover": "var(--global-critical-onSurfaceMuted-hover)", "pressed": "var(--global-critical-onSurfaceMuted-pressed)" }, "surface": { "default": "var(--global-critical-surface-default)", "hover": "var(--global-critical-surface-hover)", "pressed": "var(--global-critical-surface-pressed)" }, "surfaceMuted": { "default": "var(--global-critical-surfaceMuted-default)", "hover": "var(--global-critical-surfaceMuted-hover)", "pressed": "var(--global-critical-surfaceMuted-pressed)" } }, "effects": { "lg": "var(--global-effects-lg)", "md": "var(--global-effects-md)", "sm": "var(--global-effects-sm)" }, "icon": { "lg": "var(--global-icon-lg)", "md": "var(--global-icon-md)", "sm": "var(--global-icon-sm)", "xl": "var(--global-icon-xl)", "xs": "var(--global-icon-xs)" }, "inverted": { "decorative": { "default": "var(--global-inverted-decorative-default)", "hover": "var(--global-inverted-decorative-hover)", "pressed": "var(--global-inverted-decorative-pressed)" }, "muted": { "default": "var(--global-inverted-muted-default)", "hover": "var(--global-inverted-muted-hover)", "pressed": "var(--global-inverted-muted-pressed)" }, "regular": { "default": "var(--global-inverted-regular-default)", "hover": "var(--global-inverted-regular-hover)", "pressed": "var(--global-inverted-regular-pressed)" }, "surface": { "default": "var(--global-inverted-surface-default)", "hover": "var(--global-inverted-surface-hover)", "pressed": "var(--global-inverted-surface-pressed)" } }, "layer": { "z0": "var(--global-layer-z0)", "z1": "var(--global-layer-z1)", "z10": "var(--global-layer-z10)", "z11": "var(--global-layer-z11)", "z12": "var(--global-layer-z12)", "z2": "var(--global-layer-z2)", "z20": "var(--global-layer-z20)", "z3": "var(--global-layer-z3)", "z4": "var(--global-layer-z4)", "z5": "var(--global-layer-z5)", "z6": "var(--global-layer-z6)", "z7": "var(--global-layer-z7)", "z8": "var(--global-layer-z8)", "z9": "var(--global-layer-z9)" }, "nonSemantic": { "blueberry": "var(--global-nonSemantic-blueberry)", "holly": "var(--global-nonSemantic-holly)", "honeycomb": "var(--global-nonSemantic-honeycomb)", "jasper": "var(--global-nonSemantic-jasper)", "lavender": "var(--global-nonSemantic-lavender)", "lollipop": "var(--global-nonSemantic-lollipop)", "moonshade": "var(--global-nonSemantic-moonshade)", "ocean": "var(--global-nonSemantic-ocean)", "pumpkin": "var(--global-nonSemantic-pumpkin)", "raspberry": "var(--global-nonSemantic-raspberry)" }, "opacity": { "disabled": "var(--global-opacity-disabled)", "enabled": "var(--global-opacity-enabled)" }, "primary": { "onSurface": { "default": "var(--global-primary-onSurface-default)", "hover": "var(--global-primary-onSurface-hover)", "pressed": "var(--global-primary-onSurface-pressed)" }, "onSurfaceMuted": { "default": "var(--global-primary-onSurfaceMuted-default)", "hover": "var(--global-primary-onSurfaceMuted-hover)", "pressed": "var(--global-primary-onSurfaceMuted-pressed)" }, "onSurfaceSubtle": { "default": "var(--global-primary-onSurfaceSubtle-default)", "hover": "var(--global-primary-onSurfaceSubtle-hover)", "pressed": "var(--global-primary-onSurfaceSubtle-pressed)" }, "surface": { "default": "var(--global-primary-surface-default)", "hover": "var(--global-primary-surface-hover)", "pressed": "var(--global-primary-surface-pressed)" }, "surfaceMuted": { "default": "var(--global-primary-surfaceMuted-default)", "hover": "var(--global-primary-surfaceMuted-hover)", "pressed": "var(--global-primary-surfaceMuted-pressed)" }, "surfaceSubtle": { "default": "var(--global-primary-surfaceSubtle-default)", "hover": "var(--global-primary-surfaceSubtle-hover)", "pressed": "var(--global-primary-surfaceSubtle-pressed)" } }, "radius": { "circle": "var(--global-radius-circle)", "lg": "var(--global-radius-lg)", "md": "var(--global-radius-md)", "none": "var(--global-radius-none)", "pill": "var(--global-radius-pill)", "sm": "var(--global-radius-sm)", "smMd": "var(--global-radius-smMd)", "xl": "var(--global-radius-xl)" }, "rich": { "action": { "default": "var(--global-rich-action-default)", "hover": "var(--global-rich-action-hover)", "pressed": "var(--global-rich-action-pressed)" }, "muted": { "default": "var(--global-rich-muted-default)", "hover": "var(--global-rich-muted-hover)", "pressed": "var(--global-rich-muted-pressed)" }, "regular": { "default": "var(--global-rich-regular-default)", "hover": "var(--global-rich-regular-hover)", "pressed": "var(--global-rich-regular-pressed)" }, "surface": { "default": "var(--global-rich-surface-default)", "hover": "var(--global-rich-surface-hover)", "pressed": "var(--global-rich-surface-pressed)" }, "surfaceAlt": { "default": "var(--global-rich-surfaceAlt-default)", "hover": "var(--global-rich-surfaceAlt-hover)", "pressed": "var(--global-rich-surfaceAlt-pressed)" } }, "space": { "x0": "var(--global-space-x0)", "x12": "var(--global-space-x12)", "x16": "var(--global-space-x16)", "x20": "var(--global-space-x20)", "x24": "var(--global-space-x24)", "x32": "var(--global-space-x32)", "x4": "var(--global-space-x4)", "x40": "var(--global-space-x40)", "x48": "var(--global-space-x48)", "x56": "var(--global-space-x56)", "x8": "var(--global-space-x8)" }, "success": { "onSurface": { "default": "var(--global-success-onSurface-default)", "hover": "var(--global-success-onSurface-hover)", "pressed": "var(--global-success-onSurface-pressed)" }, "onSurfaceMuted": { "default": "var(--global-success-onSurfaceMuted-default)", "hover": "var(--global-success-onSurfaceMuted-hover)", "pressed": "var(--global-success-onSurfaceMuted-pressed)" }, "surface": { "default": "var(--global-success-surface-default)", "hover": "var(--global-success-surface-hover)", "pressed": "var(--global-success-surface-pressed)" }, "surfaceMuted": { "default": "var(--global-success-surfaceMuted-default)", "hover": "var(--global-success-surfaceMuted-hover)", "pressed": "var(--global-success-surfaceMuted-pressed)" } }, "transition": { "fast": { "duration": "var(--global-transition-fast-duration)", "easing": "var(--global-transition-fast-easing)" }, "regular": { "duration": "var(--global-transition-regular-duration)", "easing": "var(--global-transition-regular-easing)" }, "slow": { "duration": "var(--global-transition-slow-duration)", "easing": "var(--global-transition-slow-easing)" } }, "warning": { "onSurface": { "default": "var(--global-warning-onSurface-default)", "hover": "var(--global-warning-onSurface-hover)", "pressed": "var(--global-warning-onSurface-pressed)" }, "onSurfaceMuted": { "default": "var(--global-warning-onSurfaceMuted-default)", "hover": "var(--global-warning-onSurfaceMuted-hover)", "pressed": "var(--global-warning-onSurfaceMuted-pressed)" }, "surface": { "default": "var(--global-warning-surface-default)", "hover": "var(--global-warning-surface-hover)", "pressed": "var(--global-warning-surface-pressed)" }, "surfaceMuted": { "default": "var(--global-warning-surfaceMuted-default)", "hover": "var(--global-warning-surfaceMuted-hover)", "pressed": "var(--global-warning-surfaceMuted-pressed)" } } } }