Added basic dark mode compatibility for Zotero 7

frianasoa · Sep 30, 2024 · 7acd9ef · 7acd9ef
1 parent 2981572
commit 7acd9ef
Show file tree

Hide file tree

Showing 12 changed files with 133 additions and 15 deletions.
diff --git a/content/notes/notes-dark.css b/content/notes/notes-dark.css
@@ -0,0 +1,66 @@
+html {
+	color: white;
+	background: black;
+}
+
+a {
+	color: white;
+}
+
+#notes-table tr:first-child td {
+    background-color: black!important;
+}
+
+.rm-item-exists td
+{
+	background-color: rgb(25, 25, 55);
+}
+
+.rm-id {
+	color: white;
+}
+
+#notes-table td:first-child {
+    background-color: black;
+}
+
+#zn-sep-1 {
+    background-color: black;
+    height: 1.3em;
+}
+
+.zn-menubar {
+    background-color: black!important;
+}
+
+.zn-menubar li {
+	background-color: black;
+	border: solid 1px black;
+	color: white;
+}
+
+.context-menu-separator
+{
+	border: solid 1px black;
+}
+
+.zn-status-bar {
+	background-color: black;
+	color: white;
+}
+
+.context-menu-two {
+    background-color: black;
+	border: solid 1px black;
+}
+
+.zn-menuitem {
+	border: solid 1px black;
+	background-color: black;
+	color: white;
+}
+
+.zn-menuitem:hover {
+	background-color: black;
+    border-bottom: solid 1px white;
+}
diff --git a/content/notes/notes.css b/content/notes/notes.css
@@ -131,7 +131,7 @@ body {
 
 .context-menu-separator
 {
-	border: solid 1px #dfdfff!important;
+	border: solid 1px #dfdfff;
 }
 
 .zn-menuitem:hover {

diff --git a/content/notes/notes.js b/content/notes/notes.js
@@ -365,15 +365,30 @@ Notes = {
 		Notes.body.style.fontSize = this.fontsize+"em";
 		let pxsize = parseFloat(getComputedStyle(Notes.body).fontSize);
 		Zotero.ZeNotes.Prefs.set("font-size", pxsize);
-	}
+	},
 
+	loaddark()
+	{
+		var isdark = Zotero.Prefs.get('general.theme')=="dark" || window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+		if(isdark)
+		{
+			var filename = "chrome://ze-notes/content/notes/notes-dark.css";
+			const link = document.createElement("link");
+			link.rel = "stylesheet";
+			link.type = "text/css";
+			link.href = filename;
+			document.head.appendChild(link);
+		}
+	}
 }
 
 window.addEventListener("load", function(){
 	Notes.init();
 	Notes.loaddata();
 	Notes.initscroll();
-})
+	Notes.loaddark();
+});
 
 document.addEventListener("wheel", function(e){
 	if(e.ctrlKey){
@@ -401,4 +416,5 @@ document.addEventListener("keyup", function(e){
 			Notes.zoom(sign);
 		}
 	}
-})
+});
+
diff --git a/content/notes/zotero.js b/content/notes/zotero.js
@@ -17,5 +17,3 @@ else
 {
 	var Zotero = window.parent.Zotero;
 }
-
-// Zotero.Utilities.Internal.openPreferences('zotero-prefpane-advanced');
diff --git a/content/settings/generative-ai.xhtml b/content/settings/generative-ai.xhtml
@@ -15,6 +15,8 @@
 		<td>Model</td>
 		<td> <select id="zn-openai-model" onchange="Zotero_Preferences.ZeNotes.setpreference(event, 'openai-model');"  oncommand="Zotero_Preferences.ZeNotes.setpreference(event, 'openai-model');" style="width:100%;" placeholder="Model">
 		<option value="">Choose model</option>
+		<option value="gpt-4o">GPT 4o</option>
+		<option value="gpt-4o-mini">GPT 4o Mini</option>
 		<option value="gpt-3.5-turbo">GPT 3.5 Turbo</option>
 		<option value="gpt-4">GPT 4</option>
 		</select></td>

diff --git a/content/settings/preferences-dark.css b/content/settings/preferences-dark.css
@@ -0,0 +1,17 @@
+html, body {
+	color: white;
+	background-color: #303030;
+}
+
+.zn-type-table {
+	background-color: #303030;
+}
+
+.zn-type-table thead{
+	color: white;
+	background-color: #303030;
+}
+
+.zn-type-table tr:hover{
+	background-color: #333d54;
+}
diff --git a/content/settings/preferences.js b/content/settings/preferences.js
@@ -386,6 +386,7 @@ Zotero_Preferences.ZeNotes = {
 
 	loadtagmanager(box)
 	{
+		Zotero_Preferences.ZeNotes.loaddark();
 		var table = box.querySelector("#table-manage-tags-body");	
 		var buttonlist = ["up", "down", "first", "last", "visible"];
 		box.parentNode.querySelector(".collection-name").innerHTML = this.collection;
@@ -521,9 +522,27 @@ Zotero_Preferences.ZeNotes = {
 			}
 		})
 		return s;
