esc_html__( 'Colors', 'Avada' ), 'id' => 'colors_section', 'priority' => 3, 'icon' => 'el-icon-brush', 'fields' => array( 'colors_important_note_info' => array( 'label' => '', 'description' => '
' . __( 'IMPORTANT NOTE: This tab contains general color options. Additional color options for specific areas, can be found within other tabs. Example: For menu color options go to the menu tab.', 'Avada' ) . '
', 'id' => 'colors_important_note_info', 'type' => 'custom', ), 'scheme_type' => array( 'label' => esc_html__( 'Predefined Theme Skin', 'Avada' ), 'description' => esc_html__( 'Controls the main theme skin to be light or dark. Select a skin and all color options will change to the defined selection. Please note that individual pages have containers and Fusion Page Options that can override this setting, therefor you may not fully see the changes. If you change to light and a page is still dark, edit the page and look at each container background settings, along with Fusion Page Options.', 'Avada' ), 'id' => 'scheme_type', 'default' => '', 'type' => 'preset', 'choices' => array( 'Light' => array( 'label' => esc_html__( 'Light', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/ffffff.png', 'settings' => Fusion_Data::color_theme( 'light' ), ), 'Dark' => array( 'label' => esc_html__( 'Dark', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/29292a.png', 'settings' => Fusion_Data::color_theme( 'dark' ), ), ), ), 'color_scheme' => array( 'label' => esc_html__( 'Predefined Color Scheme', 'Avada' ), 'description' => esc_html__( 'Controls the main color scheme throughout the theme. Select a scheme and all the color options will change to the defined selection. Click the Save button to save your own current custom color scheme. Click the Import button to import a custom scheme. To delete or export a scheme, you must first have a custom scheme saved.', 'Avada' ), 'id' => 'color_scheme', 'default' => 'Green', 'type' => 'preset', 'choices' => array( 'Red' => array( 'label' => esc_html__( 'Red', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/e10707.png', 'settings' => Fusion_Data::color_theme( 'red' ), ), 'Light Red' => array( 'label' => esc_html__( 'Light Red', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/f05858.png', 'settings' => Fusion_Data::color_theme( 'lightred' ), ), 'Blue' => array( 'label' => esc_html__( 'Blue', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/1a80b6.png', 'settings' => Fusion_Data::color_theme( 'blue' ), ), 'Light Blue' => array( 'label' => esc_html__( 'Light Blue', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/67b7e1.png', 'settings' => Fusion_Data::color_theme( 'lightblue' ), ), 'Green' => array( 'label' => esc_html__( 'Green', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/a0ce4e.png', 'settings' => Fusion_Data::color_theme( 'green' ), ), 'Dark Green' => array( 'label' => esc_html__( 'Dark Green', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/9db668.png', 'settings' => Fusion_Data::color_theme( 'darkgreen' ), ), 'Orange' => array( 'label' => esc_html__( 'Orange', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/e9a825.png', 'settings' => Fusion_Data::color_theme( 'orange' ), ), 'Pink' => array( 'label' => esc_html__( 'Pink', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/e67fb9.png', 'settings' => Fusion_Data::color_theme( 'pink' ), ), 'Brown' => array( 'label' => esc_html__( 'Brown', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/ab8b65.png', 'settings' => Fusion_Data::color_theme( 'brown' ), ), 'Light Grey' => array( 'label' => esc_html__( 'Light Grey', 'Avada' ), 'image' => Avada::$template_dir_url . '/assets/images/colors/9e9e9e.png', 'settings' => Fusion_Data::color_theme( 'lightgrey' ), ), ), ), 'custom_color' => array( 'description' => '', 'id' => 'custom_color_scheme_options', 'type' => 'custom', ), 'primary_color' => array( 'label' => esc_html__( 'Primary Color', 'Avada' ), 'description' => esc_html__( 'Controls the main highlight color throughout the theme.', 'Avada' ), 'id' => 'primary_color', 'default' => '#a0ce4e', 'type' => 'color-alpha', ), ), ); // Custom color schemes. $custom_colors = get_option( 'avada_custom_color_schemes' ); $is_custom_color = ( is_array( $custom_colors ) && count( $custom_colors ) > 0 ) ? true : false; $export = ''; $update = ''; $delete = ''; // Add save button. $buttons = ' '; // If color already set, add update button and delete button. if ( $is_custom_color ) { $buttons .= ' '; $buttons .= ' '; } // Add import button. $buttons .= ' '; // If color already exist, add export button, export markup, update markup and delete markup. if ( $is_custom_color ) { $buttons .= ''; $update .= '

' . esc_attr__( 'This will update the selected custom color scheme with the current selected color options.', 'Avada' ) . '

'; $export = '

' . esc_attr__( 'Copy the export code from the text area and paste it into another installation via the import button.', 'Avada' ) . '

'; $delete = '

' . esc_attr__( 'Select the color schemes you wish to delete and then click the "Delete" button.', 'Avada' ) . '

'; } // Add save markup. $save = '

' . esc_attr__( 'This will save the current selected color options as a new custom color scheme.', 'Avada' ) . '

'; // Add import markup. $import = '

' . esc_attr__( 'Paste the code that was exported from the color scheme into the text area and then click the "Import" button.', 'Avada' ) . '

'; // Add all buttons and markup to field description. $sections['colors']['fields']['custom_color']['description'] = '
' . $buttons . $save . $update . $import . $export . $delete . '
'; // Add each scheme as an option. if ( $is_custom_color ) { foreach ( $custom_colors as $scheme ) { $scheme_name = esc_html( $scheme['name'] ); $sections['colors']['fields']['color_scheme']['choices'][ $scheme_name ] = array( 'label' => $scheme_name, 'image' => Avada::$template_dir_url . '/assets/images/colors/custom.png', 'settings' => $scheme['values'], ); } } return $sections; }