diff --git a/configs.js b/configs.js index 5ade124..aca32e2 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 @@ -127,11 +131,12 @@ const configs = (function () { bodyBorderWidth, bodyBorderColor, bodyBorderRadius, - taskWidth, lineHeight, usernameFontWeight, usernameColor, + usernameFontSize, + doneTaskFontColor, taskBackgroundColor, taskBackgroundOpacity, taskFontFamily, diff --git a/styles/taskList.css b/styles/taskList.css index 9b4ad47..3b4afa7 100644 --- a/styles/taskList.css +++ b/styles/taskList.css @@ -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);