Improve formatting of wiki page headers

tildes/scss/modules/_text.scss

@@ -9,3 +9,36 @@
   font-size: 0.6rem;
   line-height: 0.9rem;
 }
+
+// special formatting rules for wiki pages
+.text-wiki {
+  h1, h2, h3, h4, h5, h6 {
+    a {
+      text-decoration: none;
+    }
+  }
+
+  h1, h2, h3 {
+    border-bottom: 1px dotted;
+    padding-bottom: 0.2rem;
+  }
+
+  h1, h2 {
+    margin-top: 2rem;
+  }
+
+  h3 {
+    margin-top: 1rem;
+    font-size: 0.9rem;
+  }
+
+  h4 {
+    font-size: 0.8rem;
+    font-weight: bold;
+  }
+
+  .heading-main {
+    margin-top: 0;
+    border-bottom: 0;
+  }
+}

tildes/scss/themes/_theme_base.scss

@@ -443,6 +443,14 @@
     color: map-get($theme, "warning");
   }
 
+  .text-wiki {
+    h1, h2, h3, h4, h5, h6 {
+      a {
+        color: map-get($theme, "foreground-highlight");
+      }
+    }
+  }
+
   .toast {
     color: map-get($theme, "foreground-highlight");
     border-color: map-get($theme, "border");

tildes/tildes/templates/group_wiki_page.jinja2

@@ -11,7 +11,7 @@
 <a class="site-header-context" href="/~{{ page.group.path }}">~{{ page.group.path }}</a>
 {% endblock %}
 
-{% block main_classes %}text-formatted{% endblock %}
+{% block main_classes %}text-formatted text-wiki{% endblock %}
 
 {% block main_heading %}{{ page.page_name }}{% endblock %}