:root { --theme-api-default-avatar: "/system/site_uploads/files/000/000/008/@1x/86933807b34b02c4.png"; --theme-api-default-header: "/system/site_uploads/files/000/000/010/@1x/93248feaf94ec8a9.png"; }
html[data-color-scheme='light'] { --color-bg-primary: #f7f7f7; --theme-card-color: #f7f7f7; --color-bg-secondary: #f7f7f7; --color-border-primary: #c4cbe3; --color-text-secondary: #696eab; --color-text-tertiary: #696eab; --theme-mention-color: #696eab; --theme-bubble-mine-color: #4046a0; --theme-bubble-other-color: #f2f2f8; --color-text-favourite-highlight: #ffae00; --color-text-bookmark-highlight: #d77980; --color-indigo-50: color-mix(in srgb, #4046a0 7%, white); --color-indigo-100: color-mix(in srgb, #4046a0 14%, white); --color-indigo-200: color-mix(in srgb, #4046a0 28%, white); --color-indigo-300: color-mix(in srgb, #4046a0 45%, white); --color-indigo-400: color-mix(in srgb, #4046a0 62%, white); --color-indigo-500: color-mix(in srgb, #4046a0 78%, white); --color-indigo-600: color-mix(in srgb, #4046a0 90%, white); --color-indigo-700: #4046a0; --color-indigo-800: color-mix(in srgb, #4046a0 80%, black); --color-indigo-900: color-mix(in srgb, #4046a0 65%, black); --color-indigo-950: color-mix(in srgb, #4046a0 40%, black); --avatar-border-radius: 50%; --theme-card-opacity: 60%; --theme-bubble-mine-text: #ffffff; --theme-bubble-other-text: #181820; }
html[data-color-scheme='light'] { --theme-default-avatar: "/system/site_uploads/files/000/000/008/@1x/86933807b34b02c4.png"; --theme-default-header: "/system/site_uploads/files/000/000/010/@1x/93248feaf94ec8a9.png"; }
html[data-color-scheme='light'] body { background-image: url("/system/site_uploads/files/000/000/014/@1x/c842ccc750d15de7.jpg"); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; }
html[data-color-scheme='light'] { --theme-background-image: url("/system/site_uploads/files/000/000/014/@1x/c842ccc750d15de7.jpg"); }
html[data-color-scheme='light'] .logo--wordmark { background: url("/system/site_uploads/files/000/000/006/@1x/dff7f80e757f041a.png") left center / contain no-repeat; } html[data-color-scheme='light'] .logo--wordmark > * { display: none; } html[data-color-scheme='light'] .navigation-panel .logo--wordmark { height: 66px; aspect-ratio: 216 / 66; max-width: 100%; } html[data-color-scheme='light'] .logo-container .logo--wordmark { margin-inline-end: 0; background-position: center; } html[data-color-scheme='light'] .logo-container .logo--wordmark { aspect-ratio: 216 / 66; width: auto; }
html[data-color-scheme='dark'] { --color-border-primary: #2e2e48; --color-text-primary: #dee2fc; --color-text-secondary: #bcc2f0; --color-text-tertiary: #bcc2f0; --color-text-favourite-highlight: #f2d482; --color-text-bookmark-highlight: #e45858; --color-indigo-50: color-mix(in srgb, #444bab 7%, white); --color-indigo-100: color-mix(in srgb, #444bab 14%, white); --color-indigo-200: color-mix(in srgb, #444bab 28%, white); --color-indigo-300: color-mix(in srgb, #444bab 45%, white); --color-indigo-400: color-mix(in srgb, #444bab 62%, white); --color-indigo-500: color-mix(in srgb, #444bab 78%, white); --color-indigo-600: color-mix(in srgb, #444bab 90%, white); --color-indigo-700: #444bab; --color-indigo-800: color-mix(in srgb, #444bab 80%, black); --color-indigo-900: color-mix(in srgb, #444bab 65%, black); --color-indigo-950: color-mix(in srgb, #444bab 40%, black); --avatar-border-radius: 50%; --theme-card-opacity: 60%; }
html[data-color-scheme='dark'] { --theme-default-avatar: "/system/site_uploads/files/000/000/007/@1x/6d7ea4f9573daf5e.png"; --theme-default-header: "/system/site_uploads/files/000/000/012/@1x/0332e4441dec607d.png"; }
html[data-color-scheme='dark'] body { background-image: url("/system/site_uploads/files/000/000/015/@1x/353c3118151d2029.jpg"); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; }
html[data-color-scheme='dark'] { --theme-background-image: url("/system/site_uploads/files/000/000/015/@1x/353c3118151d2029.jpg"); }
html[data-color-scheme='dark'] .logo--wordmark { background: url("/system/site_uploads/files/000/000/013/@1x/ff5c77b6e1b5cb2f.png") left center / contain no-repeat; } html[data-color-scheme='dark'] .logo--wordmark > * { display: none; } html[data-color-scheme='dark'] .navigation-panel .logo--wordmark { height: 66px; aspect-ratio: 216 / 66; max-width: 100%; } html[data-color-scheme='dark'] .logo-container .logo--wordmark { margin-inline-end: 0; background-position: center; } html[data-color-scheme='dark'] .logo-container .logo--wordmark { aspect-ratio: 216 / 66; width: auto; }
html .columns-area__panels__main { background-color: transparent; }
html .columns-area--mobile > .column, html .drawer__inner { background-color: color-mix(in srgb, var(--theme-card-color, var(--color-bg-primary)) var(--theme-card-opacity, 100%), transparent); }
html .tabs-bar__wrapper { background: linear-gradient(color-mix(in srgb, var(--theme-header-color, var(--theme-card-color, var(--color-bg-primary))) var(--theme-header-opacity, var(--theme-card-opacity, 100%)), transparent), color-mix(in srgb, var(--theme-header-color, var(--theme-card-color, var(--color-bg-primary))) var(--theme-header-opacity, var(--theme-card-opacity, 100%)), transparent)) padding-box, var(--theme-background-image, none) center / cover no-repeat fixed border-box var(--color-bg-primary); border-top-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
html .tabs-bar__wrapper .column-header, html .tabs-bar__wrapper .column-back-button { background: transparent; }
html .drawer__inner__mastodon { background: transparent; }