function register ({ registerHook, peertubeHelpers }) {
  
  const baseStaticUrl = peertubeHelpers.getBaseStaticRoute()
  const logoUrl = baseStaticUrl + '/images/logo.png';
  const faviconUrl = baseStaticUrl + '/images/favicon.png';
  const filterUrl = baseStaticUrl + '/images/filter_black.png';
  const keyboardUrl = baseStaticUrl + '/images/keyboard_black.png';
  const languagesUrl = baseStaticUrl + '/images/languages_black.png';
  const backgroundUrl = baseStaticUrl + '/images/back_cube_lm.svg';
  const image404 = baseStaticUrl + '/images/404.svg'

  const style = document.createElement('style')
  document.head.appendChild(style)

  // STYLES START
  const sheet = style.sheet
  // Change filter icon
  let rule = "#custom-css .icon.icon-filter { "
  rule+= " background-image: url('"+ filterUrl +"');"
  rule+= " } "
  sheet.insertRule(rule, 0)
  // Change logo icon
  rule = " #custom-css .icon.icon-logo { "
  rule+= " background-image: url('"+ logoUrl +"');"
  rule+= " } "
  sheet.insertRule(rule, 0)
  // Change keyboard icon
  rule = " #custom-css .icon.icon-language { "
  rule+= " background-image: url('"+ languagesUrl +"');"
  rule+= " } "
  sheet.insertRule(rule, 0)
  // Change languages icon
  rule = " #custom-css .icon.icon-shortcuts{ "
  rule+= " background-image: url('"+ keyboardUrl +"'); -webkit-filter: none; filter: none"
  rule+= " } "
  sheet.insertRule(rule, 0)
  // Change background
  rule = " #custom-css .sub-header-container{ "
  rule+= " background-image: url('"+ backgroundUrl +"'); -webkit-filter: none; filter: none"
  rule+= " } "
  sheet.insertRule(rule, 0)
  // STYLES END

  const favicon = document.querySelector('link[rel="icon"]')
  favicon.href = faviconUrl
  favicon.type = 'image/png'

  /* ANGULAR NAVIGATION-END */
    registerHook({
      target: 'action:router.navigation-end',
      handler: params => {
        if(document.querySelector('my-page-not-found')){
          const img = document.querySelector('my-page-not-found').querySelector('img')
          if(img){
            img.src = image404
          }
        }
      }
    })
}

export {
  register
}
