feat: Color Theme page UI + color picker + toggle

server/locales/en/admin.json

@@ -42,6 +42,12 @@
   "system": {
     "subtitle": "Information on Wiki.js and troubleshooting tools"
   },
+  "theme": {
+    "subtitle": "Customize the appearance of your wiki",
+    "primarycolor": "Primary Color",
+    "altcolor": "Secondary Color",
+    "codeblock": "Code Blocks"
+  },
   "users": {
     "createauthorize": "Create / Authorize User",
     "subtitle": "Manage users and access rights",

server/views/pages/admin/theme.pug

@@ -1,11 +1,17 @@
 extends ./_layout.pug
 
 block adminContent
-  #page-type-admin-settings
-    .hero
-      h1.title#title= t('nav.theme')
-      h2.subtitle= t('admin:theme.subtitle')
-    .form-sections
-      section
-        label.label= t('admin:theme.primarycolor')
-        color-picker
+  .hero
+    h1.title#title= t('nav.theme')
+    h2.subtitle= t('admin:theme.subtitle')
+  .form-sections
+    section
+      label.label= t('admin:theme.primarycolor')
+      color-picker(current-color='indigo')
+    section
+      label.label= t('admin:theme.altcolor')
+      color-picker(current-color='blue-grey')
+    section
+      label.label= t('admin:theme.codeblock')
+      toggle(current-value='dark', desc='Use Dark Theme')
+      toggle(current-value='dark', desc='Colorize code syntax')