React-选择令人困惑的颜色选项

Question

我正在使用 React-Select 库，并且有这样的代码：

<SortableSelect
            useDragHandle
            axis="xy"
            onSortEnd={onSortEnd}
            distance={4}
            getHelperDimensions={({ node }) => node.getBoundingClientRect()}
            isMulti
            options={selectableData}
            labelKey="username"
            onChange={onChange}
            components={{
                MultiValue: SortableMultiValue,
                MultiValueLabel: SortableMultiValueLabel,
            }}

            className={classOfSelect}

            defaultValue={ selectableData && selectableData.length >= 2
                ? [selectableData[0], selectableData[1]]
                : []}
            closeMenuOnSelect={false}

        /> 

我已经阅读了官方文件，但是它不是很详细的文件，也找不到任何相关信息。 我怎样才能改变我的组件的颜色？

为我的组件分配颜色。

Answer 1

我也有同样的问题。幸运的是，我在我的代码中添加了一些注释。 这些是：

<SortableSelect
 theme={(theme) => ({
                ...theme,
                borderRadius: "6px",
                colors: {
                    ...theme.colors,
                    primary25: 'gray', // Selectable options backgroundColor  when hovered
                    primary: 'green', //outer border,close and dropdown icon color when page focused
                    neutral0:"red", //main container backgroundColor
                    neutral20: "red", // outer border,close and dropdown icon color when page reloaded
                    neutral60: "green", //outer border,close and dropdown icon color when elements hovered
                },
            })}
 />