[design] add more presets

Author: zombieFox

src/css/theme.css

@@ -208,6 +208,26 @@
 background-color:rgb(var(--theme-preset-accent-chocorum))
 }
 
+.theme-preset-background-sunbloom-01{
+background-color:rgb(var(--theme-preset-background-sunbloom-01))
+}
+
+.theme-preset-background-sunbloom-02{
+background-color:rgb(var(--theme-preset-background-sunbloom-02))
+}
+
+.theme-preset-background-sunbloom-03{
+background-color:rgb(var(--theme-preset-background-sunbloom-03))
+}
+
+.theme-preset-background-sunbloom-04{
+background-color:rgb(var(--theme-preset-background-sunbloom-04))
+}
+
+.theme-preset-accent-sunbloom{
+background-color:rgb(var(--theme-preset-accent-sunbloom))
+}
+
 .theme-preset-background-coralgreen-01{
 background-color:rgb(var(--theme-preset-background-coralgreen-01))
 }

src/css/variables.css

@@ -56,6 +56,11 @@
 --theme-preset-background-chocorum-03:25,25,25;
 --theme-preset-background-chocorum-04:25,25,25;
 --theme-preset-accent-chocorum:25,25,25;
+--theme-preset-background-sunbloom-01:25,25,25;
+--theme-preset-background-sunbloom-02:25,25,25;
+--theme-preset-background-sunbloom-03:25,25,25;
+--theme-preset-background-sunbloom-04:25,25,25;
+--theme-preset-accent-sunbloom:25,25,25;
 --theme-preset-background-coralgreen-01:25,25,25;
 --theme-preset-background-coralgreen-02:25,25,25;
 --theme-preset-background-coralgreen-03:25,25,25;

src/index.html

@@ -1381,6 +1381,18 @@ <h1 class="menu-item-header-text">Presets</h1>
 <spanclass="button-text small">Choco Rum</span>
 </button>
 </div>
+<divclass="button-wrap form-inline">
+<buttonclass="control-theme-preset-sunbloom theme-preset-button button mb-0" tabindex="-1">
+<divclass="theme-preset-preview">
+<spanclass="theme-preset-background-01 theme-preset-background-sunbloom-01"></span>
+<spanclass="theme-preset-background-02 theme-preset-background-sunbloom-02"></span>
+<spanclass="theme-preset-background-03 theme-preset-background-sunbloom-03"></span>
+<spanclass="theme-preset-background-04 theme-preset-background-sunbloom-04"></span>
+<spanclass="theme-preset-accent theme-preset-accent-sunbloom"></span>
+</div>
+<spanclass="button-text small">Sun Bloom</span>
+</button>
+</div>
 <divclass="button-wrap form-inline">
 <buttonclass="control-theme-preset-coralgreen theme-preset-button button mb-0" tabindex="-1">
 <divclass="theme-preset-preview">

src/js/control.js

@@ -2608,6 +2608,19 @@ var control = (function(){
 render.update();
 render.class();
 }
+},{
+element: helper.e(".control-theme-preset-sunbloom"),
+type: "button",
+func: function(){
+theme.preset("sunbloom");
+theme.style.check();
+theme.render.color.shade();
+theme.render.accent.color();
+theme.render.radius();
+link.groupAndItems();
+render.update();
+render.class();
+}
 },{
 element: helper.e(".control-theme-preset-coralgreen"),
 type: "button",

src/js/state.js

@@ -494,6 +494,27 @@ var state = (function(){
 radius: 0.75,
 style: "dark"
 },
+sunbloom: {
+color: {
+hsl: {
+h: 54,
+s: 78,
+l: 47
+},
+rgb: {
+r: 213,
+g: 194,
+b: 26
+}
+},
+accent: {
+r: 255,
+g: 220,
+b: 22
+},
+radius: 0.5,
+style: "light"
+},
 coralgreen: {
 color: {
 hsl: {