Rendering things mostly

- "Miss warning" option is now on by default (ball's particles are red if catching it would be a "miss")
- "Show +X in gold"  option is now on by default (show a +X when combo increases)
- "High contrast" option added, off by default (applies lights layer again as "soft light" at the end of the render)
- "Colorful coins" option now applied at render time instead of coin spawn time, to make preview easier
- when settings are opened on pc, they show up on the side and the overlay is transparent to let you preview the changes

src/asyncAlert.ts

@@ -28,7 +28,7 @@ let lastClickedItemIndex = -1;
 export function requiredAsyncAlert<t>(p: {
   title?: string;
   content: (string | AsyncAlertAction<t>)[];
-  actionsAsGrid?: boolean;
+  className?:string;
 }): Promise<t> {
   return asyncAlert({ ...p, allowClose: false });
 }
@@ -37,16 +37,16 @@ export async function asyncAlert<t>({
   title,
   content = [],
   allowClose = true,
-  actionsAsGrid = false,
+  className = '',
 }: {
   title?: string;
   content: (string | AsyncAlertAction<t>)[];
   allowClose?: boolean;
-  actionsAsGrid?: boolean;
+  className?:string;
 }): Promise<t | void> {
   updateAlertsOpen(+1);
   return new Promise((resolve) => {
-    popupWrap.className = actionsAsGrid ? " actionsAsGrid" : "";
+    popupWrap.className = className ;
     closeModaleButton.style.display = allowClose ? "" : "none";
 
     const popup = document.createElement("div");