diff --git a/static/custom.css b/static/custom.css
index 080c7bfc..f778a8d5 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -1,5 +1,66 @@
/* akkoma synth.download edition */
+/* colors for TOS page */
+:root {
+ /* base colors */
+ --synth-background: #fafafa;
+ --synth-foreground: #3d454d;
+ --synth-selection: #f0eee4;
+ --synth-comment: #abb0b6;
+ --synth-accent: #fd9e1a;
+
+ /* original ayu colors */
+ --synth-orange: #ff9940;
+ --synth-green: #86b300;
+ --synth-blue: #4cbf99;
+ --synth-purple: #a37acc;
+ --synth-red: #ec3838;
+
+ /* extended catppuccin based colors */
+ --synth-flamingo: #ff7d7d;
+ --synth-rosewater: #eca69a;
+ --synth-pink: #ff8adb;
+ --synth-mauve: #ba8aff;
+ --synth-maroon: #e06c75;
+ --synth-peach: #ffac6b;
+ --synth-yellow: #e5c07b;
+ --synth-teal: #2bbac5;
+ --synth-sky: #3eacce;
+ --synth-sapphire: #4db5d0;
+ --synth-lavender: #7881ce;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ /* base colors */
+ --synth-background: #0a0e14;
+ --synth-foreground: #d8d6d2;
+ --synth-selection: #253340;
+ --synth-comment: #5c6773;
+ --synth-accent: #e6b450;
+
+ /* original ayu colors */
+ --synth-orange: #ffb454;
+ --synth-green: #aad94c;
+ --synth-blue: #59c2ff;
+ --synth-purple: #d2a6ff;
+ --synth-red: #f0646b;
+
+ /* extended catppuccin based colors */
+ --synth-flamingo: #f2cdcd;
+ --synth-rosewater: #f5e0dc;
+ --synth-pink: #ffc9e3;
+ --synth-mauve: #cba6f7;
+ --synth-maroon: #eba0ac;
+ --synth-peach: #ffcca8;
+ --synth-yellow: #f9e2af;
+ --synth-teal: #8ddedc;
+ --synth-sky: #89dceb;
+ --synth-sapphire: #74c7ec;
+ --synth-lavender: #b4befe;
+ }
+}
+
/* notification gradient change */
.Notifications .notification.unseen .notification-overlay {
background-image: unset !important;
@@ -151,6 +212,28 @@
width: unset !important;
}
+/* styling for the TOS/about page */
+.tos-content {
+ .synth-section {
+ background-color: var(--synth-background);
+ border-radius: 2rem;
+ border: var(--synth-accent) solid .15rem;
+
+ section {
+ color: var(--synth-foreground);
+ font-family: monospace, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-size: 1.125rem;
+ text-transform: lowercase;
+ padding: .8rem;
+
+ #logo {
+ min-width: 25rem;
+ max-width: 50%;
+ }
+ }
+ }
+}
+
/* -------------------------------------------
----------------------------------------------
- everything below this is icon replacements -
diff --git a/static/terms-of-service.html b/static/terms-of-service.html
index af093888..d1180554 100644
--- a/static/terms-of-service.html
+++ b/static/terms-of-service.html
@@ -1,41 +1,62 @@
-icesynth!
-
-
-Log in • Register
-
-merp! a small instance themed around synths, but accepts all.
-
-
-
+
-This is our Iceshrimp.NET instance, managed by @sneexy. You're looking at our Akkoma frontend for this instance!
-
-We have a sibling Sharkey instance running over at booping.synth.download with more information provided.
-
-For more information about this instance, including rules and such, check out the about page for our Sharkey instance which includes information that is shared with this instance!
-
-Alternative frontends
-
-
- -
- Iceshrimp.NET • The default frontend, requires to be logged in directly to Iceshrimp before being accessible.
-
- -
- Mastodon • The Mastodon frontend based off of the Chuckya fork with extra support for Iceshrimp based features, the most stable/recommended. Source
-
- -
- Akkoma • The Akkoma frontend with extra support for Iceshrimp based features. Source
-
- -
- Phanpy • Opinionated Mastodon client, works well with Iceshrimp. Enable the Akkoma flag for proper support with Emoji reactions. Source
-
- -
- pl-fe • Another Mastodon-compatible client, works well with Iceshrimp. Source
-
-
+
+
+
+ Hey! Welcome to...
+ 
+ Beep! A small instance themed around synths, but accepts all.
+
+
+
+
+
+
+ This is our Iceshrimp.NET instance, managed by @sneexy. You're looking at our Akkoma frontend for this instance!
+ We have a sibling Sharkey instance running over at booping.synth.download with more, usually up-to-date information provided. If you want to know more information that are shared among these instances, please look at the Instance Information page from over there. Everything on there applies to here.
+ For other services that we provide, as well as general info on Synth.Download as a whole, please look at our homepage!
+
+
+
+
+ Alternative frontends
+
+ -
+ Iceshrimp.NET • The default frontend, requires to be logged in directly to Iceshrimp before being accessible.
+
+ -
+ Mastodon • The Mastodon frontend based off of the Chuckya fork with extra support for Iceshrimp based features, the most stable/recommended. Source
+
+ -
+ Akkoma • The Akkoma frontend with extra support for Iceshrimp based features. Source
+
+ -
+ Phanpy • Opinionated Mastodon client, works well with Iceshrimp. Enable the Akkoma flag for proper support with Emoji reactions. Source
+
+ -
+ pl-fe • Another Mastodon-compatible client, works well with Iceshrimp. Source
+
+
+
+
-Thanks for visiting, beep! :]
+
+
+
+ Thanks for visiting, beep! :]
+
+
+