extends ./_layout.pug

block adminContent
  .hero
    h1.title#title= t('nav.theme')
    h2.subtitle= t('admin:theme.subtitle')
    i.pageicon.nc-icon-outline.design_paint-37
  .form-sections
    section
      label.label= t('admin:theme.primarycolor')
      color-picker(current-color=appconfig.theme.primary)
      span.desc Used for top navigation bar, headers, links, etc.
    section
      label.label= t('admin:theme.altcolor')
      color-picker(current-color=appconfig.theme.alt)
      span.desc Used for the sidebar (in a darker tone)
    section
      label.label= t('admin:theme.footercolor')
      color-picker(current-color=appconfig.theme.footer)
      span.desc Used for the foter (in a lighter tone)
    section
      label.label= t('admin:theme.codeblock')
      toggle(:current-value=appconfig.theme.code.dark.toString(), desc='Use Dark Theme')
      toggle(:current-value=appconfig.theme.code.colorize.toString(), desc='Colorize code syntax')
    section
      button.button.is-green(@click='saveUser')
        i.nc-icon-outline.ui-1_check
        span= t('admin:profile.savechanges')