feat: Color Theme page UI + color picker + toggle

This commit is contained in:
NGPixel
2017-06-24 22:45:23 -04:00
committed by Nicolas Giard
parent a1b6dfb308
commit 00da4e3e05
9 changed files with 161 additions and 11 deletions

View File

@@ -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",

View File

@@ -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')