Merge pull request #1 from storytold/styling/color-update

styling updates: ui color and default skybox color

app/pages/PageEnigma/Editor/scene.ts

@@ -397,7 +397,7 @@ class Scene {
     const json = await JSON.parse(await response.text());
     const bucketPath = json["media_file"]["public_bucket_path"];
     //const media_base_url = `${media_api_base_url}/vocodes-public`;
-    const media_base_url = 'https://cdn-2.fakeyou.com';
+    const media_base_url = "https://cdn-2.fakeyou.com";
     const media_url = `${media_base_url}${bucketPath}`;
     return media_url;
   }
@@ -794,15 +794,7 @@ class Scene {
       if (this.directional_light) this.scene.remove(this.directional_light);
       if (this.hemisphereLight) this.scene.remove(this.hemisphereLight);
     } else {
-      const texture = loader.load([
-        "/resources/skybox/day/px.png",
-        "/resources/skybox/day/nx.png",
-        "/resources/skybox/day/py.png",
-        "/resources/skybox/day/ny.png",
-        "/resources/skybox/day/pz.png",
-        "/resources/skybox/day/nz.png",
-      ]);
-      this.scene.background = texture;
+      this.scene.background = new THREE.Color("#282828");
       if (this.ambientLight) this.scene.remove(this.ambientLight);
       if (this.directional_light) this.scene.add(this.directional_light);
       if (this.hemisphereLight) this.scene.add(this.hemisphereLight);

tailwind.config.ts

@@ -42,8 +42,7 @@ export default {
         "950": "#410f0e",
       },
       "brand-secondary": {
-        //gunpowder
-        DEFAULT: "#242424",
+        DEFAULT: "#2E2E2E",
         "50": "#f6f6f6",
         "100": "#e7e7e7",
         "200": "#d1d1d1",
@@ -54,7 +53,7 @@ export default {
         "700": "#4f4f4f",
         "800": "#454545",
         "900": "#3d3d3d",
-        "950": "#242424",
+        "950": "#2e2e2e",
       },
       "brand-tertiary": {
         //Aquamarine Blue
@@ -104,8 +103,7 @@ export default {
       },
 
       action: {
-        //comet
-        DEFAULT: "#242424",
+        DEFAULT: "#2E2E2E",
         "50": "#f6f6f6",
         "100": "#e7e7e7",
         "200": "#d1d1d1",
@@ -116,7 +114,7 @@ export default {
         "700": "#4f4f4f",
         "800": "#454545",
         "900": "#3d3d3d",
-        "950": "#242424",
+        "950": "#2e2e2e",
       },
 
       character: {
@@ -172,11 +170,11 @@ export default {
       },
 
       ui: {
-        background: "#121212",
-        panel: "#171717",
-        "panel-border": "#363636",
-        controls: "#1C1C1C",
-        "controls-button": "#1C1C1C",
+        background: "#242424",
+        panel: "#1F1F1F",
+        "panel-border": "#3F3F3F",
+        controls: "#2E2E2E",
+        "controls-button": "#2E2E2E",
         divider: "#515168",
       },