Object | Fill
Object | Fill | Text Colors
HTML
<div class="ss-c-grid">
<label>.object--fill--text_primary</label>
<div class="ss-c-swatch ss-c-object--fill--text_primary"> </div>
<label>.object--fill--text_secondary</label>
<div class="ss-c-swatch ss-c-object--fill--text_secondary"> </div>
<label>.object--fill--text_tertiary</label>
<div class="ss-c-swatch ss-c-object--fill--text_tertiary"> </div>
</div>
Object | Fill | Line Colors
HTML
<div class="ss-c-grid">
<label>.object--fill--line_primary</label>
<div class="ss-c-swatch ss-c-object--fill--line_primary"> </div>
<label>.object--fill--line_secondary</label>
<div class="ss-c-swatch ss-c-object--fill--line_secondary"> </div>
<label>.object--fill--line_tertiary</label>
<div class="ss-c-swatch ss-c-object--fill--line_tertiary"> </div>
</div>
Object | Fill | Fill Colors
HTML
<div class="ss-c-grid">
<label>.object--fill--fill_primary</label>
<div class="ss-c-swatch ss-c-object--fill--fill_primary"> </div>
<label>.object--fill--fill_secondary</label>
<div class="ss-c-swatch ss-c-object--fill--fill_secondary"> </div>
<label>.object--fill--fill_tertiary</label>
<div class="ss-c-swatch ss-c-object--fill--fill_tertiary"> </div>
</div>
Object | Fill | Accent Colors
HTML
<div class="ss-c-grid">
<label>.object--fill--accent_primary</label>
<div class="ss-c-swatch ss-c-object--fill--accent_primary"> </div>
<label>.object--fill--accent_secondary</label>
<div class="ss-c-swatch ss-c-object--fill--accent_secondary"> </div>
<label>.object--fill--accent_tertiary</label>
<div class="ss-c-swatch ss-c-object--fill--accent_tertiary"> </div>
</div>
Object | Fill | State Colors
HTML
<div class="ss-c-grid">
<label>.object--fill--state_visited</label>
<div class="ss-c-swatch ss-c-object--fill--state_visited"> </div>
<label>.object--fill--state_focus</label>
<div class="ss-c-swatch ss-c-object--fill--state_focus"> </div>
<label>.object--fill--state_hover</label>
<div class="ss-c-swatch ss-c-object--fill--state_hover"> </div>
<label>.object--fill--state_active</label>
<div class="ss-c-swatch ss-c-object--fill--state_active"> </div>
<label>.object--fill--state_link</label>
<div class="ss-c-swatch ss-c-object--fill--state_link"> </div>
<label>.object--fill--state_enabled</label>
<div class="ss-c-swatch ss-c-object--fill--state_enabled"> </div>
<label>.object--fill--state_disabled</label>
<div class="ss-c-swatch ss-c-object--fill--state_disabled"> </div>
<label>.object--fill--state_current</label>
<div class="ss-c-swatch ss-c-object--fill--state_current"> </div>
<label>.object--fill--state_checked</label>
<div class="ss-c-swatch ss-c-object--fill--state_checked"> </div>
<label>.object--fill--state_invalid</label>
<div class="ss-c-swatch ss-c-object--fill--state_invalid"> </div>
<label>.object--fill--state_muted</label>
<div class="ss-c-swatch ss-c-object--fill--state_muted"> </div>
</div>
Object | Fill | Log Colors
HTML
<div class="ss-c-grid">
<label>.object--fill--log_trace</label>
<div class="ss-c-swatch ss-c-object--fill--log_trace"> </div>
<label>.object--fill--log_debug</label>
<div class="ss-c-swatch ss-c-object--fill--log_debug"> </div>
<label>.object--fill--log_success</label>
<div class="ss-c-swatch ss-c-object--fill--log_success"> </div>
<label>.object--fill--log_info</label>
<div class="ss-c-swatch ss-c-object--fill--log_info"> </div>
<label>.object--fill--log_notice</label>
<div class="ss-c-swatch ss-c-object--fill--log_notice"> </div>
<label>.object--fill--log_warning</label>
<div class="ss-c-swatch ss-c-object--fill--log_warning"> </div>
<label>.object--fill--log_audit</label>
<div class="ss-c-swatch ss-c-object--fill--log_audit"> </div>
<label>.object--fill--log_error</label>
<div class="ss-c-swatch ss-c-object--fill--log_error"> </div>
<label>.object--fill--log_security</label>
<div class="ss-c-swatch ss-c-object--fill--log_security"> </div>
<label>.object--fill--log_critical</label>
<div class="ss-c-swatch ss-c-object--fill--log_critical"> </div>
<label>.object--fill--log_alert</label>
<div class="ss-c-swatch ss-c-object--fill--log_alert"> </div>
<label>.object--fill--log_emergency</label>
<div class="ss-c-swatch ss-c-object--fill--log_emergency"> </div>
</div>