theme random colour

src/component/control/checkbox/index.js

@@ -10,10 +10,9 @@ export const Control_checkbox = function ({
   labelText = 'Label',
   description = false,
   action = false,
-  //FIXME deprecated properties
-  inputButton = false, //eslint-disable-line
-  inputHide = false, //eslint-disable-line
-  inputButtonStyle = false //eslint-disable-line
+  inputButton = false,
+  inputHide = false,
+  inputButtonStyle = false
 } = {}) {
 
   this.checkbox = form.input.checkbox({

src/component/control/color/index.js

@@ -15,8 +15,7 @@ export const Control_color = function ({
   id = 'name',
   labelText = 'Label',
   srOnly = false,
-  //FIXME deprecated property
-  value = '#000000', //eslint-disable-line
+  value = '#000000',
   defaultValue = false,
   action = false,
   randomColor = false,

src/component/menuContent/themeSetting/index.js

@@ -1782,6 +1782,7 @@ themeSetting.layout = (parent) => {
     labelText: message.get('menuContentThemeLayoutColorColor'),
     defaultValue: state.get.default().theme.layout.color.rgb,
     minMaxObject: state.get.minMax(),
+    randomColor: true,
     action: () => {
       applyCSSVar([
         'theme.layout.color.rgb.r',
@@ -1919,6 +1920,7 @@ themeSetting.header = (parent) => {
     labelText: message.get('menuContentThemeHeaderColorColor'),
     defaultValue: state.get.default().theme.header.color.rgb,
     minMaxObject: state.get.minMax(),
+    randomColor: true,
     action: () => {
       applyCSSVar([
         'theme.header.color.rgb.r',
@@ -2008,6 +2010,7 @@ themeSetting.bookmark = (parent) => {
     labelText: message.get('menuContentThemeBookmarkColorColor'),
     defaultValue: state.get.default().theme.bookmark.color.rgb,
     minMaxObject: state.get.minMax(),
+    randomColor: true,
     action: () => {
       applyCSSVar([
         'theme.bookmark.color.rgb.r',