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

@@ -1,9 +1,14 @@
body{
background-color:#666;
background-color:#303030;
}

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

#painter{
background-color:#444;
background-color:#212121;
width:100%;
height:100%;
}
@@ -17,6 +22,7 @@ body{


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


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

@@ -27,6 +27,7 @@ function TitlePainter(pal){
var cb = Math.floor(Math.random() * 3);
var index = (cb*16)+ca;
el.style.color = pal[index];
el.style["background-color"] = "#000";
});
}
}

+ 14
- 14
index.html View File

@@ -23,26 +23,26 @@
<a class="pure-menu-heading" href="">
<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>
</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">
<i class="fa fa-brush"></i>
</button>
</li>
<li class="pure-menu-item">
<button emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-button">
<i class="fa fa-eraser"></i>
</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>
</div>
</div>

Loading…
Cancel
Save