[design] improve theme preset style and theme wording

Author: zombieFox

src/css/theme.css

@@ -7,8 +7,8 @@
 }
 
 .theme-preset-button .button-text{
-margin-top:1.25em;
-margin-bottom:1.25em;
+margin-top:0.75em;
+margin-bottom:0.75em;
 margin-left:0;
 }
 
@@ -43,19 +43,19 @@
 .theme-preset-background-02{
 z-index:2;
 clip-path:polygon(040%,60%100%,100%100%,100%0,00);
-transition-delay:0;
+transition-delay:0s;
 }
 
 .theme-preset-background-03{
 z-index:3;
 clip-path:polygon(00,100%100%,100%0);
-transition-delay:0;
+transition-delay:0s;
 }
 
 .theme-preset-background-04{
 z-index:4;
 clip-path:polygon(40%0,100%60%,100%0);
-transition-delay:0;
+transition-delay:0s;
 }
 
 .theme-preset-accent{

src/index.html

@@ -1493,17 +1493,6 @@ <h1 class="menu-item-header-text">Style</h1>
 <labelfor="control-theme-style-light"><spanclass="label-icon"></span> Light</label>
 </div>
 <pclass="control-theme-style-light-helper form-helper small">Accent Colour and Background Image may need to be changed to best fit the Theme Style.</p>
-<hr>
-<divclass="input-wrap">
-<labelfor="control-theme-radius">Radius</label>
-<divclass="form-group form-group-block mb-0">
-<inputid="control-theme-radius" class="control-theme-radius mr-3" type="range" min="0" max="300" value="0" step="5" tabindex="-1">
-<divclass="control-theme-radius-count form-group-text form-group-item-medium form-group-radius-left"></div>
-</div>
-</div>
-<divclass="button-wrap">
-<buttonclass="control-theme-radius-default button mb-0" tabindex="-1">Default radius</button>
-</div>
 </div>
 </div>
 <divclass="menu-item">
@@ -1520,7 +1509,7 @@ <h1 class="menu-item-header-text">Color</h1>
 </div>
 <pclass="control-theme-color-helper form-helper small">Light and dark shades from this colour are used across nightTabs.</p>
 <divclass="button-wrap">
-<buttonclass="control-theme-color-rgb-default button mb-0" tabindex="-1">Default shade color</button>
+<buttonclass="control-theme-color-rgb-default button mb-0" tabindex="-1">Default primary color</button>
 </div>
 <hr>
 <divclass="input-wrap">
@@ -1685,6 +1674,23 @@ <h1 class="menu-item-header-text">Accent</h1>
 </div>
 </div>
 </div>
+<divclass="menu-item">
+<divclass="menu-item-header">
+<h1class="menu-item-header-text">Radius</h1>
+</div>
+<divclass="menu-item-form">
+<divclass="input-wrap">
+<labelfor="control-theme-radius">All corners</label>
+<divclass="form-group form-group-block mb-0">
+<inputid="control-theme-radius" class="control-theme-radius mr-3" type="range" min="0" max="300" value="0" step="5" tabindex="-1">
+<divclass="control-theme-radius-count form-group-text form-group-item-medium form-group-radius-left"></div>
+</div>
+</div>
+<divclass="button-wrap">
+<buttonclass="control-theme-radius-default button mb-0" tabindex="-1">Default radius</button>
+</div>
+</div>
+</div>
 </div>
 
 <divclass="menu-content-area menu-content-area-background is-hidden">