feat(rss): Restyle RSS feed to match CI

src/fellchensammlung/static/fellchensammlung/css/rss-styles.css

@@ -1,30 +1,44 @@
 :root {
-  --background-color: #727272;
-  --background-color-dark: #2a2a2a;
-  --text-color: #000000;
-  --link-color: rgb(10, 10, 42);
-  --text-background: #aaaaaa;
+    --primary-light-one: #5daa68;
+    --primary-light-two: #4a9455;
+    --primary-dark-one: #17311b;
+    --secondary-light-one: #faf1cf;
+    --secondary-light-two: #e1d7b5;
+    --background-one: var(--primary-light-one);
+    --background-two: var(--primary-light-two);
+    --background-three: var(--secondary-light-one);
+    --background-four: var(--primary-dark-one);
+    --highlight-one: var(--primary-dark-one);
+    --highlight-one-text: var(--secondary-light-one);
+    --text-one: var(--secondary-light-one);
+    --shadow-one: var(--primary-dark-one);
+    --text-two: var(--primary-dark-one);
+    --text-three: var(--primary-light-one);
+    --shadow-three: var(--primary-dark-one);
 }
+
 body {
     display: flex;
     flex-direction: column;
-  background-color: var(--background-color-dark);
-  color: var(--text-color);
+    background-color: var(--background-one);
+    color: var(--text-one);
 }
 
-alert-box[type="info"] {
-  --alert-border: var(--background-color);
-  --alert-background: var(--text-background);
-}
 
 alert-box {
+    color: var(--highlight-one);
     display: block;
     margin: 3rem 0;
     padding: 2rem 3rem;
-  border: 1px solid var(--alert-border);
+    border: 1px solid var(--highlight-one);
     border-left-width: .5rem;
     border-radius: .4rem;
-  background-color: var(--alert-background);
+    background-color: var(--background-three);
+
+    a {
+        color: var(--text-three);
+        text-decoration: none;
+    }
 }
 
 a {
@@ -32,21 +46,24 @@ a {
     text-decoration: none;
 }
 
+
+.rss-summary {
+    color: var(--highlight-one);
+    padding: 15px;
+    border-radius: .4rem;
+    background-color: var(--background-three);
+}
+
 .post-summary {
+    color: var(--text-two);
     margin: 1rem;
     padding: 5px;
     border-radius: .4rem;
-  background-color: var(--text-background);
-}
-
-.rss-summary {
-  padding: 15px;
-  border-radius: .4rem;
-  background-color: var(--background-color);
+    background-color: var(--background-one);
 }
 
 .post-summary h1 {
-  color: var(--link-color);
+    color: var(--text-one);
     font-size: large;
 }
 

src/fellchensammlung/static/rss.xsl

@@ -208,7 +208,7 @@
                   </a>
                 </h1>
 
-                <div class="text-2 text-offset">
+                <div class="post-description">
                   <xsl:value-of select="description"/>
                 </div>
               </div>