diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 187589a4..1748432f 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3639,6 +3639,9 @@ a {
     color: rgba(var(--color-neutral-200), 1);
   }
 }
+.prose-invert .highlight pre > code {
+  background-color: unset;
+}
 .chroma .lntd, .chroma .lntd pre {
   margin: calc(var(--spacing) * 0);
   --tw-border-style: none;
diff --git a/assets/css/main.css b/assets/css/main.css
index 99a504e3..21b3b1fb 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -134,6 +134,10 @@ a {
   @apply static rounded-md text-neutral-700 bg-neutral-50 dark:bg-neutral-700 dark:text-neutral-200;
 }
 
+.prose-invert .highlight pre > code {
+    background-color: unset;
+}
+
 /* LineTableTD */
 .chroma .lntd,
 .chroma .lntd pre {
diff --git a/exampleSite/content/_index.it.md b/exampleSite/content/_index.it.md
index 0f29ec25..7b61b87f 100755
--- a/exampleSite/content/_index.it.md
+++ b/exampleSite/content/_index.it.md
@@ -18,7 +18,7 @@ description: "Questa pagina è stata creata utilizzando il tema Blowfish per Hug
 </div>
 
 
-```node
+```shell
 npx blowfish-tools
 ```  
 
diff --git a/exampleSite/content/_index.ja.md b/exampleSite/content/_index.ja.md
index e70f3ca7..c55cba9f 100755
--- a/exampleSite/content/_index.ja.md
+++ b/exampleSite/content/_index.ja.md
@@ -20,7 +20,7 @@ description: "このページは Hugo の Blowfish テーマを利用して構
 </div>
 
 
-```node
+```shell
 npx blowfish-tools
 ```  
 
diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md
index 1cf8992f..ab606415 100755
--- a/exampleSite/content/_index.md
+++ b/exampleSite/content/_index.md
@@ -20,7 +20,7 @@ description: "This page was built using the Blowfish theme for Hugo."
 </div>
 
 
-```node
+```shell
 npx blowfish-tools
 ```  
 
diff --git a/exampleSite/content/_index.zh-cn.md b/exampleSite/content/_index.zh-cn.md
index 67faf25b..ac289b26 100644
--- a/exampleSite/content/_index.zh-cn.md
+++ b/exampleSite/content/_index.zh-cn.md
@@ -20,7 +20,7 @@ description: "此页面是使用 Hugo 的 Blowfish 主题搭建的"
 </div>
 
 
-```node
+```shell
 npx blowfish-tools
 ```  
 
diff --git a/exampleSite/content/docs/firebase-views/index.it.md b/exampleSite/content/docs/firebase-views/index.it.md
index 254056b8..34a93a4b 100644
--- a/exampleSite/content/docs/firebase-views/index.it.md
+++ b/exampleSite/content/docs/firebase-views/index.it.md
@@ -16,7 +16,7 @@ In order to be able to support dynamic data across your website we've added the
 3. Select analytics location
 4. Setup firebase in Blowfish by getting the variables for your project and setting them inside `params.toml` file. More details can be found in <a target="_blank" href="{{< ref "configuration/#theme-parameters" >}}">this page</a>. You can find an example of the file Firebase will provide below, notice the parameters within the FirebaseConfig object.
 
-```
+```js
 // Import the functions you need from the SDKs you need
 import { initializeApp } from "firebase/app";
 import { getAnalytics } from "firebase/analytics";
@@ -41,7 +41,7 @@ const analytics = getAnalytics(app);
 ```
 
 5. Setup Firestore - Select Build and open Firestore. Create a new database and choose to start in production mode. Select server location and wait. Once that is started you need to configure the rules. Just copy and paste the file below and press publish.
-```
+```txt
 rules_version = '2';
 service cloud.firestore {
   match /databases/{database}/documents {
diff --git a/exampleSite/content/docs/firebase-views/index.ja.md b/exampleSite/content/docs/firebase-views/index.ja.md
index 16fc008c..d348b339 100644
--- a/exampleSite/content/docs/firebase-views/index.ja.md
+++ b/exampleSite/content/docs/firebase-views/index.ja.md
@@ -16,7 +16,7 @@ series_order: 15
 3. 分析ロケーションを選択します
 4. プロジェクトの変数を取得し、`params.toml` ファイル内で設定して、Blowfish で Firebase を設定します。詳細は、<a target="_blank" href="{{< ref "configuration/#テーマパラメーターtheme-parameters" >}}">このページ</a>をご覧ください。Firebase が提供するファイルの例を以下に示します。FirebaseConfig オブジェクト内のパラメータに注意してください。
 
-```
+```js
 // 必要な SDK から必要な関数をインポートします
 import { initializeApp } from "firebase/app";
 import { getAnalytics } from "firebase/analytics";
@@ -41,7 +41,7 @@ const analytics = getAnalytics(app);
 ```
 
 5. Firestore を設定する - 「ビルド」を選択して Firestore を開きます。新しいデータベースを作成し、本番モードで開始することを選択します。サーバーの場所を選択して待ちます。開始したら、ルールを設定する必要があります。以下のファイルをコピーして貼り付け、「公開」をクリックします。
-```
+```txt
 rules_version = '2';
 service cloud.firestore {
   match /databases/{database}/documents {
diff --git a/exampleSite/content/docs/firebase-views/index.md b/exampleSite/content/docs/firebase-views/index.md
index 254056b8..34a93a4b 100644
--- a/exampleSite/content/docs/firebase-views/index.md
+++ b/exampleSite/content/docs/firebase-views/index.md
@@ -16,7 +16,7 @@ In order to be able to support dynamic data across your website we've added the
 3. Select analytics location
 4. Setup firebase in Blowfish by getting the variables for your project and setting them inside `params.toml` file. More details can be found in <a target="_blank" href="{{< ref "configuration/#theme-parameters" >}}">this page</a>. You can find an example of the file Firebase will provide below, notice the parameters within the FirebaseConfig object.
 
-```
+```js
 // Import the functions you need from the SDKs you need
 import { initializeApp } from "firebase/app";
 import { getAnalytics } from "firebase/analytics";
@@ -41,7 +41,7 @@ const analytics = getAnalytics(app);
 ```
 
 5. Setup Firestore - Select Build and open Firestore. Create a new database and choose to start in production mode. Select server location and wait. Once that is started you need to configure the rules. Just copy and paste the file below and press publish.
-```
+```txt
 rules_version = '2';
 service cloud.firestore {
   match /databases/{database}/documents {
diff --git a/exampleSite/content/docs/firebase-views/index.zh-cn.md b/exampleSite/content/docs/firebase-views/index.zh-cn.md
index 0b3754ea..f563366a 100644
--- a/exampleSite/content/docs/firebase-views/index.zh-cn.md
+++ b/exampleSite/content/docs/firebase-views/index.zh-cn.md
@@ -16,7 +16,7 @@ series_order: 15
 3. 选择分析位置 
 4. Blowfish 是通过 `params.toml` 配置文件中的 firebase 相关参数，来和 firebase 集成的，更多的细节内容可以参考  <a target="_blank" href="{{< ref "configuration/#theme-parameters" >}}">这个页面</a>。你可以在下面找到集成 firebase 的文件示例，请注意 FirebaseConfig 对象内的参数。
 
-```
+```js
 // 从你需要的 SDK 中导入所需的函数
 import { initializeApp } from "firebase/app";
 import { getAnalytics } from "firebase/analytics";
@@ -41,7 +41,7 @@ const analytics = getAnalytics(app);
 ```
 
 5. 设置 Firestore - 选择 Build 并打开 Firestore. 创建一个数据库，并在生产环境中启动。选择服务器位置然后等待其部署完成。启动之后你需要配置规则。只需要复制并粘贴下面的内容，然后点击发布即可。
-```
+```txt
 rules_version = '2';
 service cloud.firestore {
   match /databases/{database}/documents {