fix(styling): make code backgrounds solid, transparent backgrounds on

code link hovers

Author: micahkepe

sass/_vendor.scss

@@ -421,12 +421,12 @@ a.zola-anchor:hover {
   }
 
   code {
-    background: rgba($color: #000000, $alpha: 0.35)
+    background: rgba($color: #3d4253, $alpha: 1)
   }
 }
 
 .light .hack code {
-  background: rgba($color: #000000, $alpha: 0.1);
+  background: rgba($color: #d0cfd5, $alpha: 1);
   border-radius: 4px;
   padding: 2px 6px;
 }

sass/parts/_code.scss

@@ -154,11 +154,11 @@ pre::-webkit-scrollbar-track {
 a {
   code:hover {
     background-color: transparent;
+    background: transparent !important;
   }
 }
 
 code {
-  color: var(--text-color);
   background-color: var(--bg-primary);
 }
 

sass/site.scss

@@ -1,3 +1,5 @@
+/// This file is the main entry point for the Sass styles of the site.
+
 @use "vendor";
 @use "theme";
 @use "parts/note";
@@ -6,6 +8,7 @@
 @use "parts/toc";
 @use "parts/latex";
 
+/// Globally defined CSS variables
 :root {
   --bg-primary: #282828;
   --accent: #c62c2a;