From 3b915558bcbc714c806be1cca0ad81052d408a4e Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Thu, 23 Nov 2023 19:46:18 +0800
Subject: [PATCH] added more configs

---
 configs.js          | 6 ++++++
 styles/taskList.css | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/configs.js b/configs.js
index b133e31..9965548 100644
--- a/configs.js
+++ b/configs.js
@@ -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
@@ -384,6 +388,8 @@ const configs = (function () {
 		lineHeight,
 		usernameFontWeight,
 		usernameColor,
+		usernameFontSize,
+		doneTaskFontColor,
 		taskBackgroundColor,
 		taskBackgroundOpacity,
 		taskFontFamily,
diff --git a/styles/taskList.css b/styles/taskList.css
index 2dfe322..b5856b7 100644
--- a/styles/taskList.css
+++ b/styles/taskList.css
@@ -109,11 +109,10 @@ body {
 }
 #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;
-  width: -moz-fit-content;
-  width: fit-content;
 }
 #main-container .task-wrapper .task-container .task .user-tasks .todo {
   overflow: hidden;
@@ -122,6 +121,7 @@ body {
 }
 #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);