Improve database select field color and layout

[TCOTC]

改进单选字段颜色和布局

颜色竖着排列太浪费空间了：

比较方便的是参考外观菜单和 FlowUs，把颜色改成横排，然后给正在使用的背景色按钮添加灰色背景：

[Vanessa219]

相似的颜色有点多，同时更新一下

[TCOTC]

这个颜色的排序有什么讲究吗？

[TCOTC]

感觉还是挺像的：

[Vanessa219]

按照以下顺序外加4个高亮色

    --b3-font-color1: var(--b3-card-error-color);
    --b3-font-color2: var(--b3-card-warning-color);
    --b3-font-color3: var(--b3-card-info-color);
    --b3-font-color4: var(--b3-card-success-color);
    --b3-font-color5: var(--b3-theme-on-surface);
    --b3-font-color6: var(--b3-theme-primary);
    --b3-font-color7: var(--b3-theme-secondary);
    --b3-font-color8: var(--b3-theme-error);

[TCOTC]

@Vanessa219 选项的颜色有点问题，没有在 1~13 循环，会出现不存在的颜色：

[TCOTC]

@Vanessa219 会有一个不存在的 14：

[Vanessa219]

这个是跟随系统的样式，就没有填充了

[TCOTC]

这里应该是 1 的

[Vanessa219]

[TCOTC]

这个 14 就留给手动选吧，选项自动循环到 14 就没背景色了用起来会很奇怪

[Vanessa219]

先这样吧，不选到的话就没有必要存在了。选项循环的情况少，而且到了循环的时候一般都会再手动设置一下吧。