demo: design

dherault · Jul 29, 2017 · a3071e7 · a3071e7
1 parent d8d73c6
commit a3071e7
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -20,10 +20,10 @@
       }
       h1 {
         margin: 40px 0 35px 0;
-        color: DarkGoldenRod;
+        color: GoldenRod;
       }
       a {
-        color: DarkGoldenRod;
+        color: GoldenRod;
         text-decoration: none;
       }
       a:hover {
@@ -53,7 +53,7 @@
         font-weight: bold;
         font-family: monospace;
         text-align: center;
-        color: DarkGoldenRod;
+        color: GoldenRod;
       }
       input {
         min-width: 180px;
@@ -105,8 +105,8 @@
       }
       .button-active {
         font-weight: bold;
-        color: DarkGoldenRod;
-        border-color: DarkGoldenRod;
+        color: GoldenRod;
+        border-color: GoldenRod;
       }
       .lock {
         border: none;
@@ -122,7 +122,8 @@
       .container {
         margin-top: 3px;
         padding: 1px;
-        border: 2px solid DarkGoldenRod;
+        background-color: rgba(238, 238, 238, 0.25);
+        border: 2px solid rgba(238, 238, 238, 0.30);
       }
       .y-locked {
         height: 174px;
@@ -289,10 +290,10 @@ <h1>Flexpad</h1>
         activateButton(br, d === 'r')
         activateButtonLock(xLocked, true)
         activateButtonLock(yLocked, false)
-        divWrap.style.borderTopColor = d[0] === 't' ? 'DarkGoldenRod' : 'SlateGray';
-        divWrap.style.borderRightColor = d[1] === 'r' ? 'DarkGoldenRod' : 'SlateGray';
-        divWrap.style.borderBottomColor = d[0] === 'b' ? 'DarkGoldenRod' : 'SlateGray';
-        divWrap.style.borderLeftColor = d[1] === 'l' ? 'DarkGoldenRod' : 'SlateGray';
+        divWrap.style.borderTopColor = d[0] === 't' ? 'GoldenRod' : 'SlateGray';
+        divWrap.style.borderRightColor = d[1] === 'r' ? 'GoldenRod' : 'SlateGray';
+        divWrap.style.borderBottomColor = d[0] === 'b' ? 'GoldenRod' : 'SlateGray';
+        divWrap.style.borderLeftColor = d[1] === 'l' ? 'GoldenRod' : 'SlateGray';
       }
 
       const onclick = ((el, fn) => el.onclick = () => fn() + '' && render())