fix (Docs) : Text is not visible

assets/js/custom.js

@@ -1 +1 @@
-// Put your custom JS code here
+// Put your custom JS code here

assets/js/docsearch.js

@@ -1,16 +1,16 @@
-import docsearch from "@docsearch/js";
-
-docsearch({
-    container: "#docsearch",
-    appId: "OV9LGQBN5C",
-    apiKey: "7005679dc522e856719f3270aac826a1",
-    indexName: "wahalike",
-    insights: true
-});
-
-const onClick = function () {
-    document.getElementsByClassName("DocSearch-Button")[0].click();
-};
-
-document.getElementById("searchToggleMobileDocSearch").onclick = onClick;
-document.getElementById("searchToggleDesktopDocSearch").onclick = onClick;
+import docsearch from '@docsearch/js';
+
+docsearch({
+    container: '#docsearch',
+    appId: 'OV9LGQBN5C',
+    apiKey: '7005679dc522e856719f3270aac826a1',
+    indexName: 'wahalike',
+    insights: true
+});
+
+const onClick = function () {
+    document.getElementsByClassName('DocSearch-Button')[0].click();
+};
+
+document.getElementById('searchToggleMobileDocSearch').onclick = onClick;
+document.getElementById('searchToggleDesktopDocSearch').onclick = onClick;

assets/jsconfig.json

@@ -1,8 +1,8 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "*": ["*", "..\\node_modules\\@thulite\\doks-core\\assets\\*"]
-    }
-  }
-}
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "*": ["*", "..\\node_modules\\@thulite\\doks-core\\assets\\*"]
+    }
+  }
+}

assets/scss/common/_custom.scss

@@ -1,112 +1,116 @@
-// Card shortcode
-
-.card-icon {
-  padding: 0.2em;
-  border-radius: 0.25rem;
-}
-
-.icon-yellow {
-  border: 1px solid var(--sl-color-orange);
-  background-color: var(--sl-color-orange-high);
-}
-
-.icon-purple {
-  border: 1px solid var(--sl-color-purple);
-  background-color: var(--sl-color-purple-high);
-}
-
-.icon-green {
-  border: 1px solid var(--sl-color-green);
-  background-color: var(--sl-color-green-high);
-}
-
-.icon-red {
-  border: 1px solid var(--sl-color-red);
-  background-color: var(--sl-color-red-high);
-}
-
-.icon-blue {
-  border: 1px solid var(--sl-color-blue);
-  background-color: var(--sl-color-blue-high);
-}
-
-.card-nav .card-box svg {
-  stroke: $db-bluishCyan-100;
-}
-
-@include color-mode(dark) {
-  .icon-yellow {
-    border: 1px solid var(--sl-color-orange);
-    background-color: var(--sl-color-orange-low);
-  }
-
-  .icon-purple {
-    border: 1px solid var(--sl-color-purple);
-    background-color: var(--sl-color-purple-low);
-  }
-
-  .icon-green {
-    border: 1px solid var(--sl-color-green);
-    background-color: var(--sl-color-green-low);
-  }
-
-  .icon-red {
-    border: 1px solid var(--sl-color-red);
-    background-color: var(--sl-color-red-low);
-  }
-
-  .icon-blue {
-    border: 1px solid var(--sl-color-blue);
-    background-color: var(--sl-color-blue-low);
-  }
-
-  .card-nav .card-box svg {
-    stroke: $white;
-  }
-}
-
-.card-nav .card-box {
-  border-radius: 0;
-  padding: 1rem 1rem 0;
-}
-
-.card-nav .card-box:hover {
-  border: 1px solid $card-border-color;
-  background-color: transparent;
-}
-
-@include color-mode(dark) {
-  .card-nav .card-box {
-    border: 1px solid hsl(224deg, 10%, 23%);
-  }
-
-  .card-nav .card-box:hover {
-    border: 1px solid hsl(224deg, 10%, 23%);
-    background-color: transparent;
-  }
-}
-
-// DocSearch
-
-.DocSearch-Container {
-  z-index: 2000 !important;
-}
-
-.DocSearch-Hit-icon {
-  display: flex;
-  align-items: center;
-}
-
-.DocSearch-Hits mark {
-  padding: 0;
-}
-
-@media (max-width: 768px) {
-  .DocSearch-Modal {
-    position: fixed !important;
-  }
-}
-
-// DocSearch
-@import "./variables-docsearch";
-@import "@docsearch/css/dist/modal";
+// Card shortcode
+
+.card-icon {
+    padding: 0.2em;
+    border-radius: 0.25rem;
+}
+
+.icon-yellow {
+    border: 1px solid var(--sl-color-orange);
+    background-color: var(--sl-color-orange-high);
+}
+
+.icon-purple {
+    border: 1px solid var(--sl-color-purple);
+    background-color: var(--sl-color-purple-high);
+}
+
+.icon-green {
+    border: 1px solid var(--sl-color-green);
+    background-color: var(--sl-color-green-high);
+}
+
+.icon-red {
+    border: 1px solid var(--sl-color-red);
+    background-color: var(--sl-color-red-high);
+}
+
+.icon-blue {
+    border: 1px solid var(--sl-color-blue);
+    background-color: var(--sl-color-blue-high);
+}
+
+.card-nav .card-box svg {
+    stroke: $db-bluishCyan-100;
+}
+
+@include color-mode(dark) {
+    .icon-yellow {
+        border: 1px solid var(--sl-color-orange);
+        background-color: var(--sl-color-orange-low);
+    }
+
+    .icon-purple {
+        border: 1px solid var(--sl-color-purple);
+        background-color: var(--sl-color-purple-low);
+    }
+
+    .icon-green {
+        border: 1px solid var(--sl-color-green);
+        background-color: var(--sl-color-green-low);
+    }
+
+    .icon-red {
+        border: 1px solid var(--sl-color-red);
+        background-color: var(--sl-color-red-low);
+    }
+
+    .icon-blue {
+        border: 1px solid var(--sl-color-blue);
+        background-color: var(--sl-color-blue-low);
+    }
+
+    .card-nav .card-box svg {
+        stroke: $white;
+    }
+
+    .color-accent {
+        color: rgb(68, 66, 66);
+    }
+}
+
+.card-nav .card-box {
+    border-radius: 0;
+    padding: 1rem 1rem 0;
+}
+
+.card-nav .card-box:hover {
+    border: 1px solid $card-border-color;
+    background-color: transparent;
+}
+
+@include color-mode(dark) {
+    .card-nav .card-box {
+        border: 1px solid hsl(224deg, 10%, 23%);
+    }
+
+    .card-nav .card-box:hover {
+        border: 1px solid hsl(224deg, 10%, 23%);
+        background-color: transparent;
+    }
+}
+
+// DocSearch
+
+.DocSearch-Container {
+    z-index: 2000 !important;
+}
+
+.DocSearch-Hit-icon {
+    display: flex;
+    align-items: center;
+}
+
+.DocSearch-Hits mark {
+    padding: 0;
+}
+
+@media (max-width: 768px) {
+    .DocSearch-Modal {
+        position: fixed !important;
+    }
+}
+
+// DocSearch
+@import "./variables-docsearch";
+@import "@docsearch/css/dist/modal";

assets/scss/common/_variables-custom.scss

@@ -1 +1 @@
-// Put your custom SCSS variables here
+// Put your custom SCSS variables here