custom css
This commit is contained in:
@@ -1,20 +1,20 @@
|
|||||||
/* 浅色主题变量覆盖 -------------------------------- */
|
/* 浅色主题变量覆盖 -------------------------------- */
|
||||||
:root {
|
:root {
|
||||||
--anzhiyu-main: #a0d2eb; /* 主强调色:柔和天空蓝 */
|
--main: #a0d2eb; /* 主强调色:柔和天空蓝 */
|
||||||
--anzhiyu-main-op: rgba(160, 210, 235, 0.6);
|
--main-op: rgba(160, 210, 235, 0.6);
|
||||||
--anzhiyu-main-op-deep: rgba(160, 210, 235, 0.4);
|
--main-op-deep: rgba(160, 210, 235, 0.4);
|
||||||
--anzhiyu-main-op-light: rgba(160, 210, 235, 0.2);
|
--main-op-light: rgba(160, 210, 235, 0.2);
|
||||||
|
|
||||||
--efu-card-bg: #fdfdfd; /* 卡片背景:几乎白 */
|
--card-bg: #fdfdfd; /* 卡片背景:几乎白 */
|
||||||
--efu-fontcolor: #444; /* 主文本:深灰 */
|
--fontcolor: #444; /* 主文本:深灰 */
|
||||||
--efu-secondtext: #999; /* 次级文本:浅灰 */
|
--secondtext: #999; /* 次级文本:浅灰 */
|
||||||
}
|
}
|
||||||
.card-widget {
|
.card-widget {
|
||||||
padding: 10px!important;
|
padding: 10px!important;
|
||||||
max-height: calc(100vh - 100px);
|
max-height: calc(100vh - 100px);
|
||||||
}
|
}
|
||||||
.card-times a, .card-times div {
|
.card-times a, .card-times div {
|
||||||
color: var(--efu-fontcolor);
|
color: var(--fontcolor);
|
||||||
}
|
}
|
||||||
|
|
||||||
#card-widget-calendar .item-content {
|
#card-widget-calendar .item-content {
|
||||||
@@ -56,7 +56,7 @@
|
|||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-size: 64px;
|
font-size: 64px;
|
||||||
letter-spacing: 3px;
|
letter-spacing: 3px;
|
||||||
color: var(--anzhiyu-main);
|
color: var(--main);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
|
|
||||||
#calendar-lunar {
|
#calendar-lunar {
|
||||||
bottom: 1rem;
|
bottom: 1rem;
|
||||||
color: var(--efu-secondtext);
|
color: var(--secondtext);
|
||||||
}
|
}
|
||||||
|
|
||||||
#calendar-main a {
|
#calendar-main a {
|
||||||
@@ -93,12 +93,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#calendar-main a.now {
|
#calendar-main a.now {
|
||||||
background: var(--anzhiyu-main);
|
background: var(--main);
|
||||||
color: var(--efu-card-bg);
|
color: var(--card-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#calendar-main .calendar-rh a {
|
#calendar-main .calendar-rh a {
|
||||||
color: var(--efu-secondtext);
|
color: var(--secondtext);
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-r0, .calendar-r1, .calendar-r2, .calendar-r3, .calendar-r4, .calendar-r5, .calendar-rh {
|
.calendar-r0, .calendar-r1, .calendar-r2, .calendar-r3, .calendar-r4, .calendar-r5, .calendar-rh {
|
||||||
@@ -156,13 +156,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
progress::-webkit-progress-bar {
|
progress::-webkit-progress-bar {
|
||||||
background: linear-gradient(to right, var(--anzhiyu-main-op-deep), var(--anzhiyu-main-op), var(--anzhiyu-main-op-light));
|
background: linear-gradient(to right, var(--main-op-deep), var(--main-op), var(--main-op-light));
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
progress::-webkit-progress-value {
|
progress::-webkit-progress-value {
|
||||||
background: var(--anzhiyu-main);
|
background: var(--main);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -181,7 +181,7 @@ progress::-webkit-progress-value {
|
|||||||
|
|
||||||
.aside-span2 {
|
.aside-span2 {
|
||||||
right: 20px;
|
right: 20px;
|
||||||
color: var(--efu-secondtext);
|
color: var(--secondtext);
|
||||||
}
|
}
|
||||||
|
|
||||||
.aside-span2 a {
|
.aside-span2 a {
|
||||||
@@ -211,12 +211,12 @@ progress::-webkit-progress-value {
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
color: var(--anzhiyu-main);
|
color: var(--main);
|
||||||
}
|
}
|
||||||
|
|
||||||
#schedule-date {
|
#schedule-date {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: var(--efu-secondtext);
|
color: var(--secondtext);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user