javascript - 多主题网站

Question

我想在单击按钮时更改整个网站的颜色。只要我不改变，这就会一直存在。如果我转到另一个页面，颜色应保持与我之前选择的颜色相同。例如。 https://india.gov.in/

在顶部标题中，当选择黑色时，整个网站将是黑色的，直到我们不改变为止。同样我想要功能。

我已经更改了当前页面的颜色，但没有更改整个页面的颜色。当我转到另一个页面时，默认颜色就会出现。

<script>$(document).ready(function () { 
$('#demo-wrapper ul li').on('click', function () { var path = $(this).data('path');$('#color-switcher').attr('href', path); }); 
}); </script>

<ul class="dropdown-menu multicolors-name"> 
<li data-path="Content/theme/assets/admin/css/custom_website.css‌​">
<a href="#">Green</a></li><li data-path="Content/theme/assets/admin/css/blue.css"><a href="#" >Blue</a>
</li>
</ul>

Answer 1

实现此目的的一种方法是获取 master.css 文件。在此文件中，您可以导入其他 css 文件。像这样:

@import 'header.css'
@import 'main.css'

然后你可以有另一个master-theme2.css，你可以在其中导入其他CSS文件。更改 master.css 文件的方法如下: https://stackoverflow.com/a/22445820/4673847

为了保持每页的主题，您应该使用sessions或cookies