!!! 5
%html{ lang: I18n.locale }
  %head
    %meta{ charset: 'utf-8' }/
    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1' }/

    - if cdn_host?
      %link{ rel: 'dns-prefetch', href: cdn_host }/

    - if storage_host?
      %link{ rel: 'dns-prefetch', href: storage_host }/

    %link{ rel: 'icon', href: favicon_path, type: 'image/x-icon' }/
    %link{ rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' }/
    %link{ rel: 'mask-icon', href: '/mask-icon.svg', color: '#2B90D9' }/
    %link{ rel: 'manifest', href: '/manifest.json' }/
    %meta{ name: 'msapplication-config', content: '/browserconfig.xml' }/
    %meta{ name: 'theme-color', content: '#282c37' }/
    %meta{ name: 'apple-mobile-web-app-capable', content: 'yes' }/

    %title= content_for?(:page_title) ? safe_join([yield(:page_title).chomp.html_safe, title], ' - ') : title

    = javascript_pack_tag "locales", integrity: true, crossorigin: 'anonymous'
    - if @theme
      - if @theme[:supported_locales].include? I18n.locale.to_s
        = javascript_pack_tag "locales/#{@theme[:flavour]}/#{I18n.locale}", integrity: true, crossorigin: 'anonymous'
      - elsif @theme[:supported_locales].include? 'en'
        = javascript_pack_tag "locales/#{@theme[:flavour]}/en", integrity: true, crossorigin: 'anonymous'
    = csrf_meta_tags

    = yield :header_tags

    -#  These must come after :header_tags to ensure our initial state has been defined.
    = render partial: 'layouts/theme', object: @core
    = render partial: 'layouts/theme', object: @theme

    - if Setting.custom_css.present?
      = stylesheet_link_tag custom_css_path, media: 'all'

		- if current_account&.user&.setting_disable_color
      :css
        .status__content p > span,
        .reply-indicator__content p > span,
        .composer--reply > .content p > span,
        .account__header__content p > span,
        .account__header__fields p > span
        { color: inherit !important }

    - if current_account&.user&.setting_hide_captions
      :css
        div .media-caption,
        span .caption
        { display: none }

    - if current_account&.user&.setting_larger_menus
      :css
        .dropdown-menu__item a
        { padding: 14px 14px !important; font-size: 14px !important }
        .dropdown--active .dropdown__content > ul > li > a
        { padding: 14px 0 !important; font-size: 14px !important }

  %body{ class: body_classes }
    = content_for?(:content) ? yield(:content) : yield