Appearance Settings

The survey supports adjusting the appearance of the answering interface, meeting the need for a unified style between the survey and the embedded page in embedded deployment scenarios.

Appearance Color Settings

Theme color

The main color scheme of the survey, including the start/submit/previous/next buttons, answer progress, selected choice status, and other colors.

Background color

The background colors of the welcome message, questions, and closing page should complement the theme color.

Page background color

It is recommended that the background color of the webpage be the same color or within the same color scheme as the "background color".

Title text

The text color of the question stem should be distinct from the background color.

Choice text

The text color of the question stem should be distinct from the background color.

Prompt text

The text color of the question notes, scale question prompts, etc., should be distinct and contrasting with the background color.

Borders and Buttons

The border color of the matrix question table and the score box of the scale question should be distinct from the background color.

Warning message background

The background color of the error message blocks in the question, such as "This question is not answered" and "Select at least n items".

Error message text

The text color of the error message blocks in the question, such as "This question is unanswered" and "Select at least n items".

Progress bar background

The default color of the progress bar on the survey answering page

Example effect