invert logo if background is dark, match body bg to wall color

1 files changed, 9 insertions, 0 deletions

diff --git a/public/assets/javascripts/rectangles/engine/rooms/_walls.js b/public/assets/javascripts/rectangles/engine/rooms/_walls.js
index 7438cd4..5ff53fe 100644
--- a/public/assets/javascripts/rectangles/engine/rooms/_walls.js
+++ b/public/assets/javascripts/rectangles/engine/rooms/_walls.js
@@ -125,6 +125,15 @@
     
       wall: function(rgb){
         var rgbaColor = rgba_string(rgb, app.defaults.wallOpacity)
+        var rgbColor = rgb_string(rgb)
+        
+        var rgb_max = Math.max.apply(0, rgb)
+        var rgb_min = Math.min.apply(255, rgb)
+        var luminance = (rgb_max + rgb_min ) / 2
+
+        $("#header").toggleClass("black", luminance < 128)
+        $("body").css("background-color", rgbColor)
+        
         Walls.colors.wall = rgb
         Walls.list.forEach(function(wall){
           wall.outline(rgbaColor, null)