@patreon/studio/module/styles/classNameForColor/Color.module.css

Patreon Studio Design System

/**
 * This file is generated. Do not edit.
 * Generated on Thu Nov 13 2025 6:47:04 PM
 */

.colorGlobalBgBaseAltDefault {
  color: var(--global-bg-baseAlt-default);
}

.colorGlobalBgBaseDefault {
  color: var(--global-bg-base-default);
}

.colorGlobalBgElevatedDefault {
  color: var(--global-bg-elevated-default);
}

.colorGlobalBgPageAltDefault {
  color: var(--global-bg-pageAlt-default);
}

.colorGlobalBgPageDefault {
  color: var(--global-bg-page-default);
}

.colorGlobalBorderActionDefault {
  color: var(--global-border-action-default);
}

.colorGlobalBorderMutedDefault {
  color: var(--global-border-muted-default);
}

.colorGlobalBorderStrongDefault {
  color: var(--global-border-strong-default);
}

.colorGlobalBrandDiscord {
  color: var(--global-brand-discord);
}

.colorGlobalBrandFacebook {
  color: var(--global-brand-facebook);
}

.colorGlobalBrandGoogle {
  color: var(--global-brand-google);
}

.colorGlobalBrandMemberful {
  color: var(--global-brand-memberful);
}

.colorGlobalBrandPatreon {
  color: var(--global-brand-patreon);
}

.colorGlobalBrandPinterest {
  color: var(--global-brand-pinterest);
}

.colorGlobalBrandReddit {
  color: var(--global-brand-reddit);
}

.colorGlobalBrandSpotify {
  color: var(--global-brand-spotify);
}

.colorGlobalBrandTumblr {
  color: var(--global-brand-tumblr);
}

.colorGlobalBrandTwitch {
  color: var(--global-brand-twitch);
}

.colorGlobalBrandTwitter {
  color: var(--global-brand-twitter);
}

.colorGlobalBrandYoutubeBlack {
  color: var(--global-brand-youtubeBlack);
}

.colorGlobalBrandYoutube {
  color: var(--global-brand-youtube);
}

.colorGlobalConstantBlackDefault {
  color: var(--global-constant-black-default);
}

.colorGlobalConstantBlackMutedDefault {
  color: var(--global-constant-blackMuted-default);
}

.colorGlobalConstantBlackSubtleDefault {
  color: var(--global-constant-blackSubtle-default);
}

.colorGlobalConstantWhiteDefault {
  color: var(--global-constant-white-default);
}

.colorGlobalConstantWhiteMutedDefault {
  color: var(--global-constant-whiteMuted-default);
}

.colorGlobalConstantWhiteSubtleDefault {
  color: var(--global-constant-whiteSubtle-default);
}

.colorGlobalContentCriticalDefault {
  color: var(--global-content-critical-default);
}

.colorGlobalContentDecorativeDefault {
  color: var(--global-content-decorative-default);
}

.colorGlobalContentMutedDefault {
  color: var(--global-content-muted-default);
}

.colorGlobalContentPrimaryDefault {
  color: var(--global-content-primary-default);
}

.colorGlobalContentRegularDefault {
  color: var(--global-content-regular-default);
}

.colorGlobalContentSuccessDefault {
  color: var(--global-content-success-default);
}

.colorGlobalContentWarningDefault {
  color: var(--global-content-warning-default);
}

.colorGlobalControlActionDefault {
  color: var(--global-control-action-default);
}

.colorGlobalControlSurfaceDefault {
  color: var(--global-control-surface-default);
}

.colorGlobalCriticalOnSurfaceDefault {
  color: var(--global-critical-onSurface-default);
}

.colorGlobalCriticalOnSurfaceMutedDefault {
  color: var(--global-critical-onSurfaceMuted-default);
}

.colorGlobalCriticalSurfaceDefault {
  color: var(--global-critical-surface-default);
}

.colorGlobalCriticalSurfaceMutedDefault {
  color: var(--global-critical-surfaceMuted-default);
}

.colorGlobalInvertedDecorativeDefault {
  color: var(--global-inverted-decorative-default);
}

.colorGlobalInvertedMutedDefault {
  color: var(--global-inverted-muted-default);
}

.colorGlobalInvertedRegularDefault {
  color: var(--global-inverted-regular-default);
}

.colorGlobalInvertedSurfaceDefault {
  color: var(--global-inverted-surface-default);
}

.colorGlobalNonSemanticBlueberry {
  color: var(--global-nonSemantic-blueberry);
}

.colorGlobalNonSemanticHolly {
  color: var(--global-nonSemantic-holly);
}

.colorGlobalNonSemanticHoneycomb {
  color: var(--global-nonSemantic-honeycomb);
}

.colorGlobalNonSemanticJasper {
  color: var(--global-nonSemantic-jasper);
}

.colorGlobalNonSemanticLavender {
  color: var(--global-nonSemantic-lavender);
}

.colorGlobalNonSemanticLollipop {
  color: var(--global-nonSemantic-lollipop);
}

.colorGlobalNonSemanticMoonshade {
  color: var(--global-nonSemantic-moonshade);
}

.colorGlobalNonSemanticOcean {
  color: var(--global-nonSemantic-ocean);
}

.colorGlobalNonSemanticPumpkin {
  color: var(--global-nonSemantic-pumpkin);
}

.colorGlobalNonSemanticRaspberry {
  color: var(--global-nonSemantic-raspberry);
}

.colorGlobalPrimaryOnSurfaceDefault {
  color: var(--global-primary-onSurface-default);
}

.colorGlobalPrimaryOnSurfaceMutedDefault {
  color: var(--global-primary-onSurfaceMuted-default);
}

.colorGlobalPrimaryOnSurfaceSubtleDefault {
  color: var(--global-primary-onSurfaceSubtle-default);
}

.colorGlobalPrimarySurfaceDefault {
  color: var(--global-primary-surface-default);
}

.colorGlobalPrimarySurfaceMutedDefault {
  color: var(--global-primary-surfaceMuted-default);
}

.colorGlobalPrimarySurfaceSubtleDefault {
  color: var(--global-primary-surfaceSubtle-default);
}

.colorGlobalRichActionDefault {
  color: var(--global-rich-action-default);
}

.colorGlobalRichMutedDefault {
  color: var(--global-rich-muted-default);
}

.colorGlobalRichRegularDefault {
  color: var(--global-rich-regular-default);
}

.colorGlobalRichSurfaceAltDefault {
  color: var(--global-rich-surfaceAlt-default);
}

.colorGlobalRichSurfaceDefault {
  color: var(--global-rich-surface-default);
}

.colorGlobalSuccessOnSurfaceDefault {
  color: var(--global-success-onSurface-default);
}

.colorGlobalSuccessOnSurfaceMutedDefault {
  color: var(--global-success-onSurfaceMuted-default);
}

.colorGlobalSuccessSurfaceDefault {
  color: var(--global-success-surface-default);
}

.colorGlobalSuccessSurfaceMutedDefault {
  color: var(--global-success-surfaceMuted-default);
}

.colorGlobalWarningOnSurfaceDefault {
  color: var(--global-warning-onSurface-default);
}

.colorGlobalWarningOnSurfaceMutedDefault {
  color: var(--global-warning-onSurfaceMuted-default);
}

.colorGlobalWarningSurfaceDefault {
  color: var(--global-warning-surface-default);
}

.colorGlobalWarningSurfaceMutedDefault {
  color: var(--global-warning-surfaceMuted-default);
}