extends ./_layout.pug

block adminContent
  .hero
    h1.title#title= t('nav.theme')
    h2.subtitle= t('admin:theme.subtitle')
    i.pageicon.nc-icon-outline.ui-1_drop
  admin-theme(inline-template, themedata=JSON.stringify(appconfig.theme))
    .form-sections
      section
        label.label= t('admin:theme.primarycolor')
        color-picker(v-model='primary')
        span.desc= t('admin:theme.primarycolordesc')
      section
        label.label= t('admin:theme.altcolor')
        color-picker(v-model='alt')
        span.desc= t('admin:theme.altcolordesc')
      section
        label.label= t('admin:theme.footercolor')
        color-picker(v-model='footer')
        span.desc= t('admin:theme.footercolordesc')
      section
        label.label= t('admin:theme.codeblock.title')
        toggle(v-model='codedark', desc=t('admin:theme.codeblock.dark'))
        toggle(v-model='codecolorize', desc=t('admin:theme.codeblock.colorize'))
      section
        button.button.is-grey(@click='resetTheme')
          i.nc-icon-outline.design_paint-37
          span= t('admin:theme.reset')
        button.button.is-green(@click='saveTheme')
          i.nc-icon-outline.ui-1_check
          span= t('admin:theme.savechanges')