Include chatgpt, chess.com, copilot and wikipedia for new version

7 files changed, 136 insertions, 114 deletions

diff --git a/manifest.json b/manifest.json
index 44b051d..34895ea 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Transparent Zen",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Inject custom styles to make your favorite websites transparent. PLEASE KEEP IN MIND THAT THIS IS STILL WORK IN PROGRESS, SO THINGS MIGHT BREAK!",
   "browser_specific_settings": {
     "gecko": {
@@ -107,6 +107,26 @@
       "matches": ["*://*.nexusmods.com/*"],
       "css": ["./styles/websites/nexusmods.css"],
       "run_at": "document_start"
+    },
+    {
+      "matches": ["*://*.wikipedia.org/*"],
+      "css": ["./styles/websites/wikipedia.css"],
+      "run_at": "document_start"
+    },
+    {
+      "matches": ["*://copilot.microsoft.com/*"],
+      "css": ["./styles/websites/copilot.microsoft.css"],
+      "run_at": "document_start"
+    },
+    {
+      "matches": ["*://*.chatgpt.com/*"],
+      "css": ["./styles/websites/chatgpt.css"],
+      "run_at": "document_start"
+    },
+    {
+      "matches": ["*://*.chess.com/*"],
+      "css": ["./styles/websites/chess.css"],
+      "run_at": "document_start"
     }
   ]
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index 606dd54..581dd2e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "transparent-zen",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A browser extension for Zen Browser to inject custom styles to make your favorite websites transparent",
   "scripts": {
     "build": "web-ext build --config web-ext-config.mjs",
diff --git a/styles/websites/ChatGPT.css b/styles/websites/ChatGPT.css
index fb8b939..5558dc6 100644
--- a/styles/websites/ChatGPT.css
+++ b/styles/websites/ChatGPT.css
@@ -1,16 +1,14 @@
-@-moz-document domain("chatgpt.com") {
-    :root{
-        --main-surface-primary: rgba(0,0,0,0.1);
-        --sidebar-surface-primary: rgba(0,0,0,0.2)
-    }
+:root{
+    --main-surface-primary: rgba(0,0,0,0.1);
+    --sidebar-surface-primary: rgba(0,0,0,0.2)
+}
 
-    .dark{
-        --sidebar-surface-tertiary: background: rgba(0,0,0,0.1) !important;
-    }
-    nav{
-        background: rgba(0,0,0,0.1);
-    }
-    .bg-token-message-surface{
-        background-color: rgba(0,0,0,0.2) !important;
-    }
+.dark{
+    --sidebar-surface-tertiary: background: rgba(0,0,0,0.1) !important;
+}
+nav{
+    background: rgba(0,0,0,0.1);
+}
+.bg-token-message-surface{
+    background-color: rgba(0,0,0,0.2) !important;
 }
diff --git a/styles/websites/chess.css b/styles/websites/chess.css
index 5de66f7..1af2202 100644
--- a/styles/websites/chess.css
+++ b/styles/websites/chess.css
@@ -1,12 +1,9 @@
-@-moz-document domain("chess.com") {
-    /* Insert code here... */
-    body{
-        background-color: rgba(0,0,0,0);
-        background: none;
-    }
-    :root{
-        --theme-background-override-image: none;
-        --theme-background-image: none;
-        --theme-background-color: none;
-    }
+body {
+  background-color: rgba(0, 0, 0, 0);
+  background: none;
+}
+:root {
+  --theme-background-override-image: none;
+  --theme-background-image: none;
+  --theme-background-color: none;
 }
diff --git a/styles/websites/copilot-microsoft.css b/styles/websites/copilot-microsoft.css
deleted file mode 100644
index aa1ef13..0000000
--- a/styles/websites/copilot-microsoft.css
+++ /dev/null
@@ -1,12 +0,0 @@
-@-moz-document domain("copilot.microsoft.com") {
-    * {
-        background: none !important;
-    }
-    .dark\:bg-midnight-750:is([data-theme="dark"] *){
-        background-color: rgb(29 36 57 / var(--tw-bg-opacity)) !important;
-    }
-    .dark\:before\:bg-midnight-800:is([data-theme="dark"] *)::before {
-        background-color: rgba(23,30,50,0.2) !important;
-        backdrop-filter: blur(512px);
-    }
-}
diff --git a/styles/websites/copilot.microsoft.css b/styles/websites/copilot.microsoft.css
new file mode 100644
index 0000000..d3d50d8
--- /dev/null
+++ b/styles/websites/copilot.microsoft.css
@@ -0,0 +1,10 @@
+* {
+  background: none !important;
+}
+.dark\:bg-midnight-750:is([data-theme="dark"] *) {
+  background-color: rgb(29 36 57 / var(--tw-bg-opacity)) !important;
+}
+.dark\:before\:bg-midnight-800:is([data-theme="dark"] *)::before {
+  background-color: rgba(23, 30, 50, 0.2) !important;
+  backdrop-filter: blur(512px);
+}
diff --git a/styles/websites/wikipedia.css b/styles/websites/wikipedia.css
index e9daa1a..9b550dd 100644
--- a/styles/websites/wikipedia.css
+++ b/styles/websites/wikipedia.css
@@ -1,76 +1,85 @@
-@-moz-document domain("wikipedia.org") {
-    @media screen {
-        html.skin-theme-clientpref-night {
-            --background-color-base: none;
-            --background-color-neutral: none;
-            --background-color-neutral-subtle: none;
-            --background-color-interactive-subtle: rgba(0,0,0,0.2)
-        }
-    }
-    table{
-        border-radius: 16px;
-    }
-    td{
-        background: rgba(0,0,0,0.1) !important;
-    }
-    body, html {
-        background: none !important;
-        color: white;
-        font-family: Ginto,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
-         text-align: justify;
-    }
-    h1, h2, h3, h4, h5, h6 {
-        color: white;
-    }
-    .mw-page-container{background: none;}
-    .infobox, .hatnote{
-        border-radius: 12px;
-    }
-    .vector-dropdown-content{
-        backdrop-filter: blur(12px) !important;
-        background-color: rgba(0,0,0,0.5) !important;
-        color: white !important;
-        text-decoration: none !important;
-        
-    }
-    .vector-pinned-container {
-        background-color: rgba(0,0,0,0.1);
-        border-radius: 12px;
-    }
-    .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{
-        color: white;
-        text-decoration: none;
-        background: rgba(0,0,0,0.1);
-        border-radius: 16px;
-    }
-    .vector-icon[class*="-progressive"]{
-        background-color: white;
-    }
-    .vector-menu-tabs .mw-list-item.selected a, a:where(:not([role="button"])){
-        color: white !important;
-    }
-    
-    .vector-pinnable-header-toggle-button{
-        content: 'X' !important;
-        border-radius: 16px;
-        margin-top: 5px;
-        height: 23px;
-        color: white;
-        background: none;
-        right: 10px;
-        position: absolute;
-    }
-    .mwe-popups-containers::after{
-        background: rgba(0,0,0,1) !important;
-        backdrop-filter: blur(100px);
-    }
-    .infobox-subbox{
-        font-family: consolas;
-    }
-    .uls-menu, .uls-lcd {
-        background: rgba(0,0,0,0.3);
-        backdrop-filter: blur(64px) !important;
-        -webkit-backdrop-filter: blur(5px);
-        color: white;
-    }
+@media screen {
+  html.skin-theme-clientpref-night {
+    --background-color-base: none;
+    --background-color-neutral: none;
+    --background-color-neutral-subtle: none;
+    --background-color-interactive-subtle: rgba(0, 0, 0, 0.2);
+  }
+}
+table {
+  border-radius: 16px;
+}
+td {
+  background: rgba(0, 0, 0, 0.1) !important;
+}
+body,
+html {
+  background: none !important;
+  color: var(--color-text);
+  font-family: Ginto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
+  text-align: justify;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--color-text);
+}
+.mw-page-container {
+  background: none;
+}
+.infobox,
+.hatnote {
+  border-radius: 12px;
+}
+.vector-dropdown-content {
+  backdrop-filter: blur(12px) !important;
+  background-color: rgba(0, 0, 0, 0.5) !important;
+  color: var(--color-text) !important;
+  text-decoration: none !important;
+}
+.vector-pinned-container {
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+}
+.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,
+.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive {
+  color: var(--color-text);
+  text-decoration: none;
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 16px;
+}
+.vector-icon[class*="-progressive"] {
+  background-color: var(--color-text);
+}
+.vector-menu-tabs .mw-list-item.selected a,
+a:where(:not([role="button"])) {
+  color: var(--color-text) !important;
+}
+
+.vector-pinnable-header-toggle-button {
+  content: "X" !important;
+  border-radius: 16px;
+  margin-top: 5px;
+  height: 23px;
+  color: var(--color-text);
+  background: none;
+  right: 10px;
+  position: absolute;
+}
+.mwe-popups-containers::after {
+  background: rgba(0, 0, 0, 1) !important;
+  backdrop-filter: blur(100px);
+}
+.infobox-subbox {
+  font-family: consolas;
+}
+.uls-menu,
+.uls-lcd {
+  background: rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(64px) !important;
+  -webkit-backdrop-filter: blur(5px);
+  color: var(--color-text);
 }