From 0dfd3597fb31db5a3ced93fb4c5ae07f8a767dc6 Mon Sep 17 00:00:00 2001
From: probablycorey <cj@github.com>
Date: Tue, 5 Mar 2013 12:48:45 -0800
Subject: [PATCH] add visual indicator for dev mode

---
 static/atom.css   | 10 +++++++++-
 static/index.html |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/static/atom.css b/static/atom.css
index bfe56f43b..187f53b74 100644
--- a/static/atom.css
+++ b/static/atom.css
@@ -10,6 +10,14 @@ html, body {
   position: relative;
 }
 
+.is-dev-mode #root-view:before {
+  content: "";
+  height: 3px;
+  display: block;
+  background-image: -webkit-linear-gradient(#ffc833, #ebac00);
+  border-bottom: 1px solid #000;
+}
+
 #root-view #horizontal {
   display: -webkit-flex;
   height: 100%;
@@ -72,4 +80,4 @@ html, body {
   position: relative;
   display: inline-block;
   padding-left: 19px;
-}
\ No newline at end of file
+}
diff --git a/static/index.html b/static/index.html
index 0e27bf115..75da64b8a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -23,6 +23,11 @@
         console.error(error.stack || error);
       }
     }
+
+    document.addEventListener('DOMContentLoaded', function() {
+      if(window.location.params.devMode == "true")
+        document.body.setAttribute('class', 'is-dev-mode')
+    })
   </script>
 
   <script src='../src/stdlib/require.js'></script>