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

# Display & Themes

<div className="wizard-only">
  ## Almost done — let’s set your brightness and choose a display theme.
</div>

<div className="cc card-rose">
  <Accordion title="Brightness" icon="sun">
    Use the slider to set your default brightness to a comfortable level for your environment.

    **Night Brightness** — Set a separate brightness level that activates automatically between the **start** and **end hours** you choose. Set it lower than your daytime brightness for comfortable nighttime viewing.

    **Simplified Night Theme** — Changes the display to just color-coded glucose on a dark background during night hours.

    **Red Color Filter** — Restricts the display to red tones during night hours. Red light has less impact on sleep than white or blue light.

    **Outline BG Text** — Changes text to only be outlined.

    **Turn Off Screen** — The screen turns off completely during night hours. Tap it once to wake for 30 seconds. The screen auto-wakes when an alert fires and returns to off after the alert is snoozed.
  </Accordion>
</div>

<div className="cc card-tangerine">
  <Accordion title="User Themes" icon="palette">
    Each user can choose their own theme and display settings independently.

    ### Per-User Display Options

    * **Main Display** — choose how the glucose value appears: **BG** (standard number), **Slang** (theme-specific phrases, SugarScapes only), or **Hidden** (tap to reveal temporarily)
    * **Celebration** — celebrate when glucose hits that perfectly-in-range number:
      * **Unicorn display** — show the special unicorn celebration display and set the glucose value that triggers it
      * **Celebration music** — SugarPixel+ plays a dedicated T1D celebration song from [Fourteen Novembers](https://fourteennovembers.com) up to once per day during your selected hours
    * **Text color** — choose Light or Dark text overlay
    * **Background Mode** — adjust the background brightness
    * **Large Clock** — display the clock larger on single user displays
    * **Graph** — show or hide the glucose history graph. On SugarScapes, choose between small or large graph sizes.
    * **Pump Data** — toggle IOB/COB display on or off (shown when pump data is detected from Twiist, Nightscout, or Gluroo)
    * **Glucose color ranges** — set the thresholds at which your SugarPixel+ display changes color:
      * Urgent Low
      * Low
      * In Range
      * High
      * Urgent High
      * Old Readings

    ### Themes

    <Check>
      Tap on a PixelPal or SugarScape to learn more about each one.
    </Check>

    ### PixelPals

    Character images and animations that react to glucose levels and alert states. Characters and backgrounds change based on whether glucose is in range, low, or high.

    <div className="wizard-only">
      <Info>
        Scan to learn more about PixelPals

        <Frame>
          <img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=https%3A%2F%2Fwww.sugarpixel.com%2Fpixelpals&bgcolor=eff6ff&color=1e3a5f&margin=10" alt="QR code for sugarpixel.com/pixelpals" width="120" />
        </Frame>
      </Info>
    </div>

    <div className="ref-only">
      <Info>
        Learn more about PixelPals at [sugarpixel.com/pixelpals](https://www.sugarpixel.com/pixelpals).
      </Info>
    </div>

    ### <Icon icon="book-open" /> Each PixelPal has their own story — tap the book icon in the corner of any character image on screen to discover it! New stories are added regularly, so there's always something new to discover.

    ### SugarScapes

    Full-screen illustrated scenes. Backgrounds shift based on glucose range.

    <Info>
      **Emoji option** — Available on select SugarScapes themes. Adds a glucose-reactive emoji to the display.
    </Info>
  </Accordion>
</div>

<div className="wizard-only">
  When you’re done, tap <span className="wizard-btn">Continue</span> in the bottom right of this help window.
</div>


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