Now light and dark themes available, remember theme with cookies

css/dark.css

@@ -0,0 +1,31 @@
+body {
+    background-color: #34495e;
+    color: #ecf0f1;
+}
+
+a {
+    color: #ecf0f1;
+}
+
+th,
+td {
+    border: 1px solid #263646;
+}
+
+table {
+    border: 2px solid #263646;
+}
+
+thead tr {
+    background-color: #34495e;
+}
+
+.outline-2,
+#footnotes,
+#postamble {
+    background-color: #2c3e50;
+}
+
+.themeBtn {
+    color: #ecf0f1;
+}

css/light.css

@@ -0,0 +1,31 @@
+body {
+    background-color: #eee;
+    color: #444;
+}
+
+a {
+    color: #444;
+}
+
+th,
+td {
+    border: 1px solid #444;
+}
+
+table {
+    border: 2px solid #444;
+}
+
+thead tr {
+    background-color: #ddd;
+}
+
+.outline-2,
+#footnotes,
+#postamble {
+    background-color: #eee;
+}
+
+.themeBtn {
+    color: #ecf0f1;
+}

css/style.css

@@ -13,8 +13,6 @@
 }
 
 body {
-    background-color: #34495e;
-    color: #ecf0f1;
     font-family: "Noto Sans Runes", "DoulosSIL", "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
     font-weight: normal;
     overflow-x: hidden;
@@ -26,7 +24,7 @@ body {
 #content {
     max-width: 1100px;
     margin: 0 auto;
-    padding: 20px;
+    padding: 2px;
 }
 
 img,
@@ -36,7 +34,6 @@ table {
 
 a {
     text-decoration: none;
-    color: #ecf0f1;
     box-shadow: inset 0 -3px 0 #9b59b6;
     transition: all .3s ease-out;
 }
@@ -55,19 +52,6 @@ td {
     padding: 10px;
 }
 
-th,
-td {
-    border: 1px solid #263646;
-}
-
-table {
-    border: 2px solid #263646;
-}
-
-thead tr {
-    background-color: #34495e;
-}
-
 .vertical {
     writing-mode: vertical-rl;
     text-align: right;
@@ -92,16 +76,6 @@ legend {
     margin-top: 0;
 }
 
-h1:before,
-h2:before,
-h3:before,
-h4:before,
-h5:before,
-h6:before,
-    {
-    content: '>';
-}
-
 h1 {
     font-size: 170%;
 }
@@ -142,14 +116,21 @@ h6 {
 .outline-text-4,
 .outline-text-5,
 .outline-text-6 {
-    margin: 0 10px;
+    margin: 0 2px;
     padding: 0 10px;
 }
 
+.outline-text-2,
+.outline-text-3,
+.outline-text-4,
+.outline-text-5,
+.outline-text-6 {
+    margin-bottom: 20px;
+}
+
 .outline-2,
 #footnotes,
 #postamble {
-    background-color: #2c3e50;
     box-shadow: 5px 5px 7px rgba(1, 1, 1, .6);
     margin: 20px;
     padding: 20px;
@@ -168,7 +149,8 @@ h6 {
     display: none;
 }
 
-.largetable {
+.largetable,
+.figure {
     display: block;
     overflow-x: auto;
 }
@@ -187,3 +169,20 @@ a.footref {
     content: "⌄";
     padding-left: 20px;
 }
+
+.themeBtn {
+    position: fixed;
+    bottom: 25px;
+    right: 25px;
+    padding-top:10px;
+    height: 40px;
+    width: 50px;
+    border-radius: 25px;
+    background-color: #1e5b50;
+    text-align: center;
+    box-shadow: 3px 3px 6px rgba(1, 1, 1, .6);
+}
+
+.themeBtn .fas {
+    font-size: 30px;
+}