make loading message account for dark mode & add i18n (#2033)

* make loading message account for dark mode & add i18n

* use app color scheme

public/app.css

@@ -21,8 +21,9 @@
 }
 
 .LoadingMessage span {
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: var(--button-gray-1);
   border-radius: 5px;
   padding: 0.8em 1.2em;
+  color: var(--popup-text-color);
   font-size: 1.3em;
 }

src/components/LoadingMessage.tsx

@@ -1,10 +1,11 @@
 import React from "react";
+import { t } from "../i18n";
 
 export const LoadingMessage = () => {
   // !! KEEP THIS IN SYNC WITH index.html !!
   return (
     <div className="LoadingMessage">
-      <span>{"Loading scene..."}</span>
+      <span>{t("labels.loadingScene")}</span>
     </div>
   );
 };

src/locales/en.json

@@ -68,7 +68,8 @@
     "toggleGridMode": "Toggle grid mode",
     "addToLibrary": "Add to library",
     "removeFromLibrary": "Remove from library",
-    "libraryLoadingMessage": "Loading library..."
+    "libraryLoadingMessage": "Loading library...",
+    "loadingScene": "Loading scene..."
   },
   "buttons": {
     "clearReset": "Reset the canvas",