last quick fixes

Author: jonathanbertholet

src/changelog.html

@@ -33,6 +33,16 @@
 </style>
 
 <div class="opm-changelog" style="display: flex; flex-direction: column; gap: 16px;">
+  <div>
+    <div style="font-weight: bold; margin-bottom: 4px;">Version 2.5.0</div>
+    <ul>
+      <li>Add tags to your prompts to organize your prompts</li>
+      <li>Activate tags in the settings. Drag & Drop them to reorder them, or delete them in the tag management section.</li>
+      <li>Squashed a lot of bugs, refactored the codebase.</li>
+      <li>Thank you to Robert for notifying me of a bug, and thank you to Abdallah for the quick fix!</li>
+    </ul>
+  </div>
+</div>
 
   <div>
     <div style="font-weight: bold; margin-bottom: 4px;">Version 2.4.0</div>

src/info.html

@@ -11,10 +11,13 @@
   .pm-title { font-weight: 500; color: #575757; }
   .pm-muted, .pm-sep { color: #666; }
 
-  /*dark mode text color*/
+  /* Dark mode overrides scoped to our root to avoid affecting host page */
   @media (prefers-color-scheme: dark) { 
-    .pm-muted { color: #e1e1e1; }
-    .pm-title { color: #e1e1e1; }
+    #opm-root .pm-info { color: #E2E8F0; }
+    #opm-root .pm-title { color: #E2E8F0; }
+    #opm-root .pm-muted, #opm-root .pm-sep { color: #A0AEC0; }
+    #opm-root .pm-link { color: #E2E8F0; }
+    #opm-root .pm-link:hover, #opm-root .pm-link:focus { text-decoration: underline; }
   }
 
   /* Reusable chips for actions and keys */
@@ -25,6 +28,8 @@
   /* Links */
   .pm-link { color: #3674B5; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
   .pm-icon { min-width: 16px; }
+  .pm-link svg { color: inherit; }
+  .pm-link svg path { fill: currentColor; }
 </style>
 
 <div class="pm-info">

src/sidepanel/index.html

@@ -124,23 +124,31 @@ <h3>Keyboard Navigation &amp; Shortcuts</h3>
   <p></p>
   <!-- Sticky footer for icons/links -->
   <footer class="footer">
-    <div class="footer-icons">
+    <div class="footer-icons" style="display: flex; align-items: center; gap: 8px;">
       <a id="link" href="https://github.com/jonathanbertholet/promptmanager"
-        target="_blank" title="Github"><img class="footer-icons" src="../icons/github-icon.png" alt="Github"
-          style="margin-right: 5px" /></a>
+        target="_blank" title="Github"><img class="footer-icons" src="../icons/github-icon.png" alt="Github" /></a>
       <a id="link" href="https://chromewebstore.google.com/detail/open-prompt-manager/gmhaghdbihgenofhnmdbglbkbplolain"
-        target="_blank" title="Review me"><img class="footer-icons" src="../icons/review-icon.png" alt="Review me"
-          style="margin-right: 5px" /></a>
-      <a id="link" href="../settings.html" style="margin-right: 5px" title="Settings"><img id="settings-icon" class="footer-icons"
+        target="_blank" title="Review me"><img class="footer-icons" src="../icons/review-icon.png" alt="Review me" /></a>
+      <a id="link" href="../settings.html" title="Settings"><img id="settings-icon" class="footer-icons"
           src="../icons/settings-icon.png" alt="Settings" /></a>
-      <!-- 
-        <a id="link" href="../changelog.html" title="Changelog" style="margin-right: 5px">
-          <img class="footer-icons" src="../icons/notes.svg" alt="Changelog" />
-        </a>
-        Changelog link commented out for now. 
-      -->
-      <a id="link" href="../permissions/permissions.html" title="Open Permissions Manager" target="_blank"><img id="permissions-icon" class="footer-icons" src="../icons/permissions-icon.svg"
-          alt="Open Permissions Manager" /></a>
+      <a id="link" href="../permissions/permissions.html" title="Activate more LLMs" target="_blank" style="text-decoration: none;">
+        <span style="
+          display: inline-flex;
+          align-items: center;
+          background-color: var(--primary, #3674B5);
+          color: #fff;
+          padding: 4px 14px;
+          border-radius: 999px;
+          font-size: 13px;
+          font-weight: 500;
+          gap: 7px;
+          box-shadow: 0 1px 2px rgba(0,0,0,0.04);
+          transition: background 0.15s;
+        ">
+          <img id="permissions-icon" class="footer-icons" src="../icons/permissions-icon.svg" alt="Activate more LLMs" style="width: 14px; height: 14px; margin: 0; filter: brightness(0) invert(1);" />
+          Activate more LLMs
+        </span>
+      </a>
     </div>
   </footer>
   <script type="module" src="sidepanel.js"></script>