added usernameFontsize and doneTaskFontColor

This commit is contained in:
liyunze 2023-11-23 21:04:38 +08:00
parent 7c9869e967
commit de75b3cd4c
2 changed files with 8 additions and 1 deletions

View file

@ -55,6 +55,7 @@ const configs = (function () {
const lineHeight = 1.5; // number
const usernameFontWeight = "bold"; // normal or bold or number
const usernameColor = "pink"; // hex or name or "" for twitch user color
const usernameFontSize = "20px"; // px
const taskWidth = "100%";
@ -75,6 +76,9 @@ const configs = (function () {
const taskHorizontalPadding = "20px"; // px
const taskVerticalPadding = "10px"; // px
// done task
const doneTaskFontColor = "#bbb"; // hex or name
// focus task
const focusTaskBackgroundColor = "#fff"; // hex only
const focusTaskBackgroundOpacity = 1; // 0.0 - 1.0
@ -127,11 +131,12 @@ const configs = (function () {
bodyBorderWidth,
bodyBorderColor,
bodyBorderRadius,
taskWidth,
lineHeight,
usernameFontWeight,
usernameColor,
usernameFontSize,
doneTaskFontColor,
taskBackgroundColor,
taskBackgroundOpacity,
taskFontFamily,

View file

@ -105,6 +105,7 @@
}
#main-container .task-wrapper .task-container .task .username {
font-weight: var(--username-font-weight);
font-size: var(--username-font-size);
}
#main-container .task-wrapper .task-container .task .user-tasks {
list-style-position: inside;
@ -116,6 +117,7 @@
}
#main-container .task-wrapper .task-container .task .user-tasks .done {
text-decoration: line-through;
color: var(--done-task-font-color);
}
#main-container .task-wrapper .task-container .task .user-tasks .focus {
background: var(--focus-task-background-color);