每天更改我的汤博乐主题的颜色属性

Change color attributes everyday on my Tumblr Theme

本文关键字：颜色 属性 汤博乐 我的 每天      更新时间：2023-09-26

我希望每天，背景和文本（标题+标题）的颜色从黑色反转为白色。我知道这可以用Java完成。

这是我的汤博乐页面：http://recherches.nicolaspauly.com

您可以在客户端上使用一些JavaScript来获取日期，并在此基础上将某个类添加到您选择的body或父元素中。

它看起来像这样（为了简单起见，使用jQuery）：

var d = new Date(),
    styleType = d.getDay()%2, //Returns the day of the week (0-6), mod can be changed accordingly based on number of different "themes" you want to support
    //this is a setup for 2 different themes
    $body = $('body');
if(styleType === 0){
  $body.addClass('inverted');
} else {
  $body.addClass('not-inverted');
}

您现在可以使用这些类来指定CSS选择器，以获得您想要的样式，例如：

body.inverted .someClass {
  background: white;
}
body.not-inverted .someClass {
  background: black;
}
相关文章：