From 938d0b005687bafa2c0931047d1ce57cb7d9eb7e Mon Sep 17 00:00:00 2001 From: github-actions Date: Mon, 5 Dec 2022 19:18:42 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=96=200.6.1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 10 ++ manifest.json | 2 +- package.json | 2 +- tasks-snippet.css | 131 +++++++++++++---------- theme.css | 267 +++++++++++++++++++++++++--------------------- 5 files changed, 230 insertions(+), 182 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 40d0bda..0f6126a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,8 +4,18 @@ All notable changes to this project will be documented in this file. Dates are d Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). +#### [0.6.1](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/0.6.0...0.6.1) + +- ✨ Wrap tag style in Style Setting [`51b4b2a`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/51b4b2a2f1aceb58200e0fe15864ddd1483c61fc) +- 🐛 Correct missed 1.0 Task list syle change [`b7a1d18`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/b7a1d1886480be73f3981e2bbc40adf72f9f2823) +- 🔧 GH Action dependencies [`f67d72d`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/f67d72d8a6f8db006f13a283821250a4833548da) +- 🐛 Fix text decoration in live edit [`ad08ccb`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/ad08ccbb23bdc1bc99df65a665e24b7155ff8a9b) +- 🐛 Task border colors [`610bf59`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/610bf5958c551719336ac8285e45106e411e1274) + #### [0.6.0](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/0.5.9...0.6.0) +> 27 October 2022 + - 🔥 Rename tasks-snippet post 1.0 [`be5ca5e`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/be5ca5e1b4616679066d4665acdb664308526982) - 🎨 Light mode callout title contrast [`765bf6c`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/765bf6ccc8f3b86ae59de1ee08ad7920a0cdedef) - 📝 Clarify README, update images [`7d711fa`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/7d711fa56ffb6cc46d9dac128a66245f5db3efad) diff --git a/manifest.json b/manifest.json index 85453e9..564f14d 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Ebullientworks", - "version": "0.6.0", + "version": "0.6.1", "minAppVersion": "0.16.0", "author": "Ebullientworks", "authorUrl": "https://github.com/ebullient" diff --git a/package.json b/package.json index 9958f1c..e8ef8ea 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "obsidian-theme-ebullientworks", - "version": "0.6.0", + "version": "0.6.1", "private": true, "description": "An Obsidian Theme", "author": "Erin Schnabel", diff --git a/tasks-snippet.css b/tasks-snippet.css index 77d50e4..5ca1d60 100644 --- a/tasks-snippet.css +++ b/tasks-snippet.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /* -Ebullientworks tasks 0.6.0 by @ebullient +Ebullientworks tasks 0.6.1 by @ebullient */ :root { --checkbox-checked: rgb(139, 167, 145); @@ -29,25 +29,27 @@ li[data-task] input[type=checkbox]::before { } div[data-task=x], -li[data-task=x] { +ul > li.task-list-item[data-task=x] { --checkbox-color: var(--checkbox-checked); + --checkbox-border-color: var(--checkbox-checked); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -div[data-task=x] input[type=checkbox]:not(:checked), -li[data-task=x] input[type=checkbox]:not(:checked) { +div[data-task=x] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task=x] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task=x] input[type=checkbox]:checked, -li[data-task=x] input[type=checkbox]:checked { +div[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -div[data-task=x] input[type=checkbox]:checked:after, -li[data-task=x] input[type=checkbox]:checked:after { +div[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -64,25 +66,27 @@ li[data-task=x] input[type=checkbox]:checked:after { } div[data-task="-"], -li[data-task="-"] { +ul > li.task-list-item[data-task="-"] { --checkbox-color: var(--checkbox-cancelled); + --checkbox-border-color: var(--checkbox-cancelled); --checkbox-marker-color: transparent; + --checklist-done-decoration: line-through; color: var(--text-faint); font-weight: var(--font-normal); text-decoration: line-through; } -div[data-task="-"] input[type=checkbox]:not(:checked), -li[data-task="-"] input[type=checkbox]:not(:checked) { +div[data-task="-"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task="-"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task="-"] input[type=checkbox]:checked, -li[data-task="-"] input[type=checkbox]:checked { +div[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -div[data-task="-"] input[type=checkbox]:checked:after, -li[data-task="-"] input[type=checkbox]:checked:after { +div[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -99,25 +103,27 @@ li[data-task="-"] input[type=checkbox]:checked:after { } div[data-task=">"], -li[data-task=">"] { +ul > li.task-list-item[data-task=">"] { --checkbox-color: var(--checkbox-deferred); + --checkbox-border-color: var(--checkbox-deferred); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -div[data-task=">"] input[type=checkbox]:not(:checked), -li[data-task=">"] input[type=checkbox]:not(:checked) { +div[data-task=">"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task=">"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task=">"] input[type=checkbox]:checked, -li[data-task=">"] input[type=checkbox]:checked { +div[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -div[data-task=">"] input[type=checkbox]:checked:after, -li[data-task=">"] input[type=checkbox]:checked:after { +div[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -134,25 +140,27 @@ li[data-task=">"] input[type=checkbox]:checked:after { } div[data-task=R], -li[data-task=R] { +ul > li.task-list-item[data-task=R] { --checkbox-color: var(--checkbox-review); + --checkbox-border-color: var(--checkbox-review); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -div[data-task=R] input[type=checkbox]:not(:checked), -li[data-task=R] input[type=checkbox]:not(:checked) { +div[data-task=R] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task=R] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task=R] input[type=checkbox]:checked, -li[data-task=R] input[type=checkbox]:checked { +div[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -div[data-task=R] input[type=checkbox]:checked:after, -li[data-task=R] input[type=checkbox]:checked:after { +div[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -169,25 +177,27 @@ li[data-task=R] input[type=checkbox]:checked:after { } div[data-task=r], -li[data-task=r] { +ul > li.task-list-item[data-task=r] { --checkbox-color: var(--checkbox-review); + --checkbox-border-color: var(--checkbox-review); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -div[data-task=r] input[type=checkbox]:not(:checked), -li[data-task=r] input[type=checkbox]:not(:checked) { +div[data-task=r] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task=r] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task=r] input[type=checkbox]:checked, -li[data-task=r] input[type=checkbox]:checked { +div[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -div[data-task=r] input[type=checkbox]:checked:after, -li[data-task=r] input[type=checkbox]:checked:after { +div[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -204,25 +214,27 @@ li[data-task=r] input[type=checkbox]:checked:after { } div[data-task="?"], -li[data-task="?"] { +ul > li.task-list-item[data-task="?"] { --checkbox-color: var(--checkbox-question); + --checkbox-border-color: var(--checkbox-question); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-bold); text-decoration: none; } -div[data-task="?"] input[type=checkbox]:not(:checked), -li[data-task="?"] input[type=checkbox]:not(:checked) { +div[data-task="?"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task="?"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task="?"] input[type=checkbox]:checked, -li[data-task="?"] input[type=checkbox]:checked { +div[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -div[data-task="?"] input[type=checkbox]:checked:after, -li[data-task="?"] input[type=checkbox]:checked:after { +div[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -239,25 +251,27 @@ li[data-task="?"] input[type=checkbox]:checked:after { } div[data-task="!"], -li[data-task="!"] { +ul > li.task-list-item[data-task="!"] { --checkbox-color: var(--checkbox-important); + --checkbox-border-color: var(--checkbox-important); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-extrabold); text-decoration: none; } -div[data-task="!"] input[type=checkbox]:not(:checked), -li[data-task="!"] input[type=checkbox]:not(:checked) { +div[data-task="!"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task="!"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task="!"] input[type=checkbox]:checked, -li[data-task="!"] input[type=checkbox]:checked { +div[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -div[data-task="!"] input[type=checkbox]:checked:after, -li[data-task="!"] input[type=checkbox]:checked:after { +div[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -274,23 +288,26 @@ li[data-task="!"] input[type=checkbox]:checked:after { } div[data-task="/"], -li[data-task="/"] { +ul > li.task-list-item[data-task="/"] { --checkbox-color: var(--checkbox-in-progress); + --checkbox-border-color: var(--checkbox-in-progress); --checkbox-marker-color: transparent; --checklist-done-decoration: none; color: var(--text-normal); + font-weight: var(--font-normal); + text-decoration: none; } -div[data-task="/"] input[type=checkbox]:not(:checked), -li[data-task="/"] input[type=checkbox]:not(:checked) { +div[data-task="/"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +ul > li.task-list-item[data-task="/"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -div[data-task="/"] input[type=checkbox]:checked, -li[data-task="/"] input[type=checkbox]:checked { +div[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked, +ul > li.task-list-item[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked { background: linear-gradient(135deg, transparent 50%, var(--checkbox-in-progress) 50%); } -div[data-task="/"] input[type=checkbox]:checked:after, -li[data-task="/"] input[type=checkbox]:checked:after { +div[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked:after, +ul > li.task-list-item[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; background: unset; content: " "; diff --git a/theme.css b/theme.css index 009125c..33eed56 100644 --- a/theme.css +++ b/theme.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /* -Ebullientworks 0.6.0 by @ebullient +Ebullientworks 0.6.1 by @ebullient This is a dark and light theme for Obsidian. @@ -23,6 +23,12 @@ settings: description: Set this to true if you are going to use your own task snippet type: class-toggle default: false + - + id: ebullientworks-nix-tags + title: Suppress/Remove this theme's tag styles + description: Set this to true if you are going to use your own tag snippet + type: class-toggle + default: false - id: ebullientworks-reverse-view-header-actions title: View header actions to the left @@ -759,9 +765,6 @@ body { --h4-weight: 500; --h5-weight: 500; --h6-weight: 500; - --tag-background: transparent; - --tag-background-hover: transparent; - --tag-padding-x: 0; } .theme-dark { @@ -771,8 +774,6 @@ body { --h4-color: var(--blue-3); --h5-color: var(--purple-3); --h6-color: var(--pink-3); - --tag-color: var(--color-accent-2); - --tag-color-hover: var(--tag-3); } .theme-dark .print, @@ -783,18 +784,6 @@ body { --h4-color: var(--blue-4); --h5-color: var(--purple-4); --h6-color: var(--pink-4); - --tag-color: var(--color-accent); - --tag-color-hover: var(--tag-4); -} - -a.tag, -.editor .cl-hashtag, -.markdown-source-view.mod-cm6 .cm-hashtag, -.cm-s-obsidian .cm-formatting.cm-hashtag, -.cm-s-obsidian .cm-quote.cm-hashtag, -.cm-s-obsidian .cm-hmd-codeblock.cm-hashtag { - font-family: var(--ebw-font-tags); - color: var(--tag-color); } .cm-header-1 { @@ -891,77 +880,92 @@ h1, font-variant-caps: normal; font-size: 75% !important; } -.HyperMD-header h1 a.tag, -.HyperMD-header h2 a.tag, -.HyperMD-header h3 a.tag, -.HyperMD-header h4 a.tag, -.HyperMD-header h5 a.tag, -.HyperMD-header h6 a.tag, -.markdown-rendered h1 a.tag, -.markdown-rendered h2 a.tag, -.markdown-rendered h3 a.tag, -.markdown-rendered h4 a.tag, -.markdown-rendered h5 a.tag, -.markdown-rendered h6 a.tag, -.workspace h1 a.tag, -.workspace h2 a.tag, -.workspace h3 a.tag, -.workspace h4 a.tag, -.workspace h5 a.tag, -.workspace h6 a.tag, -.print h1 a.tag, -.print h2 a.tag, -.print h3 a.tag, -.print h4 a.tag, -.print h5 a.tag, -.print h6 a.tag { - font-variant-caps: normal; - font-weight: var(--font-extralight); - font-size: 75% !important; - padding: 0; - background-color: transparent; - border: none; - border-radius: unset; -} .cm-s-obsidian .cm-header.cm-inline-code { font-weight: var(--font-extralight); font-weight: normal; font-variant-caps: normal; } -.cm-s-obsidian .cm-header.cm-hashtag { - font-weight: var(--font-extralight); - font-variant-caps: normal; - padding: 0; - background-color: transparent; - border: none; - border-radius: unset; -} .cm-s-obsidian .cm-line:not(.HyperMD-codeblock) .cm-header.cm-inline-code { font-size: 65% !important; } -.cm-s-obsidian .cm-line:not(.HyperMD-codeblock) .cm-header.cm-hashtag { - font-size: 65% !important; -} -.cm-s-obsidian .cm-header-1.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { +.cm-s-obsidian .cm-header-1.cm-hmd-codeblock:not(.cm-inline-code) { color: var(--h1-color); } -.cm-s-obsidian .cm-header-2.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { +.cm-s-obsidian .cm-header-2.cm-hmd-codeblock:not(.cm-inline-code) { color: var(--h2-color); } -.cm-s-obsidian .cm-header-3.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { +.cm-s-obsidian .cm-header-3.cm-hmd-codeblock:not(.cm-inline-code) { color: var(--h3-color); } -.cm-s-obsidian .cm-header-4.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { +.cm-s-obsidian .cm-header-4.cm-hmd-codeblock:not(.cm-inline-code) { color: var(--h4-color); } -.cm-s-obsidian .cm-header-5.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { +.cm-s-obsidian .cm-header-5.cm-hmd-codeblock:not(.cm-inline-code) { color: var(--h5-color); } -.cm-s-obsidian .cm-header-6.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { +.cm-s-obsidian .cm-header-6.cm-hmd-codeblock:not(.cm-inline-code) { color: var(--h6-color); } +/* Tag formatting */ +body:not(.ebullientworks-nix-tags) { + --tag-background: transparent; + --tag-background-hover: transparent; + --tag-padding-x: 0; +} +body:not(.ebullientworks-nix-tags).theme-dark { + --tag-color: var(--color-accent-2); + --tag-color-hover: var(--tag-3); +} +body:not(.ebullientworks-nix-tags).theme-dark .print, body:not(.ebullientworks-nix-tags).theme-light { + --tag-color: var(--color-accent); + --tag-color-hover: var(--tag-4); +} +body:not(.ebullientworks-nix-tags) a.tag, +body:not(.ebullientworks-nix-tags) .editor .cl-hashtag, +body:not(.ebullientworks-nix-tags) .markdown-source-view.mod-cm6 .cm-hashtag, +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-formatting.cm-hashtag, +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-quote.cm-hashtag, +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-hmd-codeblock.cm-hashtag { + font-family: var(--ebw-font-tags); + color: var(--tag-color); +} +body:not(.ebullientworks-nix-tags) h1 a.tag, +body:not(.ebullientworks-nix-tags) h2 a.tag, +body:not(.ebullientworks-nix-tags) h3 a.tag, +body:not(.ebullientworks-nix-tags) h4 a.tag, +body:not(.ebullientworks-nix-tags) h5 a.tag, +body:not(.ebullientworks-nix-tags) h6 a.tag { + font-variant-caps: normal; + font-weight: var(--font-extralight); + font-size: 75% !important; + padding: 0; + background-color: transparent; + border: none; + border-radius: unset; +} +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-header.cm-hashtag { + font-weight: var(--font-extralight); + font-variant-caps: normal; + padding: 0; + background-color: transparent; + border: none; + border-radius: unset; +} +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-line:not(.HyperMD-codeblock) .cm-header.cm-hashtag { + font-size: 65% !important; +} +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-header-1.cm-hmd-codeblock.cm-hashtag:not(.cm-inline-code), +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-header-2.cm-hmd-codeblock.cm-hashtag:not(.cm-inline-code), +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-header-3.cm-hmd-codeblock.cm-hashtag:not(.cm-inline-code), +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-header-4.cm-hmd-codeblock.cm-hashtag:not(.cm-inline-code), +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-header-5.cm-hmd-codeblock.cm-hashtag:not(.cm-inline-code), +body:not(.ebullientworks-nix-tags) .cm-s-obsidian .cm-header-6.cm-hmd-codeblock.cm-hashtag:not(.cm-inline-code) { + color: var(--tag-color); +} + +/* HR tags */ .markdown-rendered hr { border: none; border-top: 1px dotted var(--interactive-accent); @@ -1178,25 +1182,27 @@ body:not(.ebullientworks-nix-checkbox) { /** Use style settings to disable custom checkboxes in the theme */ } body:not(.ebullientworks-nix-checkbox) div[data-task=x], -body:not(.ebullientworks-nix-checkbox) li[data-task=x] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=x] { --checkbox-color: var(--checkbox-checked); + --checkbox-border-color: var(--checkbox-checked); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -body:not(.ebullientworks-nix-checkbox) div[data-task=x] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task=x] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task=x] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=x] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=x] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=x] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=x] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task=x] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=x] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -1212,25 +1218,27 @@ body:not(.ebullientworks-nix-checkbox) li[data-task=x] input[type=checkbox]:chec content: "✓"; } body:not(.ebullientworks-nix-checkbox) div[data-task="-"], -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="-"] { --checkbox-color: var(--checkbox-cancelled); + --checkbox-border-color: var(--checkbox-cancelled); --checkbox-marker-color: transparent; + --checklist-done-decoration: line-through; color: var(--text-faint); font-weight: var(--font-normal); text-decoration: line-through; } -body:not(.ebullientworks-nix-checkbox) div[data-task="-"] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task="-"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="-"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task="-"] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task="-"] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="-"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -1246,25 +1254,27 @@ body:not(.ebullientworks-nix-checkbox) li[data-task="-"] input[type=checkbox]:ch content: "-"; } body:not(.ebullientworks-nix-checkbox) div[data-task=">"], -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=">"] { --checkbox-color: var(--checkbox-deferred); + --checkbox-border-color: var(--checkbox-deferred); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -body:not(.ebullientworks-nix-checkbox) div[data-task=">"] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task=">"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=">"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=">"] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=">"] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=">"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -1280,25 +1290,27 @@ body:not(.ebullientworks-nix-checkbox) li[data-task=">"] input[type=checkbox]:ch content: ">"; } body:not(.ebullientworks-nix-checkbox) div[data-task=R], -body:not(.ebullientworks-nix-checkbox) li[data-task=R] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=R] { --checkbox-color: var(--checkbox-review); + --checkbox-border-color: var(--checkbox-review); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -body:not(.ebullientworks-nix-checkbox) div[data-task=R] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task=R] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task=R] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=R] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=R] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=R] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=R] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task=R] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=R] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -1314,25 +1326,27 @@ body:not(.ebullientworks-nix-checkbox) li[data-task=R] input[type=checkbox]:chec content: "👀"; } body:not(.ebullientworks-nix-checkbox) div[data-task=r], -body:not(.ebullientworks-nix-checkbox) li[data-task=r] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=r] { --checkbox-color: var(--checkbox-review); + --checkbox-border-color: var(--checkbox-review); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-normal); text-decoration: none; } -body:not(.ebullientworks-nix-checkbox) div[data-task=r] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task=r] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task=r] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=r] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=r] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=r] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task=r] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task=r] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task=r] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -1348,25 +1362,27 @@ body:not(.ebullientworks-nix-checkbox) li[data-task=r] input[type=checkbox]:chec content: "👀"; } body:not(.ebullientworks-nix-checkbox) div[data-task="?"], -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="?"] { --checkbox-color: var(--checkbox-question); + --checkbox-border-color: var(--checkbox-question); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-bold); text-decoration: none; } -body:not(.ebullientworks-nix-checkbox) div[data-task="?"] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task="?"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="?"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task="?"] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task="?"] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="?"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -1382,25 +1398,27 @@ body:not(.ebullientworks-nix-checkbox) li[data-task="?"] input[type=checkbox]:ch content: "?"; } body:not(.ebullientworks-nix-checkbox) div[data-task="!"], -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="!"] { --checkbox-color: var(--checkbox-important); + --checkbox-border-color: var(--checkbox-important); --checkbox-marker-color: transparent; + --checklist-done-decoration: none; color: var(--text-normal); font-weight: var(--font-extrabold); text-decoration: none; } -body:not(.ebullientworks-nix-checkbox) div[data-task="!"] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task="!"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="!"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task="!"] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task="!"] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="!"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; font-family: var(--font-monospace); background: unset; @@ -1416,23 +1434,26 @@ body:not(.ebullientworks-nix-checkbox) li[data-task="!"] input[type=checkbox]:ch content: "!"; } body:not(.ebullientworks-nix-checkbox) div[data-task="/"], -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] { +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="/"] { --checkbox-color: var(--checkbox-in-progress); + --checkbox-border-color: var(--checkbox-in-progress); --checkbox-marker-color: transparent; --checklist-done-decoration: none; color: var(--text-normal); + font-weight: var(--font-normal); + text-decoration: none; } -body:not(.ebullientworks-nix-checkbox) div[data-task="/"] input[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] input[type=checkbox]:not(:checked) { +body:not(.ebullientworks-nix-checkbox) div[data-task="/"] input.task-list-item-checkbox[type=checkbox]:not(:checked), +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="/"] input.task-list-item-checkbox[type=checkbox]:not(:checked) { background-color: unset; background: unset; } -body:not(.ebullientworks-nix-checkbox) div[data-task="/"] input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] input[type=checkbox]:checked { +body:not(.ebullientworks-nix-checkbox) div[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked { background: linear-gradient(135deg, transparent 50%, var(--checkbox-in-progress) 50%); } -body:not(.ebullientworks-nix-checkbox) div[data-task="/"] input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] input[type=checkbox]:checked:after { +body:not(.ebullientworks-nix-checkbox) div[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked:after, +body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item[data-task="/"] input.task-list-item-checkbox[type=checkbox]:checked:after { -webkit-mask-image: none; background: unset; content: " ";