fix errors + add color-base-font to light theme

beetroot_static/src/less/disroot.less

@@ -5,6 +5,7 @@
 :root {
   --disroot-white: #ddd;
   --color-btn-font: #ddd;
+  --color-base-font: var(--color-btn-font);
 
   /* background colors */
   --disroot-lightmode: #ddd;
@@ -12,7 +13,7 @@
   --disroot-darkmode-light: hsl(225, 15%, 20%); //#2b2f3b //#2a2e3a;
   --disroot-darkmode-lighter: hsl(227, 14%, 25%); //#383c4a;
 
-  /* primary color light theme*/
+  /* primary color light theme */
   //--primary-l-h: 336;
   //--primary-l-s: 57%;
   //--primary-l-l: 20%;
@@ -25,11 +26,12 @@
   --disroot-red-lighter: hsl(336, 34%, 33%); //#72384f;
   --disroot-red-even-lighter: hsl(336, 28%, 64%); //#bd899e;
 
-  /* primary color dark theme*/
+  /* primary color dark theme */
   --disroot-green: hsl(77, 66%, 43%); //#8eb726;
   --disroot-green-lighter: hsl(77, 54%, 59%); //#afcf60;
   --disroot-green-even-lighter: hsl(77, 45%, 73%); //#c8d99b;
   --disroot-green-darker: hsl(77, 66%, 34%); //#71911e;
+
   /* secondary color */
   --disroot-blueish: hsl(184, 51%, 25%); //#1f5c60;
   --disroot-blueish-lighter: hsl(184, 30%, 44%); //#4f8f93;
@@ -86,6 +88,7 @@
 .results_endpoint #links_on_top a:visited * {
   color: #fff !important;
 }
+
 .result {
   background-color: var(--color-result-background);
   border-radius: 2px;
@@ -102,9 +105,9 @@
   fill: var(--disroot-red-even-lighter);
 }
 
-#categories_container {
-  //background-color: var(--disroot-red);
-}
+// #categories_container {
+// background-color: var(--disroot-red);
+// }
 
 //Search box
 .search_box {
@@ -113,9 +116,9 @@
 }
 
 //Cache link
-.cache_link:visited {
+//.cache_link:visited {
 //  color: var(--disroot-red);
-}
+//}
 
 //Logo
 .index {
@@ -183,4 +186,4 @@
   &:hover {
     filter: grayscale(1);
   }
-}
+}