+	},
+	loaddark()
+	{
+		var isdark = Zotero.Prefs.get('general.theme')=="dark" || window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+		if (isdark) {
+			var filename = "chrome://ze-notes/content/settings/preferences-dark.css";
+			var pi = document.createProcessingInstruction(
+				'xml-stylesheet',
+				`type="text/css" href="${filename}"`
+			);
+			document.insertBefore(pi, document.documentElement);
+		}
 	}
 }
 
+
+this.addEventListener("load", function(){
+	// Zotero_Preferences.ZeNotes.loaddark();
+});
+
 /**
 Refresh after losing focus
 */

diff --git a/content/settings/zntable.js b/content/settings/zntable.js
@@ -454,4 +454,4 @@ Zotero_Preferences.ZNTable = {
 		}
 		return html;
 	}
-}
+}
diff --git a/install.rdf b/install.rdf
@@ -5,7 +5,7 @@
     <Description about="urn:mozilla:install-manifest">
         <em:id>[email protected]</em:id>
         <em:name>ZeNotes</em:name>
-        <em:version>0.8.4</em:version>
+        <em:version>0.8.5</em:version>
         <em:multiprocessCompatible>true</em:multiprocessCompatible>
         <em:updateURL>https://raw.githubusercontent.com/frianasoa/zenotes/main/zenote-update.json</em:updateURL>
         <em:homepageURL>https://github.com/frianasoa/zenotes</em:homepageURL>

diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "Ze Notes",
-    "version": "0.8.4",
+    "version": "0.8.5",
     "description": "Advanced notes manager",
     "homepage_url": "https://github.com/frianasoa/zenotes",
     "author": "Fanantenana Rianasoa Andriariniaina",

diff --git a/zenote-update.json b/zenote-update.json
@@ -3,9 +3,9 @@
     "[email protected]": {
       "updates": [
         {
-          "version": "0.8.4",
-          "update_link": "https://github.com/frianasoa/Ze-Notes/releases/download/v0.8.4/zenotes-v0.8.4.xpi",
-          "update_hash": "sha256:3808e0cde9efaddab594802acc24b01e918d12137c7469cff734734459faf8fc",
+          "version": "0.8.5",
+          "update_link": "https://github.com/frianasoa/Ze-Notes/releases/download/v0.8.5/zenotes-v0.8.5.xpi",
+          "update_hash": "sha256:b4ddddfba03f1cdea9660ebe785a3824d164657aaa0bbe01376c892b14325f9b",
           "applications": {
             "gecko": {
               "strict_min_version": "60.0"

diff --git a/zenote-update.rdf b/zenote-update.rdf
@@ -5,13 +5,13 @@
             <rdf:Seq>
                 <rdf:li>
                     <rdf:Description>
-                        <ns1:version>0.8.4</ns1:version>
+                        <ns1:version>0.8.5</ns1:version>
                         <ns1:targetApplication>
                             <rdf:Description>
                                 <ns1:id>[email protected]</ns1:id>
                                 <ns1:minVersion>5.0.0</ns1:minVersion>
                                 <ns1:maxVersion>6.*</ns1:maxVersion>
-                                <ns1:updateLink>https://github.com/frianasoa/Ze-Notes/releases/download/v0.8.4/zenotes-v0.8.4.xpi</ns1:updateLink>
+                                <ns1:updateLink>https://github.com/frianasoa/Ze-Notes/releases/download/v0.8.5/zenotes-v0.8.5.xpi</ns1:updateLink>
                             </rdf:Description>
                         </ns1:targetApplication> 
 
@@ -20,7 +20,7 @@
                                 <ns1:id>[email protected]</ns1:id>
                                 <ns1:minVersion>4.999</ns1:minVersion>
                                 <ns1:maxVersion>6.*</ns1:maxVersion>
-                                <ns1:updateLink>https://github.com/frianasoa/Ze-Notes/releases/download/v0.8.4/zenotes-v0.8.4.xpi</ns1:updateLink>
+                                <ns1:updateLink>https://github.com/frianasoa/Ze-Notes/releases/download/v0.8.5/zenotes-v0.8.5.xpi</ns1:updateLink>
                             </rdf:Description>
                         </ns1:targetApplication>
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,5 +17,3 @@ else @@
     {
     	var Zotero = window.parent.Zotero;
     }
-    // Zotero.Utilities.Internal.openPreferences('zotero-prefpane-advanced');