Merge branch 'rolling' into master

public/static/colorschemes/dark-chocolate.css

@@ -0,0 +1,11 @@
+:root {
+    --bg: #000000;
+    --fg: #ffffff;
+    --1: #121212;
+    --2: #808080;
+    --3: #999999;
+    --4: #666666;
+    --5: #bfbfbf;
+    --6: #e0e0e0;
+    --7: #555555;
+  }

public/static/colorschemes/one-dark.css

@@ -0,0 +1,11 @@
+:root {
+  --bg: #282c34;
+  --fg: #abb2bf;
+  --1: #3b4048;
+  --2: #a3be8c;
+  --3: #b48ead;
+  --4: #c8ccd4;
+  --5: #e06c75;
+  --6: #61afef;
+  --7: #be5046;
+}

public/static/colorschemes/tokyo-night.css

@@ -0,0 +1,11 @@
+:root {
+  --bg: #1a1b26;
+  --fg: #c0caf5;
+  --1: #32364a;
+  --2: #a9b1d6;
+  --3: #5a5bb8;
+  --4: #6b7089;
+  --5: #e2afff;
+  --6: #a9a1e1;
+  --7: #988bc7;
+}

public/static/themes/simple.css

@@ -260,3 +260,44 @@ footer {
 .page_navigation button:active {
   filter: brightness(1.2);
 }
+
+/* Styles for the about page */
+
+  .about-container article{
+      font-size: 1.5rem;
+      color:var(--fg);
+      padding-bottom: 10px;
+    }
+
+  .about-container article h1{
+      color: var(--2);
+      font-size: 2.8rem;
+    }
+
+  .about-container article div{
+      padding-bottom: 15px;
+    }
+
+  .about-container a{
+    color:var(--3);
+  }
+
+  .about-container article h2{
+    color: var(--3);
+    font-size: 1.8rem;
+    padding-bottom: 10px;
+  }
+
+  .about-container p{
+    color:var(--fg);
+    font-size:  1.6rem;
+    padding-bottom: 10px;
+  }
+
+  .about-container h3{
+    font-size: 1.5rem;
+  }
+
+  .about-container {
+    width: 80%;
+  }