> ## Documentation Index
> Fetch the complete documentation index at: https://support.customtypeone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# SugarPixel Classic Display Options

Select your display from the list below. **Single-user** mode defaults to **BG Arrow Delta**; **two-user** mode defaults to **2 User BG**.

<Info>
  Want to display the unicorn you've seen in photos? That option is available in the **Emoji** display types.
</Info>

<Frame>
  <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-type-selector.jpg?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=2e6cb1a9f6c212a4503ee791a0f6aeda" alt="Display type selector" width="167" data-path="images/sugarpixel-mini-classic/support-display-type-selector.jpg" />
</Frame>

Tap a thumbnail in the app to select a display - it updates immediately. Some displays support **Invert Display Colors**, which reverses light and dark areas. Expand a display below to learn more.

## Single User Displays

<div className="cc card-rose">
  <Accordion title="BG Arrow Delta">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-bgarrowdelta.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=39bfbb6df76474a08c153e57551c2e64" alt="BG Arrow Delta" width="240" data-path="images/sugarpixel-mini-classic/support-display-bgarrowdelta.png" />
    </Frame>

    * BG color coded - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Trend Arrow - standard arrows (mg/dL), small arrows (mmol/L) - [Trend Arrow Chart](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Delta = change from prior reading, color coded by time elapsed - [Delta Display](/sugarpixel-mini-classic/display-reference#delta-display-reference)
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG and Time
    * Invert option shown below

    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-bgarrowdelta-inverted.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=5c6f428355b4f1990885080992722638" alt="BG Arrow Delta inverted" width="380" data-path="images/sugarpixel-mini-classic/support-display-bgarrowdelta-inverted.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-tangerine">
  <Accordion title="Big BG">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-bigbg.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=5739f446d2f94cbdfb360d946de12622" alt="Big BG" width="240" data-path="images/sugarpixel-mini-classic/support-display-bigbg.png" />
    </Frame>

    * BG color coded - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Trend Arrow - big arrows - [Trend Arrow Chart](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Long-press snooze to temporarily show BG and Time
    * Invert option shown below

    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-bigbg-inverted.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=0a8db48cbc97a2ab7aad371754d8dd8b" alt="Big BG inverted" width="380" data-path="images/sugarpixel-mini-classic/support-display-bigbg-inverted.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-lime">
  <Accordion title="BG and Time">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-bgandtime.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=b7f9c7fb9c4ebe0c8c0607f48a36494d" alt="BG and Time" width="240" data-path="images/sugarpixel-mini-classic/support-display-bgandtime.png" />
    </Frame>

    * BG color coded - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Trend Arrow - small arrows - [Trend Arrow Chart](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Time based on your time zone setting
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG Arrow Delta
    * Invert option shown below

    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-bgandtime-inverted.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=c495fb55d805a66ea78c77229edd3d54" alt="BG and Time inverted" width="380" data-path="images/sugarpixel-mini-classic/support-display-bgandtime-inverted.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-fern">
  <Accordion title="Color Time">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-colortime.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=88b71420e0bba38efff03eb558ca7498" alt="Color Time" width="240" data-path="images/sugarpixel-mini-classic/support-display-colortime.png" />
    </Frame>

    * Time color coded to BG - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Time based on your time zone setting
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG Arrow Delta
    * Invert option shown below

    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-colortime-inverted.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=d12f56a3cb00433e187316e5f111813a" alt="Color Time inverted" width="380" data-path="images/sugarpixel-mini-classic/support-display-colortime-inverted.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-aqua">
  <Accordion title="Color">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-color.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=10acb7752e9ec29d058dafaf56803f9f" alt="Color" width="240" data-path="images/sugarpixel-mini-classic/support-display-color.png" />
    </Frame>

    * Entire display color coded for a quick glance - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG and Time
    * Invert: no effect on this display
  </Accordion>
</div>

<div className="cc card-sky">
  <Accordion title="Emoji Smiley BG">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojismiley-bg.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=9921cccac0ac9febb3fe7a0ff0fc8238" alt="Emoji Smiley BG" width="240" data-path="images/sugarpixel-mini-classic/support-display-emojismiley-bg.png" />
    </Frame>

    * Emoji changes based on BG - [Emoji Smileys Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * BG color coded - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Trend Arrow - standard arrows (mg/dL), small arrows (mmol/L) - [Trend Arrow Chart](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG and Time
    * Invert: right side only
    * Unicorn: set your threshold value in display settings

    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojismiley-unicorn.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=d0c49cbeed06a9ba1d3984ef511cbe60" alt="Emoji Smiley unicorn value" width="380" data-path="images/sugarpixel-mini-classic/support-display-emojismiley-unicorn.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-bluebell">
  <Accordion title="Emoji Smiley Slang">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojismiley-slang.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=7f2f8e3396fa568c6ee374c671ae09e0" alt="Emoji Smiley Slang" width="240" data-path="images/sugarpixel-mini-classic/support-display-emojismiley-slang.png" />
    </Frame>

    * Emoji changes based on BG - [Emoji Smileys Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * BG range shown as color coded slang - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart) and [Slang Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG and Time
    * Invert: right side only
    * Unicorn: set your threshold value in display settings
    * If you're too old to know the teen lingo of today, you can cheat by reading the definitions on the Slang Reference page.

    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojismiley-slang-unicorn.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=4d43bb9292a3f21a8da36453e77f6439" alt="Emoji Smiley Slang unicorn value" width="380" data-path="images/sugarpixel-mini-classic/support-display-emojismiley-slang-unicorn.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-lavender">
  <Accordion title="Emoji Icon BG">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojiicon-bg.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=aaec3004b59a58887eb8407ba4b8f8fb" alt="Emoji Icon BG" width="240" data-path="images/sugarpixel-mini-classic/support-display-emojiicon-bg.png" />
    </Frame>

    * Emoji changes based on BG - [Emoji Icons Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * BG color coded - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Trend Arrow - standard arrows (mg/dL), small arrows (mmol/L) - [Trend Arrow Chart](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG and Time
    * Invert: right side only
    * Unicorn: set your threshold value in display settings

    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojismiley-unicorn.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=d0c49cbeed06a9ba1d3984ef511cbe60" alt="Emoji Icon unicorn value" width="380" data-path="images/sugarpixel-mini-classic/support-display-emojismiley-unicorn.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-orchid">
  <Accordion title="Emoji Icon Slang">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojiicon-slang.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=c5b53cc9754773f211f615dc8f4689c7" alt="Emoji Icon Slang" width="240" data-path="images/sugarpixel-mini-classic/support-display-emojiicon-slang.png" />
    </Frame>

    * Emoji changes based on BG - [Emoji Icons Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * BG range shown as color coded slang - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart) and [Slang Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Bottom bars = minutes since last reading (1 bar = 1 min, 5 bars = 5+ min)
    * Long-press snooze to temporarily show BG and Time
    * Invert: right side only
    * Unicorn: set your threshold value in display settings
    * If you're too old to know the teen lingo of today, you can cheat by reading the definitions on the Slang Reference page.

    <Frame>
      <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-emojismiley-slang-unicorn.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=4d43bb9292a3f21a8da36453e77f6439" alt="Emoji Icon Slang unicorn value" width="380" data-path="images/sugarpixel-mini-classic/support-display-emojismiley-slang-unicorn.png" />
    </Frame>
  </Accordion>
</div>

## Two User Displays

<div className="cc card-flamingo">
  <Accordion title="2 User BG">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-2user-bg.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=a012a6b2218569089c5c1d4e613034fb" alt="2 User BG" width="240" data-path="images/sugarpixel-mini-classic/support-display-2user-bg.png" />
    </Frame>

    * User 1 = left, User 2 = right
    * BG color coded - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Trend Arrow - small arrows - [Trend Arrow Chart](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Long-press snooze to temporarily show the time
    * Invert option shown below

    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-2user-bg-inverted.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=e22cc7652c2eb0a048799ec58c412287" alt="2 User BG inverted" width="380" data-path="images/sugarpixel-mini-classic/support-display-2user-bg-inverted.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-rose">
  <Accordion title="2 User Color">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-2user-color.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=f45052bf3090b8a4542865be43622fea" alt="2 User Color" width="240" data-path="images/sugarpixel-mini-classic/support-display-2user-color.png" />
    </Frame>

    * User 1 = left, User 2 = right
    * Entire display color coded for a quick glance - [Color Reference Chart](/sugarpixel-mini-classic/display-reference#color-reference-chart)
    * Long-press snooze to temporarily show 2 User BG
    * Invert: no effect on this display
  </Accordion>
</div>

<div className="cc card-tangerine">
  <Accordion title="2 User Emoji Smiley">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-2user-smiley.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=6d8f9c20f4f6886d9ff424d150fa72b2" alt="2 User Emoji Smiley" width="240" data-path="images/sugarpixel-mini-classic/support-display-2user-smiley.png" />
    </Frame>

    * Emoji changes based on BG - [Emoji Smileys Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Side bars = minutes since last reading per user (1 bar = 1 min, 5 bars = 5+ min), color coded to BG
    * Long-press snooze to temporarily show 2 User BG
    * Unicorn: set your threshold value in display settings
    * Invert option shown below

    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-2user-smiley-inverted.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=f85655db28ca9d46596371a7bb164895" alt="2 User Emoji Smiley inverted" width="380" data-path="images/sugarpixel-mini-classic/support-display-2user-smiley-inverted.png" />
    </Frame>
  </Accordion>
</div>

<div className="cc card-lime">
  <Accordion title="2 User Emoji Icon">
    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-2user-icon.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=59285273b91b301a326ccdbe1a16bf23" alt="2 User Emoji Icon" width="240" data-path="images/sugarpixel-mini-classic/support-display-2user-icon.png" />
    </Frame>

    * Emoji changes based on BG - [Emoji Icons Reference](/sugarpixel-mini-classic/display-reference#reference-charts-classic)
    * Side bars = minutes since last reading per user (1 bar = 1 min, 5 bars = 5+ min), color coded to BG
    * Long-press snooze to temporarily show 2 User BG
    * Unicorn: set your threshold value in display settings
    * Invert option shown below

    <Frame>
      <img src="https://mintcdn.com/customtypeone/4ZWsSUAXzaCvyZth/images/sugarpixel-mini-classic/support-display-2user-icon-inverted.png?fit=max&auto=format&n=4ZWsSUAXzaCvyZth&q=85&s=9551383009243d3da77c9acf2d040bc4" alt="2 User Emoji Icon inverted" width="380" data-path="images/sugarpixel-mini-classic/support-display-2user-icon-inverted.png" />
    </Frame>
  </Accordion>
</div>

## Display Settings

### Color Ranges

<Frame>
  <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-color-ranges.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=1d25789c711c171c13bd4a04e40587c3" alt="Color range sliders" width="167" data-path="images/sugarpixel-mini-classic/support-display-color-ranges.png" />
</Frame>

Most displays change color based on your current BG. Adjust the **Color Range sliders** to set when each color appears - green is used between your Low and High values. Emoji displays include a **Unicorn** slider.

### Blink Minute Ticker

Animates the minute ticker to indicate seconds within the current minute.

### Day and Night Brightness

Automatically switches brightness between daytime and nighttime levels based on the times you set.

### Night Display Mode

<Frame>
  <img src="https://mintcdn.com/customtypeone/YbuzbPkriBbnELaU/images/sugarpixel-mini-classic/support-display-nightmode-settings.png?fit=max&auto=format&n=YbuzbPkriBbnELaU&q=85&s=c70bf87e059188994a4355c2ab29022a" alt="Night Display Mode settings" width="167" data-path="images/sugarpixel-mini-classic/support-display-nightmode-settings.png" />
</Frame>

Reduces overnight brightness to **1–5 pixels**, color-coded to your ranges. Automatically activates during your configured night hours. Long-press snooze to temporarily show your primary display.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.