Replace custom star font with unicode symbols

css/icons/README.md

-# FC custom icon fonts
-
-__Warning:__ These fonts have slightly different dimensions than the SC inbuilt ones have. This is especially noticeable when replacing icons.
-
-
-## Add new icons
-
-To add new icons create a new font with your new icons.
-
-1. Copy an existing font CSS file and name it.
-2. Change the `font-family` property in your new file.
-3. Download SVG file(s) from Awesome Icons (or other sources).
-4. Use https://glyphter.com/ to create WOFF file.
-    * Default settings are fine.
-5. On Linux:
-    * Run `base64 <FILE>.woff > font.base64`
-6. Open with preferred text editor
-    1. Delete any line breaks or spaces
-    2. Copy everything and replace the Base64 data in your new CSS font-face.
-7. Done.

css/icons/empty_star.css

-@font-face {
-	/* Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. */
-	/* Generated by Glyphter (http://www.glyphter.com) */
-	/*
-	Codes:
-	Solid star: 0x41
-	Empty star: 0x42
-	 */
-	font-family: fc-star-font;
-	font-display: block;
-	src: url("data:application/octet-stream;base64,d09GRgABAAAAAAScAAoAAAAABvgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWVrVjNGNtYXAAAAE0AAAAPgAAAUoClQF3Z2x5ZgAAAXQAAAE3AAABTFJXHAZoZWFkAAACrAAAADEAAAA2KVReHGhoZWEAAALgAAAAHAAAACQIZAP+aG10eAAAAvwAAAAMAAAADAwAAABsb2NhAAADCAAAAAgAAAAIAEAApm1heHAAAAMQAAAAHgAAACABDwBKbmFtZQAAAzAAAAFQAAACnUUcl7pwb3N0AAAEgAAAABkAAAAsAREBA3icY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYHBmcWEDcGBaIMCOIAACX0gedAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZiALKf//8EqHEH0/wNQ9UDAyMZAOWBkooIhAwcAtlIHCgAAeJwNjr1OwlAYhs/3nXLs76GHhtNSQ5ECNhAsxCbWxXIjziYO3IGOXdm9APRWCCEODHAFGHQwYSFhsNjkfaZneF4C5z9CFEoPpEsIxBCyC1rhKFtAWYATcGWGEU2zUkU9OsZ7NegG6mvxU/MN1VyOqNXs2KeT3WladLQ0VcOvFd8v9NN2HPtMBuiGbWtR7ES7jmqeqyivBFwurHbo4gAIIXguyj6W/R55KB/cStepBMiq4EiOUa/CYkydKIYM0p6TQTKul66cK6uQ3rUgup6UjGCMhEuWQ587GtO3CerSN4tjcTR9qWOy1ZnmcOjnTHJ2kxje7l0o0UrKVaSIjy/PeKIHbha/QxR+Q9sUa6thA5vNGNqeBfFGa/gCh1Az+Zv1+CyVcC68/dQwpntPzENFrgn5B5r3QZkAeJxjYGRgYABi59fdHfH8Nl8ZuFkYQOCxNM90GP3/LwMDCzPzRyCXg4EJJAoAJjYKNQAAAHicY2BkYGBhAIIYEPn/FwsbAyMDKmAGADYlAm0EAAAABAAAAAQAAAAAAAAAAEAApnicY2BkYGBgZrBjYGIAARDJBYQMDP/BfAYADtcBWgAAeJx9j7lOw0AURa+zIRJEAQpKOTQIEdlZRJUKCSku6FKE2nHGWeTY1ngSKS3/QMHX8Bl0dHwGEjfOKwJSsPU85963+A2AC3zCwf5pMvbs4IxqzyWc4Fq4TP9WuEK+F66igQfhGv0n4TraeBZu4BIvnOBUTqnu8CrsoIV34RLO8SFcpv8lXCF/C1dx5TSFa2g5beE6xs6jcAM3zpuvE20Cq6dqslV+vM3mVpsodHMbGDdKEzvSs3Uc/LIOeaxNvkgT1fO6h/avsflm1rc2UpFJV2rIrI7jVGUmXerQenNrs0GnE4nvhekKPjQShkEAy3MKhQm2/PqIeWaYF75BhBAucqqAyqVO2WkxYnaGNauDf6qO+eNido5FoRV68NA9Wn182xwbbtGnu/uXYhj2rEhD6dXcMCYr3mmXW9IJ6XvFDS3dATp8oz/1Hqs46QeoJHpleJxjYGKAAC4G7ICZgYGRiZEZxAQAAiwAFwAAAA==") format("woff");
-}
-
-.icons-star {
-	font-family: 'fc-star-font';
-}

css/icons/unicode_icons.css

+/* Scale Font up, since some Unicode Icons are a bit small (depending on font) */
+.unicode-icons {
+	font-size: 1.5em;
+}

src/gui/favorite.js

@@ -10,7 +10,7 @@ App.UI.favoriteToggle = function(slave, handler) {
 	function favLink() {
 		const linkID = `fav-link-${slave.ID}`;
 		if (V.favorites.includes(slave.ID)) {
-			const link = App.UI.DOM.link("\u0041", () => {
+			 const link = App.UI.DOM.link("★", () => {
 				V.favorites.deleteAll(slave.ID);
 				$(`#${linkID}`).replaceWith(favLink());
 
@@ -18,11 +18,11 @@ App.UI.favoriteToggle = function(slave, handler) {
 					handler();
 				}
 			});
-			link.classList.add("icons-star", "favorite");
+			link.classList.add("unicode-icons", "favorite");
 			link.id = linkID;
 			return link;
 		} else {
-			const link = App.UI.DOM.link("\u0042", () => {
+			const link = App.UI.DOM.link("☆", () => {
 				V.favorites.push(slave.ID);
 				$(`#${linkID}`).replaceWith(favLink());
 
@@ -30,7 +30,7 @@ App.UI.favoriteToggle = function(slave, handler) {
 					handler();
 				}
 			});
-			link.classList.add("icons-star", "not-favorite");
+			link.classList.add("unicode-icons", "not-favorite");
 			link.id = linkID;
 			return link;
 		}