Ios Background Hierarchy
iOS defines three system background color levels — systemBackground, secondarySystemBackground, tertiarySystemBackground — that automatically adapt to light and dark mode to create visual depth in grouped layouts.
$ aoe install @community/fact-ios-background-hierarchyProjection
Always in _index.xml · the agent never has to ask for this.
IosBackgroundHierarchy [fact] v1.0.0
iOS defines three system background color levels — systemBackground, secondarySystemBackground, tertiarySystemBackground — that automatically adapt to light and dark mode to create visual depth in grouped layouts.
Loaded when retrieval picks the atom as adjacent / supporting.
IosBackgroundHierarchy [fact] v1.0.0
iOS defines three system background color levels — systemBackground, secondarySystemBackground, tertiarySystemBackground — that automatically adapt to light and dark mode to create visual depth in grouped layouts.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Evidence
- systemBackground: primary surface for main content areas (white in light mode, black in dark mode).
- secondarySystemBackground: grouped content areas, cards, and inset grouped table sections.
- tertiarySystemBackground: elements nested within grouped content (e.g., cells inside a grouped section).
- All three levels are semantic UIColor / SwiftUI Color tokens that adjust automatically when the system appearance changes.
Loaded when retrieval picks the atom as a focal / direct hit.
IosBackgroundHierarchy [fact] v1.0.0
iOS defines three system background color levels — systemBackground, secondarySystemBackground, tertiarySystemBackground — that automatically adapt to light and dark mode to create visual depth in grouped layouts.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Evidence
- systemBackground: primary surface for main content areas (white in light mode, black in dark mode).
- secondarySystemBackground: grouped content areas, cards, and inset grouped table sections.
- tertiarySystemBackground: elements nested within grouped content (e.g., cells inside a grouped section).
- All three levels are semantic UIColor / SwiftUI Color tokens that adjust automatically when the system appearance changes.
Relations
related: [@community/rule-ios-semantic-system-colors, @community/rule-ios-custom-color-dark-variants, @community/pattern-ios-inset-grouped-list]
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Evidence
- systemBackground: primary surface for main content areas (white in light mode, black in dark mode).
- secondarySystemBackground: grouped content areas, cards, and inset grouped table sections.
- tertiarySystemBackground: elements nested within grouped content (e.g., cells inside a grouped section).
- All three levels are semantic UIColor / SwiftUI Color tokens that adjust automatically when the system appearance changes.
Source
aoe-engine/examples/frontend-design/primes/compiled/@community/fact-ios-background-hierarchy/atom.yaml