[design] improve presets

Author: zombieFox

src/css/theme.css

@@ -288,24 +288,24 @@
 background-color:rgb(var(--theme-preset-accent-hotpepper))
 }
 
-.theme-preset-background-coldcube-01{
-background-color:rgb(var(--theme-preset-background-coldcube-01))
+.theme-preset-background-steelgrey-01{
+background-color:rgb(var(--theme-preset-background-steelgrey-01))
 }
 
-.theme-preset-background-coldcube-02{
-background-color:rgb(var(--theme-preset-background-coldcube-02))
+.theme-preset-background-steelgrey-02{
+background-color:rgb(var(--theme-preset-background-steelgrey-02))
 }
 
-.theme-preset-background-coldcube-03{
-background-color:rgb(var(--theme-preset-background-coldcube-03))
+.theme-preset-background-steelgrey-03{
+background-color:rgb(var(--theme-preset-background-steelgrey-03))
 }
 
-.theme-preset-background-coldcube-04{
-background-color:rgb(var(--theme-preset-background-coldcube-04))
+.theme-preset-background-steelgrey-04{
+background-color:rgb(var(--theme-preset-background-steelgrey-04))
 }
 
-.theme-preset-accent-coldcube{
-background-color:rgb(var(--theme-preset-accent-coldcube))
+.theme-preset-accent-steelgrey{
+background-color:rgb(var(--theme-preset-accent-steelgrey))
 }
 
 .theme-preset-background-outrun-01{

src/css/variables.css

@@ -76,11 +76,11 @@
 --theme-preset-background-hotpepper-03:25,25,25;
 --theme-preset-background-hotpepper-04:25,25,25;
 --theme-preset-accent-hotpepper:25,25,25;
---theme-preset-background-coldcube-01:25,25,25;
---theme-preset-background-coldcube-02:25,25,25;
---theme-preset-background-coldcube-03:25,25,25;
---theme-preset-background-coldcube-04:25,25,25;
---theme-preset-accent-coldcube:25,25,25;
+--theme-preset-background-steelgrey-01:25,25,25;
+--theme-preset-background-steelgrey-02:25,25,25;
+--theme-preset-background-steelgrey-03:25,25,25;
+--theme-preset-background-steelgrey-04:25,25,25;
+--theme-preset-accent-steelgrey:25,25,25;
 --theme-preset-background-outrun-01:25,25,25;
 --theme-preset-background-outrun-02:25,25,25;
 --theme-preset-background-outrun-03:25,25,25;

src/index.html

@@ -1430,15 +1430,15 @@ <h1 class="menu-item-header-text">Presets</h1>
 </button>
 </div>
 <divclass="button-wrap form-inline">
-<buttonclass="control-theme-preset-coldcube theme-preset-button button mb-0" tabindex="-1">
+<buttonclass="control-theme-preset-steelgrey theme-preset-button button mb-0" tabindex="-1">
 <divclass="theme-preset-preview">
-<spanclass="theme-preset-background-01 theme-preset-background-coldcube-01"></span>
-<spanclass="theme-preset-background-02 theme-preset-background-coldcube-02"></span>
-<spanclass="theme-preset-background-03 theme-preset-background-coldcube-03"></span>
-<spanclass="theme-preset-background-04 theme-preset-background-coldcube-04"></span>
-<spanclass="theme-preset-accent theme-preset-accent-coldcube"></span>
+<spanclass="theme-preset-background-01 theme-preset-background-steelgrey-01"></span>
+<spanclass="theme-preset-background-02 theme-preset-background-steelgrey-02"></span>
+<spanclass="theme-preset-background-03 theme-preset-background-steelgrey-03"></span>
+<spanclass="theme-preset-background-04 theme-preset-background-steelgrey-04"></span>
+<spanclass="theme-preset-accent theme-preset-accent-steelgrey"></span>
 </div>
-<spanclass="button-text small">Cold Cube</span>
+<spanclass="button-text small">Steel Grey</span>
 </button>
 </div>
 <divclass="button-wrap form-inline">

src/js/control.js

@@ -2661,10 +2661,10 @@ var control = (function(){
 render.class();
 }
 },{
-element: helper.e(".control-theme-preset-coldcube"),
+element: helper.e(".control-theme-preset-steelgrey"),
 type: "button",
 func: function(){
-theme.preset("coldcube");
+theme.preset("steelgrey");
 theme.style.check();
 theme.render.color.shade();
 theme.render.accent.color();

src/js/state.js

@@ -578,25 +578,25 @@ var state = (function(){
 radius: 0.6,
 style: "dark"
 },
-coldcube: {
+steelgrey: {
 color: {
 hsl: {
-h: 203,
-s: 30,
-l: 50
+h: 214,
+s: 25,
+l: 44
 },
 rgb: {
-r: 89,
-g: 136,
-b: 165
+r: 85,
+g: 110,
+b: 143
 }
 },
 accent: {
-r: 74,
-g: 120,
-b: 148
+r: 59,
+g: 95,
+b: 118
 },
-radius: 0.1,
+radius: 0.3,
 style: "light"
 },
 outrun: {