首先要创建两套颜色主题
第一步:在根目录下创建存放主题.scss文件的目录,在改目录下创建主题.scss
第二步: 设置两套背景和文字颜色
颜色的设置:尽量少,背景和字体颜色要相反,否则看不清。但是还要看UI的安排。
$themes: (
light:
(
background_color: #XXXXXX,
//背景色
background_color_hei: #XXXXXX,
//背景黑
background_color_hui: #XXXXXX,
//背景灰
background_zong_color: #XXXXXX,
//总背景色
background_hover_color: #XXXXXX,
//hover背景色
text-color: #XXXXXX,
// 主文本色
fill: #XXXXXX,
text-color-ol: #XXXXXX,
// 次要文字颜色
bg_color: #XXXXXX,
//亮色下未选中的背景颜色
bg_md_color: #XXXXXX,
//亮色下选中的背景色
icon_bg: #XXXXXX,
//图标下面的背景颜色
),
dark: (
background_color_hei: #XXXXXX,