Cosmic
Deep night sky with gold, lunar silver, and solar amber accents.
Colors
26 tokens
primary #FFD700
onPrimary #0D1117
primaryContainer #5C4A00
onPrimaryContainer #FFE680
secondary #C0C0FF
onSecondary #0D1117
secondaryContainer #3A3A6E
onSecondaryContainer #E0E0FF
tertiary #FFA500
onTertiary #0D1117
tertiaryContainer #6E3A00
onTertiaryContainer #FFD080
background #0D1117
onBackground #E6EDF3
surface #161B22
onSurface #E6EDF3
surfaceVariant #21262D
onSurfaceVariant #8B949E
surfaceContainer #1A1F26
surfaceContainerHigh #222831
surfaceContainerLow #0F141B
error #FF6B6B
onError #0D1117
outline #30363D
outlineVariant #21262D
scrim #000000
Typography
15 styles
Default font family: Lora
| Name | Font size | Weight | Line height | Letter spacing |
|---|---|---|---|---|
| displayLarge | 57sp | 400 | 64sp | -0.25sp |
| displayMedium | 45sp | 400 | 52sp | - |
| displaySmall | 36sp | 400 | 44sp | - |
| headlineLarge | 32sp | 400 | 40sp | - |
| headlineMedium | 28sp | 400 | 36sp | - |
| headlineSmall | 24sp | 400 | 32sp | - |
| titleLarge | 22sp | 400 | 28sp | - |
| titleMedium | 16sp | 500 | 24sp | 0.15sp |
| titleSmall | 14sp | 500 | 20sp | 0.1sp |
| bodyLarge | 16sp | 400 | 24sp | 0.5sp |
| bodyMedium | 14sp | 400 | 20sp | 0.25sp |
| bodySmall | 12sp | 400 | 16sp | 0.4sp |
| labelLarge | 14sp | 500 | 20sp | 0.1sp |
| labelMedium | 12sp | 500 | 16sp | 0.5sp |
| labelSmall | 11sp | 500 | 16sp | 0.5sp |
Shapes
6 radii
extraSmall: 4dpsmall: 8dpmedium: 12dplarge: 16dpextraLarge: 28dpfull: 9999dp
Spacing
6 tokens
none: 0dpextraSmall: 4dpsmall: 8dpmedium: 16dplarge: 24dpextraLarge: 32dp
Elevation
6 tokens
level0: 0dplevel1: 1dplevel2: 3dplevel3: 6dplevel4: 8dplevel5: 12dp
Other
10 tokens
Border
none: 0dpthin: 1dpmedium: 2dpthick: 4dp
Opacity
full: 1.0high: 0.87medium: 0.60disabled: 0.38overlay: 0.32divider: 0.12
In context
Preview the theme on real components
★ Sample app
Surface container low
Outer container, lowest emphasis
Surface container
Surface container high
Highest emphasis content sits here
Featured card
Card uses primaryContainer with onPrimaryContainer text
Primary Secondary Tertiary
Label Field value