skin-editor: unify shape-action and move-order button styling so Rename/Delete/Flatten and Move Down match primary button style

Author: DavidQ

tools/Skin Editor/main.js

@@ -791,7 +791,7 @@ function renderPaletteList() {
       }
       const swatchName = normalizeText(entry?.name) || `Swatch ${index + 1}`;
       const swatchSymbol = normalizeText(entry?.symbol);
-      const prefix = swatchSymbol ? `${swatchSymbol} ` : "";
+      const prefix = swatchSymbol ? `\`${swatchSymbol}\` ` : "";
       return {
         id: `${sharedPalette?.paletteId || "shared-palette"}.${index}`,
         label: `${prefix}${swatchName}`,

tools/Skin Editor/skinEditor.css

@@ -81,6 +81,13 @@ body[data-tool-id="skin-editor"] .skin-editor-object-order-actions {
   justify-content: center;
 }
 
+body[data-tool-id="skin-editor"] .skin-editor-object-order-actions .debug-tool-control:not(:disabled),
+body[data-tool-id="skin-editor"] .skin-editor-section--shape-add .debug-tool-actions .debug-tool-control:not(:disabled) {
+  border-color: rgba(167, 139, 250, 0.8);
+  background: linear-gradient(180deg, rgba(167, 139, 250, 0.48) 0%, rgba(91, 33, 182, 0.88) 100%);
+  color: #ffffff;
+}
+
 body[data-tool-id="skin-editor"] .skin-editor-object-row {
   display: grid;
   grid-template-columns: 18px minmax(0, 1fr);