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

added more configs

Browse source
This commit is contained in:
liyunze 2023-11-23 19:46:18 +08:00
parent aa1e513477
commit 3b915558bc
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
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
@ -384,6 +388,8 @@ const configs = (function () {
lineHeight, lineHeight,
usernameFontWeight, usernameFontWeight,
usernameColor, usernameColor,
usernameFontSize,
doneTaskFontColor,
taskBackgroundColor, taskBackgroundColor,
taskBackgroundOpacity, taskBackgroundOpacity,
taskFontFamily, taskFontFamily,

4
styles/taskList.css
View file

@ -109,11 +109,10 @@ body {
} }
#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;
width: -moz-fit-content;
width: fit-content;
} }
#main-container .task-wrapper .task-container .task .user-tasks .todo { #main-container .task-wrapper .task-container .task .user-tasks .todo {
overflow: hidden; overflow: hidden;
@ -122,6 +121,7 @@ body {
} }
#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);