[966] Changing a theme color changes all the themes color + fix theme labels

nodes/config/locales/ja/ui_base.json

@@ -26,7 +26,8 @@
             "expand": "展開"
         },
         "themes": {
-            "header": "テーマ"
+            "header": "テーマ",
+            "theme": "テーマ"
         }
     }
 }

nodes/config/ui_base.html

@@ -919,10 +919,10 @@
             // get all themes and determine the next theme number
             const entries = getConfigNodesByType(['ui-theme']) || []
             let counter = entries.length + 1
-            themeName = counter === 1 ? c_('themes.defaultTheme') : c_('label.theme') + ` ${counter}`
+            themeName = counter === 1 ? c_('themes.defaultTheme') : c_('themes.theme') + ` ${counter}`
             while (entries.find(e => e.name === themeName)) {
                 counter++
-                themeName = c_('label.theme') + ` ${counter}`
+                themeName = c_('themes.theme') + ` ${counter}`
             }
         }
         const themeNode = {

nodes/config/ui_theme.html

@@ -95,22 +95,20 @@
             })
         },
         oneditsave: function () {
-            // update our config values from the input values
+            const colors = {}
             Object.keys(this.colors).forEach((color) => {
-                // set the value of the input
-                this.colors[color] = $('#node-config-input-' + color).val()
+                colors[color] = $('#node-config-input-' + color).val()
             })
+            this.colors = colors
 
-            // update our config values from the input values
+            const sizes = {}
             Object.keys(this.sizes).forEach((size) => {
-                // get the value of the key
                 let value = $('#node-config-input-' + size).val()
                 // value is a number, add `px` to the end
                 value += (parseFloat(value).toString() === value) ? 'px' : ''
-
-                // set the value of the input
-                this.sizes[size] = value
+                sizes[size] = value
             })
+            this.sizes = sizes
         },
         label: function () {
             return `${this.name}` || 'UI Theme'