[refactor] improve theme preset and nighttab preset font

Author: zombieFox

src/css/form.css

@@ -1200,8 +1200,15 @@ input[type="range"]:disabled::-moz-range-progress{
 }
 
 .form-inline{
-display: inline-block;
-margin-right:0.5em;
+display: flex;
+flex-direction: row;
+justify-content: flex-start;
+align-items: flex-start;
+flex-wrap: wrap;
+}
+
+.form-inline>*{
+margin-right:1em;
 width: initial;
 }
 

src/css/theme.css

@@ -75,7 +75,7 @@
 }
 
 .theme-preset-font-display{
-font-size:1.6em;
+font-size:1.25em;
 margin-bottom:0.25em;
 }
 

src/index.html

@@ -2534,16 +2534,35 @@ var control = (function(){
 element: helper.e(".control-theme-preset-nighttab"),
 type: "button",
 func: function(){
-theme.preset("nighttab");
+mod.setValue("theme.accent.current",helper.getObject({
+object: state.get.default(),
+path: "theme.accent.current"
+}));
+mod.setValue("theme.color",helper.getObject({
+object: state.get.default(),
+path: "theme.color"
+}));
+mod.setValue("theme.font",helper.getObject({
+object: state.get.default(),
+path: "theme.font"
+}));
+mod.setValue("theme.style",helper.getObject({
+object: state.get.default(),
+path: "theme.style"
+}));
+mod.setValue("theme.radius",helper.getObject({
+object: state.get.default(),
+path: "theme.radius"
+}));
+render.update();
+render.class();
 theme.render.font.display();
 theme.render.font.ui();
 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-midnight"),

src/js/control.js

@@ -367,6 +367,11 @@ var state = (function(){
 b: 160
 }
 },
+font: {
+display: "",
+ui: ""
+},
+style: "dark",
 radius: 0.25
 }
 };

src/js/state.js

@@ -143,8 +143,8 @@ var theme = (function(){
 all: {
 nighttab: {
 font: {
-display: "",
-ui: ""
+display: "Fjalla One Regular",
+ui: "Open Sans Regular"
 },
 color: {
 hsl: {
@@ -742,8 +742,12 @@ var theme = (function(){
 renderPreview("--theme-preset-background-"+key+"-",i,rgb);
 };
 html.style.setProperty("--theme-preset-accent-"+key,preset.accent.r+", "+preset.accent.g+", "+preset.accent.b);
-html.style.setProperty("--theme-preset-font-display-"+key,"\""+preset.font.display+"\", sans-serif");
-html.style.setProperty("--theme-preset-font-ui-"+key,"\""+preset.font.ui+"\", sans-serif");
+if(preset.font.display!=""){
+html.style.setProperty("--theme-preset-font-display-"+key,"\""+preset.font.display+"\", sans-serif");
+};
+if(preset.font.ui!=""){
+html.style.setProperty("--theme-preset-font-ui-"+key,"\""+preset.font.ui+"\", sans-serif");
+};
 if(preset.style=="dark"){
 html.style.setProperty("--theme-preset-font-color-"+key,"var(--theme-white)");
 }elseif(preset.style=="light"){