Javascript 添加允许用户为网站选择颜色主题的功能

我正在重新设计公司内部网。我正在使用一个基于5种相关颜色的简单主题，在所有页面上创建一个统一的样式。我想做的一件事是允许每个用户选择自己的“主题”。这是很容易创建多种颜色的托盘，将与我的设计工作。我所玩弄的是实现这一点的最佳方式

我有两个想法，但我愿意接受所有建议。第一种方法是创建一个独立于主题的基本样式表，并统一应用该样式表。然后创建单独的主题样式表。然后通过服务器端脚本或JavaScript/jQuery应用它。我的另一个想法是使用一个样式表，然后使用jQuery将它们应用于每个元素。例如：

<div class="theme_color_1"></div>

<script type="text/javascript">
    function colorize(theme){
         if(theme === 0){
             $('.theme_color_1').addClass('blue_theme_1');
         }
         else if(theme === 1){
             $('.theme_color_1').addClass('red_theme_1');
         }
         else{
             $('.theme_color_1').addClass('default_theme_1');
         }
    }
</script>

函数着色（主题）{
如果（主题===0）{
$（'.theme\u color\u 1'）.addClass（'blue\u theme\u 1'）；
}
else if（主题===1）{
$（'.theme\u color\u 1'）.addClass（'red\u theme\u 1'）；
}
否则{
$（'.theme_color_1'）.addClass（'default_theme_1'）；
}
}

每个主题项目都有一个。我只是想知道是否有人有实现这类函数的经验，以及您认为“最好”的方法是什么。我们的网站相当“轻松”，所以当涉及到DOM操作或页面加载时，我不太关心处理/速度

谢谢

**我只是使用了一个非常简单的代码示例，因为我还没有开始实现它。如果我的代码不够解释，请让我知道，我会提供额外的细节

---

**另外请注意，我使用的是经典ASP（这是我目前一直使用的）、MS SQL、HTML 5、CSS 3（使用PIE提供功能支持）、JavaScript、jQuery和jQuery UI。

您可以将用户选择的主题保存在数据库中，并根据登录的用户应用样式表

e、 g

等

---

有一个基本主题绝对是一个好主意。

在主体中添加一个类，基于该类的样式。将设置存储在数据库中，并在页面呈现时将其添加到body标记中。塔达，你完了。有意思，不知道为什么我没想到。这当然会减少开销，而且我可以使用一个样式表和一个jQuery/JavaScript函数。我仍在计划阶段，但一旦我达到这一点，我将尝试更新这个问题。谢谢谢谢，这是我将要使用的可能解决方案之一。我还没有到开发阶段，我可以应用这个。现在我正在开发核心css，这样我就可以有主题了。一旦我在球场上走得够远，我会尝试这里的一些建议。

<% if rs("style") = 1 then %>
<link href="theme1.css" rel="stylesheet" type="text/css" />
<% elseif rs("style") = 2 then %>
<link href="theme2.css" rel="stylesheet" type="text/css" />
...etc.