diff --git a/app/static/structure.css b/app/static/structure.css
index 8e606242..c095a2c5 100644
--- a/app/static/structure.css
+++ b/app/static/structure.css
@@ -534,7 +534,8 @@ fieldset legend {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
-  border-radius: 5px 5px 0 0; /* top-left | top-right | bottom-right | bottom-left */
+  border-radius: 5px 5px 0 0;
+  /* top-left | top-right | bottom-right | bottom-left */
   height: 176px;
   margin-left: -12px;
   margin-right: -12px;
diff --git a/app/templates/themes/trans/styles.css b/app/templates/themes/trans/styles.css
new file mode 100644
index 00000000..6c20f31a
--- /dev/null
+++ b/app/templates/themes/trans/styles.css
@@ -0,0 +1,122 @@
+:root {
+    --bs-link-color: black;
+    --bs-link-color-rgb: black;
+    --bs-link-hover-color-rgb: #333;
+}
+
+[data-bs-theme="dark"] {
+    --bs-body-bg: black;
+    --bs-link-color: white;
+    --bs-link-color-rgb: white;
+    --bs-link-hover-color-rgb: #eee;
+    --bs-heading-color: white;
+    --bs-body-color: white;
+    --bs-body-color-rgb: white;
+}
+
+body {
+    background-color: #5ccffb;
+}
+[data-bs-theme="dark"] body {
+    background-color: #36b2dd;
+}
+
+div.navbar, footer {
+    background-color: #f5a8b8;
+}
+
+[data-bs-theme="dark"] div.navbar, footer {
+    background-color: #cd8393;
+}
+
+.side_pane .card {
+    --bs-card-bg: #f5a8b8;
+}
+
+[data-bs-theme="dark"] .side_pane .card {
+    --bs-card-bg: #cd8393;
+}
+
+.text-muted {
+    color: #ffe2f2;
+}
+.btn-primary {
+    --bs-btn-bg: #f5a8b8;
+    --bs-btn-border-color: #0d6efd;
+    --bs-btn-hover-bg: #f8c9b9;
+}
+
+[data-bs-theme="dark"] .btn-primary {
+    --bs-btn-bg: white;
+    --bs-btn-border-color: white;
+    --bs-btn-hover-bg: white;
+    --bs-btn-color: black;
+}
+[data-bs-theme="dark"] .btn-primary:hover {
+    --bs-btn-hover-color: black;
+}
+
+.btn-outline-secondary {
+    --bs-btn-color: black;
+}
+[data-bs-theme="dark"] .btn-outline-secondary {
+    --bs-btn-color: white;
+}
+
+[data-bs-theme="dark"] .post_list .post_teaser {
+    border-bottom: solid 1px white;
+}
+
+.domain_link, .domain_link a {
+    color: black;
+}
+[data-bs-theme="dark"] .domain_link, [data-bs-theme="dark"] .domain_link a {
+    color: ghostwhite;
+}
+
+.main_pane, .voting_buttons div {
+    border: solid 1px #5ccffb;
+}
+[data-bs-theme="dark"] .main_pane, [data-bs-theme="dark"] .voting_buttons div {
+    border: solid 1px #eee;
+}
+
+div.navbar {
+    border-bottom: solid 1px #5ccffb;
+}
+[data-bs-theme="dark"] div.navbar {
+    border-bottom: solid 1px #fff;
+}
+
+.nav-link {
+    color: black;
+}
+[data-bs-theme="dark"] .nav-link {
+    color: white;
+}
+
+.list-group {
+    --bs-list-group-bg: inherit;
+}
+
+.nav-link .red {
+    color: white;
+}
+
+.dropdown-menu {
+    --bs-dropdown-bg: #f5a8b8;
+}
+
+.card {
+    --bs-card-border-color: #333;
+}
+[data-bs-theme="dark"] .card {
+    --bs-card-border-color: #fff;
+}
+
+.coolfieldset.collapsed legend, .coolfieldset legend, .coolfieldset.expanded legend {
+    background-color: white;
+}
+[data-bs-theme="dark"] .coolfieldset.collapsed legend, [data-bs-theme="dark"] .coolfieldset legend, [data-bs-theme="dark"] .coolfieldset.expanded legend {
+    background-color: black;
+}
\ No newline at end of file
diff --git a/app/templates/themes/trans/trans.json b/app/templates/themes/trans/trans.json
new file mode 100644
index 00000000..2885a6d1
--- /dev/null
+++ b/app/templates/themes/trans/trans.json
@@ -0,0 +1,3 @@
+{
+  "name": "Trans Pride"
+}
\ No newline at end of file