Browse Source

Playing around with some 'dark mode' colors.

dev-tmpl
Bryan Miller 6 years ago
parent
commit
89ac4f642b
3 changed files with 23 additions and 16 deletions
  1. +8
    -2
      app/css/nespaint.css
  2. +1
    -0
      app/js/main.js
  3. +14
    -14
      index.html

+ 8
- 2
app/css/nespaint.css View File

body{ body{
background-color:#666;
background-color:#303030;
}

.pure-menu{
background-color:#6200EE;
color:#FFF;
} }


#painter{ #painter{
background-color:#444;
background-color:#212121;
width:100%; width:100%;
height:100%; height:100%;
} }




span.color-NES-06{ span.color-NES-06{
background-color:#000;
color:#A80020; color:#A80020;
} }



+ 1
- 0
app/js/main.js View File

var cb = Math.floor(Math.random() * 3); var cb = Math.floor(Math.random() * 3);
var index = (cb*16)+ca; var index = (cb*16)+ca;
el.style.color = pal[index]; el.style.color = pal[index];
el.style["background-color"] = "#000";
}); });
} }
} }

+ 14
- 14
index.html View File

<a class="pure-menu-heading" href=""> <a class="pure-menu-heading" href="">
<span class="color-NES-06">NES </span> <span class="color-NES-06">NES </span>
<span class="color-NES-random">P</span><span class="color-NES-random">a</span><span class="color-NES-random">i</span><span class="color-NES-random">n</span><span class="color-NES-random">t</span> <span class="color-NES-random">P</span><span class="color-NES-random">a</span><span class="color-NES-random">i</span><span class="color-NES-random">n</span><span class="color-NES-random">t</span>
</a>
<ul class="pure-menu-list">
<li class="pure-menu-item pure-menu-selected">
</a>
</div>
</div>

<div class="content-wrapper">
<div class="pure-g">
<div class="pure-u-1-8">
<div class="pure-button-group" role="group" aria-label="...">
<button emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-button"> <button emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-button">
<i class="fa fa-brush"></i> <i class="fa fa-brush"></i>
</button> </button>
</li>
<li class="pure-menu-item">
<button emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-button"> <button emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-button">
<i class="fa fa-eraser"></i> <i class="fa fa-eraser"></i>
</button> </button>
</li>
</ul>
</div>
</div>

<div class="content-wrapper">
<div class="pure-g">
<div class="pure-u-1-8"></div>
<div class="pure-u-3-4">
<button class="pure-button pure-button-active">
<i class="fa fa-eye-dropper"></i>
</button>
</div>
</div>
<div class="pure-u-2-3">
<canvas id="painter" width:"128" height:"256"></canvas> <canvas id="painter" width:"128" height:"256"></canvas>
</div> </div>
</div> </div>

Loading…
Cancel
Save