/* * React (react@1.0.0) * Palette: react@1.0.0 * Fonts: heading=inter@1.0.0, body=inter@1.0.0, mono=source-code-pro@1.0.0 * Generated by brand-atoms converter — do not edit by hand. */ package com.brandatoms.react import androidx.compose.ui.graphics.Color /** Source-of-truth color swatches. */ object BrandSwatch { /** React Cyan — Canonical React logo color — the cyan of the atom-orbit mark used since the original Facebook open-source release. */ val ReactCyan = Color(0xFF61DAFB) /** React Blue 50 — link / brand color on light surfaces. */ val ReactBlue50 = Color(0xFF087EA4) /** React Blue 40 — docs link color on light surfaces. */ val ReactBlue40 = Color(0xFF149ECA) /** React Blue 30 — link / brand color on dark surfaces. */ val ReactBlue30 = Color(0xFF58C4DC) /** React Blue 80 — deep blue used for hover states on light surfaces. */ val ReactBlue80 = Color(0xFF043849) /** React Blue 10 — highlight tint on light surfaces. */ val ReactBlue10 = Color(0xFFE6F7FF) /** Gray 95 — deepest dark-mode background. */ val Gray95 = Color(0xFF16181D) /** Gray 90 — primary dark canvas (wash-dark / primary). */ val Gray90 = Color(0xFF23272F) /** Gray 80 — dark-mode borders and card surfaces. */ val Gray80 = Color(0xFF343A46) /** Gray 70 — secondary text on dark surfaces. */ val Gray70 = Color(0xFF404756) /** Gray 60 — tertiary text. */ val Gray60 = Color(0xFF4E5769) /** Gray 50 — muted text. */ val Gray50 = Color(0xFF5E687E) /** Gray 30 — tertiary text on dark. */ val Gray30 = Color(0xFF99A1B3) /** Gray 10 — light-mode borders and dividers. */ val Gray10 = Color(0xFFEBECF0) /** Gray 5 — light-mode card surfaces. */ val Gray5 = Color(0xFFF6F7F9) /** React White — light-mode page canvas (wash). */ val ReactWhite = Color(0xFFFFFFFF) /** Yellow 50 — docs warning amber. */ val Yellow50 = Color(0xFFC76A15) /** Red 50 — docs danger red. */ val Red50 = Color(0xFFA6423A) /** Green 50 — docs success teal-green. */ val Green50 = Color(0xFF388F7F) /** Purple 50 — docs accent purple. */ val Purple50 = Color(0xFF575FB7) } /** Semantic color roles for light mode. */ object BrandLight { val Background = BrandSwatch.ReactWhite val Surface = BrandSwatch.Gray5 val SurfaceElevated = BrandSwatch.ReactWhite val TextPrimary = BrandSwatch.Gray90 val TextSecondary = BrandSwatch.Gray70 val TextTertiary = BrandSwatch.Gray50 val Primary = BrandSwatch.ReactBlue50 val PrimaryHover = BrandSwatch.ReactBlue80 val Accent = BrandSwatch.ReactCyan val AccentHover = BrandSwatch.ReactBlue40 val Warning = BrandSwatch.Yellow50 val WarningHover = BrandSwatch.Yellow50 val Error = BrandSwatch.Red50 val Success = BrandSwatch.Green50 } /** Semantic color roles for dark mode. */ object BrandDark { val Background = BrandSwatch.Gray90 val Surface = BrandSwatch.Gray80 val SurfaceElevated = BrandSwatch.Gray70 val TextPrimary = BrandSwatch.ReactWhite val TextSecondary = BrandSwatch.Gray30 val TextTertiary = BrandSwatch.Gray50 val Primary = BrandSwatch.ReactBlue30 val PrimaryHover = BrandSwatch.ReactBlue40 val Accent = BrandSwatch.ReactCyan val AccentHover = BrandSwatch.ReactBlue30 val Warning = BrandSwatch.Yellow50 val WarningHover = BrandSwatch.Yellow50 val Error = BrandSwatch.Red50 val Success = BrandSwatch.Green50 } /** Brand-level color role overrides. */ object BrandColor { val Identity = BrandSwatch.ReactCyan val OnIdentity = BrandSwatch.Gray90 val Primary = BrandSwatch.ReactBlue50 val PrimaryHover = BrandSwatch.ReactBlue80 val Accent = BrandSwatch.ReactCyan val AccentHover = BrandSwatch.ReactBlue40 val Background = BrandSwatch.Gray90 val Surface = BrandSwatch.Gray80 val TextPrimary = BrandSwatch.ReactWhite val TextSecondary = BrandSwatch.Gray30 } /** Typography family names by brand role. */ object BrandFont { /** Inter (inter@1.0.0) */ const val Heading = "Inter" /** Inter (inter@1.0.0) */ const val Body = "Inter" /** Source Code Pro (source-code-pro@1.0.0) */ const val Mono = "Source Code Pro" }