Jony/assets/css/joe.mode.scss

51 lines
1.3 KiB
SCSS
Raw Normal View History

2021-02-07 03:32:41 +00:00
/* 昼夜模式专用css */
/* 以下配色为全球公认的一套色彩值,如无必要,无需修改下方色彩值(主题色可以修改) */
html {
--theme: #409eff;
--background: #fff;
--main: #303133;
--routine: #606266;
--minor: #909399;
--seat: #c0c4cc;
--classA: #dcdfe6;
--classB: #e4e7ed;
--classC: #ebeef5;
--classD: #f2f6fc;
--radius-wrap: 8px;
--radius-inner: 4px;
--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
2021-02-22 06:03:33 +00:00
/* 黑夜模式的配色方案 */
html[data-night='night'] body {
2021-02-07 03:32:41 +00:00
--theme: #54b5db;
2021-02-22 06:03:33 +00:00
--background: #333;
--main: #717273;
--routine: #696969;
--minor: #606060;
2021-02-07 03:32:41 +00:00
--seat: #666;
2021-02-22 06:03:33 +00:00
--classA: #515253;
--classB: #454545;
--classC: #414243;
--classD: #404040;
2021-02-07 03:32:41 +00:00
--text-shadow: none;
--box-shadow: none;
}
/* 此处用于修改黑夜模式下没有覆盖到的小地方的样式 */
html[data-night='night'] {
2021-02-22 06:03:33 +00:00
/* 这里务必不能修改!!! */
2021-02-07 03:32:41 +00:00
body::before {
2021-02-22 06:03:33 +00:00
background: #121212;
2021-02-07 03:32:41 +00:00
z-index: -500;
}
.joe_header__above-logo img {
display: none;
}
.joe_header__above-logo svg {
display: block;
}
2021-02-22 06:03:33 +00:00
/* 自定义的样式,写在这个下面 */
2021-02-07 03:32:41 +00:00
}