adjusted css of code blocks

static/index.css

@@ -14,18 +14,18 @@ GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.Rawley Fowler, 2022
 */
-
+/* Color Scheme from here: https://draculatheme.com */
 html {
 	max-width: 100vw;
 	min-height: 100vh;
 }
 
 body {
-	color: #242124;
+	color: #282a36;
 	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 	-webkit-font-smoothing: antialias;
 	-moz-osx-font-smoothing: grayscale;
-	background-color: #fafafa;
+	background-color: #f8f8f2;
 	font-size: calc(12px + 0.33vw);
 	margin: auto;
 	padding: 1.3em;
@@ -70,18 +70,11 @@ li {
 	padding-bottom: 6px;
 }
 
-span {
-	background-color: rgba(25, 25, 25, 0.6);
-	color: #50f77b;
-	padding-left: 2px;
-	padding-right: 2px;
-}
-
 a {
 	text-decoration: none;
-	color: #242124;
 	position: relative;
 	transition: 100ms linear;
+	color: inherit;
 }
 
 a::after {
@@ -93,7 +86,7 @@ a::after {
 	right: 0;
 	bottom: 0;
 	transition: 102ms cubic-bezier(0, 0.86, 0.1, 1);
-	background-color: rgba(255, 222, 0);
+	background-color: #fff42b;
 }
 
 a:hover:after {
@@ -164,13 +157,35 @@ a:hover:after {
 	content: "' ";
 }
 
-.comment {
-	margin-top: 3px;
-	margin-bottom: 3px;
-	border: 2px solid #454545;
+/* For code snippets */
+code {
+	background-color: #44475a;
+	color: #50fa7b;
+	padding: 3px;
+	font-family: monospace;
 }
 
-.comment-body {
-	background-color: rgba(222, 222, 222, 0.5);
-	word-wrap: break-word;
+code::before {
+	content: "\A";
+	white-space: pre;
+}
+
+code::after {
+	content: "\A";
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		color: #f8f8f2;
+		background-color: #282a36;
+	}
+	body * {
+		color: #f8f8f2;
+	}
+	body > * {
+		color: #f8f8f2;
+	}
+	a::after {
+		background-color: #bd93f9;
+	}
 }