update default render theme

liabru · Dec 8, 2020 · d258411 · d258411
1 parent 13c7eb5
commit d258411
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/body/Body.js b/src/body/Body.js
@@ -75,13 +75,15 @@ var Axes = require('../geometry/Axes');
             render: {
                 visible: true,
                 opacity: 1,
+                strokeStyle: null,
+                fillStyle: null,
+                lineWidth: null,
                 sprite: {
                     xScale: 1,
                     yScale: 1,
                     xOffset: 0,
                     yOffset: 0
-                },
-                lineWidth: 0
+                }
             },
             events: null,
             bounds: null,
@@ -165,10 +167,12 @@ var Axes = require('../geometry/Axes');
         });
 
         // render properties
-        var defaultFillStyle = (body.isStatic ? '#2e2b44' : Common.choose(['#006BA6', '#0496FF', '#FFBC42', '#D81159', '#8F2D56'])),
-            defaultStrokeStyle = '#000';
+        var defaultFillStyle = (body.isStatic ? '#14151f' : Common.choose(['#f19648', '#f5d259', '#f55a3c', '#063e7b', '#ececd1'])),
+            defaultStrokeStyle = body.isStatic ? '#555' : '#ccc',
+            defaultLineWidth = body.isStatic && body.render.fillStyle === null ? 1 : 0;
         body.render.fillStyle = body.render.fillStyle || defaultFillStyle;
         body.render.strokeStyle = body.render.strokeStyle || defaultStrokeStyle;
+        body.render.lineWidth = body.render.lineWidth || defaultLineWidth;
         body.render.sprite.xOffset += -(body.bounds.min.x - body.position.x) / (body.bounds.max.x - body.bounds.min.x);
         body.render.sprite.yOffset += -(body.bounds.min.y - body.position.y) / (body.bounds.max.y - body.bounds.min.y);
     };

diff --git a/src/render/Render.js b/src/render/Render.js
@@ -52,8 +52,8 @@ var Mouse = require('../core/Mouse');
                 width: 800,
                 height: 600,
                 pixelRatio: 1,
-                background: '#18181d',
-                wireframeBackground: '#0f0f13',
+                background: '#14151f',
+                wireframeBackground: '#14151f',
                 hasBounds: !!options.bounds,
                 enabled: true,
                 wireframes: true,