rythondev/multi-task-widget-cross-platform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added usernameFontsize and doneTaskFontColor

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
configs.js
View file

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

2
styles/taskList.css
View file

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