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

# Display Options

The available display types change depending on whether SugarPixel is running in **single-user** or **two-user** mode.

* **Single-user default:** BG Arrow Delta
* **Two-user default:** 2 User BG

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

## **Display Type**

<Columns cols={2}>
  <Column>
    Selecting a display shows a **preview image** of how SugarPixel will look.

    * Tap a thumbnail to select it
    * The display updates immediately
    * Use the preview to compare layouts before choosing
  </Column>

  <Column>
    <Frame>
      <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/07displaytypes.jpeg?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=8df8ac108cf8aa323f58e84dbf7279ea" alt="07displaytypes" title="07displaytypes" style={{ width:"55%" }} width="1116" height="2353" data-path="images/07displaytypes.jpeg" />
    </Frame>
  </Column>
</Columns>

Some display types also support **Invert Display Colors**, which reverses light and dark areas for improved visibility. Below, each display type is listed with its supported features. Expand **only the display you’re interested in** to see details.

<Accordion title="Single User Displays">
  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/bgarrwdelta.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=e0e9c7c5e031c5be0766320115447631" alt="Bgarrwdelta" title="Bgarrwdelta" style={{ width:"61%" }} width="1280" height="320" data-path="images/bgarrwdelta.png" />
  </Frame>

  <Accordion title="BG Arrow Delta">
    <Info>
      * Blood Glucose value is color coded. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Trend Arrow for mg/dL uses the standard CGM direction arrows. Trend Arrow for mmol/L uses the small CGM direction arrows. See [<u>Trend Arrow Chart</u>](https://support.customtypeone.com/en/articles/13702702-trend-arrow-reference)
      * Delta is the change + or - from the prior reading. Firmware version 1.66 and newer use a color coded Delta display based on the time between each reading. See [<u>Delta Display</u>](https://support.customtypeone.com/en/articles/13702714-delta-display) for more details.
      * The bottom bars represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * Long pressing the snooze button temporarily shows the BG and Time display.
      * The inverted color option works as shown below

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/Main-BGArrowDelta-Inverted.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=a14e400cb00b5e4bf5029683299ae0b4" alt="Main BG Arrow Delta Inverted" title="Main BG Arrow Delta Inverted" style={{ width:"75%" }} width="1280" height="320" data-path="images/Main-BGArrowDelta-Inverted.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/bigbg.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=66ae7fa4c2f02af3888cfc8ff428482e" alt="Bigbg" title="Bigbg" style={{ width:"61%" }} width="1280" height="320" data-path="images/bigbg.png" />
  </Frame>

  <Accordion title="Big BG">
    <Info>
      * Blood Glucose value is color coded. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Trend Arrow uses the big CGM arrows. See [<u>Trend Arrow Chart</u>](https://support.customtypeone.com/en/articles/13702702-trend-arrow-reference)
      * Long pressing the snooze button temporarily shows the BG and Time display.
      * The inverted color option works as shown below.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/biginvert.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=fe934d22ccfe80537cf62b6e64c08342" alt="Biginvert" title="Biginvert" style={{ width:"78%" }} width="1280" height="320" data-path="images/biginvert.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/bgandtime.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=8b595998373ba0199c249db32a11b75d" alt="Bgandtime" title="Bgandtime" style={{ width:"59%" }} width="1280" height="320" data-path="images/bgandtime.png" />
  </Frame>

  <Accordion title="BG and Time">
    <Info>
      * Blood Glucose is color coded. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Trend Arrow uses the small CGM direction arrows. See [<u>Trend Arrow Chart</u>](https://support.customtypeone.com/en/articles/13702702-trend-arrow-reference)
      * Time is dependent on your timezone setting in the configuration.
      * The bottom bars represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * Long pressing the snooze button temporarily shows the BG Arrow Delta display.
      * The inverted color option works as shown below.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/bgtimeinvert.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=4609dffceb23fd4538a5365932f87776" alt="Bgtimeinvert" title="Bgtimeinvert" style={{ width:"69%" }} width="1280" height="320" data-path="images/bgtimeinvert.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/colortime.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=4cb546dd00e1e1bd05a58a31e6d06f26" alt="Colortime" title="Colortime" style={{ width:"59%" }} width="1280" height="320" data-path="images/colortime.png" />
  </Frame>

  <Accordion title="Color Time">
    <Info>
      * The current time is color coded from the BG value. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * The time is based on your time zone selection in configuration.
      * The bottom bars represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * Long pressing the snooze button temporarily shows the BG Arrow Delta display.
      * The inverted color option works on this display as shown.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/timeinvert.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=14057fbb2cee389b81ca0b0b042de9b9" alt="Timeinvert" title="Timeinvert" style={{ width:"71%" }} width="1280" height="320" data-path="images/timeinvert.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/color.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=0bbb2ccab0a884cb374922da96956f18" alt="Color" title="Color" style={{ width:"59%" }} width="1280" height="320" data-path="images/color.png" />
  </Frame>

  <Accordion title="Color">
    <Info>
      * The entire display is color-coded for a quick glance. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * The bottom bars represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * Long pressing the snooze button temporarily shows the BG and Time display.
      * The inverted color option has no effect on this display.
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/emojismiley.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=e8301d8122c0acb18b3eae109fb3c7ae" alt="Emojismiley" title="Emojismiley" style={{ width:"59%" }} width="1280" height="320" data-path="images/emojismiley.png" />
  </Frame>

  <Accordion title="Emoji Smiley BG">
    <Info>
      * Emojis change based on blood glucose value. See [<u>Emoji Smileys Reference</u>](https://support.customtypeone.com/en/articles/13702657-emoji-smiley-reference)
      * Blood Glucose value is color coded. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Trend Arrow uses the standard CGM arrows for mg/dL and small arrows for mmol/L. See [<u>Trend Arrow Chart</u>](https://support.customtypeone.com/en/articles/13702702-trend-arrow-reference)
      * The bottom bars under the blood glucose represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * The inverted color option only inverts the right side of the screen.
      * Long pressing the snooze button temporarily shows the BG and Time display.
      * When this display is selected, there is an additional option in the mobile app display settings to choose your unicorn value.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/bgunicorn.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=41cd0c147ca6b262ed55b8ecff5bfab3" alt="Bgunicorn" title="Bgunicorn" style={{ width:"63%" }} width="1279" height="301" data-path="images/bgunicorn.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/emojismileyslang.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=27b6d333917d9d3d0e9efad85ae60d24" alt="Emojismileyslang" title="Emojismileyslang" style={{ width:"59%" }} width="1280" height="320" data-path="images/emojismileyslang.png" />
  </Frame>

  <Accordion title="Emoji Smiley Slang">
    <Info>
      * Emojis change based on blood glucose value. See [<u>Emoji Smileys Reference</u>](https://support.customtypeone.com/en/articles/13702657-emoji-smiley-reference)
      * The blood glucose range is transposed to color coded slang. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart) and [<u>Slang Reference</u>](https://support.customtypeone.com/en/articles/13702676-slang-reference)
      * You can long-press the snooze button to temporarily toggle the display to show your current reading.
      * The bottom bars under the blood glucose represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * The inverted color option only inverts the right side of the screen.
      * When this display is selected, there is an additional option in the mobile app display settings to choose your unicorn value.
      * Long pressing the snooze button temporarily shows the BG and Time display.
      * 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/cya1C59vVjSP2FC1/images/unicornslang.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=d8a86364c7f7a34b51aa00fb2f6d02ba" alt="Unicornslang" title="Unicornslang" style={{ width:"69%" }} width="1280" height="320" data-path="images/unicornslang.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/emojiiconbg.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=2387975ce53598b033d00301e7332d0d" alt="Emojiiconbg" title="Emojiiconbg" style={{ width:"59%" }} width="1280" height="320" data-path="images/emojiiconbg.png" />
  </Frame>

  <Accordion title="Emoji Icon BG">
    <Info>
      * Emojis change based on blood glucose value. See [<u>Emoji Icons Reference</u>](https://support.customtypeone.com/en/articles/13702626-emoji-icon-reference)
      * Blood Glucose value is color coded. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Trend Arrow uses the standard CGM arrows for mg/dL and small arrows for mmol/L. See [<u>Trend Arrow Chart</u>](https://support.customtypeone.com/en/articles/13702702-trend-arrow-reference)
      * The bottom bars under the blood glucose represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * The inverted color option only inverts the right side of the screen.
      * Long pressing the snooze button temporarily shows the BG and Time display.
      * When this display is selected, there is an additional option in the mobile app display settings to choose your unicorn value.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/bgunicorn.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=41cd0c147ca6b262ed55b8ecff5bfab3" alt="Bgunicorn" title="Bgunicorn" style={{ width:"70%" }} width="1279" height="301" data-path="images/bgunicorn.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/emohjiiconslang.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=edbd2fc9719388fb4263f16ee1d2d0b2" alt="Emohjiiconslang" title="Emohjiiconslang" style={{ width:"59%" }} width="1280" height="320" data-path="images/emohjiiconslang.png" />
  </Frame>

  <Accordion title="Emoji Icon Slang">
    <Info>
      * Emojis change based on blood glucose value. See [<u>Emoji Icons Reference</u>](https://support.customtypeone.com/en/articles/13702626-emoji-icon-reference)
      * The blood glucose range is transposed to color coded slang. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart) and [<u>Slang Reference</u>](https://support.customtypeone.com/en/articles/13702676-slang-reference)
      * You can long-press the snooze button to temporarily toggle the display to show your current reading.
      * The bottom bars under the blood glucose represent how many minutes ago the reading is. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * The inverted color option only inverts the right side of the screen.
      * Long pressing the snooze button temporarily shows the BG and Time display.
      * When this display is selected, there is an additional option in the mobile app display settings to choose your unicorn value.
      * 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/cya1C59vVjSP2FC1/images/unicornslang.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=d8a86364c7f7a34b51aa00fb2f6d02ba" alt="Unicornslang" title="Unicornslang" style={{ width:"71%" }} width="1280" height="320" data-path="images/unicornslang.png" />
      </Frame>
    </Info>
  </Accordion>
</Accordion>

<Accordion title="Two User Displays">
  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/2bg.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=d7c4ba0ba595a5691969065a82267642" alt="2bg" title="2bg" style={{ width:"64%" }} width="1280" height="320" data-path="images/2bg.png" />
  </Frame>

  <Accordion title="2 User BG">
    <Info>
      * SugarPixel allows you to display blood glucose readings from 2 people at once. User 1 is the left reading and user 2 is the right reading.
      * Blood Glucose values are color coded. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Trend Arrow uses the small CGM direction arrows. See [<u>Trend Arrow Chart</u>](https://support.customtypeone.com/en/articles/13702702-trend-arrow-reference)
      * Long pressing the snooze button temporarily shows the time.
      * The inverted color option works on this display as shown below.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/Image2.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=124ffd1aca4dfb967dbb6f0247aa0c7e" alt="Image2" title="Image2" style={{ width:"73%" }} width="1280" height="320" data-path="images/Image2.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/2color.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=b7270de633a2391520531d12e0d5239e" alt="2color" title="2color" style={{ width:"64%" }} width="1280" height="320" data-path="images/2color.png" />
  </Frame>

  <Accordion title="2 User Color">
    <Info>
      * SugarPixel allows you to display blood glucose readings from 2 people a once. User 1 is the left reading and user 2 is the right reading.
      * The entire display is color coded for a quick glance. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Long pressing the snooze button temporarily shows the 2 User BG display.
      * The inverted color option has no effect on this display.
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/2smiley.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=2ecf08437e46c25d81cb616baa6a0d70" alt="2smiley" title="2smiley" style={{ width:"66%" }} width="1275" height="300" data-path="images/2smiley.png" />
  </Frame>

  <Accordion title="2 User Emoji Smiley">
    <Info>
      * Emojis change based on blood glucose value. See [<u>Emoji Smileys Reference</u>](https://support.customtypeone.com/en/articles/13702657-emoji-smiley-reference)
      * The side bar minute ticker represent how many minutes ago the reading is for each user. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * The minute tickers are color coded to the blood glucose value. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Long pressing the snooze button temporarily shows the 2 User BG display.
      * When this display is selected, there is an additional option in the mobile app display settings to choose your unicorn value.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/Displays2.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=7a1c7148699b8fac3f47e1adafe850fc" alt="Displays2" title="Displays2" style={{ width:"76%" }} width="1275" height="300" data-path="images/Displays2.png" />
      </Frame>
    </Info>
  </Accordion>

  <Frame>
    <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/2icon.png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=d61ae727ec0eec2e8a86dbbf891e992e" alt="2icon" title="2icon" style={{ width:"65%" }} width="1275" height="300" data-path="images/2icon.png" />
  </Frame>

  <Accordion title="2 User Emoji Icon">
    <Info>
      * Emojis change based on blood glucose value. See [<u>Emoji Icons Reference</u>](https://support.customtypeone.com/en/articles/13702626-emoji-icon-reference)
      * The side bars represent how many minutes ago the reading is for each user. 1 bar corresponds to 1 minute ago. 5 bars corresponds to 5 or more minutes ago.
      * The minute tickers are color coded to the blood glucose value. See [<u>Color Reference Chart</u>](https://support.customtypeone.com/en/articles/13702684-color-reference-chart)
      * Long pressing the snooze button temporarily shows the 2 User BG display.
      * When this display is selected, there is an additional option in the mobile app display settings to choose your unicorn value.

      <Frame>
        <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/Displays2(1).png?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=a185f51bd45601c00334f274f50bcab5" alt="Displays2(1)" title="Displays2(1)" style={{ width:"76%" }} width="1275" height="300" data-path="images/Displays2(1).png" />
      </Frame>
    </Info>
  </Accordion>
</Accordion>

## **Color Ranges**

Most displays change color based on your current blood glucose.

* Adjust the **Color Range sliders** to control when each color appears
* **Green (In Range)** is used between your Low and High values
* Emoji displays include a **Unicorn** slider to control when the unicorn icon appears

<Frame>
  <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/07displayoptions.jpeg?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=38632089b53b7889acd25f17827c8fcf" alt="07displayoptions" title="07displayoptions" className="mx-auto" style={{ width:"25%" }} width="1116" height="2358" data-path="images/07displayoptions.jpeg" />
</Frame>

## **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**

Reduces brightness overnight by displaying only **1–5 pixels**.

* Colors follow your Color Range settings
* Automatically activates during your configured night hours
* Alerts temporarily switch to your primary display
* Long-press the snooze button to temporarily show your primary display

<Frame>
  <img src="https://mintcdn.com/customtypeone/cya1C59vVjSP2FC1/images/08Nightmode.jpeg?fit=max&auto=format&n=cya1C59vVjSP2FC1&q=85&s=18af2861278470c5215637a172a5c849" alt="08nightmode" title="08nightmode" className="mx-auto" style={{ width:"33%" }} width="1116" height="2359" data-path="images/08Nightmode.jpeg" />
</Frame>