update readme.md; add text highlight to themes
Hunter
Sunday, August 4th, 2024 at 10:14 AM
40 :root[data-theme="gak"] {
41 --background: var(--snow);
42 --text: var(--coal);
- --active-task-highlight: var(--slime);
- --checkbox-accent-color: var(--grape);
43 + --highlight: var(--slime);
44 + --accent: var(--grape);
45 }
46
47 :root[data-theme="harvest"] {
48 --background: var(--goldenrod);
49 --text: var(--acorn);
- --active-task-highlight: var(--butternut-squash);
- --checkbox-accent-color: var(--olive);
50 + --highlight: var(--butternut-squash);
51 + --accent: var(--olive);
52 }
53
54 body {
79 input[type="text"]:focus {
80 outline: none;
81 }
82 + input[type="text"]::selection {
83 + background-color: var(--accent);
84 + color: var(--background);
85 + }
86 .task-container {
87 display: flex;
88 align-items: center;
92 padding-bottom: 4px;
93 }
94 .active {
- background-color: var(--active-task-highlight);
95 + background-color: var(--highlight);
96 }
97 .parent-task {
98 font-size: 1.5em;
111 width: 20px;
112 height: 20px;
113 background-color: var(--background);
- border: 2px solid var(--checkbox-accent-color);
114 + border: 2px solid var(--accent);
115 position: relative;
116 cursor: pointer;
117 box-sizing: border-box;
118 border-radius: 4px;
119 }
120 .custom-checkbox:checked + .checkbox-label {
- background-color: var(--checkbox-accent-color);
121 + background-color: var(--accent);
122 }
123 .custom-checkbox:checked + .checkbox-label::before {
124 content: '';
139 right: 25%;
140 top: 50%;
141 height: 2px;
- background-color: var(--checkbox-accent-color);
142 + background-color: var(--accent-color);
143 transform: translateY(-50%);
144 }
145 </style>
9 - unlimited subtask depth
10 - intuitive keyboard controls for rapid navigation
11 - automatic saving using browser's local storage
-- works completely offline
12 +- complete offline functionality
13
14 ### quickstart
15 1. press the `Enter` key to add subtasks to the root "todo" task
33 - `Shift + Arrow Up/Down` reposition the selected task within its current level
34
35 ### text editing
-- standard text editing controls apply
-- `Command/Ctrl + C` copy the selected task's text
36 +- `Left/Right` move text cursor within current task
37 +- `Command/Ctrl + C` copy the selected task's text (or highlighted substring)
38 - `Command/Ctrl + V` paste text content from the clipboard
39 +- `Command/Ctrl + Z` undo text edit
40 +- `Command/Ctrl + Shift + Z` redo text edit
41
42 ## data persistence
43 your task tree is automatically saved to your browser's local storage. this ensures your tasks will persist even if you close the browser or refresh the page. note that clearing your browser data may erase your saved tasks.