Contents
- [ftd.dark-mode](/built-in-variables/#ftd-dark-mode)
- [ftd.system-dark-mode](/built-in-variables/#ftd-system-dark-mode)
- [ftd.follow-system-dark-mode](/built-in-variables/#ftd-follow-system-dark-mode)
- [ftd.device](/built-in-variables/#ftd-device)
- [ftd.mobile-breakpoint](/built-in-variables/#ftd-mobile-breakpoint)
`ftd.dark-mode` tells you if the UI should show dark or light mode. To change
the system preference use the built in functions.
This variable tells if the system prefers dark or light mode. `ftd.dark-mode`
may not be equal to `ftd.system-dark-mode` if `ftd.follow-system-dark-mode` is
`false`.
`ftd.follow-system-dark-mode`
This variable tells if the user prefers the UI to follow system dark mode
preferences of if the user prefers to set this value.
This value is either `mobile` or `desktop`. `ftd.device` is automatically
updated when the browser resizes and device width crosses
`ftd.mobile-breakpoint` and `ftd.desktop-breakpoint` thresholds.
`ftd.mobile-breakpoint` is the width in pixels below which `fastn` assumes that
the device is a mobile device, and sets `ftd.device` to `mobile`.