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

Patreon Studio Design System

/**
* This file is generated. Do not edit.
* Generated on Tue Apr 08 2025 7:01:53 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);
}

.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);
}

.colorGlobalContentInvertedDefault {
  color: var(--global-content-inverted-default);
}

.colorGlobalContentInvertedMutedDefault {
  color: var(--global-content-invertedMuted-default);
}

.colorGlobalContentInvertedSubtleDefault {
  color: var(--global-content-invertedSubtle-default);
}

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

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

.colorGlobalContentSubtleDefault {
  color: var(--global-content-subtle-default);
}

.colorGlobalCriticalActionDefault {
  color: var(--global-critical-action-default);
}

.colorGlobalCriticalMutedDefault {
  color: var(--global-critical-muted-default);
}

.colorGlobalCriticalOnActionDefault {
  color: var(--global-critical-onAction-default);
}

.colorGlobalCriticalOnMutedDefault {
  color: var(--global-critical-onMuted-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);
}

.colorGlobalPrimaryActionBaseDefault {
  color: var(--global-primary-actionBase-default);
}

.colorGlobalPrimaryActionDefault {
  color: var(--global-primary-action-default);
}

.colorGlobalPrimaryMutedDefault {
  color: var(--global-primary-muted-default);
}

.colorGlobalPrimaryOnActionBaseDefault {
  color: var(--global-primary-onActionBase-default);
}

.colorGlobalPrimaryOnMutedDefault {
  color: var(--global-primary-onMuted-default);
}

.colorGlobalPrimaryOnSubtleDefault {
  color: var(--global-primary-onSubtle-default);
}

.colorGlobalPrimarySubtleDefault {
  color: var(--global-primary-subtle-default);
}

.colorGlobalSecondaryActionDefault {
  color: var(--global-secondary-action-default);
}

.colorGlobalSecondaryMutedDefault {
  color: var(--global-secondary-muted-default);
}

.colorGlobalSecondaryOnActionDefault {
  color: var(--global-secondary-onAction-default);
}

.colorGlobalSecondaryOnMutedDefault {
  color: var(--global-secondary-onMuted-default);
}

.colorGlobalSuccessActionDefault {
  color: var(--global-success-action-default);
}

.colorGlobalSuccessMutedDefault {
  color: var(--global-success-muted-default);
}

.colorGlobalSuccessOnActionDefault {
  color: var(--global-success-onAction-default);
}

.colorGlobalSuccessOnMutedDefault {
  color: var(--global-success-onMuted-default);
}

.colorGlobalWarningActionDefault {
  color: var(--global-warning-action-default);
}

.colorGlobalWarningMutedDefault {
  color: var(--global-warning-muted-default);
}

.colorGlobalWarningOnActionDefault {
  color: var(--global-warning-onAction-default);
}

.colorGlobalWarningOnMutedDefault {
  color: var(--global-warning-onMuted-default);
}