diff --git a/index.html b/index.html
index 22611a0ce787eec96f1f6372a5f3e48779f119d0..8a10d0d0e9c3366b12b3c6049f4b30874bf17e7c 100644
--- a/index.html
+++ b/index.html
@@ -41,6 +41,23 @@
.explanation {
opacity: .5;
}
+ @media (prefers-color-scheme: dark) {
+ body {
+ background-color: #1e1e2e;
+ color: #cdd6f4;
+
+ }
+ h1 {
+ color: #eba0ac;
+ }
+ a {
+ color: #89b4fa;
+ text-decoration: none;
+ }
+ a:hover, a:focus {
+ text-decoration: underline;
+ }
+ }
</style>
</head>
<body>
@@ -51,7 +68,7 @@
</hgroup>
<div class="explanation">
<p>This is a file drop interface that we translation angels use to gather support material that helps us provide our simultaneous interpretations.</p>
- <p>While we’re waiting for the next congress, you can reach us at <a href="mailto:hello@c3lingo.org">hello@c3lingo.org</a> or <a href="https://twitter.com/c3lingo">follow @c3lingo on Twitter</a>.</p>
+ <p>While we’re waiting for the next congress, you can reach us at <a href="mailto:hello@c3lingo.org">hello@c3lingo.org</a> or <a href="https://chaos.social/@c3lingo">follow c3lingo on Mastodon</a>.</p>
</div>
</section>
<section lang="en">
@@ -61,7 +78,7 @@
</hgroup>
<div class="explanation">
<p>Das hier ist eine Dateiupload-Oberfläche, die wir Übersetzungsengel nutzen, um Material zu sammeln, das uns bei unseren Simultanübersetzungen hilft.</p>
- <p>Während wir auf den nächsten Kongress warten, kannst du uns unter <a href="mailto:hello@c3lingo.org">hello@c3lingo.org</a> erreichen oder <a href="https://twitter.com/c3lingo">@c3lingo auf Twitter folgen</a>.</p>
+ <p>Während wir auf den nächsten Kongress warten, kannst du uns unter <a href="mailto:hello@c3lingo.org">hello@c3lingo.org</a> erreichen oder <a href="https://chaos.social/@c3lingo">c3lingo auf Mastodon folgen</a>.</p>
</div>
</section>
</body>