Skip to main content

​
Usage

Themes are a way to customize the look and feel of your experience on Tuturuuu. You can choose from a variety of themes to suit your preferences.

​
Modes

Modes are how the entire website looks. You can choose between light mode, dark mode, and system mode (which follows your system settings). The shared web light theme uses --muted-foreground: hsl(0 0% 40%) for supporting text. Against white (#FFFFFF), this provides approximately 5.74:1 contrast, increasing the WCAG AA margin for normal text from approximately 4.74:1 at 45.1% lightness. This default applies to web surfaces using the shared token; custom palettes and the independent mobile theme retain their own colors. The dark theme remains hsl(0 0% 63.9%).

​
Basic theme switcher

When you are not logged in, a basic theme switcher will be available which will allow you to switch between standard dark mode and light mode by clicking on the theme switcher in the top right corner of our website.

​
Advanced theme switcher

You can switch between a variety of themes by tapping on your profile picture in the top right corner of our website and selecting the Theme option.
This switcher is will available when you are logged in.

​
Variants

When using Advanced theme switcher, you can also choose a variant of the selected mode.
For example, you can choose dark mode with a blue accent.
Available variants:
  • Standard (Default)
  • Pink
  • Purple
  • Yellow
  • Orange
  • Green
  • Blue

​
Mobile app

In the mobile app, open Settings → Appearance to pick a mode (System, Light or Dark), a theme (Classic, Aurora, Sunset, Ocean, Forest, Ember, Blossom or Mono), an accent colour and a background style (Solid, Gradient or Blobs). For gradient and blob backgrounds, you can tune intensity, blob softness and card opacity, and optionally animate blobs. Animation stays off when your device’s Reduce Motion setting is on. Changes apply across the app immediately. Reset to default restores Classic with the system mode. See Mobile settings shell for defaults and behaviour.