Hello World

Hello World

Hello World 是一个自定义主题的网站。它允许用户选择不同的主题颜色，并根据用户的系统偏好设置自动切换到默认主题或保存的主题。该网站使用了CSS变量和JavaScript来实现主题切换功能。

主题颜色

该网站使用了两个主题颜色：浅色主题的颜色为 #ea868f,深色主题的颜色为 #b45864。当用户在网页上点击某个元素时，颜色会发生变化，以提供更好的视觉效果。

主题切换

如果用户已经保存了一个主题，那么网站会在加载时自动应用该主题。如果用户选择了”auto”选项，则网站会根据用户的系统偏好设置(浅色或深色)来切换主题。这个过程是在一个自执行函数中完成的，该函数首先从localStorage中获取保存的主题，然后判断用户的系统偏好设置，最后将选定的主题应用到网页元素上。

自定义主题

用户可以通过在页面上点击一个按钮来自定义主题。这将触发一个名为setTheme的JavaScript函数，该函数接收一个参数theme。当调用这个函数时，它会将当前网页元素的主题属性值设置为传入的主题参数。这样用户就可以根据自己的喜好自由地切换主题。