Green buttons (#2597)

# Description

Making buttons green
Closes #()

![image](https://github.com/user-attachments/assets/29417e03-664d-4a77-a3ca-80d0a8b76f07)

## Checklist

- [X ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ X] I have performed a self-review of my own code
- [X ] I have attached images of the change if it is UI based
- [ X] I have commented my code, particularly in hard-to-understand
areas
- [ X] If my code has heavily changed functionality I have updated
relevant docs on [Stirling-PDFs doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
- [ X] My changes generate no new warnings
- [ X] I have read the section [Add New Translation
Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md#add-new-translation-tags)
(for new translation tags only)

Co-authored-by: Reece Browne <reece@stirling.pdf>

src/main/resources/templates/misc/add-image.html

@@ -100,7 +100,7 @@
                 <span class="btn-tooltip" th:text="#{sign.last}"></span>
               </button>
               <button id="download-pdf" class="btn btn-outline-secondary"
-                style="color: green; border-color: green; background: rgba(0, 128, 0, 0.2)">
+                style="border-color: green; color:#b2e3a8; background: rgba(24, 122, 5, 1)">
                 <span class="material-symbols-rounded">
                   download
                 </span>

src/main/resources/templates/multi-tool.html

@@ -93,8 +93,7 @@
                   </button>
                   <button id="select-All-Container" class="btn btn-secondary enable-on-file hidden"
                     onclick="toggleSelectAll()" disabled>
-                  <span  class="material-symbols-rounded"
+                    <span class="material-symbols-rounded" id="select-icon">select_all</span>
-                    id="select-icon">select_all</span>
                     <span class="btn-tooltip" th:text="#{multiTool.selectAll}"></span>
                   </button>
                   <div class="button-container">
@@ -104,15 +103,16 @@
                     </button>
                   </div>
                   <div style="margin-left:auto">
-                    <button id="export-selected-button" class="btn btn-primary enable-on-file hidden"
+                    <button id="export-selected-button"
-                      onclick="exportPdf(true)" disabled>
+                      style="border-color: green; color:#b2e3a8; background: rgba(24, 122, 5, 1)"
+                      class="btn btn-primary enable-on-file hidden" onclick="exportPdf(true)" disabled>
                       <span class="btn-tooltip" th:text="#{multiTool.downloadSelected}"></span>
                       <span class="material-symbols-rounded">
                         file_save
                       </span>
                     </button>
-                    <button id="export-button" class="btn btn-primary enable-on-file" onclick="exportPdf(false)"
+                    <button style="border-color: green; color:#b2e3a8; background: rgba(24, 122, 5, 1)"
-                      disabled>
+                      id="export-button" class="btn btn-primary enable-on-file" onclick="exportPdf(false)" disabled>
                       <span class="material-symbols-rounded">
                         download
                       </span>
@@ -124,7 +124,8 @@
                   <div style="display:flex; height:3rem; margin-right:1rem">
                     <h5 th:text="#{multiTool.selectedPages}" style="white-space: nowrap; margin-right: 1rem;">Selected
                       Pages</h5>
-                    <input type="text" id="csv-input" class="form-control" style="height:2.5rem" placeholder="1,3,5-10"  value="">
+                    <input type="text" id="csv-input" class="form-control" style="height:2.5rem" placeholder="1,3,5-10"
+                      value="">
                   </div>
                   <ul id="selected-pages-list" class="pages-list"></ul>
                 </div>
@@ -158,8 +159,8 @@
       delete: '[[#{multiTool.delete}]]',
       split: '[[#{multiTool.split}]]',
       addFile: '[[#{multiTool.addFile}]]',
-        insertPageBreak:'[[#{multiTool.insertPageBreak}]]',
+      insertPageBreak: '[[#{multiTool.insertPageBreak}]]',
-        dragDropMessage:'[[#{multiTool.dragDropMessage}]]',
+      dragDropMessage: '[[#{multiTool.dragDropMessage}]]',
       undo: '[[#{multiTool.undo}]]',
       redo: '[[#{multiTool.redo}]]',
     };
@@ -217,7 +218,7 @@
     )
 
     fileDragManager.setCallback(async (files) => pdfContainer.handleDroppedFiles(files));
-    document.addEventListener('keydown', function(event) {
+    document.addEventListener('keydown', function (event) {
       let targetElementId = event.target.id;
 
       // To avoid undoing/redoing the page when the user is simply undoing/redoing text
@@ -228,7 +229,7 @@
       if (isUndo && !isFilenameInputField)
         undoManager.undo();
       else if (isRedo && !isFilenameInputField) undoManager.redo();
-});
+    });
   </script>
 </body>
 

src/main/resources/templates/sign.html

@@ -212,7 +212,7 @@
                 <span class="btn-tooltip" th:text="#{sign.last}"></span>
               </button>
               <button id="download-pdf" class="btn btn-outline-secondary"
-                style="color: green;border-color: green; background: rgba(0, 128, 0, 0.2);">
+                style="border-color: green; color:#b2e3a8; background: rgba(24, 122, 5, 1)">
                 <span class="material-symbols-rounded">
                   download
                 </span>