- converted UI img SVGs to webfonts

- moved unused SVGs and PNGs into subfolders for deletion consideration

public/scripts/extensions/dice/index.js

@@ -7,13 +7,13 @@ const UPDATE_INTERVAL = 1000;
 
 function setDiceIcon() {
     const sendButton = document.getElementById('roll_dice');
-    sendButton.style.backgroundImage = `url(/img/dice-solid.svg)`;
+    /* sendButton.style.backgroundImage = `url(/img/dice-solid.svg)`; */
     sendButton.classList.remove('spin');
 }
 
 async function doDiceRoll() {
     let value = $(this).data('value');
-    
+
     if (value == 'custom') {
         value = await callPopup('Enter the dice formula:<br><i>(for example, <tt>2d6</tt>)</i>', 'input');
     }
@@ -29,7 +29,7 @@ async function doDiceRoll() {
 
 function addDiceRollButton() {
     const buttonHtml = `
-        <input id="roll_dice" type="button" />
+        <div id="roll_dice" class="fa-solid fa-dice" /></div>
         <div id="dice_dropdown">
             <ul class="list-group">
                 <li class="list-group-item" data-value="d4">d4</li>

public/scripts/extensions/dice/style.css

@@ -3,6 +3,7 @@
     width: 40px;
     height: 40px;
     margin: 0;
+    margin-right: 5px;
     padding: 1px;
     background: no-repeat;
     background-size: 26px auto;
@@ -11,10 +12,10 @@
     border: none;
     cursor: pointer;
     transition: 0.3s;
-    filter: invert(1);
+    font-size: 30px;
     opacity: 0.5;
 }
 
 #roll_dice:hover {
     opacity: 1;
-}
+}