Skip to content

Screenshots

Jump to bottom
Andrew Blackburn edited this page Aug 27, 2026 · 16 revisions

Screenshots

This page collects the current Orbit Cards screenshots used by the wiki.

Area Card

Light theme Dark theme
Orbit Area Card in light theme Orbit Area Card in dark theme

The Area Card shows an area-focused layout with an area name, status row, large area icon, side buttons, curved buttons, and optional action button.

Action Card Grouped

Light theme Dark theme
Orbit Action Card grouped layout in light theme Orbit Action Card grouped layout in dark theme

These screenshots show grouped Action Card layouts in light and dark themes.

Status Card Modes

Light theme Dark theme
Orbit Status Card modes in light theme Orbit Status Card modes in dark theme

These screenshots show Person, Standard, single Icon only, and grouped Icon only Status Card layouts in both light and dark themes.

Status Badge

Badge

Light theme Dark theme
Orbit Status Badge using the Home Assistant Badge type in the light theme Orbit Status Badge using the Home Assistant Badge type in the dark theme

These examples show Orbit Status Badges using Home Assistant's Badge type.

Heading Badge

Light theme Dark theme
Orbit Status Badge using the Home Assistant Heading badge type in the light theme Orbit Status Badge using the Home Assistant Heading badge type in the dark theme

These Heading cards show several Orbit Status Badges together, including an active Area Count.

Active Entities Dialog

Light theme Dark theme
Orbit Status Badge Active entities dialog using the light theme Orbit Status Badge Active entities dialog using the dark theme

Tapping an Area Count opens the Current state dialog. Current development builds show each active entity's area, state, and duration, plus supported individual and group controls, and request confirmation before a group turn-off. These captures retain the earlier Active entities title and do not yet show the added area line; current builds use a localized Currently {state} title.

Deck Card

Wrap Layout

Light theme Dark theme
Orbit Deck Card wrap layout in light theme Orbit Deck Card wrap layout in dark theme

Tabs Layout

Home Energy Climate
Orbit Deck Card Home tab in light theme Orbit Deck Card Energy tab in light theme Orbit Deck Card Climate tab in light theme
Orbit Deck Card Home tab in dark theme Orbit Deck Card Energy tab in dark theme Orbit Deck Card Climate tab in dark theme

Colour And Theme Picker

Theme Picker

Light theme Dark theme
Theme colour field in light theme Theme colour field in dark theme
Theme colour picker list in light theme Theme colour picker list in dark theme

Colour Picker

Light theme Dark theme
Hex colour field in light theme Hex colour field in dark theme
Native colour picker in light theme Native colour picker in dark theme

Icon Picker

Light theme Dark theme
Icon picker fields in light theme Icon picker fields in dark theme
Material icon picker list in light theme Material icon picker list in dark theme
Files icon picker list in light theme Files icon picker list in dark theme

Suggested Future Screenshots

Useful extra captures for the wiki:

  • Deck Card visual editor, Setup tab.
  • Deck Card visual editor, Card tab.
  • Area Card visual editor, Card tab.
  • Area Card visual editor, Interactions section.

Orbit Cards

Clone this wiki locally