theme.css
1 /*─────────────────────────────────────────────────────── 2 THINGS 3 Version 2.1.20 4 Created by @colineckert 5 6 Readme: 7 https://github.com/colineckert/obsidian-things 8 9 Support my work: 10 https://www.buymeacoffee.com/colineckert 11 ────────────────────────────────────────────────────── */ 12 13 /* ─────────────────────────────────────────────────── */ 14 /* Main Theme Styling */ 15 /* ─────────────────────────────────────────────────── */ 16 17 @charset "UTF-8"; 18 body { 19 /* Colors */ 20 --base-h: 212; /* Base hue */ 21 --base-s: 15%; /* Base saturation */ 22 --base-d: 13%; /* Base lightness Dark Mode - 0 is black */ 23 --base-l: 97%; /* Base lightness Light Mode - 100 is white */ 24 --accent-h: 215; /* Accent hue */ 25 --accent-s: 75%; /* Accent saturation */ 26 --accent-d: 70%; /* Accent lightness Dark Mode */ 27 --accent-l: 60%; /* Accent lightness Light Mode */ 28 29 --blue: #2e80f2; 30 --pink: #ff82b2; 31 --green: #3eb4bf; 32 --yellow: #e5b567; 33 --orange: #e87d3e; 34 --red: #e83e3e; 35 --purple: #9e86c8; 36 37 --h1-color: var(--text-normal); 38 --h2-color: var(--text-normal); 39 --h3-color: var(--blue); 40 --h4-color: var(--yellow); 41 --h5-color: var(--red); 42 --h6-color: var(--text-muted); 43 44 --strong-color: var(--pink); 45 --em-color: var(--pink); 46 --quote-color: var(--green); 47 48 --tag-background-color-l: #bde1d3; 49 --tag-font-color-l: #1d694b; 50 --tag-background-color-d: #1d694b; 51 --tag-font-color-d: #ffffff; 52 53 --highlight-background-color--normal: hsl(50deg 100% 50% / 15%) !important; 54 --highlight-background-color-underline: hsl(50deg 100% 50% / 100%) !important; 55 --highlight-background-color--active: hsl(50deg 100% 50% / 20%) !important; 56 57 --progress-color-1: #ad5758; 58 --progress-color-2: #b87f4c; 59 --progress-color-3: #d2b874; 60 --progress-color-4: #b0c07e; 61 --progress-color-5: #768399; 62 63 /* Font families */ 64 --font-text-theme: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 65 Inter, Ubuntu, sans-serif; 66 --font-editor-theme: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 67 Inter, Ubuntu, sans-serif; 68 --font-monospace-theme: 'JetBrains Mono', 'Fira Code', Menlo, SFMono-Regular, 69 Consolas, 'Roboto Mono', monospace; 70 --font-interface-theme: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 71 Inter, Ubuntu, sans-serif; 72 --font-editor: var(--font-editor-override), var(--font-text-override), 73 var(--font-editor-theme); 74 75 --h1-size: 1.7rem; 76 --h2-size: 1.5rem; 77 --h3-size: 1.2rem; 78 --h4-size: 1.1rem; 79 --h5-size: 1rem; 80 --h6-size: 0.9rem; 81 82 /* Misc */ 83 --checkbox-radius: 30%; 84 --link-external-decoration: underline; 85 --link-decoration: underline; 86 87 /* -------- */ 88 --radius-s: 4px; 89 --radius-m: 8px; 90 --radius-l: 10px; 91 --radius-xl: 16px; 92 93 --line-width: 40rem; 94 --line-height: 1.5; 95 --max-width: 90%; 96 --max-col-width: 18em; 97 --icon-muted: 0.5; 98 --nested-padding: 1.1em; 99 --folding-offset: 10px; 100 101 --line-width-adaptive: var(--line-width); 102 --line-width-wide: calc(var(--line-width) + 12.5%); 103 } 104 105 /* COLOR SCHEMES 106 ────────────────────────────────────────────────────── */ 107 108 .theme-light, 109 body.theme-light.is-mobile { 110 color-scheme: light; 111 --highlight-mix-blend-mode: darken; 112 --mono-rgb-0: 255, 255, 255; 113 --mono-rgb-100: 0, 0, 0; 114 --color-red-rgb: 228, 55, 75; 115 --color-red: #e4374b; 116 --color-green-rgb: 12, 181, 79; 117 --color-green: #0cb54f; 118 --color-orange: #d96c00; 119 --color-yellow: #bd8e37; 120 --color-cyan: #2db7b5; 121 --color-blue: #086ddd; 122 --color-purple: #876be0; 123 --color-pink: #c32b74; 124 --color-base-00: #ffffff; 125 --color-base-05: #fcfcfc; 126 --color-base-10: #f6f7f8; /* code blocks */ 127 --color-base-20: #f6f7f8; 128 --color-base-25: #f0f0f0; 129 --color-base-30: #ebedf0; /* soften dividing lines */ 130 --color-base-35: #d4d4d4; 131 --color-base-40: #bdbdbd; 132 --color-base-50: #ababab; 133 --color-base-60: #707070; 134 --color-base-70: #5a5a5a; 135 --color-base-100: #222222; 136 --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); 137 --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); 138 --color-accent-1: hsl( 139 var(--accent-h), 140 var(--accent-s), 141 calc(var(--accent-l) + 2.5%) 142 ); 143 --color-accent-2: hsl( 144 var(--accent-h), 145 var(--accent-s), 146 calc(var(--accent-l) + 5%) 147 ); 148 --background-modifier-hover: #e2e5e9; 149 --background-secondary-alt: var(--color-base-05); 150 --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); 151 --background-modifier-cover: rgba(220, 220, 220, 0.4); 152 --text-highlight-bg-l: rgba(255, 208, 0, 0.4); 153 --text-highlight-bg: var(--text-highlight-bg-l); 154 --text-highlight-bg-active: rgba(255, 128, 0, 0.4); 155 --input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 156 0 2px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 1.5px 0 rgba(0, 0, 0, 0.03), 157 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 0 0 0 transparent; 158 --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 159 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.03), 160 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 0 0 0 transparent; 161 --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 162 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07); 163 --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 164 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); 165 166 --tag-background: var(--tag-background-color-l); 167 --tag-color: var(--tag-font-color-l); 168 169 /* --text-normal: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 80%)); */ 170 --text-muted: hsl( 171 var(--base-h), 172 calc(var(--base-s) - 5%), 173 calc(var(--base-l) - 60%) 174 ); 175 --text-faint: hsl( 176 var(--base-h), 177 calc(var(--base-s) - 5%), 178 calc(var(--base-l) - 30%) 179 ); 180 --text-formatted: hsl( 181 var(--base-h), 182 calc(var(--base-s) - 5%), 183 calc(var(--base-l) - 35%) 184 ); 185 --text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); 186 --text-accent-hover: hsl( 187 var(--accent-h), 188 var(--accent-s), 189 calc(var(--accent-l) - 10%) 190 ); 191 192 --atom-gray-1: #383a42; 193 --atom-gray-2: #383a42; 194 --atom-red: #e75545; 195 --atom-green: #4ea24c; 196 --atom-blue: #3d74f6; 197 --atom-purple: #a625a4; 198 --atom-aqua: #0084bc; 199 --atom-yellow: #e35649; 200 --atom-orange: #986800; 201 } 202 203 .theme-dark, 204 body.theme-dark.is-mobile { 205 color-scheme: dark; 206 --highlight-mix-blend-mode: lighten; 207 --mono-rgb-0: 0, 0, 0; 208 --mono-rgb-100: 255, 255, 255; 209 --color-red-rgb: 251, 70, 76; 210 --color-red: #fb464c; 211 --color-green-rgb: 68, 207, 110; 212 --color-green: #44cf6e; 213 --color-orange: #e9973f; 214 --color-yellow: #e0de71; 215 --color-cyan: #53dfdd; 216 --color-blue: #027aff; 217 --color-purple: #a882ff; 218 --color-pink: #fa99cd; 219 --color-base-00: #1c2127; /* main editor window */ 220 --color-base-10: #282c34; /* code blocks */ 221 --color-base-20: #181c20; /* top unselected unfocused nav */ 222 --color-base-25: #2c313c; 223 --color-base-30: #35393e; 224 --color-base-35: #3f3f3f; 225 --color-base-40: #555; 226 --color-base-50: #666; /* unfocused text */ 227 --color-base-60: #999; 228 --color-base-70: #bababa; 229 --color-base-100: #dadada; 230 --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); 231 --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); 232 --color-accent-1: hsl( 233 var(--accent-h), 234 var(--accent-s), 235 calc(var(--accent-l) - 3.8%) 236 ); 237 --color-accent-2: hsl( 238 var(--accent-h), 239 var(--accent-s), 240 calc(var(--accent-l) + 3.8%) 241 ); 242 --titlebar-background-focused: var(--color-base-10); 243 --background-modifier-form-field: var(--color-base-25); 244 --background-secondary-alt: var(--color-base-30); 245 --interactive-normal: var(--color-base-30); 246 --interactive-hover: var(--color-base-35); 247 --text-highlight-bg-d: rgba(255, 208, 0, 0.4); 248 --text-highlight-bg: var(--text-highlight-bg-d); 249 --text-highlight-bg-active: rgba(255, 128, 0, 0.4); 250 --text-selection: hsla(var(--interactive-accent-hsl), 0.25); 251 --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), 252 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 1.5px 0 rgba(0, 0, 0, 0.1), 253 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent; 254 --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16), 255 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), 256 0 1px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent; 257 --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 258 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3); 259 --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 260 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); 261 262 --tag-background: var(--tag-background-color-d); 263 --tag-color: var(--tag-font-color-d); 264 265 --text-muted: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 65%)); 266 --text-faint: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 30%)); 267 --text-formatted: hsl( 268 var(--base-h), 269 var(--base-s), 270 calc(var(--base-d) + 50%) 271 ); 272 273 --text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-d)); 274 --text-accent-hover: hsl( 275 var(--accent-h), 276 var(--accent-s), 277 calc(var(--accent-d) + 12%) 278 ); 279 280 --atom-gray-1: #5c6370; 281 --atom-gray-2: #abb2bf; 282 --atom-red: #e06c75; 283 --atom-orange: #d19a66; 284 --atom-green: #98c379; 285 --atom-aqua: #56b6c2; 286 --atom-purple: #c678dd; 287 --atom-blue: #61afef; 288 --atom-yellow: #e5c07b; 289 } 290 291 body.is-mobile.theme-dark.mobile-black-background { 292 --color-base-00: black; 293 } 294 295 /* Make exported PDFs render correctly */ 296 @media print { 297 .theme-dark { 298 --highlight-mix-blend-mode: darken; 299 --color-base-30: #ebedf0; 300 --h1-color: var(--color-base-00); 301 } 302 } 303 304 /* H2 styling */ 305 body.h2-underline h2, 306 body.h2-underline .HyperMD-header.HyperMD-header-2.cm-line { 307 border-bottom: 2px solid var(--background-modifier-border); 308 width: 100%; 309 padding-bottom: 2px; 310 } 311 312 /* Hashtags font */ 313 .markdown-source-view.mod-cm6.is-live-preview .cm-hashtag.cm-meta, 314 .markdown-source-view.mod-cm5 .cm-hashtag.cm-meta { 315 font-family: var(--font-text-theme); 316 } 317 318 /* Blockquote */ 319 body:not(.default-font-color) .markdown-preview-view blockquote, 320 body:not(.default-font-color) span.cm-quote.cm-quote-1 { 321 font-style: italic; 322 color: var(--quote-color); 323 } 324 325 /* Bold font */ 326 body:not(.default-font-color) strong, 327 body:not(.default-font-color) span:not(.cm-highlight).cm-strong { 328 color: var(--strong-color); 329 } 330 331 /* Italics */ 332 body:not(.default-font-color) em, 333 body:not(.default-font-color) span:not(.cm-highlight).cm-em { 334 color: var(--em-color); 335 } 336 337 /* Styled highlights */ 338 body:not(.default-font-color) mark strong, 339 body:not(.default-font-color) mark em { 340 color: var(--text-normal); 341 } 342 343 /* Fancy highlight */ 344 body.fancy-highlight span.cm-highlight, 345 body.fancy-highlight .markdown-preview-view mark, 346 body.fancy-highlight span.search-result-file-matched-text { 347 background-image: linear-gradient( 348 0deg, 349 var(--highlight-background-color-underline) 0%, 350 var(--highlight-background-color-underline) 2px, 351 var(--highlight-background-color--active) 2px, 352 var(--highlight-background-color--active) 100% 353 ) !important; 354 background-color: var(--highlight-text-color--active) !important; 355 } 356 357 /* Markdown formatting */ 358 .cm-formatting-strong, 359 .cm-formatting-em, 360 .cm-formatting.cm-formatting-quote { 361 color: var(--text-formatted) !important; 362 font-weight: var(--normal-weight); 363 letter-spacing: -0.02em; 364 } 365 366 /* Completed checkboxes */ 367 .markdown-preview-view ul > li.task-list-item.is-checked, 368 .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='x'], 369 .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='X'], 370 .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='M'] { 371 text-decoration: none; 372 color: var(--text-faint); 373 } 374 375 /* Image card */ 376 img { 377 border-radius: 4px; 378 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 379 } 380 381 .theme-dark .modal-container .suggestion-item.is-selected { 382 background: var(--color-accent); 383 } 384 385 /* Focus active line */ 386 body.active-line .cm-active:not(.HyperMD-header, .HyperMD-codeblock)::before, 387 body.active-line .cm-active.HyperMD-quote::before { 388 content: ''; 389 height: 100%; 390 position: absolute; 391 left: -1.125em; 392 border-left: 3px solid var(--color-accent); 393 border-radius: 10px 0 0 10px; 394 opacity: 0.85; 395 } 396 397 /* Code blocks horizontal scroll */ 398 .markdown-reading-view .markdown-preview-view pre:not(.frontmatter) code { 399 white-space: pre; 400 } 401 402 /* Fancy code blocks */ 403 .cm-inline-code, 404 .cm-s-obsidian .HyperMD-codeblock, 405 .markdown-preview-view.markdown-preview-view :is(pre, code) { 406 --codeblock-border: var(--color-base-30); 407 --codeblock-roundness: var(--radius-s); 408 --code-block-alt-bg: var(--color-base-30); 409 --slight-code-roundish: var(--radius-xs); 410 } 411 412 body.fancy-code .cm-s-obsidian .HyperMD-codeblock { 413 line-height: 1.4em; 414 } 415 416 body.fancy-code .HyperMD-codeblock-begin { 417 counter-reset: codeblock-line-numbers; 418 } 419 420 body.fancy-code 421 .HyperMD-codeblock:not( 422 .HyperMD-codeblock-begin, 423 .HyperMD-codeblock-end 424 )::before { 425 counter-increment: codeblock-line-numbers; 426 content: counter(codeblock-line-numbers); 427 font-size: 0.75em; 428 line-height: 2; 429 text-align: right; 430 height: 100%; 431 width: 1.7em; 432 color: var(--text-muted); 433 /* background-color: #1e2029; */ 434 background-color: var(--code-background); 435 position: absolute; 436 left: 0; 437 padding-right: 1.4em; 438 } 439 440 body.fancy-code 441 .HyperMD-codeblock.cm-line:not( 442 .HyperMD-codeblock-begin, 443 .HyperMD-codeblock-end 444 ) { 445 padding-left: 2.8em; 446 } 447 448 body.fancy-code .cm-s-obsidian div.HyperMD-codeblock-begin-bg { 449 background-color: var(--code-block-alt-bg); 450 border: var(--codeblock-border); 451 border-bottom: none; 452 border-top-right-radius: var(--codeblock-roundness); 453 border-top-left-radius: var(--codeblock-roundness); 454 } 455 456 body.fancy-code div.HyperMD-codeblock-bg:not(.HyperMD-codeblock-begin-bg) { 457 border-right: var(--codeblock-border); 458 border-left: var(--codeblock-border); 459 } 460 461 body.fancy-code .cm-line.HyperMD-codeblock .code-block-flair { 462 font-size: calc(var(--code-size) * 0.9); 463 color: var(--text-muted); 464 padding: 0 1px; 465 top: 0; 466 } 467 468 body.fancy-code .markdown-reading-view pre[class*='language-']::before { 469 display: block; 470 content: ' '; 471 line-height: 1.5em; 472 background-color: var(--code-block-alt-bg); 473 border-top-right-radius: calc(var(--codeblock-roundness) * 0.8); 474 border-top-left-radius: calc(var(--codeblock-roundness) * 0.8); 475 } 476 477 body.fancy-code pre[class*='language-']::after { 478 content: attr(class); 479 font-size: 0.9rem; 480 text-shadow: none; 481 color: var(--text-muted); 482 position: absolute; 483 top: 2px; 484 right: 5px; 485 } 486 487 body.fancy-code .markdown-preview-view pre code { 488 padding: var(--size-4-1) var(--size-4-2); 489 } 490 491 body.fancy-code .copy-code-button.copy-code-button.copy-code-button { 492 background-color: var(--interactive-normal); 493 top: unset; 494 bottom: 0; 495 padding: 0 var(--size-2-2); 496 } 497 498 body.fancy-code .markdown-preview-view.markdown-preview-view pre { 499 padding: 0; 500 margin-top: var(--size-4-2); 501 border: var(--codeblock-border); 502 border-radius: var(--codeblock-roundness); 503 } 504 505 body.fancy-code .markdown-reading-view .markdown-preview-view pre code { 506 display: block; 507 } 508 509 body.fancy-code .markdown-preview-view pre code { 510 padding: var(--size-4-1) var(--size-4-5); 511 } 512 513 /* ------------------- */ 514 /* One Dark Syntax Coloring */ 515 /* Source: https://github.com/AGMStudio/prism-theme-one-dark */ 516 /* ------------------- */ 517 .theme-light .token.comment .theme-light .cm-comment { 518 color: #ababab; 519 } 520 .theme-dark .token.comment, 521 .theme-dark .cm-comment, 522 .token.prolog, 523 .token.doctype, 524 .token.cdata { 525 color: var(--atom-gray-1); 526 } 527 .token.punctuation, 528 .token.plain-text, 529 .token.dom.variable, 530 .cm-hmd-codeblock.cm-bracket { 531 color: var(--atom-gray-2); 532 } 533 code[class*='language-'], 534 .token.selector, 535 .cm-tag, 536 .token.dom.variable, 537 .token.tag, 538 .cm-def, 539 .token.parameter, 540 .cm-property, 541 .cm-qualifier { 542 color: var(--atom-red); 543 } 544 .token.class-name, 545 .token.maybe-class-name, 546 .token.property-access, 547 .token.constant, 548 .token.builtin, 549 .cm-variable-2, 550 .cm-type, 551 .cm-atom, 552 code .cm-tag { 553 color: var(--atom-yellow); 554 } 555 .token.property, 556 .token.boolean, 557 .token.number, 558 .token.symbol, 559 .token.attr-name, 560 .token.deleted, 561 .cm-attribute, 562 .cm-number, 563 .cm-property.cm-string { 564 color: var(--atom-orange); 565 } 566 .token.string, 567 .token.char, 568 .token.attr-value, 569 .token.inserted, 570 .cm-hmd-codeblock.cm-string, 571 .cm-hmd-codeblock.cm-string-2 { 572 color: var(--atom-green); 573 } 574 .token.operator, 575 .cm-operator, 576 .token.entity, 577 .token.url, 578 .language-css .token.string, 579 .style .token.string { 580 color: var(--atom-aqua); 581 } 582 .token.atrule, 583 .token.keyword, 584 .cm-keyword { 585 color: var(--atom-purple); 586 } 587 .cm-variable, 588 .token.function, 589 .token.method, 590 .token.macro.property { 591 color: var(--atom-blue); 592 } 593 .token.regex, 594 .token.important, 595 .token.variable { 596 color: var(--atom-purple); 597 } 598 .token.important, 599 .token.bold { 600 font-weight: bold; 601 } 602 .token.italic { 603 font-style: italic; 604 } 605 .token.entity { 606 cursor: help; 607 } 608 609 /* --------------------- */ 610 /* Mobile toolbar button */ 611 /* --------------------- */ 612 613 body.is-mobile:not(.floating-button-off):not(.advanced-toolbar) 614 .view-action:nth-last-of-type(2), 615 body.is-mobile:not(.floating-button-off):not(.advanced-toolbar) 616 .view-action:nth-last-of-type(2) { 617 color: white; 618 background-color: var(--blue); 619 opacity: 1; 620 top: calc(90vh - 110px); 621 display: flex; 622 padding: 5px; 623 position: fixed; 624 left: 86vw; 625 transform: translate(-40%, 5%); 626 justify-content: center; 627 align-items: center; 628 width: 53px; 629 height: 53px; 630 border-radius: 50% !important; 631 box-shadow: 1.1px 0.3px 2.2px rgba(0, 0, 0, 0.02), 632 2.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 5px 1.3px 10px rgba(0, 0, 0, 0.035), 633 8.9px 2.2px 17.9px rgba(0, 0, 0, 0.042), 634 16.7px 4.2px 33.4px rgba(0, 0, 0, 0.05), 40px 10px 80px rgba(0, 0, 0, 0.07); 635 } 636 637 body.is-mobile:not(.floating-button-off).advanced-toolbar 638 .view-action:nth-last-of-type(2), 639 body.is-mobile:not(.floating-button-off).advanced-toolbar 640 .view-action:nth-last-of-type(2) { 641 color: white; 642 background-color: var(--blue); 643 opacity: 1; 644 position: fixed; 645 top: calc(100vh - 138px); 646 display: flex; 647 padding: 5px; 648 left: 86vw; 649 transform: translate(-40%, -115%); 650 justify-content: center; 651 align-items: center; 652 width: 53px; 653 height: 53px; 654 border-radius: 50% !important; 655 box-shadow: 1.1px 0.3px 2.2px rgba(0, 0, 0, 0.02), 656 2.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 5px 1.3px 10px rgba(0, 0, 0, 0.035), 657 8.9px 2.2px 17.9px rgba(0, 0, 0, 0.042), 658 16.7px 4.2px 33.4px rgba(0, 0, 0, 0.05), 40px 10px 80px rgba(0, 0, 0, 0.07); 659 } 660 661 /* ------------------- */ 662 /* Checkbox styling & icons. Credit Minimal theme: https://minimal.guide/Block+types/Checklists#Checkbox+styling */ 663 /* Support @kepano - https://www.buymeacoffee.com/kepano */ 664 /* ------------------- */ 665 666 input[data-task='!']:checked, 667 input[data-task='*']:checked, 668 input[data-task='-']:checked, 669 input[data-task='<']:checked, 670 input[data-task='>']:checked, 671 input[data-task='I']:checked, 672 input[data-task='b']:checked, 673 input[data-task='c']:checked, 674 input[data-task='d']:checked, 675 input[data-task='f']:checked, 676 input[data-task='k']:checked, 677 input[data-task='l']:checked, 678 input[data-task='p']:checked, 679 input[data-task='u']:checked, 680 input[data-task='w']:checked, 681 input[data-task='P']:checked, /* Open PR */ 682 input[data-task='M']:checked, /* Merged PR */ 683 input[data-task='D']:checked, /* Draft PR */ 684 li[data-task='!'] > input:checked, 685 li[data-task='!'] > p > input:checked, 686 li[data-task='*'] > input:checked, 687 li[data-task='*'] > p > input:checked, 688 li[data-task='-'] > input:checked, 689 li[data-task='-'] > p > input:checked, 690 li[data-task='<'] > input:checked, 691 li[data-task='<'] > p > input:checked, 692 li[data-task='>'] > input:checked, 693 li[data-task='>'] > p > input:checked, 694 li[data-task='I'] > input:checked, 695 li[data-task='I'] > p > input:checked, 696 li[data-task='b'] > input:checked, 697 li[data-task='b'] > p > input:checked, 698 li[data-task='c'] > input:checked, 699 li[data-task='c'] > p > input:checked, 700 li[data-task='d'] > input:checked, 701 li[data-task='d'] > p > input:checked, 702 li[data-task='f'] > input:checked, 703 li[data-task='f'] > p > input:checked, 704 li[data-task='k'] > input:checked, 705 li[data-task='k'] > p > input:checked, 706 li[data-task='l'] > input:checked, 707 li[data-task='l'] > p > input:checked, 708 li[data-task='p'] > input:checked, 709 li[data-task='p'] > p > input:checked, 710 li[data-task='u'] > input:checked, 711 li[data-task='u'] > p > input:checked, 712 li[data-task='w'] > input:checked, 713 li[data-task='w'] > p > input:checked, 714 li[data-task='P'] > input:checked, 715 li[data-task='P'] > p > input:checked, 716 li[data-task='M'] > input:checked, 717 li[data-task='M'] > p > input:checked, 718 li[data-task='D'] > input:checked, 719 li[data-task='D'] > p > input:checked { 720 --checkbox-marker-color: transparent; 721 border: none; 722 border-radius: 0; 723 background-image: none; 724 background-color: currentColor; 725 -webkit-mask-size: var(--checkbox-icon); 726 -webkit-mask-position: 50% 50%; 727 } 728 input[data-task='>']:checked, 729 li[data-task='>'] > input:checked, 730 li[data-task='>'] > p > input:checked { 731 color: var(--text-faint); 732 transform: rotate(90deg); 733 -webkit-mask-position: 50% 100%; 734 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E"); 735 } 736 input[data-task='<']:checked, 737 li[data-task='<'] > input:checked, 738 li[data-task='<'] > p > input:checked { 739 color: var(--text-faint); 740 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd' /%3E%3C/svg%3E"); 741 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E"); 742 } 743 input[data-task='?']:checked, 744 li[data-task='?'] > input:checked, 745 li[data-task='?'] > p > input:checked { 746 --checkbox-marker-color: transparent; 747 background-color: var(--color-yellow); 748 border-color: var(--color-yellow); 749 background-position: 50% 50%; 750 background-size: 200% 90%; 751 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="white" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E'); 752 } 753 .theme-dark input[data-task='?']:checked, 754 .theme-dark li[data-task='?'] > input:checked, 755 .theme-dark li[data-task='?'] > p > input:checked { 756 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="black" fill-opacity="0.8" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E'); 757 } 758 input[data-task='/']:checked, 759 li[data-task='/'] > input:checked, 760 li[data-task='/'] > p > input:checked { 761 background-image: none; 762 background-color: transparent; 763 position: relative; 764 overflow: hidden; 765 } 766 input[data-task='/']:checked:after, 767 li[data-task='/'] > input:checked:after, 768 li[data-task='/'] > p > input:checked:after { 769 top: 0; 770 left: 0; 771 content: ' '; 772 display: block; 773 position: absolute; 774 background-color: var(--color-accent); 775 width: calc(50% - 0.5px); 776 height: 100%; 777 -webkit-mask-image: none; 778 } 779 input[data-task='!']:checked, 780 li[data-task='!'] > input:checked, 781 li[data-task='!'] > p > input:checked { 782 color: var(--color-orange); 783 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); 784 } 785 input[data-task='"']:checked, 786 input[data-task='“']:checked, 787 li[data-task='"'] > input:checked, 788 li[data-task='"'] > p > input:checked, 789 li[data-task='“'] > input:checked, 790 li[data-task='“'] > p > input:checked { 791 --checkbox-marker-color: transparent; 792 background-position: 50% 50%; 793 background-color: var(--color-cyan); 794 border-color: var(--color-cyan); 795 background-size: 75%; 796 background-repeat: no-repeat; 797 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E'); 798 } 799 .theme-dark input[data-task='"']:checked, 800 .theme-dark input[data-task='“']:checked, 801 .theme-dark li[data-task='"'] > input:checked, 802 .theme-dark li[data-task='"'] > p > input:checked, 803 .theme-dark li[data-task='“'] > input:checked, 804 .theme-dark li[data-task='“'] > p > input:checked { 805 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E'); 806 } 807 input[data-task='-']:checked, 808 li[data-task='-'] > input:checked, 809 li[data-task='-'] > p > input:checked { 810 color: var(--text-faint); 811 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); 812 } 813 body:not(.tasks) 814 .markdown-preview-view 815 ul 816 li[data-task='-'].task-list-item.is-checked, 817 body:not(.tasks) 818 .markdown-source-view.mod-cm6 819 .HyperMD-task-line[data-task]:is([data-task='-']), 820 body:not(.tasks) li[data-task='-'].task-list-item.is-checked { 821 color: var(--text-faint); 822 text-decoration: line-through solid var(--text-faint) 1px; 823 } 824 input[data-task='*']:checked, 825 li[data-task='*'] > input:checked, 826 li[data-task='*'] > p > input:checked { 827 color: var(--color-yellow); 828 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E"); 829 } 830 input[data-task='l']:checked, 831 li[data-task='l'] > input:checked, 832 li[data-task='l'] > p > input:checked { 833 color: var(--color-red); 834 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E"); 835 } 836 input[data-task='i']:checked, 837 li[data-task='i'] > input:checked, 838 li[data-task='i'] > p > input:checked { 839 --checkbox-marker-color: transparent; 840 background-color: var(--color-blue); 841 border-color: var(--color-blue); 842 background-position: 50%; 843 background-size: 100%; 844 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="white" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); 845 } 846 .theme-dark input[data-task='i']:checked, 847 .theme-dark li[data-task='i'] > input:checked, 848 .theme-dark li[data-task='i'] > p > input:checked { 849 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="black" fill-opacity="0.8" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); 850 } 851 input[data-task='S']:checked, 852 li[data-task='S'] > input:checked, 853 li[data-task='S'] > p > input:checked { 854 --checkbox-marker-color: transparent; 855 border-color: var(--color-green); 856 background-color: var(--color-green); 857 background-size: 100%; 858 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); 859 } 860 .theme-dark input[data-task='S']:checked, 861 .theme-dark li[data-task='S'] > input:checked, 862 .theme-dark li[data-task='S'] > p > input:checked { 863 background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); 864 } 865 input[data-task='I']:checked, 866 li[data-task='I'] > input:checked, 867 li[data-task='I'] > p > input:checked { 868 color: var(--color-yellow); 869 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z' /%3E%3C/svg%3E"); 870 } 871 input[data-task='f']:checked, 872 li[data-task='f'] > input:checked, 873 li[data-task='f'] > p > input:checked { 874 color: var(--color-red); 875 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E"); 876 } 877 input[data-task='k']:checked, 878 li[data-task='k'] > input:checked, 879 li[data-task='k'] > p > input:checked { 880 color: var(--color-yellow); 881 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E"); 882 } 883 input[data-task='u']:checked, 884 li[data-task='u'] > input:checked, 885 li[data-task='u'] > p > input:checked { 886 color: var(--color-green); 887 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); 888 } 889 input[data-task='d']:checked, 890 li[data-task='d'] > input:checked, 891 li[data-task='d'] > p > input:checked { 892 color: var(--color-red); 893 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); 894 } 895 input[data-task='w']:checked, 896 li[data-task='w'] > input:checked, 897 li[data-task='w'] > p > input:checked { 898 color: var(--color-purple); 899 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); 900 } 901 input[data-task='p']:checked, 902 li[data-task='p'] > input:checked, 903 li[data-task='p'] > p > input:checked { 904 color: var(--color-green); 905 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%3E%3C/svg%3E"); 906 } 907 input[data-task='c']:checked, 908 li[data-task='c'] > input:checked, 909 li[data-task='c'] > p > input:checked { 910 color: var(--color-orange); 911 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%3E%3C/svg%3E"); 912 } 913 input[data-task='b']:checked, 914 li[data-task='b'] > input:checked, 915 li[data-task='b'] > p > input:checked { 916 color: var(--color-orange); 917 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%3E%3C/svg%3E"); 918 } 919 input[data-task='P']:checked, 920 li[data-task='P'] > input:checked, 921 li[data-task='P'] > p > input:checked { 922 color: var(--color-green); 923 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z'%3E%3C/path%3E%3C/svg%3E"); 924 } 925 input[data-task='M']:checked, 926 li[data-task='M'] > input:checked, 927 li[data-task='M'] > p > input:checked { 928 color: var(--color-purple); 929 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M5.45 5.154A4.25 4.25 0 0 0 9.25 7.5h1.378a2.251 2.251 0 1 1 0 1.5H9.25A5.734 5.734 0 0 1 5 7.123v3.505a2.25 2.25 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.95-.218ZM4.25 13.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm8.5-4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 3.25a.75.75 0 1 0 0 .005V3.25Z'%3E%3C/path%3E%3C/svg%3E"); 930 } 931 input[data-task='D']:checked, 932 li[data-task='D'] > input:checked, 933 li[data-task='D'] > p > input:checked { 934 color: var(--color-base-50); 935 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1Zm9.5 14a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM2.5 3.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0ZM3.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm9.5 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM14 7.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm0-4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z'%3E%3C/path%3E%3C/svg%3E"); 936 } 937 938 body:not(.tasks) li[data-task='>'].task-list-item.is-checked, 939 body:not(.tasks) li[data-task='<'].task-list-item.is-checked, 940 body:not(.tasks) li[data-task='b'].task-list-item.is-checked, 941 body:not(.tasks) li[data-task='i'].task-list-item.is-checked, 942 body:not(.tasks) li[data-task='*'].task-list-item.is-checked, 943 body:not(.tasks) li[data-task='!'].task-list-item.is-checked, 944 body:not(.tasks) li[data-task='S'].task-list-item.is-checked, 945 body:not(.tasks) li[data-task='?'].task-list-item.is-checked, 946 body:not(.tasks) li[data-task='/'].task-list-item.is-checked, 947 body:not(.tasks) li[data-task='"'].task-list-item.is-checked, 948 body:not(.tasks) li[data-task='l'].task-list-item.is-checked, 949 body:not(.tasks) li[data-task='I'].task-list-item.is-checked, 950 body:not(.tasks) li[data-task='p'].task-list-item.is-checked, 951 body:not(.tasks) li[data-task='c'].task-list-item.is-checked, 952 body:not(.tasks) li[data-task='f'].task-list-item.is-checked, 953 body:not(.tasks) li[data-task='k'].task-list-item.is-checked, 954 body:not(.tasks) li[data-task='w'].task-list-item.is-checked, 955 body:not(.tasks) li[data-task='u'].task-list-item.is-checked, 956 body:not(.tasks) li[data-task='d'].task-list-item.is-checked, 957 body:not(.tasks) li[data-task='P'].task-list-item.is-checked, 958 body:not(.tasks) li[data-task='D'].task-list-item.is-checked { 959 color: var(--text-normal); 960 } 961 962 /* ------------------- */ 963 /* Progress bars styling. Credit Minimal theme: https://minimal.guide/progress-bars */ 964 /* Support @kepano - https://www.buymeacoffee.com/kepano */ 965 /* ------------------- */ 966 .progress-color { 967 .markdown-rendered progress, 968 .markdown-source-view.is-live-preview progress, 969 .markdown-preview-view progress { 970 &[value^='1']::-webkit-progress-value, 971 &[value^='2']::-webkit-progress-value, 972 &[value^='3']::-webkit-progress-value { 973 background-color: var(--progress-color-1); 974 } 975 &[value^='4']::-webkit-progress-value, 976 &[value^='5']::-webkit-progress-value { 977 background-color: var(--progress-color-2); 978 } 979 &[value^='6']::-webkit-progress-value, 980 &[value^='7']::-webkit-progress-value { 981 background-color: var(--progress-color-3); 982 } 983 &[value^='8']::-webkit-progress-value, 984 &[value^='9']::-webkit-progress-value { 985 background-color: var(--progress-color-4); 986 } 987 &[value='1']::-webkit-progress-value, 988 &[value='100']::-webkit-progress-value { 989 background-color: var(--progress-color-5); 990 } 991 992 &[value='0']::-webkit-progress-value, 993 &[value='2']::-webkit-progress-value, 994 &[value='3']::-webkit-progress-value, 995 &[value='4']::-webkit-progress-value, 996 &[value='5']::-webkit-progress-value, 997 &[value='6']::-webkit-progress-value, 998 &[value='7']::-webkit-progress-value, 999 &[value='8']::-webkit-progress-value, 1000 &[value='9']::-webkit-progress-value { 1001 background-color: var(--progress-color-1); 1002 } 1003 } 1004 } 1005 1006 /* ─────────────────────────────────────────────────── */ 1007 /* Plugins */ 1008 /* ─────────────────────────────────────────────────── */ 1009 1010 /* --------------- */ 1011 /* Todoist */ 1012 /* --------------- */ 1013 1014 .todoist-p1 > input[type='checkbox'] { 1015 border: 1px solid #ff757f !important; 1016 background-color: rgba(255, 117, 127, 0.25) !important; 1017 } 1018 .todoist-p1 > input[type='checkbox']:hover { 1019 background-color: rgba(255, 117, 127, 0.5) !important; 1020 } 1021 .todoist-p2 > input[type='checkbox'] { 1022 border: 1px solid #ffc777 !important; 1023 background-color: rgba(255, 199, 119, 0.25) !important; 1024 } 1025 .todoist-p2 > input[type='checkbox']:hover { 1026 background-color: rgba(255, 199, 119, 0.5) !important; 1027 } 1028 .todoist-p3 > input[type='checkbox'] { 1029 border: 1px solid #65bcff !important; 1030 background-color: rgba(101, 188, 255, 0.25) !important; 1031 } 1032 .todoist-p3 > input[type='checkbox']:hover { 1033 background-color: rgba(101, 188, 255, 0.5) !important; 1034 } 1035 .todoist-p4 > input[type='checkbox'] { 1036 border: 1px solid #b4c2f0 !important; 1037 background-color: rgba(180, 194, 240, 0.25) !important; 1038 } 1039 .todoist-p4 > input[type='checkbox']:hover { 1040 background-color: rgba(180, 194, 240, 0.5) !important; 1041 } 1042 .task-metadata { 1043 font-size: var(--font-todoist-metadata-size); 1044 color: #7a88cf; 1045 margin-left: unset; 1046 } 1047 .task-metadata > * { 1048 margin-right: 30px; 1049 } 1050 .task-date.task-overdue { 1051 color: rgba(255, 152, 164, 0.75) !important; 1052 } 1053 .task-calendar-icon, 1054 .task-project-icon, 1055 .task-labels-icon { 1056 vertical-align: middle; 1057 height: 17px; 1058 width: 17px; 1059 } 1060 .todoist-project .todoist-project { 1061 margin-left: 20px; 1062 } 1063 .todoist-section { 1064 margin-left: 20px; 1065 } 1066 .todoist-project .todoist-project-title { 1067 font-weight: 700; 1068 margin-block-end: 0px; 1069 } 1070 .todoist-section .todoist-section-title { 1071 font-size: var(--font-todoist-title-size); 1072 color: #7a88cf; 1073 font-weight: 700; 1074 margin-block-end: 0px; 1075 } 1076 .todoist-error { 1077 border: 1px solid #ff98a4; 1078 background-color: rgba(255, 152, 164, 0.05); 1079 padding: 1em 1em; 1080 margin: 1em 0px; 1081 } 1082 .todoist-error p { 1083 margin: 0 0 1em 0; 1084 font-weight: 600; 1085 } 1086 .todoist-error code { 1087 background-color: unset !important; 1088 padding: unset !important; 1089 margin: unset !important; 1090 } 1091 .todoist-success { 1092 border: 1px solid #c3e88d !important; 1093 background-color: rgba(195, 232, 141, 0.05); 1094 padding: 1em 1em !important; 1095 margin: 1em 0px; 1096 } 1097 .todoist-success p { 1098 margin: 0; 1099 font-weight: 600; 1100 } 1101 /* .priority-container .priority-1 { 1102 color: #ff98a4; 1103 } 1104 .priority-container .priority-2 { 1105 color: #ffc777; 1106 } 1107 .priority-container .priority-3 { 1108 color: #65bcff; 1109 } 1110 .priority-container .priority-4 { 1111 color: #b4c2f0; 1112 } */ 1113 1114 /* --------------- */ 1115 /* Checklist */ 1116 /* --------------- */ 1117 1118 .checklist-plugin-main .title { 1119 font-size: var(--nav-item-size); 1120 } 1121 1122 .checklist-plugin-main .container input.search { 1123 font-size: var(--font-ui-small); 1124 } 1125 1126 .checklist-plugin-main .group-header button.collapse, 1127 .checklist-plugin-main button.toggle { 1128 box-shadow: none; 1129 cursor: pointer; 1130 } 1131 1132 .checklist-plugin-main .classic .content > p { 1133 font-size: var(--font-ui-smaller); 1134 } 1135 1136 .checklist-plugin-main .toggle .checkbox { 1137 border-radius: var(--checkbox-radius) !important; 1138 } 1139 1140 /* --------------- */ 1141 /* Kanban */ 1142 /* --------------- */ 1143 1144 body:not(.no-kanban-styles) .kanban-plugin { 1145 --dot-color: hsl(0 0% 40% / 10%); 1146 --dot-spacing: 9px; 1147 --dot-size: 1px; 1148 } 1149 body:not(.no-kanban-styles) .kanban-plugin__board { 1150 background-image: radial-gradient( 1151 circle, 1152 var(--dot-color) var(--dot-size), 1153 transparent var(--dot-size) 1154 ); 1155 border-top: var(--thin-border); 1156 background-size: var(--dot-spacing) var(--dot-spacing); 1157 background-attachment: local; 1158 } 1159 1160 body:not(.no-kanban-styles) .kanban-plugin__board > div { 1161 margin: 0 auto; 1162 } 1163 body:not(.no-kanban-styles) .kanban-plugin__item-form { 1164 border-top: none; 1165 } 1166 body:not(.no-kanban-styles) .kanban-plugin__lane-header-wrapper { 1167 border-bottom: 0; 1168 } 1169 body:not(.no-kanban-styles) .kanban-plugin button { 1170 box-shadow: none; 1171 } 1172 body:not(.no-kanban-styles) .kanban-plugin__item-button-wrapper > button:hover { 1173 color: var(--text-normal); 1174 background: var(--background-modifier-hover); 1175 } 1176 body:not(.no-kanban-styles) .kanban-plugin__item-button-wrapper { 1177 border-top: none; 1178 } 1179 body:not(.no-kanban-styles) .kanban-plugin__lane { 1180 border: 1px solid transparent; 1181 } 1182 body:not(.no-kanban-styles) .kanban-plugin__item-content-wrapper { 1183 box-shadow: none; 1184 } 1185 1186 body:not(.no-kanban-styles):not(.is-mobile) 1187 .kanban-plugin__grow-wrap 1188 > textarea:focus { 1189 box-shadow: none; 1190 } 1191 body:not(.no-kanban-styles) .kanban-plugin__item-input-actions button, 1192 body:not(.no-kanban-styles) .kanban-plugin__lane-input-actions button { 1193 font-size: var(--font-adaptive-small); 1194 } 1195 body:not(.no-kanban-styles) 1196 .kanban-plugin__lane-header-wrapper 1197 .kanban-plugin__grow-wrap 1198 > textarea, 1199 body:not(.no-kanban-styles) 1200 .kanban-plugin__lane-input-wrapper 1201 .kanban-plugin__grow-wrap 1202 > textarea { 1203 background: transparent; 1204 } 1205 body .kanban-plugin__item-button-wrapper > button { 1206 color: var(--text-muted); 1207 font-weight: 400; 1208 background: 0 0; 1209 min-height: calc(var(--input-height) + 8px); 1210 } 1211 body .kanban-plugin__item-form .kanban-plugin__item-input-wrapper { 1212 min-height: calc(var(--input-height) + 8px); 1213 display: flex; 1214 justify-content: center; 1215 } 1216 .kanban-plugin__item-input-wrapper textarea { 1217 background-color: var(--background-primary); 1218 } 1219 .kanban-plugin__lane-items { 1220 padding-bottom: 0; 1221 } 1222 1223 /* ─────────────────────────────────────────────────── */ 1224 /* Styles Settings */ 1225 /* ─────────────────────────────────────────────────── */ 1226 1227 /* @settings 1228 name: Things Theme 1229 id: things-style 1230 settings: 1231 - 1232 id: features 1233 title: Features 1234 type: heading 1235 level: 2 1236 collapsed: true 1237 - 1238 title: Black mobile background 1239 description: Change mobile editor background to default theme black 1240 id: mobile-black-background 1241 type: class-toggle 1242 default: false 1243 - 1244 title: Disable mobile floating-action button 1245 description: Revert placement of edit/preview button to default in header (mobile) 1246 id: floating-button-off 1247 type: class-toggle 1248 default: false 1249 - 1250 title: Highlight active line 1251 description: Change background color of current working line 1252 id: active-line 1253 type: class-toggle 1254 default: false 1255 - 1256 title: Fancy code blocks 1257 description: Enable fancy numbered code blocks 1258 id: fancy-code 1259 type: class-toggle 1260 default: false 1261 - 1262 title: Fancy highlighting 1263 description: Enable fancy highlight styles with highlight underlines 1264 id: fancy-highlight 1265 type: class-toggle 1266 default: false 1267 - 1268 title: Disable Kanban board styles 1269 description: Remove minimalist styling to the Kanban plugin 1270 id: no-kanban-styles 1271 type: class-toggle 1272 default: false 1273 - 1274 id: link-decoration 1275 title: Underline internal links 1276 description: Show underlines on internal links 1277 type: variable-select 1278 default: Underline 1279 options: 1280 - Underline 1281 - None 1282 - 1283 id: link-external-decoration 1284 title: Underline external links 1285 description: Show underlines on external links 1286 type: variable-select 1287 default: Underline 1288 options: 1289 - Underline 1290 - None 1291 - 1292 id: custom-fonts 1293 title: Typography 1294 type: heading 1295 level: 2 1296 collapsed: true 1297 - 1298 id: default-font-color 1299 title: Default font colors 1300 description: Use the default font color styling for bold, italics, and quotes 1301 type: class-toggle 1302 default: false 1303 - 1304 id: text-highlight-bg-l 1305 title: Highlight color (light) 1306 type: variable-color 1307 format: rgb 1308 default: 'rgba(255, 208, 0, 0.4)' 1309 - 1310 id: text-highlight-bg-d 1311 title: Highlight color (dark) 1312 type: variable-color 1313 format: rgb 1314 default: 'rgba(255, 208, 0, 0.4)' 1315 - 1316 id: strong-color 1317 title: Bold font color 1318 type: variable-color 1319 format: hex 1320 default: '#FF82B2' 1321 - 1322 id: em-color 1323 title: Italics font color 1324 type: variable-color 1325 format: hex 1326 default: '#FF82B2' 1327 - 1328 id: quote-color 1329 title: Blockquotes font color 1330 type: variable-color 1331 format: hex 1332 default: '#3EB4BF' 1333 - 1334 id: code-normal 1335 title: Inline code blocks font color (Light mode) 1336 type: variable-color 1337 format: hex 1338 default: '#BEC6CF' 1339 - 1340 id: code-color-d 1341 title: Inline code blocks font color (Dark mode) 1342 type: variable-color 1343 format: hex 1344 default: '#555E68' 1345 - 1346 id: tag-background-color-l 1347 title: Tag background color (Light mode) 1348 type: variable-color 1349 format: hex 1350 default: '#BDE1D3' 1351 - 1352 id: tag-font-color-l 1353 title: Tag font color (Light mode) 1354 type: variable-color 1355 format: hex 1356 default: '#1D694B' 1357 - 1358 id: tag-background-color-d 1359 title: Tag background color (Dark mode) 1360 type: variable-color 1361 format: hex 1362 default: '#1D694B' 1363 - 1364 id: tag-font-color-d 1365 title: Tag font color (Dark mode) 1366 type: variable-color 1367 format: hex 1368 default: '#FFFFFF' 1369 - 1370 id: progress-color 1371 title: Progress colorful mode switcher 1372 description: Toggle progress color scheme 1373 type: class-toggle 1374 default: false 1375 - 1376 id: progress-color-1 1377 title: progress 2-39% color 1378 type: variable-color 1379 opacity: true 1380 format: hex 1381 default: '#ad5758' 1382 - 1383 id: progress-color-2 1384 title: progress 40-59% color 1385 type: variable-color 1386 opacity: true 1387 format: hex 1388 default: '#b87f4c' 1389 - 1390 id: progress-color-3 1391 title: progress 60-79% color 1392 type: variable-color 1393 opacity: true 1394 format: hex 1395 default: '#d2b874' 1396 - 1397 id: progress-color-4 1398 title: progress 80-99% color 1399 type: variable-color 1400 opacity: true 1401 format: hex 1402 default: '#b0c07e' 1403 - 1404 id: progress-color-5 1405 title: progress 1,100% color 1406 type: variable-color 1407 opacity: true 1408 format: hex 1409 default: '#768399' 1410 - 1411 id: headings 1412 title: Headings 1413 type: heading 1414 level: 2 1415 collapsed: true 1416 - 1417 id: level-1-headings 1418 title: Level 1 Headings 1419 type: heading 1420 level: 3 1421 collapsed: true 1422 - 1423 id: h1-size 1424 title: H1 font size 1425 description: Accepts any CSS font-size value 1426 type: variable-text 1427 default: 1.7em 1428 - 1429 id: h1-weight 1430 title: H1 font weight 1431 description: Accepts numbers representing the CSS font-weight 1432 type: variable-number 1433 default: 700 1434 - 1435 id: h1-color 1436 title: H1 color 1437 type: variable-color 1438 format: hex 1439 default: '#' 1440 - 1441 id: level-2-headings 1442 title: Level 2 Headings 1443 type: heading 1444 level: 3 1445 collapsed: true 1446 - 1447 id: h2-size 1448 title: H2 font size 1449 description: Accepts any CSS font-size value 1450 type: variable-text 1451 default: 1.5em 1452 - 1453 id: h2-weight 1454 title: H2 font weight 1455 description: Accepts numbers representing the CSS font-weight 1456 type: variable-number 1457 default: 700 1458 - 1459 id: h2-color 1460 title: H2 color 1461 type: variable-color 1462 format: hex 1463 default: '#2E80F2' 1464 - 1465 id: h2-underline 1466 title: H2 underline 1467 description: Toggle H2 underline (border-bottom) 1468 type: class-toggle 1469 default: true 1470 - 1471 id: level-3-headings 1472 title: Level 3 Headings 1473 type: heading 1474 level: 3 1475 collapsed: true 1476 - 1477 id: h3-size 1478 title: H3 font size 1479 description: Accepts any CSS font-size value 1480 type: variable-text 1481 default: 1.2em 1482 - 1483 id: h3-weight 1484 title: H3 font weight 1485 description: Accepts numbers representing the CSS font-weight 1486 type: variable-number 1487 default: 600 1488 - 1489 id: h3-color 1490 title: H3 color 1491 type: variable-color 1492 format: hex 1493 default: '#2E80F2' 1494 - 1495 id: level-4-headings 1496 title: Level 4 Headings 1497 type: heading 1498 level: 3 1499 collapsed: true 1500 - 1501 id: h4-size 1502 title: H4 font size 1503 description: Accepts any CSS font-size value 1504 type: variable-text 1505 default: 1.1em 1506 - 1507 id: h4-weight 1508 title: H4 font weight 1509 description: Accepts numbers representing the CSS font-weight 1510 type: variable-number 1511 default: 500 1512 - 1513 id: h4-color 1514 title: H4 color 1515 type: variable-color 1516 format: hex 1517 default: '#E5B567' 1518 - 1519 id: h4-transform 1520 title: H4 transform 1521 description: Transform the H4 heading text 1522 type: variable-select 1523 default: uppercase 1524 options: 1525 - 1526 label: Uppercase 1527 value: uppercase 1528 - 1529 label: None 1530 value: none 1531 - 1532 id: level-5-headings 1533 title: Level 5 Headings 1534 type: heading 1535 level: 3 1536 collapsed: true 1537 - 1538 id: h5-size 1539 title: H5 font size 1540 description: Accepts any CSS font-size value 1541 type: variable-text 1542 default: 1em 1543 - 1544 id: h5-weight 1545 title: H5 font weight 1546 description: Accepts numbers representing the CSS font-weight 1547 type: variable-number 1548 default: 500 1549 - 1550 id: h5-color 1551 title: H5 color 1552 type: variable-color 1553 format: hex 1554 default: '#E83E3E' 1555 - 1556 id: level-6-headings 1557 title: Level 6 Headings 1558 type: heading 1559 level: 3 1560 collapsed: true 1561 - 1562 id: h6-size 1563 title: H6 font size 1564 description: Accepts any CSS font-size value 1565 type: variable-text 1566 default: 0.9em 1567 - 1568 id: h6-weight 1569 title: H6 font weight 1570 description: Accepts numbers representing the CSS font-weight 1571 type: variable-number 1572 default: 400 1573 - 1574 id: h6-color 1575 title: H6 color 1576 type: variable-color 1577 format: hex 1578 default: '#' 1579 - 1580 id: credits 1581 title: Credits 1582 type: heading 1583 description: Created with ❤︎ by @colineckert. Support @colineckert at buymeacoffee.com/colineckert 1584 level: 2 1585 collapsed: true 1586 1587 */ 1588 1589 /* ─────────────────────────────────────────────────── */ 1590 /* Plugin Compatibility info for the Obsidian Hub */ 1591 /* ─────────────────────────────────────────────────── */ 1592 1593 /* @plugins 1594 core: 1595 - backlink 1596 - command-palette 1597 - file-explorer 1598 - global-search 1599 - graph 1600 - outgoing-link 1601 - outline 1602 - page-preview 1603 - starred 1604 - switcher 1605 - tag-pane 1606 - file-recovery 1607 - daily-notes 1608 - random-note 1609 - publish 1610 - sync 1611 - word-count 1612 community: 1613 - sliding-panes-obsidian 1614 - obsidian-codemirror-options 1615 - obsidian-kanban 1616 - dataview 1617 - obsidian-hider 1618 - calendar 1619 - mysnippets-plugin 1620 - cmenu-plugin 1621 - obsidian-outliner 1622 - readwise-official 1623 - tag-wrangler 1624 - todoist-sync-plugin 1625 - templater-obsidian 1626 - obsidian-system-dark-mode 1627 - obsidian-style-settings 1628 */