如何改变整个项目的风格

Question

当用户选中复选框时，整个项目会更改其颜色。所以div，text，......颜色都会改变。我怎样才能做到这一点？我知道我需要一个服务但是我必须为每个元素添加一个类吗？或者有更好的方法吗？

Answer 1

将.day-theme类添加到html页面的主体。然后将所有日期颜色定义为日期主题内部：

.day-theme div.something {
    color: white;
}

然后以相同的方式定义夜间主题颜色：

.night-theme div.something {
    color: black;
}

然后要从白天切换到晚上，请在复选框上单击处理程序从正文中删除类.day-theme，然后添加类night-theme。这会将全天的颜色切换为夜晚。