Better defaults

components/Footer.js

@@ -6,7 +6,7 @@ const Footer = (props) => (
   <div className="footer">
     <div>
       <Link href="/about"><a>about</a></Link>
-      <a href="#">send feedback</a>
+      <a href="mailto:hi@dawnlabs.io?subject=Carbon%20Feedback&anp;body=">send feedback</a>
       <a href="#">tweet</a>
       <a href="#">star</a>
     </div>

lib/constants.js

@@ -50,7 +50,7 @@ export const THEMES = [
 
 export const LANGUAGES = [
   {
-    name: 'Auto Detect'
+    name: 'Auto'
   },
   {
     name: 'Plain Text'

pages/editor.js

@@ -28,10 +28,10 @@ class Editor extends React.Component {
   constructor()  {
     super()
     this.state = {
-      background: '#111111',
+      background: '#ABB8C3',
       theme: THEMES[0].id,
       language: 'javascript', // TODO LANGUAGES[0]
-      dropShadow: false,
+      dropShadow: true,
       windowControls: true,
       paddingVertical: '48px',
       paddingHorizontal: '32px'