Donation button.

src/_locales/en/messages.json

@@ -688,5 +688,11 @@
   },
   "themeAuto": {
     "message": "Auto"
+  },
+  "DonateShort": {
+    "message": "Donate"
+  },
+  "DonateLong": {
+    "message": "NoScript is Free Software and can't exist without your help. Please donate now!"
   }
 }

src/ui/common.css

@@ -144,4 +144,25 @@ input:disabled, button:disabled, select:disabled {
     drop-shadow(-2px 2px 2px var(--focus-color))
     drop-shadow(2px -2px 2px var(--focus-color))
     drop-shadow(-2px -2px 2px var(--focus-color));
+}
+
+
+.donate {
+  color: var(--text-color1) !important;
+  border-color: transparent;
+  background-color: transparent;
+  transform: scale(1.2);
+  transition: all .5s ease-in-out;
+  text-transform: uppercase;
+}
+
+.donate:hover {
+  transform: scale(1.8);
+}
+
+.donate:before {
+  content: "♥";
+  color: var(--accent-color);
+  padding: 0 .2em 0 .5em;
+  text-shadow: 0.04em 0.04em 0.04em #0004;
 }

src/ui/options.html

@@ -38,6 +38,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
 </div>
 <button id="btn-export" accesskey="__MSG_Export_accesskey__">__MSG_Export__</button>
 <button id="btn-reset" accesskey="__MSG_Reset_accesskey__">__MSG_Reset__</button>
+<a class="donate button" href="https://noscript.net/donate" title="__MSG_DonateLong__">__MSG_DonateShort__</a>
 </div>
 </div>
 <section id="sect-io">