# ===================================
#  Field Definitions
# ===================================
# Light palette: [#1abc9c, #6cc551, #b1dbef, #2da7c7, #b281c5, #103141, #f8e095, #de8754, #b33f32, #95a5a6]
# Dark palette:  [#16a085, #52a838, #88c9e7, #227f96, #7b4e8e, #081821, #dcb22d, #d66829, #ab2a1c, #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

        primary_color:
            label: backend::lang.branding.primary_color
            type: colorpicker
            span: storm
            cssClass: row col-lg-4
            tab: backend::lang.branding.colors
            availableColors: ['#16a085', '#52a838', '#88c9e7', '#2da7c7', '#7b4e8e', '#081821', '#dcb22d', '#d66829', '#ab2a1c', '#7f8c8d']

        secondary_color:
            label: backend::lang.branding.secondary_color
            type: colorpicker
            span: storm
            cssClass: row col-lg-4
            tab: backend::lang.branding.colors
            availableColors: ['#16a085', '#52a838', '#88c9e7', '#2da7c7', '#7b4e8e', '#081821', '#dcb22d', '#d66829', '#ab2a1c', '#7f8c8d']

        accent_color:
            label: backend::lang.branding.accent_color
            type: colorpicker
            span: storm
            cssClass: row col-lg-4
            tab: backend::lang.branding.colors
            availableColors: ['#16a085', '#6cc551', '#88c9e7', '#2da7c7', '#7b4e8e', '#081821', '#dcb22d', '#d66829', '#ab2a1c', '#7f8c8d']

        _default_colors:
            label: backend::lang.branding.default_colors
            comment: backend::lang.branding.default_colors_comment
            type: section
            span: storm
            cssClass: row col-lg-12
            tab: backend::lang.branding.colors

        default_colors:
            label: false
            type: repeater
            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
            span: full

        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