# ===================================
#  Field Definitions
# ===================================
# Light palette: [#1abc9c, #2ecc71, #3498db, #9b59b6, #34495e, #f1c40f, #e67e22, #e74c3c, #ecf0f1, #95a5a6]
# Dark palette:  [#16a085, #27ae60, #2980b9, #8e44ad, #2b3e50, #f39c12, #d35400, #c0392b, #bdc3c7, #7f8c8d]

tabs:
    fields:

        logo:
            label: backend::lang.branding.logo
            type: fileupload
            commentAbove: backend::lang.branding.logo_description
            mode: image
            imageHeight: 170
            tab: backend::lang.branding.brand
            span: right
            fileTypes: jpg,jpeg,bmp,png,webp,gif,svg

        app_name:
            label: backend::lang.branding.app_name
            commentAbove: backend::lang.branding.app_name_description
            tab: backend::lang.branding.brand
            span: left

        app_tagline:
            label: backend::lang.branding.app_tagline
            commentAbove: backend::lang.branding.app_tagline_description
            tab: backend::lang.branding.brand
            span: left

        favicon:
            label: backend::lang.branding.favicon
            type: fileupload
            commentAbove: backend::lang.branding.favicon_description
            mode: image
            imageHeight: 32
            tab: backend::lang.branding.brand
            span: right
            fileTypes: jpg,jpeg,bmp,png,webp,gif,svg,ico

        primary_color:
            label: backend::lang.branding.primary_color
            type: colorpicker
            tab: backend::lang.branding.colors
            availableColors: [#16a085, #27ae60, #2980b9, #8e44ad, #34495e, #f39c12, #d35400, #c0392b, #7f8c8d, #4f5458]

        secondary_color:
            label: backend::lang.branding.secondary_color
            type: colorpicker
            tab: backend::lang.branding.colors
            availableColors: [#16a085, #27ae60, #3498db, #9b59b6, #34495e, #f39c12, #e67e22, #e74c3c, #708598, #4f5458]

        accent_color:
            label: backend::lang.branding.accent_color
            type: colorpicker
            tab: backend::lang.branding.colors
            availableColors: [#16a085, #27ae60, #3498db, #9b59b6, #34495e, #f1c40f, #e67e22, #e74c3c, #ecf0f1, #95a5a6]

        menu_mode:
            label: backend::lang.branding.menu_mode
            tab: backend::lang.branding.navigation
            type: radio
            options:
                inline: backend::lang.branding.menu_mode_inline
                inline_no_icons: backend::lang.branding.menu_mode_inline_no_icons
                tile: backend::lang.branding.menu_mode_tile
                collapse: backend::lang.branding.menu_mode_collapsed

        custom_css:
            label: backend::lang.branding.custom_stylesheet
            type: codeeditor
            tab: backend::lang.branding.styles
            size: giant
            language: css