theme.md

layout	title	redirect_from
page	Theme	/preferences

Tip: [Looking for language settings?]({% link faqs/gtn/translations.md %}) or [Data Privacy Settings]({% link user/privacy.md %})

Colour Scheme

We have attempted to decompose our themes into several axes depending on your accessibility needs:

This control responds to prefers-color-scheme

Auto Light Dark

Preferred Light Theme

White Paper

Preferred Dark Theme

Night Midnight

UI Contrast

This control responds to prefers-contrast

Auto Low High

UI Theme

Default 🌈 ✊🏿 🎃 🏳️‍🌈 🏳️‍⚧️ 🇦🇺 <script> function savePrefs() { // Convert this into a hash var prefs = {}; [...document.querySelectorAll(".theme-control")] .map(x => { return [x.id, x.value]}) .forEach(x => { prefs[x[0]] = x[1] }) gtnLocalSet('theme2', JSON.stringify(prefs)) processTheme2(); if(prefs.theme === "straya"){ document.body.classList.add('downunder'); setTimeout(function(){ document.body.classList.remove('downunder'); }, 8000); } } function restorePrefs(){ var prefs = JSON.parse(gtnLocalGet("theme2")) || {}; Object.keys(prefs).forEach(k => { document.getElementById(k).value = prefs[k] }) processTheme2(); } restorePrefs(); </script>

Fonts

While some of our fonts are available on Google Fonts, we do not use Google Fonts to serve them.

Default (Atkinson Hyperlegible) Open Dyslexic Comic Sans

Font for code blocks:

Default Comic Sans Mono <script> function saveFont(){ gtnLocalSet("fontMain", document.getElementById("font").value); gtnLocalSet("fontCode", document.getElementById("font-code").value); document.body.dataset["font_main"] = document.getElementById("font").value document.body.dataset["font_code"] = document.getElementById("font-code").value } document.getElementById("font").value = gtnLocalGet("fontMain"); document.getElementById("font-code").value = gtnLocalGet("fontCode"); </script>