# ===================================
#  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

        _branding_colors:
            label: backend::lang.branding.branding_colors
            comment: backend::lang.branding.branding_colors_comment
            type: section
            tab: backend::lang.branding.colors
            span: left

        _default_colors:
            label: backend::lang.branding.default_colors
            comment: backend::lang.branding.default_colors_comment
            type: section
            tab: backend::lang.branding.colors
            span: right

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

        default_colors:
            label: false
            type: repeater
            span: right
            tab: backend::lang.branding.colors
            prompt: backend::lang.branding.add_default_color
            titleFrom: color
            form:
                fields:
                    color:
                        label: false
                        type: colorpicker
                        availableColors: []
                        allowCustom: true
                        allowAlpha: true
                        formats: all

        secondary_color:
            label: backend::lang.branding.secondary_color
            type: colorpicker
            span: left
            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
            span: left
            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: less
