小编Dae*_*lus的帖子

好吧,我正在为我的网页创建一个系统,允许用户更改主题.我想要实现这一点的方法是将所有颜色作为变量,并在CSS的根部分中设置颜色.

我想要做的是通过JavaScript更改这些颜色.我抬头看看怎么做,但我尝试过的任何事情都没有.这是我目前的代码:

CSS:

:root {
  --main-color: #317EEB;
  --hover-color: #2764BA;
  --body-color: #E0E0E0;
  --box-color: white;
}

JS:

(设置主题的代码,单击按钮运行) - 我没有费心将:root更改添加到其他2个主题,因为它不适用于Dark主题

function setTheme(theme) {
  if (theme == 'Dark') {
    localStorage.setItem('panelTheme', theme);
    $('#current-theme').text(theme);
    $(':root').css('--main-color', '#000000');
  }
  if (theme == 'Blue') {
    localStorage.setItem('panelTheme',  'Blue');
    $('#current-theme').text('Blue');
    alert("Blue");
  }
  if (theme == 'Green') {
    localStorage.setItem('panelTheme', 'Green');
    $('#current-theme').text('Green');
    alert("Green");
  }
}

(加载html时运行的代码)

function loadTheme() {
  //Add this to body onload, gets the current theme. If panelTheme is empty, defaults to blue.
  if (localStorage.getItem('panelTheme') == '') {
    setTheme('Blue');
  } …

我正在使用一个 API，它以与我习惯处理不同的方式返回结果，而且看起来不标准。

例如，以下是客户数据的片段：

{
    "CustomerID": {
        "value": "EXAMPLE"
    },
    "CustomerCurrencyID": {
        "value": "USD"
    }
}

这个“value”属性似乎非常不必要，所以我想看看我是否可以绕过所有这些并将该 JSON 反序列化为一个对象，如下所示：

class Customer {
    public string CustomerID { get; set; }
    public string CustomerCurrencyID { get; set; }
}

我目前正在编写一个自定义 JsonConverter 来处理这个问题，所以如果我走的是正确的道路，请告诉我，但这里的任何提示/技巧将不胜感激！