From 63f3e55717814e6151356421a5a29c3b2ecaaf82 Mon Sep 17 00:00:00 2001
From: cube <cube@noreply.example.org>
Date: Tue, 24 Mar 2026 20:30:33 +0000
Subject: [PATCH] Add Themes

---
 Themes.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 Themes.md

diff --git a/Themes.md b/Themes.md
new file mode 100644
index 0000000..86ed3ea
--- /dev/null
+++ b/Themes.md
@@ -0,0 +1,50 @@
+Located in myriad/static/themes, these are css files that are loaded to the base.html for use on the site (future) and in member profiles/pages. The basic layout of a theme is as follows, using 'purple' as an example, though anything can be added to change any aspect of the site with the chosen theme applied.
+
+```
+.purple{
+    background-color:#ecc9fa;
+    border-color:#a414da;
+    color:black;
+}
+.purple .heading
+{
+    background-color:#d991f4;
+    border-color:#a414da;
+    color:black;
+}
+.purple .heading b
+{
+    color:black;
+}
+.purple a{
+    color: #a414da;
+}
+.purple a:hover{
+    color: #720e98;
+}
+.purple ::selection {
+    background:#a414da;
+    color: white;
+    text-shadow: none;
+}
+.purple ::-moz-selection {
+    background: #a414da;
+    color: #EEE;
+    text-shadow: none;
+}
+.purple .icon{
+    border-color:#a414da;
+}
+
+body.purple{
+    background: #fb46c0;
+    background: linear-gradient(90deg, #fb46c0 0%, #a414da 50%, #720e98 100%);
+    scrollbar-color:#a414da #d991f4;
+}
+.purple .container{
+    background-color:#ecc9fa;
+    border-color:#a414da;
+}
+```
+
+Since the class selector is used to determine which theme to use, the filename and theme class selector must be the exact same - therefore, no spaces or unusual characters. Here the filename is purple.css and the class selector is .purple. If you create a theme, make sure to replace .purple with your theme name. 
\ No newline at end of file