1. Overview

1.1 Primary Color

The primary color serves as the main hue for all system components, including buttons, tabs, switches, and other controls. ShareCRM defaults to orange as its primary color and offers six preset color options. Users may also customize the primary color by selecting from a color picker or entering a hexadecimal color value (with visual guidance provided to ensure optimal display).

picture coming soon:

Access path: Admin Console > Company Settings > Brand Color

1.2 Skin Color

This refers to the color scheme applied to specific system areas, primarily the Web main navigation bar and mobile top bar. The system initially provides one default preset color, with 14 additional preset options available. If these presets don’t meet requirements, users may create custom colors (with visual contrast recommendations provided for accessibility).

picture coming soon:

2. Primary Color Configuration

2.1 Core Features

• The primary color controls the main hue for most page components
• Configuration options include both preset and custom color selection
• Changes appear in real-time within the preview panel

2.2 Preset & Custom Primary Colors

2.2.1 Preset Colors

• System provides six high-saturation color options
• Real-time preview available in the right panel
• Click “Apply Now” to activate the configuration

picture coming soon:

Web main navigation - Preset primary colors

2.2.2 Custom Colors

• Available when preset options don’t meet requirements
• System displays correction prompts when saturation/brightness values fall below 70
• Includes “Color Correction” tool for adjustment assistance

picture coming soon:

Web main navigation - Custom primary colors

3. Skin Color Configuration

3.1 Core Features

• Configures colors for Web navigation and mobile top bar
• Offers both preset and custom configuration options
• Real-time preview available during configuration

3.2 Web Navigation Skin Colors

3.2.1 Preset Colors

• Includes 3 neutral tones (black, white, gray)
• 6 light tones and 6 dark tones available
• Click “Apply Now” to activate changes

picture coming soon:

3.2.2 Custom Colors

• Manually configure navigation bar background color
• Select default text/icon colors
• Configure active state colors

picture coming soon:

Web main navigation - Custom skin colors

3.3 Mobile Top Bar Colors

3.3.1 Preset Colors

• Includes 3 neutral tones (black, white, gray)
• 6 light tones and 6 dark tones available
• Click “Apply Now” to activate changes

picture coming soon:

3.3.2 Custom Colors

• Manually configure top bar background color
• Select text color for top bar content
• Real-time preview during configuration
• Click “Apply Now” to activate changes

picture coming soon: