From 9f35c21ffd0263b4977cc632981cf6cd550e0eaa Mon Sep 17 00:00:00 2001 From: GitHub <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 8 Sep 2025 12:53:17 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=96=201.0.3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 42 ++ manifest.json | 2 +- package-lock.json | 4 +- package.json | 2 +- publish.css | 1776 --------------------------------------------- tasks-snippet.css | 49 +- theme.css | 564 +++++++------- 7 files changed, 349 insertions(+), 2090 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a153840..ec4559b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,8 +4,50 @@ 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). +#### [1.0.3](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/1.0.2...1.0.3) + +- Fixes minor calendarium issue [`#108`](https://github.com/ebullient/obsidian-theme-ebullientworks/issues/108) +- ⬆️ dependency bump [`92c968c`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/92c968c8c07fb9321ad61707981c9ef33e93828d) +- ⬆️ upgrade deps; resolve warnings [`9b2a872`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/9b2a8728757ab8f8e69f5bde4fd3a3a13c55f009) +- Fixes light theme notice [`bda416e`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/bda416e305406d66bd54a7be45a279c696c27873) +- Bump sass from 1.79.4 to 1.79.5 [`7c583f1`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/7c583f18a65b480676633d01cea475881bccaecc) +- Bump sass from 1.78.0 to 1.79.3 [`f01f441`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/f01f441d8e26c6cac9f5d1dd6acb14a75d9e7025) +- 🐛 fix calendar today style in dark mode [`a13424a`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/a13424a3c18ffc6e2233c32c1a8d58b51caa81d0) +- Bump chokidar from 3.6.0 to 4.0.0 [`bd911f4`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/bd911f4818d75ce9b4135e9ac281a06653abd3e1) +- 🐛 Fix rendering of embedded content (1.9.12) [`f091e52`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/f091e52b804f736b6078c29dc766be88e96b085a) +- Bump sass from 1.80.4 to 1.80.6 [`87223b5`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/87223b5a0d59a8ec4299f40b43f5d34eb2ddf2f8) +- Bump sass from 1.80.6 to 1.81.0 [`0242e44`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/0242e44cf6aa25d471afd97ed4df1af9a59eb31d) +- 🐛 Fix CSS for embeded header [`3b47d0e`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/3b47d0e67c3297a96a773508dd310c5215d9f703) +- Bump sass from 1.83.4 to 1.84.0 [`6f76b2a`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/6f76b2a34796fd69a48f63fcb6304ee2668e2b3d) +- Bump chokidar from 4.0.1 to 4.0.3 [`5bce2b2`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/5bce2b26c8a5e24a993ceed771ee2e37d9c17d7a) +- Bump sass from 1.80.3 to 1.80.4 [`0d0e951`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/0d0e951f3712dc56949416246806c66305ad09ed) +- Bump sass from 1.90.0 to 1.92.1 [`67f105c`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/67f105c268ea557b4304ee03ba406a14d6733936) +- Bump sass from 1.89.2 to 1.90.0 [`af1caaf`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/af1caafee061b9b357385485807f26d7d0edfb09) +- Bump sass from 1.87.0 to 1.89.1 [`3693f11`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/3693f11a3f27679a4440a3b6262ac5be99120942) +- Bump sass from 1.86.3 to 1.87.0 [`d273e02`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/d273e02280dc0d19546f8502e1621549e3d34be9) +- Bump sass from 1.86.0 to 1.86.3 [`a08378e`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/a08378eee8b066d4f99b03a14eed0de3d55cdc0f) +- Bump sass from 1.85.1 to 1.86.0 [`848923e`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/848923e4da861767114847c7f610fa20eb1a4243) +- Bump sass from 1.85.0 to 1.85.1 [`085d5b6`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/085d5b61a2e39b7b508884ce825d2f3b6a944e83) +- Bump sass from 1.84.0 to 1.85.0 [`5c54472`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/5c54472b40b98021a6d3d6ec20be3fa7f13c6abb) +- Bump sass from 1.83.1 to 1.83.4 [`999a9eb`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/999a9eb116002339b68d9e4b2a9ef6ef4e9693b9) +- Bump sass from 1.83.0 to 1.83.1 [`9db8380`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/9db8380bcdd6bb6237038de2a1ee6b04c921ab57) +- Bump sass from 1.82.0 to 1.83.0 [`24bcb6d`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/24bcb6d9b63c753e8874466dae7a7ebb8b2f7ff6) +- Bump sass from 1.81.0 to 1.82.0 [`c168f7b`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/c168f7bb116b78fc3479295b4996c28402b4799c) +- Bump sass from 1.79.5 to 1.80.3 [`1271d44`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/1271d4424c8a070b19849528248ba763f9aabb35) +- Bump sass from 1.79.3 to 1.79.4 [`9ca7220`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/9ca7220501978c8df11c474fd3304cceded61d3e) +- Bump chokidar from 4.0.0 to 4.0.1 [`15a8f8f`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/15a8f8f3c3f3244a65d85fdfabd596e7f95aa1c5) +- Bump sass from 1.77.8 to 1.78.0 [`a195bb3`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/a195bb3d69fc8502fe2f1a4f7cbe0b9411d0355e) +- 🎨 fix hover for table rows [`80b81fb`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/80b81fba75649cffa82a2029b235a24052db83f7) +- Bump actions/setup-node from 4 to 5 [`d84c3eb`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/d84c3ebad1b07aa132f40090423f03fffb415000) +- Bump actions/checkout from 4 to 5 [`e50c5c7`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/e50c5c76f213615211e3fbece7c554b16cadbc47) +- ✨ Add (b) "blocked" status [`ed47f3c`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/ed47f3c7bf1f7500a66091dfd87d301743284b4a) +- 🎨 rgb for middle red [`e93eb7c`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/e93eb7c1d3bb4817803a19f38cb24cec1d4b3448) +- 💸 org-level funding [`d581981`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/d581981e610c35d8bea8ea608138a57efb1ca148) + #### [1.0.2](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/1.0.1...1.0.2) +> 27 August 2024 + - Corrects pretty header on mobile [`#99`](https://github.com/ebullient/obsidian-theme-ebullientworks/issues/99) - 🐛 fix position of edit block button; resolves #101 [`#101`](https://github.com/ebullient/obsidian-theme-ebullientworks/issues/101) - :sparkles: Add Sync Icon visibility on mobile and tablet [`#87`](https://github.com/ebullient/obsidian-theme-ebullientworks/issues/87) diff --git a/manifest.json b/manifest.json index 1efb0e9..8bb7be2 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Ebullientworks", - "version": "1.0.2", + "version": "1.0.3", "minAppVersion": "1.9.12", "author": "Ebullientworks", "authorUrl": "https://github.com/ebullient", diff --git a/package-lock.json b/package-lock.json index 83e4e51..ccf1424 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "obsidian-theme-ebullientworks", - "version": "1.0.2", + "version": "1.0.3", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "obsidian-theme-ebullientworks", - "version": "1.0.2", + "version": "1.0.3", "license": "MIT", "devDependencies": { "auto-changelog": "^2.5.0", diff --git a/package.json b/package.json index 1baf55d..80a44bd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "obsidian-theme-ebullientworks", - "version": "1.0.2", + "version": "1.0.3", "private": true, "description": "An Obsidian Theme", "author": "Erin Schnabel", diff --git a/publish.css b/publish.css index d218794..8b13789 100644 --- a/publish.css +++ b/publish.css @@ -1,1777 +1 @@ -@charset "UTF-8"; -/* -Ebullientworks 1.0.2. A dark and light theme for Obsidian. -https://github.com/ebullient/obsidian-theme-ebullientworks -*/ -body { - --red-0: #f6d3d3; - --red-1: #f3c2c1; - --red-2: #eda6a5; - --red-3: #e68584; - --red-4: #c24c4a; - --red-5: #7a302f; - --red-6: #50201f; - --red-1-rgb: 243,194,193; - --red-2-rgb: 237,166,165; - --red-4-rgb: 194,76,74; - --red-5-rgb: 122,48,47; - --orange-0: #f1d6cb; - --orange-1: #ecc5b7; - --orange-2: #e3ac97; - --orange-3: #da8d73; - --orange-4: #9d6553; - --orange-5: #633f34; - --orange-6: #412922; - --orange-1-rgb: 236,197,183; - --orange-2-rgb: 227,172,151; - --orange-4-rgb: 157,101,83; - --orange-5-rgb: 99,63,52; - --yellow-bright: #fdfaf3; - --yellow-0: #f1d9a9; - --yellow-1: #ecc986; - --yellow-2: #e0b15e; - --yellow-3: #c49a52; - --yellow-4: #8d6e3b; - --yellow-5: #594525; - --yellow-1-rgb: 241,217,169; - --yellow-2-rgb: 236,201,134; - --yellow-3-rgb: 196,154,82; - --yellow-4-rgb: 141,110,59; - --green-0: #d6ddd7; - --green-1: #c5d0c8; - --green-2: #adbcb0; - --green-3: #91a695; - --green-4: #5c7a62; - --green-5: #3a4d3e; - --green-6: #263228; - --green-1-rgb: 197,208,200; - --green-2-rgb: 173,188,176; - --green-4-rgb: 92,122,98; - --green-5-rgb: 58,77,62; - --cyan-0: #bbe3e3; - --cyan-1: #9fd8d8; - --cyan-2: #74c6c5; - --cyan-3: #41b0b0; - --cyan-4: #058080; - --cyan-5: #024151; - --cyan-6: #013535; - --cyan-1-rgb: 187,210,209; - --cyan-2-rgb: 158,190,188; - --cyan-4-rgb: 62,125,121; - --cyan-5-rgb: 39,79,76; - --blue-0: #ceddeb; - --blue-1: #bbd0e4; - --blue-2: #9fbbd8; - --blue-3: #7fa4ca; - --blue-4: #4575ae; - --blue-5: #2c496e; - --blue-6: #1d3048; - --blue-1-rgb: 187,208,228; - --blue-2-rgb: 159,187,216; - --blue-4-rgb: 69,117,174; - --blue-5-rgb: 44,73,110; - --purple-0: #e2d9e1; - --purple-1: #d7c9d5; - --purple-2: #c6b2c3; - --purple-3: #b399ae; - --purple-4: #8e6787; - --purple-5: #594054; - --purple-6: #392a37; - --purple-1-rgb: 215,201,213; - --purple-2-rgb: 198,178,195; - --purple-4-rgb: 142,103,135; - --purple-5-rgb: 89,64,84; - --pink-0: #efd5dc; - --pink-1: #e8c4ce; - --pink-2: #deaab8; - --pink-3: #d38d9f; - --pink-4: #a75c70; - --pink-5: #693a46; - --pink-6: #45262e; - --pink-1-rgb: 232,196,206; - --pink-2-rgb: 222,170,184; - --pink-4-rgb: 167,92,112; - --pink-5-rgb: 105,58,70; - --gray-light-8:#fafafa; - --gray-light-7:#f8f8f8; - --gray-light-6:#f5f5f5; - --gray-light-5:#f1f1f1; - --gray-light-4:#ebebeb; - --gray-light-3:#e3e3e3; - --gray-light-2:#dbdbdb; - --gray-light-1:#cdcdcd; - --gray: #b8b8b8; - --gray-dark-1: #a0a0a0; - --gray-dark-2: #898989; - --gray-dark-3: #737373; - --gray-dark-4: #5d5d5d; - --gray-dark-5: #484848; - --gray-dark-6: #3f3f3f; - --gray-dark-7: #2f2f2f; - --gray-dark-75:#272727; - --gray-dark-8: #212121; - --gray-dark-85:#1e1e1e; - --gray-dark-9: #1b1b1b; - --gray-dark-10:#070707; - --accent-h: 344; - --accent-s: 30%; - --accent-l: 51%; - --primary-accent-0: var(--purple-0); - --primary-accent-1: var(--purple-1); - --primary-accent-2: var(--purple-2); - --primary-accent-3: var(--purple-3); - --primary-accent-4: var(--purple-4); - --primary-accent-5: var(--purple-5); - --primary-accent-6: var(--purple-6); - --primary-accent-1-rgb: var(--purple-1-rgb); - --primary-accent-4-rgb: var(--purple-4-rgb); - --secondary-accent-0: var(--green-0); - --secondary-accent-1: var(--green-1); - --secondary-accent-2: var(--green-2); - --secondary-accent-3: var(--green-3); - --secondary-accent-4: var(--green-4); - --secondary-accent-5: var(--green-5); - --secondary-accent-6: var(--green-6); - --secondary-accent-1-rgb: var(--green-1-rgb); - --secondary-accent-4-rgb: var(--green-4-rgb); -} - -body { - --ebw-font-text: "IBM Plex Sans", Helvetica Neue; - --ebw-font-monospace: "Fira Code", "Source Code Pro", Jetbrains Mono; - --ebw-header-font: "Architects Daughter"; - --ebw-header-font-caps-variant: normal; - --ebw-font-tags: var(--ebw-header-font); - --ebw-font-callout-title: var(--ebw-header-font); - --font-interface-theme: var(--ebw-font-text); - --font-text-theme: var(--ebw-font-text); - --font-monospace-theme: var(--ebw-font-monospace); - --font-mermaid: var(--ebw-font-monospace); - --ebw-p-modifier: 1; - --ebw-header-modifier: 1.4; - /* Calculates the spacings from the variables above */ - --p-spacing: calc(var(--font-text-size) * var(--ebw-p-modifier)); - --heading-spacing: calc(var(--p-spacing) * var(--ebw-header-modifier)); -} - -.theme-dark { - --background-primary: var(--gray-dark-85); - --background-primary-alt: var(--gray-dark-75); - --background-secondary: var(--gray-dark-7); - --background-secondary-alt: var(--gray-dark-8); - --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075); - --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15); - --background-modifier-border: var(--gray-dark-9); - --background-modifier-border-hover: black; - --background-modifier-border-focus: var(--gray-dark-10); - --background-modifier-error-rgb: var(--red-5-rgb); - --background-modifier-error: var(--red-5); - --background-modifier-error-hover: var(--red-4); - --background-modifier-success-rgb: var(--green-5-rgb); - --background-modifier-success: var(--green-5); - --background-modifier-warning: var(--yellow-4); - --background-modifier-warning-hover: var(--yellow-3); - --background-modifier-info: var(--blue-5); - --modifier-text: var(--gray-light-8); - --modifier-text-accent: var(--gray-light-7); - --background-modifier-message: var(--gray-dark-6); - --background-modifier-form-field: var(--gray-dark-6); - --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22); - --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); - --background-modifier-cover: rgba(0, 0, 0, 0.8); - --text-accent: var(--primary-accent-2); - --text-accent-hover: var(--primary-accent-1); - --text-normal: var(--gray-light-1); - --text-muted: var(--gray); - --text-faint: var(--gray-dark-1); - --text-error: var(--red-3); - --text-success: var(--green-3); - --text-highlight-fg: var(--gray-dark-7); - --text-highlight-bg: var(--primary-accent-2); - --text-highlight-bg-rgb: var(--primary-accent-2-rgb); - --text-selection: rgba(var(--primary-accent-4-rgb), 0.2); - --text-selection-active: rgba(var(--primary-accent-4-rgb), 0.01); - --indentation-guide: var(--gray-dark-7); - --indentation-guide-active: var(--gray-dark-6); - --text-on-accent: var(--gray-light-8); - --interactive-hover: var(--primary-accent-4); - --interactive-normal: var(--gray-dark-6); - --interactive-accent: var(--primary-accent-5); - --interactive-accent-hover: var(--primary-accent-4); - --interactive-toggle: var(--secondary-accent-4); - --interactive-disabled: var(--background-modifier-form-field); - --ebw-alpha2: rgba(0, 0, 0, 0.2); - --ebw-alpha4: rgba(0, 0, 0, 0.4); - --color-red-rgb: var(--red-2-rgb); - --color-red: var(--red-2); - --color-orange-rgb: var(--orange-2-rgb); - --color-orange: var(--orange-2); - --color-yellow-rgb: var(--yellow-2-rgb); - --color-yellow: var(--yellow-2); - --color-green-rgb: var(--green-2-rgb); - --color-green: var(--green-2); - --color-cyan-rgb: var(--cyan-2-rgb); - --color-cyan: var(--cyan-2); - --color-blue-rgb: var(--blue-2-rgb); - --color-blue: var(--blue-2); - --color-purple-rgb: var(--purple-2-rgb); - --color-purple: var(--purple-2); - --color-pink-rgb: var(--pink-2-rgb); - --color-pink: var(--pink-2); - --color-base-00: var(--gray-dark-10); - --color-base-05: var(--gray-dark-9); - --color-base-10: var(--gray-dark-85); - --color-base-20: var(--gray-dark-8); - --color-base-25: var(--gray-dark-75); - --color-base-30: var(--gray-dark-7); - --color-base-35: var(--gray-dark-6); - --color-base-40: var(--gray-dark-5); - --color-base-50: var(--gray-dark-3); - --color-base-60: var(--gray-dark-1); - --color-base-70: var(--gray); - --color-base-100: var(--gray-light-1); -} -.theme-dark .is-flashing { - --text-highlight-fg: var(--text-normal); - --text-highlight-bg: rgba(var(--primary-accent-4-rgb), 0.15); - --text-highlight-bg-rgb: var(--primary-accent-4-rgb); -} -.theme-dark .is-flashing mark { - --text-highlight-fg: var(--gray-dark-7); - --text-highlight-bg: var(--primary-accent-2); - --text-highlight-bg-rgb: var(--primary-accent-2-rgb); -} -.theme-dark .sync-status-icon.mod-working { - color: var(--primary-accent-4); -} -.theme-dark .sync-status-icon.mod-error { - color: var(--red-4); -} - -.theme-light { - --background-primary: var(--gray-light-7); - --background-primary-alt: var(--gray-light-5); - --background-secondary: var(--gray-light-3); - --background-secondary-alt: var(--gray-light-4); - --background-modifier-hover: rgba(0, 0, 0, 0.075); - --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15); - --background-modifier-border: var(--gray-light-1); - --background-modifier-border-hover: var(--gray-light-2); - --background-modifier-border-focus: var(--gray); - --background-modifier-error-rgb: var(--red-4-rgb); - --background-modifier-error: var(--red-4); - --background-modifier-error-hover: var(--red-3); - --background-modifier-success-rgb: var(--green-4-rgb); - --background-modifier-success: var(--green-4); - --background-modifier-warning: var(--yellow-3); - --background-modifier-warning-hover: var(--yellow-4); - --background-modifier-info: var(--blue-4); - --modifier-text: white; - --modifier-text-accent: var(--gray-light-7); - --background-modifier-message: rgba(0, 0, 0, 0.9); - --background-modifier-form-field: var(--background-primary); - --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22); - --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); - --background-modifier-cover: rgba(220, 220, 220, 0.4); - --text-normal: var(--gray-dark-5); - --text-muted: var(--gray-dark-4); - --text-faint: var(--gray-dark-1); - --text-accent: var(--primary-accent-4); - --text-accent-hover: var(--primary-accent-5); - --text-success: var(--green-4); - --text-error: var(--red-4); - --text-highlight-fg: var(--gray-dark-7); - --text-highlight-bg-rgb: var(--primary-accent-4-rgb); - --text-highlight-bg: rgba(var(--text-highlight-bg-rgb), 0.2); - --text-selection: rgba(var(--secondary-accent-4-rgb), 0.2); - --interactive-hover: var(--primary-accent-1); - --interactive-normal: var(--background-primary-alt); - --text-on-accent: var(--gray-light-8); - --interactive-accent: var(--primary-accent-4); - --interactive-accent-hover: var(--primary-accent-3); - --interactive-toggle: var(--secondary-accent-3); - --interactive-disabled: var(--gray-light-3); - --color-red-rgb: var(--red-4-rgb); - --color-red: var(--red-4); - --color-orange-rgb: var(--orange-4-rgb); - --color-orange: var(--orange-4); - --color-yellow-rgb: var(--yellow-3-rgb); - --color-yellow: var(--yellow-3); - --color-green-rgb: var(--green-4-rgb); - --color-green: var(--green-4); - --color-cyan-rgb: var(--cyan-4-rgb); - --color-cyan: var(--cyan-4); - --color-blue-rgb: var(--blue-4-rgb); - --color-blue: var(--blue-4); - --color-purple-rgb: var(--purple-4-rgb); - --color-purple: var(--purple-4); - --color-pink-rgb: var(--pink-4-rgb); - --color-pink: var(--pink-4); - --color-base-00: var(--gray-light-8); - --color-base-05: var(--gray-light-7); - --color-base-10: var(--gray-light-6); - --color-base-20: var(--gray-light-5); - --color-base-25: var(--gray-light-3); - --color-base-30: var(--gray-light-2); - --color-base-35: var(--gray-light-1); - --color-base-40: var(--gray); - --color-base-50: var(--gray-dark-1); - --color-base-60: var(--gray-dark-3); - --color-base-70: var(--gray-dark-4); - --color-base-100: var(--gray-dark-8); -} -@media (hover: hover) { - .theme-light button.mod-cta:hover, - .theme-light button.mod-destructive:hover { - --modifier-text: var(--gray-dark-8); - color: var(--modifier-text); - } -} - -.theme-dark { - --graph-line: var(--gray-dark-5); - --graph-node: var(--primary-accent-4); - --graph-node-focused: var(--yellow-1); - --graph-node-tag: var(--secondary-accent-3); - --graph-node-attachment: var(--secondary-accent-2); - --graph-node-unresolved: var(--gray); -} - -.theme-light { - --graph-line: var(--gray-light-1); - --graph-node: var(--primary-accent-2); - --graph-node-focused: var(--yellow-1); - --graph-node-tag: var(--secondary-accent-3); - --graph-node-attachment: var(--secondary-accent-2); - --graph-node-unresolved: var(--gray); -} - -body { - --h1-size: 2em; - --h2-size: 1.8em; - --h3-size: 1.6em; - --h4-size: 1.4em; - --h5-size: 1.2em; - --h6-size: 1.2em; - --h1-font: var(--ebw-header-font); - --h2-font: var(--ebw-header-font); - --h3-font: var(--ebw-header-font); - --h4-font: var(--ebw-header-font); - --h5-font: var(--ebw-header-font); - --h6-font: var(--ebw-header-font); - --h1-variant: common-ligatures; - --h2-variant: common-ligatures; - --h3-variant: common-ligatures; - --h4-variant: common-ligatures; - --h5-variant: common-ligatures; - --h6-variant: common-ligatures; - --h1-weight: 500; - --h2-weight: 500; - --h3-weight: 500; - --h4-weight: 500; - --h5-weight: 500; - --h6-weight: 500; - --h1-line-height: var(--line-height-normal); - --h2-line-height: var(--line-height-normal); - --h3-line-height: var(--line-height-normal); - --h4-line-height: var(--line-height-normal); - --h5-line-height: var(--line-height-normal); - --h6-line-height: var(--line-height-normal); -} - -.theme-dark { - --h1-color: var(--yellow-2); - --h2-color: var(--green-3); - --h3-color: var(--cyan-3); - --h4-color: var(--blue-3); - --h5-color: var(--purple-3); - --h6-color: var(--pink-3); -} - -.theme-light { - --h1-color: var(--yellow-3); - --h2-color: var(--green-4); - --h3-color: var(--cyan-3); - --h4-color: var(--blue-4); - --h5-color: var(--purple-4); - --h6-color: var(--pink-4); -} - -h1, -.markdown-rendered h1 { - font-variant-caps: var(--ebw-header-font-caps-variant); -} - -/* Mark headers as sections § */ -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h1, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h2, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h3, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h4, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h5, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h6, -body:not(.ebullientworks-nix-heading-marker) .print h1, -body:not(.ebullientworks-nix-heading-marker) .print h2, -body:not(.ebullientworks-nix-heading-marker) .print h3, -body:not(.ebullientworks-nix-heading-marker) .print h4, -body:not(.ebullientworks-nix-heading-marker) .print h5, -body:not(.ebullientworks-nix-heading-marker) .print h6 { - --ebw-collapse-icon-width: -28px; -} -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h1:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h2:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h3:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h4:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h5:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h6:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .print h1:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .print h2:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .print h3:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .print h4:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .print h5:not(:has(.collapse-indicator))::before, -body:not(.ebullientworks-nix-heading-marker) .print h6:not(:has(.collapse-indicator))::before { - content: " § "; - font-size: 0.5em; - font-weight: 200; - position: relative; - vertical-align: middle; - font-family: var(--font-default); - visibility: visible; -} -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h1 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h2 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h3 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h4 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h5 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h6 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .print h1 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .print h2 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .print h3 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .print h4 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .print h5 .collapse-indicator, -body:not(.ebullientworks-nix-heading-marker) .print h6 .collapse-indicator { - opacity: 1; - visibility: hidden; - margin-left: var(--ebw-collapse-icon-width); -} -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h1 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h2 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h3 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h4 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h5 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h6 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .print h1 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .print h2 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .print h3 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .print h4 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .print h5 .collapse-indicator:hover, -body:not(.ebullientworks-nix-heading-marker) .print h6 .collapse-indicator:hover { - visibility: visible; -} -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h1 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h2 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h3 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h4 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h5 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h6 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .print h1 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .print h2 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .print h3 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .print h4 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .print h5 .collapse-indicator:after, -body:not(.ebullientworks-nix-heading-marker) .print h6 .collapse-indicator:after { - content: " § "; - font-size: 0.5em; - font-weight: 200; - position: relative; - vertical-align: middle; - font-family: var(--font-default); - visibility: visible; -} - -/* Tag formatting */ -body:not(.ebullientworks-nix-tags) { - --tag-background: transparent; - --tag-background-hover: transparent; - --tag-padding-x: 0; -} -.theme-dark body:not(.ebullientworks-nix-tags) { - --tag-color: var(--color-accent-2); - --tag-color-hover: var(--tag-3); -} -.theme-light body:not(.ebullientworks-nix-tags) { - --tag-color: var(--color-accent); - --tag-color-hover: var(--tag-4); -} - -a.tag, -.editor .cl-hashtag { - font-family: var(--ebw-font-tags); - color: var(--tag-color); -} - -h1 a.tag, -h2 a.tag, -h3 a.tag, -h4 a.tag, -h5 a.tag, -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; -} - -/* HR tags */ -.workspace > .workspace-split.mod-root .markdown-rendered hr, -.workspace > .workspace-split.mod-root hr:not(.workspace-leaf-resize-handle) { - border: none; - border-top: 1px dotted var(--interactive-accent); - color: var(--interactive-hover); - overflow: visible; - text-align: center; - height: 2px; - margin: 0; - margin-block: calc((var(--font-text-size, 1rem) * var(--line-height-normal) - var(--hr-thickness)) / 2 + var(--p-spacing)); -} -.workspace > .workspace-split.mod-root .markdown-rendered hr::after, -.workspace > .workspace-split.mod-root hr:not(.workspace-leaf-resize-handle)::after { - background: var(--background-primary); - font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - content: " ✧ ✧ ✧ "; - padding: 0 0.8em; - position: relative; - top: -12px; -} - -body { - --bold-color: var(--blue-3); - --italic-color: var(--pink-2); - --ebw-strong-em: var(--yellow-2); - --ebw-link-underline: var(--cyan-4); - --ebw-link-hidden: var(--cyan-4); - --link-color: var(--gray-light-1); - --link-color-hover: var(--cyan-2); - --link-decoration: underline; - --link-decoration-hover: underline; - --link-unresolved-color: var(--link-color); - --link-unresolved-opacity: 0.9; - --link-unresolved-decoration-style: dotted; - --link-unresolved-decoration-color: var(--ebw-link-underline); - --link-external-color: var(--link-color); - --link-external-color-hover: var(--link-color-hover); - --link-external-decoration: underline; - --link-external-decoration-hover: underline; -} - -.theme-light { - --bold-color: var(--blue-4); - --italic-color: var(--pink-4); - --ebw-strong-em: var(--yellow-3); - --ebw-link-underline: var(--cyan-3); - --ebw-link-hidden: var(--cyan-2); - --link-color: var(--gray-dark-3); - --link-color-hover: var(--cyan-4); -} - -a { - text-decoration-color: var(--ebw-link-underline); -} - -.markdown-rendered a del, -.markdown-rendered del a, -.markdown-rendered del a.internal-link { - color: var(--text-muted); -} -.markdown-rendered em a, -.markdown-rendered em a.internal-link, -.markdown-rendered em a.internal-link.is-unresolved { - color: var(--italic-color); -} -.markdown-rendered strong a, -.markdown-rendered strong a.internal-link, -.markdown-rendered strong a.internal-link.is-unresolved { - color: var(--bold-color); -} -.markdown-rendered strong em, -.markdown-rendered strong em a.external-link, -.markdown-rendered strong em a.internal-link, -.markdown-rendered strong em a.internal-link.is-unresolved { - color: var(--ebw-strong-em); -} -.markdown-rendered .internal-link.is-unresolved { - text-decoration-line: var(--link-decoration); - text-decoration-color: var(--ebw-link-underline); -} -.markdown-rendered .internal-link.is-unresolved::after { - content: " ✎"; - color: var(--ebw-link-underline); -} - -em a:hover, -strong a:hover { - color: var(--link-color-hover); - text-decoration: var(--link-decoration-hover); -} - -.search-result-file-matched-text, -.markdown-preview-view mark, -.markdown-rendered mark { - color: var(--text-highlight-fg); -} - -body { - --checkbox-checked: var(--green-4); - --checkbox-deferred: var(--blue-3); - --checkbox-review: var(--green-3); - --checkbox-important: var(--pink-4); - --checkbox-in-progress: var(--cyan-4); - --checkbox-question: var(--yellow-3); - --checkbox-cancelled: var(--gray-dark-3); - --checkbox-hover: var(--gray-dark-2); -} - -.theme-light { - --checkbox-checked: var(--green-3); - --checkbox-deferred: var(--blue-3); - --checkbox-review: var(--green-3); - --checkbox-important: var(--red-4); - --checkbox-in-progress: var(--cyan-3); - --checkbox-question: var(--yellow-3); - --checkbox-cancelled: var(--gray-dark-1); - --checkbox-hover: var(--gray-light-2); -} - -body:not(.ebullientworks-nix-checkbox) { - /** Use style settings to disable custom checkboxes in the theme */ -} -body:not(.ebullientworks-nix-checkbox) div[data-task] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item, -body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item > p { - color: var(--text-normal); - font-weight: unset; - text-decoration: unset; -} -body:not(.ebullientworks-nix-checkbox) div[data-task] > label.task-list-label > input.task-list-item-checkbox[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item > input.task-list-item-checkbox[type=checkbox]:not(:checked), -body:not(.ebullientworks-nix-checkbox) ul > li.task-list-item > p > input.task-list-item-checkbox[type=checkbox]:not(:checked) { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=x], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=x], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=x] > p { - color: var(--text-normal); - font-weight: var(--font-normal); - text-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=x] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=x], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=x] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=x] { - --checkbox-color: var(--checkbox-checked); - --checkbox-border-color: var(--checkbox-checked); - --checkbox-marker-color: transparent; - --checklist-done-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=x]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=x] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=x] > p > input[type=checkbox]:checked { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=x]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=x] > input[type=checkbox]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=x] > p > input[type=checkbox]:checked::after { - transform: none; - -webkit-mask-image: none; - background: unset; - position: absolute; - text-align: center; - font-weight: var(--font-normal); - font-size: calc(var(--checkbox-size) - 2px); - font-family: var(--font-text); - line-height: var(--checkbox-size); - left: 50%; - margin-left: calc(-1 * var(--checkbox-size) / 2); - color: var(--checkbox-color); - content: "✓"; - display: block; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="-"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="-"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="-"] > p { - color: var(--text-faint); - font-weight: var(--font-normal); - text-decoration: line-through; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="-"] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="-"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="-"] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"] { - --checkbox-color: var(--checkbox-cancelled); - --checkbox-border-color: var(--checkbox-cancelled); - --checkbox-marker-color: transparent; - --checklist-done-decoration: line-through; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task="-"]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] > p > input[type=checkbox]:checked { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task="-"]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] > input[type=checkbox]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task="-"] > p > input[type=checkbox]:checked::after { - transform: none; - -webkit-mask-image: none; - background: unset; - position: absolute; - text-align: center; - font-weight: var(--font-normal); - font-size: calc(var(--checkbox-size) - 2px); - font-family: var(--font-monospace); - line-height: var(--checkbox-size); - left: 50%; - margin-left: calc(-1 * var(--checkbox-size) / 2); - color: var(--checkbox-color); - content: "-"; - display: block; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=">"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=">"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=">"] > p { - color: var(--text-normal); - font-weight: var(--font-normal); - text-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=">"] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=">"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=">"] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=">"] { - --checkbox-color: var(--checkbox-deferred); - --checkbox-border-color: var(--checkbox-deferred); - --checkbox-marker-color: transparent; - --checklist-done-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=">"]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] > p > input[type=checkbox]:checked { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=">"]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] > input[type=checkbox]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=">"] > p > input[type=checkbox]:checked::after { - transform: none; - -webkit-mask-image: none; - background: unset; - position: absolute; - text-align: center; - font-weight: var(--font-normal); - font-size: calc(var(--checkbox-size) - 2px); - font-family: var(--font-monospace); - line-height: var(--checkbox-size); - left: 50%; - margin-left: calc(-1 * var(--checkbox-size) / 2); - color: var(--checkbox-color); - content: ">"; - display: block; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=R], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=R], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=R] > p { - color: var(--text-normal); - font-weight: var(--font-normal); - text-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=R] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=R], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=R] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=R] { - --checkbox-color: var(--checkbox-review); - --checkbox-border-color: var(--checkbox-review); - --checkbox-marker-color: transparent; - --checklist-done-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=R]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=R] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=R] > p > input[type=checkbox]:checked { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=R]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=R] > input[type=checkbox]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=R] > p > input[type=checkbox]:checked::after { - transform: none; - -webkit-mask-image: none; - background: unset; - position: absolute; - text-align: center; - font-weight: var(--font-normal); - font-size: calc(var(--checkbox-size) - 2px); - font-family: var(--font-text); - line-height: var(--checkbox-size); - left: 50%; - margin-left: calc(-1 * var(--checkbox-size) / 2); - color: var(--checkbox-color); - content: "👀"; - display: block; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=r], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=r], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=r] > p { - color: var(--text-normal); - font-weight: var(--font-normal); - text-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) div[data-task=r] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=r], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=r] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=r] { - --checkbox-color: var(--checkbox-review); - --checkbox-border-color: var(--checkbox-review); - --checkbox-marker-color: transparent; - --checklist-done-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=r]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=r] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task=r] > p > input[type=checkbox]:checked { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=r]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=r] > input[type=checkbox]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task=r] > p > input[type=checkbox]:checked::after { - transform: none; - -webkit-mask-image: none; - background: unset; - position: absolute; - text-align: center; - font-weight: var(--font-normal); - font-size: calc(var(--checkbox-size) - 2px); - font-family: var(--font-text); - line-height: var(--checkbox-size); - left: 50%; - margin-left: calc(-1 * var(--checkbox-size) / 2); - color: var(--checkbox-color); - content: "👀"; - display: block; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="?"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="?"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="?"] > p { - color: var(--text-normal); - font-weight: var(--font-bold); - text-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="?"] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="?"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="?"] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="?"] { - --checkbox-color: var(--checkbox-question); - --checkbox-border-color: var(--checkbox-question); - --checkbox-marker-color: transparent; - --checklist-done-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task="?"]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] > p > input[type=checkbox]:checked { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task="?"]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] > input[type=checkbox]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task="?"] > p > input[type=checkbox]:checked::after { - transform: none; - -webkit-mask-image: none; - background: unset; - position: absolute; - text-align: center; - font-weight: var(--font-bold); - font-size: calc(var(--checkbox-size) - 2px); - font-family: var(--font-monospace); - line-height: var(--checkbox-size); - left: 50%; - margin-left: calc(-1 * var(--checkbox-size) / 2); - color: var(--checkbox-color); - content: "?"; - display: block; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="!"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="!"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="!"] > p { - color: var(--text-normal); - font-weight: var(--font-extrabold); - text-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="!"] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="!"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="!"] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="!"] { - --checkbox-color: var(--checkbox-important); - --checkbox-border-color: var(--checkbox-important); - --checkbox-marker-color: transparent; - --checklist-done-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task="!"]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] > p > input[type=checkbox]:checked { - background-color: unset; - background: unset; -} -body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task="!"]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] > input[type=checkbox]:checked::after, -body:not(.ebullientworks-nix-checkbox) li[data-task="!"] > p > input[type=checkbox]:checked::after { - transform: none; - -webkit-mask-image: none; - background: unset; - position: absolute; - text-align: center; - font-weight: var(--font-extrabold); - font-size: calc(var(--checkbox-size) - 2px); - font-family: var(--font-monospace); - line-height: var(--checkbox-size); - left: 50%; - margin-left: calc(-1 * var(--checkbox-size) / 2); - color: var(--checkbox-color); - content: "!"; - display: block; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="/"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="/"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="/"] > p { - color: var(--text-normal); - font-weight: var(--font-normal); - text-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) div[data-task="/"] > label.task-list-label, -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="/"], -body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="/"] > p, -body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="/"] { - --checkbox-color: var(--checkbox-in-progress); - --checkbox-border-color: var(--checkbox-in-progress); - --checkbox-marker-color: transparent; - --checklist-done-decoration: none; -} -body:not(.ebullientworks-nix-checkbox) input[data-task="/"]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] > input[type=checkbox]:checked, -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] > p > input[type=checkbox]:checked { - background: linear-gradient(135deg, transparent 50%, var(--checkbox-in-progress) 50%); -} -body:not(.ebullientworks-nix-checkbox) input[data-task="/"]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] > input[type=checkbox]:checked:after, -body:not(.ebullientworks-nix-checkbox) li[data-task="/"] > p > input[type=checkbox]:checked:after { - transform: none; - -webkit-mask-image: none; - background: unset; - content: " "; -} - -body { - --callout-padding: 0; - --callout-radius: var(--radius-m); - --callout-content-padding: 0 var(--size-4-2); - --callout-title-padding: var(--size-4-2); - --callout-border-opacity: 0.4; - --callout-border-width: 0 0.05rem 0 0.1rem; - --blockquote-border-thickness: 0.05rem; - --ebw-callout-warning: 234, 175, 0; - --ebw-callout-success: 139, 167, 145; - --ebw-callout-note: 148, 189, 223; - --ebw-callout-info: 111, 166, 211; - --ebw-callout-quote: 53, 120, 175; - --ebw-callout-tip: 134, 196, 193; - --ebw-callout-question: 89, 174, 170; - --ebw-callout-chat: 61, 126, 123; - --ebw-callout-abstract: 199, 178, 195; - --ebw-callout-bug: 180, 152, 175; - --ebw-callout-example: 142, 103, 135; - --ebw-callout-danger: 230, 133, 132; - --ebw-callout-failure: 211, 141, 159; - --ebw-callout-reference: 183, 183, 183; - --ebw-callout-toc: 235, 235, 235; - --blockquote-border-color: var(--secondary-accent-4); -} - -.theme-light { - --blockquote-border-color: var(--secondary-accent-2); - --ebw-callout-toc: 159, 159, 159; - --ebw-callout-reference: 137, 137, 137; - --ebw-callout-success: 92, 122, 99; - --ebw-callout-note: 33, 75, 109; - --ebw-callout-abstract: 88, 64, 84; - --ebw-callout-info: 53, 119, 174; - --ebw-callout-tip: 61, 126, 123; - --ebw-callout-danger: 167, 92, 112; -} - -.markdown-rendered blockquote { - overflow-x: auto; - padding: var(--callout-content-padding); - border-radius: var(--callout-radius); -} -.markdown-rendered blockquote > :first-child { - margin-top: 0.5em; -} -.markdown-rendered blockquote > :last-child { - margin-bottom: 0.5em; -} - -.callout[data-callout=abstract] { - --callout-color: var(--ebw-callout-abstract); -} -.callout[data-callout=summary] { - --callout-color: var(--ebw-callout-abstract); -} -.callout[data-callout=tldr] { - --callout-color: var(--ebw-callout-abstract); -} -.callout[data-callout=note] { - --callout-color: var(--ebw-callout-note); -} -.callout[data-callout=info] { - --callout-color: var(--ebw-callout-info); -} -.callout[data-callout=todo] { - --callout-color: var(--ebw-callout-info); -} -.callout[data-callout=tip] { - --callout-color: var(--ebw-callout-tip); -} -.callout[data-callout=hint] { - --callout-color: var(--ebw-callout-tip); -} -.callout[data-callout=important] { - --callout-color: var(--ebw-callout-tip); -} -.callout[data-callout=success] { - --callout-color: var(--ebw-callout-success); -} -.callout[data-callout=check] { - --callout-color: var(--ebw-callout-success); -} -.callout[data-callout=done] { - --callout-color: var(--ebw-callout-success); -} -.callout[data-callout=question] { - --callout-color: var(--ebw-callout-question); -} -.callout[data-callout=help] { - --callout-color: var(--ebw-callout-question); -} -.callout[data-callout=faq] { - --callout-color: var(--ebw-callout-question); -} -.callout[data-callout=warning] { - --callout-color: var(--ebw-callout-warning); -} -.callout[data-callout=caution] { - --callout-color: var(--ebw-callout-warning); -} -.callout[data-callout=attention] { - --callout-color: var(--ebw-callout-warning); -} -.callout[data-callout=failure] { - --callout-color: var(--ebw-callout-failure); -} -.callout[data-callout=fail] { - --callout-color: var(--ebw-callout-failure); -} -.callout[data-callout=missing] { - --callout-color: var(--ebw-callout-failure); -} -.callout[data-callout=danger] { - --callout-color: var(--ebw-callout-danger); -} -.callout[data-callout=error] { - --callout-color: var(--ebw-callout-danger); -} -.callout[data-callout=bug] { - --callout-color: var(--ebw-callout-bug); -} -.callout[data-callout=example] { - --callout-color: var(--ebw-callout-example); -} -.callout[data-callout=excerpt] { - --callout-color: var(--ebw-callout-quote); -} -.callout[data-callout=quote] { - --callout-color: var(--ebw-callout-quote); -} -.callout[data-callout=cite] { - --callout-color: var(--ebw-callout-quote); -} -.callout[data-callout=chat] { - --callout-color: var(--ebw-callout-chat); -} -.callout[data-callout=reference] { - --callout-color: var(--ebw-callout-reference); -} -.callout[data-callout=toc] { - --callout-color: var(--ebw-callout-toc); -} - -.theme-light .callout[data-callout=info] { - --callout-title-color: var(--blue-5); -} -.theme-light .callout[data-callout=todo] { - --callout-title-color: var(--blue-5); -} -.theme-light .callout[data-callout=note] { - --callout-title-color: var(--blue-5); -} -.theme-light .callout[data-callout=excerpt] { - --callout-title-color: var(--blue-5); -} -.theme-light .callout[data-callout=quote] { - --callout-title-color: var(--blue-5); -} -.theme-light .callout[data-callout=cite] { - --callout-title-color: var(--blue-5); -} -.theme-light .callout[data-callout=bug] { - --callout-title-color: var(--purple-5); -} -.theme-light .callout[data-callout=example] { - --callout-title-color: var(--purple-5); -} -.theme-light .callout[data-callout=abstract] { - --callout-title-color: var(--purple-5); -} -.theme-light .callout[data-callout=summary] { - --callout-title-color: var(--purple-5); -} -.theme-light .callout[data-callout=tldr] { - --callout-title-color: var(--purple-5); -} -.theme-light .callout[data-callout=question] { - --callout-title-color: var(--cyan-5); -} -.theme-light .callout[data-callout=help] { - --callout-title-color: var(--cyan-5); -} -.theme-light .callout[data-callout=faq] { - --callout-title-color: var(--cyan-5); -} -.theme-light .callout[data-callout=tip] { - --callout-title-color: var(--cyan-5); -} -.theme-light .callout[data-callout=hint] { - --callout-title-color: var(--cyan-5); -} -.theme-light .callout[data-callout=important] { - --callout-title-color: var(--cyan-5); -} -.theme-light .callout[data-callout=success] { - --callout-title-color: var(--green-5); -} -.theme-light .callout[data-callout=check] { - --callout-title-color: var(--green-5); -} -.theme-light .callout[data-callout=done] { - --callout-title-color: var(--green-5); -} -.theme-light .callout[data-callout=warning] { - --callout-title-color: var(--yellow-5); -} -.theme-light .callout[data-callout=caution] { - --callout-title-color: var(--yellow-5); -} -.theme-light .callout[data-callout=attention] { - --callout-title-color: var(--yellow-5); -} -.theme-light .callout[data-callout=danger] { - --callout-title-color: var(--red-5); -} -.theme-light .callout[data-callout=error] { - --callout-title-color: var(--red-5); -} -.theme-light .callout[data-callout=failure] { - --callout-title-color: var(--red-5); -} -.theme-light .callout[data-callout=fail] { - --callout-title-color: var(--red-5); -} -.theme-light .callout[data-callout=missing] { - --callout-title-color: var(--red-5); -} -.theme-light .callout[data-callout=toc] { - --callout-title-color: var(--gray-dark-4); -} -.theme-light .callout[data-callout=reference] { - --callout-title-color: var(--gray-dark-4); -} - -.callout-title { - font-family: var(--ebw-font-callout-title); -} -.callout-title .callout-title-inner { - flex: 2; -} - -.callout-content { - background-color: var(--background-primary); -} -.callout-content > :first-child { - margin-top: 0.5em; -} -.callout-content > :last-child { - margin-bottom: 0.5em; -} - -.published-container .callout-content { - background-color: var(--background-primary-alt); -} - -.callout[data-callout=reference] .callout-content { - white-space: pre-wrap; - font-family: var(--font-monospace); - font-size: var(--font-smallest); - color: var(--text-muted); -} -.callout[data-callout=reference] .callout-content p { - margin-block: 0; -} -.callout[data-callout=reference] .callout-content p:not(:first-child) { - margin-block-end: 0.5em; -} - -.callout[data-callout=toc].callout { - float: right; - margin-left: 0.5em; - min-width: 9.375rem; -} -.callout[data-callout=toc] .callout-content { - padding-right: 0.5em; -} -.callout[data-callout=toc] .callout-content ul { - display: block; - margin-block-start: 0.5em; - margin-block-end: 0.5em; - margin-inline-start: 0; - margin-inline-end: 0; - padding-inline-start: 1.875rem; -} - -div.modal-content .callout[data-callout=toc] { - float: unset; - min-width: unset; - margin-left: unset; -} - -div.popover .callout[data-callout=toc] { - display: none; -} - -.theme-dark { - --code-normal: var(--blue-2); -} - -.theme-light { - --code-normal: var(--blue-4); -} - -kbd { - padding: 0.1em 0.25em; - background-color: var(--background-secondary-alt); -} - -body { - --ebw-embed-border-color: var(--gray-dark-7); - --embed-border-left: 0.0625rem solid var(--ebw-embed-border-color); - --embed-border-right: 0.0625rem solid var(--ebw-embed-border-color); - --embed-padding: var(--size-2-1) var(--size-4-2); -} - -.theme-light { - --ebw-embed-border-color: var(--primary-accent-1); -} - -img[alt~=float-right], -div[alt~=float-right] { - float: right; - margin-left: 1rem; - margin-top: 1rem; -} -img[alt~=float-left], -div[alt~=float-left] { - float: left; - margin-right: 1rem; - margin-top: 1rem; -} -img[src$="#portrait"], -div[src$="#portrait"] { - float: right; - margin-left: 0.3125rem; - width: 12.5rem; - height: 12.5rem; -} -img[src$="#callout"], -div[src$="#callout"] { - float: right; - margin-left: 0.3125rem; - width: 50%; -} -img[src$="#small-right"], -div[src$="#small-right"] { - float: right; - margin-left: 0.3125rem; - width: 4.6875rem; -} - -/** Ensure an individual embedded block to have borders and padding removed (nesting) */ -.markdown-embed.internal-embed[alt=invisible-embed] { - --embed-border-left: none; - --embed-border-right: none; - --embed-border-start: none; - --embed-border-end: none; - --embed-padding: 0; -} - -/** Ensure an individual embedded block will have borders and padding applied (nesting) */ -.internal-embed[alt=visible-embed] { - --embed-border-left: 0.0625rem solid var(--ebw-embed-border-color); - --embed-border-right: 0.0625rem solid var(--ebw-embed-border-color); - --embed-padding: var(--size-2-1) var(--size-4-2); -} - -.markdown-embed { - border-radius: var(--radius-l); - position: relative; -} -.markdown-embed .markdown-embed-content { - max-height: unset; - overflow: unset; -} -.markdown-embed .markdown-embed-content > .markdown-preview-view { - overflow-y: unset; -} - -.internal-embed .markdown-embed-content .markdown-rendered div > ul, -.internal-embed .markdown-embed-content .markdown-rendered div > ol { - display: inline-block; - margin-block-start: 0; -} - -li .internal-embed blockquote { - margin: 0; -} -li .internal-embed p { - margin-bottom: 0; -} -li .internal-embed .markdown-embed-content { - padding-right: 12px; -} - -.ebullientworks-hide-embedded-heading .markdown-embed .markdown-embed-title, -.ebullientworks-hide-embedded-heading .markdown-embed .mod-header { - display: none; -} -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h1[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h2[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h3[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h4[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h5[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h6[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h1[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h2[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h3[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h4[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h5[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h6[data-heading] { - display: none; -} - -.markdown-embed-link svg { - color: var(--ebw-link-underline); - height: 0.875rem; - width: 0.875rem; -} - -.markdown-embed-link, -.file-embed-link { - top: 0; - right: 0; - height: 1.125rem; - width: 1.125rem; - text-align: center; - vertical-align: middle; - z-index: var(--layer-tooltip); -} - -.embedframe iframe { - width: 125%; - height: 46.875rem; - -webkit-transform: scale(0.8); - transform: scale(0.8); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; -} - -.embedframe .scaled-iframe { - width: 100%; - height: 37.5rem; - position: relative; -} - -body { - --table-header-color: var(--text-on-accent); - --table-header-background-hover: var(--ebw-table-header-alt); - --table-row-background-hover: var(--background-secondary); - --table-background: var(--ebw-row-alt); - --table-row-alt-background: transparent; - --table-column-alt-background: unset; - --table-header-size: var(--font-small); -} - -.theme-dark { - --table-header-color: var(--text-on-accent); - --table-header-background: var(--primary-accent-5); - --ebw-table-header-alt: var(--primary-accent-4); - --ebw-row-alt: rgba(0, 0, 0, .2); -} - -.theme-light { - --table-header-color: var(--gray-dark-7); - --table-header-background: var(--primary-accent-1); - --table-header-border-color: var(--primary-accent-3); - --table-header-weight: var(--font-semibold); - --ebw-table-header-alt: rgba(var(--primary-accent-4-rgb), .4); - --ebw-row-alt: rgba(0, 0, 0, .05); -} - -.markdown-rendered table.table-view-table.dataview > thead > tr > th, -.markdown-rendered table.table-view-table.dataview > thead > tr > th.table-view-th { - border: var(--table-border-width) solid var(--table-border-color); - border-width: var(--table-header-border-width); - border-color: var(--table-header-border-color); - font-size: var(--table-header-size); - font-weight: var(--table-header-weight); - max-width: var(--table-column-max-width); -} -.markdown-rendered table.table-view-table.dataview > thead > tr > th .dataview.small-text, -.markdown-rendered table.table-view-table.dataview > thead > tr > th.table-view-th .dataview.small-text { - color: var(--text-on-accent); - font-weight: 200; -} -.markdown-rendered table.table-view-table.dataview > thead > tr > th:first-child { - border-left-width: var(--table-column-first-border-width); -} -.markdown-rendered table.table-view-table.dataview > thead > tr > th:last-child { - border-right-width: var(--table-column-last-border-width); -} -.markdown-rendered table.table-view-table.dataview > tbody > tr:hover { - background-color: var(--table-row-background-hover); -} -.markdown-rendered table.table-view-table.dataview tr > td { - border: var(--table-border-width) solid var(--table-border-color); - max-width: var(--table-column-max-width); -} -.markdown-rendered table.table-view-table.dataview tr:last-child > td { - border-bottom-width: var(--table-row-last-border-width); -} -.markdown-rendered table.table-view-table.dataview tr > td:first-child { - border-left-width: var(--table-column-first-border-width); -} -.markdown-rendered table.table-view-table.dataview tr > td:last-child { - border-right-width: var(--table-column-last-border-width); -} - -.markdown-rendered.force-wrap table, -.markdown-rendered.force-wrap table.table-view-table, -.markdown-rendered.force-wrap table.table-view-table.dataview { - max-width: 100%; -} -.markdown-rendered.force-wrap table .table-view-table > thead, -.markdown-rendered.force-wrap table thead, -.markdown-rendered.force-wrap table.table-view-table .table-view-table > thead, -.markdown-rendered.force-wrap table.table-view-table thead, -.markdown-rendered.force-wrap table.table-view-table.dataview .table-view-table > thead, -.markdown-rendered.force-wrap table.table-view-table.dataview thead { - max-width: 100%; -} -.markdown-rendered.force-wrap table .table-view-table > tbody, -.markdown-rendered.force-wrap table tbody, -.markdown-rendered.force-wrap table.table-view-table .table-view-table > tbody, -.markdown-rendered.force-wrap table.table-view-table tbody, -.markdown-rendered.force-wrap table.table-view-table.dataview .table-view-table > tbody, -.markdown-rendered.force-wrap table.table-view-table.dataview tbody { - max-width: 100%; -} -.markdown-rendered.force-wrap table .table-view-table > tbody > tr > td, -.markdown-rendered.force-wrap table tbody > tr > td, -.markdown-rendered.force-wrap table.table-view-table .table-view-table > tbody > tr > td, -.markdown-rendered.force-wrap table.table-view-table tbody > tr > td, -.markdown-rendered.force-wrap table.table-view-table.dataview .table-view-table > tbody > tr > td, -.markdown-rendered.force-wrap table.table-view-table.dataview tbody > tr > td { - word-break: break-all; -} - -.markdown-rendered.word-wrap table .table-view-table > thead > tr > th, -.markdown-rendered.word-wrap table thead > th, -.markdown-rendered.word-wrap table.table-view-table .table-view-table > thead > tr > th, -.markdown-rendered.word-wrap table.table-view-table thead > th, -.markdown-rendered.word-wrap table.table-view-table.dataview .table-view-table > thead > tr > th, -.markdown-rendered.word-wrap table.table-view-table.dataview thead > th { - white-space: pre; -} -.markdown-rendered.word-wrap table .table-view-table > tbody > tr > td, -.markdown-rendered.word-wrap table tbody > tr > td, -.markdown-rendered.word-wrap table.table-view-table .table-view-table > tbody > tr > td, -.markdown-rendered.word-wrap table.table-view-table tbody > tr > td, -.markdown-rendered.word-wrap table.table-view-table.dataview .table-view-table > tbody > tr > td, -.markdown-rendered.word-wrap table.table-view-table.dataview tbody > tr > td { - word-wrap: normal; - word-break: normal; -} - -.published-container { - --page-width: 100%; - --page-side-padding: 3rem /* 48/16 */; - --page-title-color: var(--h1-color); - --page-title-font: var(--h1-font); - --page-title-line-height: var(--h1-line-height); - --page-title-size: 2.6em; - --page-title-style: var(--h1-style); - --page-title-variant: var(--h1-variant); - --page-title-weight: var(--h1-weight); - --component-title-color: var(--text-normal); - --component-title-font: inherit; - --component-title-size: var(--font-ui-small); - --component-title-style: inherit; - --component-title-transform: uppercase; - --component-title-variant: inherit; - --component-title-weight: var(--font-semibold); - --input-height: 2rem /* 32/16 */; - --graph-height: 16.25rem /* 260/16 */; - --sidebar-font-size: 0.875rem /* 14/16 */; - --sidebar-left-width: 17.5rem /* 280/16 */; - --sidebar-left-background: var(--background-primary); - --sidebar-left-border-width: 0.0625rem /* 1/16 */; - --sidebar-left-border-color: var(--background-modifier-border); - --sidebar-right-width: 18.75rem /* 300/16 */; - --sidebar-right-background: transparent; - --sidebar-right-border-width: 0px; - --sidebar-right-border-color: var(--background-modifier-border); - --logo-width: auto; - --logo-height: auto; - --logo-max-width: calc(100% - 18px); - --logo-max-height: 12.5rem /* 200/16 */; - --logo-radius: 0.5rem /* 8/16 */; - --header-height: 3.125rem /* 50/16 */; - --site-name-color: var(--text-normal); - --site-name-color-hover: var(--text-muted); - --site-name-font: var(--ebw-font-monospace); - --site-name-size: 1.125rem; /* 18/16 */ - --site-name-weight: var(--font-semibold); - --site-menu-icon-color: var(--text-faint); - --site-menu-icon-color-hover: var(--text-normal); - --site-menu-icon-size: 1.5rem /* 24/16 */; - --nav-collapse-icon-color: var(--text-faint); - --nav-collapse-icon-color-hover: var(--text-muted); - --nav-parent-item-color: var(--text-normal); - --nav-parent-item-color-active: var(--text-accent); - --nav-parent-item-weight: var(--font-medium); - --nav-item-color: var(--text-muted); - --nav-item-color-hover: var(--text-normal); - --nav-item-color-active: var(--text-accent); - --nav-item-border-color: var(--background-modifier-border); - --nav-item-border-color-active: var(--text-accent); - --nav-item-weight-active: var(--font-medium); - --outline-heading-color: var(--text-muted); - --outline-heading-color-hover: var(--text-normal); - --outline-heading-color-active: var(--text-accent); - --outline-heading-weight-active: var(--font-semibold); - --footer-display: block; - --font-text-size: 16px; - --font-text-theme: var(--ebw-font-text); - --font-monospace-theme: var(--ebw-font-monospace); - --font-interface-theme: var(--ebw-font-text); - --font-mermaid: var(--ebw-font-monospace); -} - -body { - /* Tooltips */ - --tooltip-display: none; - /* Popovers */ - --popover-display: block; - --callout-border-width: 0.05rem 0 0 0.05rem; -} - -.theme-dark { - --nav-item-border-color-hover: var(--yellow-2); -} - -.theme-light { - --nav-item-border-color-hover: var(--yellow-4); -} - -/* Obsidian Publish mobile variables */ -/* --------------------------------- */ -@media screen and (max-width: 750px) { - body { - --popover-display: none; - --input-height: 36px; - } - .published-container { - --site-name-size: 1.125rem; - --header-height: 3.125rem; - --header-background: var(--background-primary); - --page-title-size: 2em; - --page-side-padding: 1.5rem; - --footer-display: none; - --list-spacing: 0.15em; - } -} -@media screen and (max-width: 1000px) { - body { - font-size: var(--font-ui-medium); - } - .published-container { - --footer-display: none; - --outline-heading-weight-active: 600; - --header-height: var(--h2-size); - --logo-height: auto; - --nav-item-weight-active: 500; - --logo-max-height: 9.375rem; - --logo-max-width: calc(100% - 1.125rem); - --site-menu-icon-size: 1.375rem; - /* Navigation */ - --site-name-size: var(--h3-size); - --nav-parent-item-weight: 500; - /* Outline */ - --logo-radius: 0.375rem; - /* Footer */ - --logo-width: auto; - } -} -@media screen and (min-width: 1280px) { - /* ... rules and variables for screens larger than a big tablet */ - .published-container { - --page-side-padding: 10rem; - --sidebar-left-width: 14.375rem; - --sidebar-right-width: 15.625rem; - --graph-height: 12.5rem; - } -} -@media screen and (min-width: 1440px) { - /* ... rules and variables for screens larger than a small monitor */ - .published-container { - --page-side-padding: 12rem; - } -} -@media screen and (min-width: 1600px) { - /* ... rules and variables for screens larger than a medium monitor */ - .published-container { - --page-side-padding: 14rem; - } -} -@media screen and (min-width: 1920px) { - /* ... rules and variables for screens larger than a average monitor */ - .published-container { - --page-side-padding: 16rem; - } -} -@media screen and (min-width: 2560px) { - /* ... rules and variables for screens larger than a good monitor */ - .published-container { - --page-side-padding: 18rem; - } -} -@media screen and (min-width: 3840px) { - /* ... rules and variables for screens larger than a projector */ - .published-container { - --page-side-padding: 20rem; - } -} -.markdown-rendered .internal-link { - font-weight: 600; - font-style: italic; -} - -pre[class*=language-] { - overflow: hidden; -} - -:not(pre) > code[class*=language-], pre[class*=language-] { - background: var(--background-secondary-alt); -} - -code[class*=language-], pre[class*=language-] { - color: var(--blue-3); - background: none; - word-wrap: break-word; - white-space: break-spaces; - word-break: normal; - font-family: var(--font-monospace-theme); - text-align: left; - word-spacing: normal; - line-height: 1.2; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -.markdown-rendered pre { - position: relative; - padding: 0.5rem 1rem; - min-height: 2rem; - background-color: var(--background-primary-alt); - border-radius: 4px; - white-space: break-spaces; - overflow-x: auto; -} -.markdown-rendered pre code { - background-color: var(--background-primary-alt); -} - -.token.atrule { - color: var(--pink-2); -} -.token.attr-value { - color: var(--green-3); - font-weight: bold; -} -.token.bold { - color: var(--green-4); - font-weight: bold; -} -.token.boolean { - color: var(--cyan-3); -} -.token.builtin { - color: var(--cyan-2); -} -.token.comment { - color: var(--purple-4); -} -.token.function { - color: var(--pink-3); -} -.token.important { - color: var(--red-3); - font-weight: bold; -} -.token.number { - color: var(--yellow-3); -} -.token.property-access { - color: var(--yellow-2); -} -.token.punctuation { - color: var(--purple-3); -} -.token.regex { - color: var(--red-4); -} -.token.variable { - color: var(--blue-3); -} -.token.unit { - color: var(--gray-dark-4); -} diff --git a/tasks-snippet.css b/tasks-snippet.css index 514fa8e..ff95423 100644 --- a/tasks-snippet.css +++ b/tasks-snippet.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /* -Ebullientworks 1.0.2. A dark and light theme for Obsidian. +Ebullientworks 1.0.3. A dark and light theme for Obsidian. https://github.com/ebullient/obsidian-theme-ebullientworks */ @@ -169,6 +169,49 @@ li[data-task=">"] > p > input[type=checkbox]:checked::after { display: block; } +div[data-task=b], +li.task-list-item[data-task=b], +li.task-list-item[data-task=b] > p { + color: var(--text-normal); + font-weight: var(--font-normal); + text-decoration: none; +} + +div[data-task=b] > label.task-list-label, +li.task-list-item[data-task=b], +li.task-list-item[data-task=b] > p, +.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=b] { + --checkbox-color: var(--checkbox-deferred); + --checkbox-border-color: var(--checkbox-deferred); + --checkbox-marker-color: transparent; + --checklist-done-decoration: none; +} + +input[type=checkbox][data-task=b]:checked, +li[data-task=b] > input[type=checkbox]:checked, +li[data-task=b] > p > input[type=checkbox]:checked { + background-color: unset; + background: unset; +} +input[type=checkbox][data-task=b]:checked::after, +li[data-task=b] > input[type=checkbox]:checked::after, +li[data-task=b] > p > input[type=checkbox]:checked::after { + transform: none; + -webkit-mask-image: none; + background: unset; + position: absolute; + text-align: center; + font-weight: var(--font-normal); + font-size: calc(var(--checkbox-size) - 2px); + font-family: var(--font-monospace); + line-height: var(--checkbox-size); + left: 50%; + margin-left: calc(-1 * var(--checkbox-size) / 2); + color: var(--checkbox-color); + content: "🧱"; + display: block; +} + div[data-task=R], li.task-list-item[data-task=R], li.task-list-item[data-task=R] > p { @@ -259,7 +302,7 @@ div[data-task="?"], li.task-list-item[data-task="?"], li.task-list-item[data-task="?"] > p { color: var(--text-normal); - font-weight: var(--font-bold); + font-weight: var(--font-normal); text-decoration: none; } @@ -287,7 +330,7 @@ li[data-task="?"] > p > input[type=checkbox]:checked::after { background: unset; position: absolute; text-align: center; - font-weight: var(--font-bold); + font-weight: var(--font-normal); font-size: calc(var(--checkbox-size) - 2px); font-family: var(--font-monospace); line-height: var(--checkbox-size); diff --git a/theme.css b/theme.css index bf0f7d8..4e65ee0 100644 --- a/theme.css +++ b/theme.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /* -Ebullientworks 1.0.2. A dark and light theme for Obsidian. +Ebullientworks 1.0.3. A dark and light theme for Obsidian. https://github.com/ebullient/obsidian-theme-ebullientworks */ @@ -176,6 +176,7 @@ body { --red-6: #50201f; --red-1-rgb: 243,194,193; --red-2-rgb: 237,166,165; + --red-3-rgb: 230,133,132; --red-4-rgb: 194,76,74; --red-5-rgb: 122,48,47; --orange-0: #f1d6cb; @@ -216,12 +217,12 @@ body { --cyan-2: #74c6c5; --cyan-3: #41b0b0; --cyan-4: #058080; - --cyan-5: #024151; - --cyan-6: #013535; + --cyan-5: #03616E; + --cyan-6: #024448; --cyan-1-rgb: 187,210,209; --cyan-2-rgb: 158,190,188; --cyan-4-rgb: 62,125,121; - --cyan-5-rgb: 39,79,76; + --cyan-5-rgb: 3, 97, 110; --blue-0: #ceddeb; --blue-1: #bbd0e4; --blue-2: #9fbbd8; @@ -596,6 +597,18 @@ body { --text-highlight-bg-rgb: var(--primary-accent-2-rgb); --text-selection: rgba(var(--primary-accent-4-rgb), 0.2); --text-selection-active: rgba(var(--primary-accent-4-rgb), 0.01); +} +.theme-dark .is-flashing { + --text-highlight-fg: var(--text-normal); + --text-highlight-bg: rgba(var(--primary-accent-4-rgb), 0.15); + --text-highlight-bg-rgb: var(--primary-accent-4-rgb); +} +.theme-dark .is-flashing mark { + --text-highlight-fg: var(--gray-dark-7); + --text-highlight-bg: var(--primary-accent-2); + --text-highlight-bg-rgb: var(--primary-accent-2-rgb); +} +.theme-dark { --indentation-guide: var(--gray-dark-7); --indentation-guide-active: var(--gray-dark-6); --text-on-accent: var(--gray-light-8); @@ -636,22 +649,17 @@ body { --color-base-70: var(--gray); --color-base-100: var(--gray-light-1); } -.theme-dark .is-flashing { - --text-highlight-fg: var(--text-normal); - --text-highlight-bg: rgba(var(--primary-accent-4-rgb), 0.15); - --text-highlight-bg-rgb: var(--primary-accent-4-rgb); -} -.theme-dark .is-flashing mark { - --text-highlight-fg: var(--gray-dark-7); - --text-highlight-bg: var(--primary-accent-2); - --text-highlight-bg-rgb: var(--primary-accent-2-rgb); -} .theme-dark .sync-status-icon.mod-working { color: var(--primary-accent-4); } .theme-dark .sync-status-icon.mod-error { color: var(--red-4); } +.theme-dark.is-tablet { + --titlebar-background: var(--background-secondary); + --titlebar-background-focused: var(--background-secondary); + --interactive-normal: var(--background-primary-alt); +} .theme-light { --background-primary: var(--gray-light-7); @@ -725,6 +733,10 @@ body { --color-base-70: var(--gray-dark-4); --color-base-100: var(--gray-dark-8); } +.theme-light .notice { + background-color: var(--background-modifier-form-field); + color: var(--text-normal); +} @media (hover: hover) { .theme-light button.mod-cta:hover, .theme-light button.mod-destructive:hover { @@ -733,12 +745,6 @@ body { } } -.theme-dark.is-tablet { - --titlebar-background: var(--background-secondary); - --titlebar-background-focused: var(--background-secondary); - --interactive-normal: var(--background-primary-alt); -} - .theme-dark { --ebw-tab-title-active-fg: var(--text-normal); --ebw-tab-title-active-bg: var(--secondary-accent-5); @@ -1256,11 +1262,12 @@ body { } h1, +.cm-line:not(.HyperMD-codeblock) .cm-header-1, +.HyperMD-list-line .cm-header-1, .markdown-rendered h1 { font-variant-caps: var(--ebw-header-font-caps-variant); } -/* Mark headers as sections § */ body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h1, body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h2, body:not(.ebullientworks-nix-heading-marker) .markdown-rendered h3, @@ -1345,71 +1352,6 @@ body:not(.ebullientworks-nix-heading-marker) .print h6 .collapse-indicator:after font-family: var(--font-default); visibility: visible; } - -/* Tag formatting */ -body:not(.ebullientworks-nix-tags) { - --tag-background: transparent; - --tag-background-hover: transparent; - --tag-padding-x: 0; -} -.theme-dark body:not(.ebullientworks-nix-tags) { - --tag-color: var(--color-accent-2); - --tag-color-hover: var(--tag-3); -} -.theme-light body:not(.ebullientworks-nix-tags) { - --tag-color: var(--color-accent); - --tag-color-hover: var(--tag-4); -} - -a.tag, -.editor .cl-hashtag { - font-family: var(--ebw-font-tags); - color: var(--tag-color); -} - -h1 a.tag, -h2 a.tag, -h3 a.tag, -h4 a.tag, -h5 a.tag, -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; -} - -/* HR tags */ -.workspace > .workspace-split.mod-root .markdown-rendered hr, -.workspace > .workspace-split.mod-root hr:not(.workspace-leaf-resize-handle) { - border: none; - border-top: 1px dotted var(--interactive-accent); - color: var(--interactive-hover); - overflow: visible; - text-align: center; - height: 2px; - margin: 0; - margin-block: calc((var(--font-text-size, 1rem) * var(--line-height-normal) - var(--hr-thickness)) / 2 + var(--p-spacing)); -} -.workspace > .workspace-split.mod-root .markdown-rendered hr::after, -.workspace > .workspace-split.mod-root hr:not(.workspace-leaf-resize-handle)::after { - background: var(--background-primary); - font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - content: " ✧ ✧ ✧ "; - padding: 0 0.8em; - position: relative; - top: -12px; -} - -.cm-line:not(.HyperMD-codeblock) .cm-header-1, -.HyperMD-list-line .cm-header-1 { - font-variant-caps: var(--ebw-header-font-caps-variant); -} - -/* Mark headers as sections § */ body:not(.ebullientworks-nix-heading-marker) .is-live-preview .HyperMD-header { --ebw-collapse-icon-width: -26px; } @@ -1468,15 +1410,46 @@ body:not(.ebullientworks-nix-heading-marker) .is-live-preview .HyperMD-header .c } /* Tag formatting */ +body:not(.ebullientworks-nix-tags) { + --tag-background: transparent; + --tag-background-hover: transparent; + --tag-padding-x: 0; +} +.theme-dark body:not(.ebullientworks-nix-tags) { + --tag-color: var(--color-accent-2); + --tag-color-hover: var(--tag-3); +} +.theme-light body:not(.ebullientworks-nix-tags) { + --tag-color: var(--color-accent); + --tag-color-hover: var(--tag-4); +} + .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 { +.cm-s-obsidian .cm-hmd-codeblock.cm-hashtag, +a.tag, +.editor .cl-hashtag { font-family: var(--ebw-font-tags); color: var(--tag-color); } +h1 a.tag, +h2 a.tag, +h3 a.tag, +h4 a.tag, +h5 a.tag, +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-hashtag { font-weight: var(--font-extralight); font-variant-caps: normal; @@ -1497,6 +1470,28 @@ body:not(.ebullientworks-nix-heading-marker) .is-live-preview .HyperMD-header .c color: var(--tag-color); } +/* HR tags */ +.workspace > .workspace-split.mod-root .markdown-rendered hr, +.workspace > .workspace-split.mod-root hr:not(.workspace-leaf-resize-handle) { + border: none; + border-top: 1px dotted var(--interactive-accent); + color: var(--interactive-hover); + overflow: visible; + text-align: center; + height: 2px; + margin: 0; + margin-block: calc((var(--font-text-size, 1rem) * var(--line-height-normal) - var(--hr-thickness)) / 2 + var(--p-spacing)); +} +.workspace > .workspace-split.mod-root .markdown-rendered hr::after, +.workspace > .workspace-split.mod-root hr:not(.workspace-leaf-resize-handle)::after { + background: var(--background-primary); + font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + content: " ✧ ✧ ✧ "; + padding: 0 0.8em; + position: relative; + top: -12px; +} + body { --bold-color: var(--blue-3); --italic-color: var(--pink-2); @@ -1531,48 +1526,6 @@ a { text-decoration-color: var(--ebw-link-underline); } -.markdown-rendered a del, -.markdown-rendered del a, -.markdown-rendered del a.internal-link { - color: var(--text-muted); -} -.markdown-rendered em a, -.markdown-rendered em a.internal-link, -.markdown-rendered em a.internal-link.is-unresolved { - color: var(--italic-color); -} -.markdown-rendered strong a, -.markdown-rendered strong a.internal-link, -.markdown-rendered strong a.internal-link.is-unresolved { - color: var(--bold-color); -} -.markdown-rendered strong em, -.markdown-rendered strong em a.external-link, -.markdown-rendered strong em a.internal-link, -.markdown-rendered strong em a.internal-link.is-unresolved { - color: var(--ebw-strong-em); -} -.markdown-rendered .internal-link.is-unresolved { - text-decoration-line: var(--link-decoration); - text-decoration-color: var(--ebw-link-underline); -} -.markdown-rendered .internal-link.is-unresolved::after { - content: " ✎"; - color: var(--ebw-link-underline); -} - -em a:hover, -strong a:hover { - color: var(--link-color-hover); - text-decoration: var(--link-decoration-hover); -} - -.search-result-file-matched-text, -.markdown-preview-view mark, -.markdown-rendered mark { - color: var(--text-highlight-fg); -} - .cm-s-obsidian span.cm-quote.cm-em { color: var(--italic-color); } @@ -1763,7 +1716,42 @@ strong a:hover { font-style: normal; } -/* Collapse external links / markdown links in edit mode */ +.markdown-rendered a del, +.markdown-rendered del a, +.markdown-rendered del a.internal-link { + color: var(--text-muted); +} +.markdown-rendered em a, +.markdown-rendered em a.internal-link, +.markdown-rendered em a.internal-link.is-unresolved { + color: var(--italic-color); +} +.markdown-rendered strong a, +.markdown-rendered strong a.internal-link, +.markdown-rendered strong a.internal-link.is-unresolved { + color: var(--bold-color); +} +.markdown-rendered strong em, +.markdown-rendered strong em a.external-link, +.markdown-rendered strong em a.internal-link, +.markdown-rendered strong em a.internal-link.is-unresolved { + color: var(--ebw-strong-em); +} +.markdown-rendered .internal-link.is-unresolved { + text-decoration-line: var(--link-decoration); + text-decoration-color: var(--ebw-link-underline); +} +.markdown-rendered .internal-link.is-unresolved::after { + content: " ✎"; + color: var(--ebw-link-underline); +} + +em a:hover, +strong a:hover { + color: var(--link-color-hover); + text-decoration: var(--link-decoration-hover); +} + body:not(.ebullientworks-show-edit-mode-links) .markdown-source-view.mod-cm6 div.cm-line:not(.cm-active) > .cm-string.cm-url { text-decoration: none; } @@ -1775,15 +1763,11 @@ body:not(.ebullientworks-show-edit-mode-links) .markdown-source-view.mod-cm6 div font-size: 0.8rem; } -.markdown-preview-view .task-list-item a[data-href][aria-label-position].internal-link, -.markdown-rendered .task-list-item a[data-href][aria-label-position].internal-link { - border-bottom: none; - text-decoration: none; - color: var(--ebw-link-underline); -} - .cm-s-obsidian span.obsidian-search-match-highlight, -.cm-s-obsidian span.cm-highlight { +.cm-s-obsidian span.cm-highlight, +.search-result-file-matched-text, +.markdown-preview-view mark, +.markdown-rendered mark { color: var(--text-highlight-fg); } @@ -1795,6 +1779,13 @@ div.CodeMirror.cm-s-obsidian span.cm-highlight.CodeMirror-selectedtext { background-color: var(--text-selection); } +.markdown-preview-view .task-list-item a[data-href][aria-label-position].internal-link, +.markdown-rendered .task-list-item a[data-href][aria-label-position].internal-link { + border-bottom: none; + text-decoration: none; + color: var(--ebw-link-underline); +} + body { --checkbox-checked: var(--green-4); --checkbox-deferred: var(--blue-3); @@ -1953,6 +1944,46 @@ body:not(.ebullientworks-nix-checkbox) li[data-task=">"] > p > input[type=checkb content: ">"; display: block; } +body:not(.ebullientworks-nix-checkbox) div[data-task=b], +body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=b], +body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=b] > p { + color: var(--text-normal); + font-weight: var(--font-normal); + text-decoration: none; +} +body:not(.ebullientworks-nix-checkbox) div[data-task=b] > label.task-list-label, +body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=b], +body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=b] > p, +body:not(.ebullientworks-nix-checkbox) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=b] { + --checkbox-color: var(--checkbox-deferred); + --checkbox-border-color: var(--checkbox-deferred); + --checkbox-marker-color: transparent; + --checklist-done-decoration: none; +} +body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=b]:checked, +body:not(.ebullientworks-nix-checkbox) li[data-task=b] > input[type=checkbox]:checked, +body:not(.ebullientworks-nix-checkbox) li[data-task=b] > p > input[type=checkbox]:checked { + background-color: unset; + background: unset; +} +body:not(.ebullientworks-nix-checkbox) input[type=checkbox][data-task=b]:checked::after, +body:not(.ebullientworks-nix-checkbox) li[data-task=b] > input[type=checkbox]:checked::after, +body:not(.ebullientworks-nix-checkbox) li[data-task=b] > p > input[type=checkbox]:checked::after { + transform: none; + -webkit-mask-image: none; + background: unset; + position: absolute; + text-align: center; + font-weight: var(--font-normal); + font-size: calc(var(--checkbox-size) - 2px); + font-family: var(--font-monospace); + line-height: var(--checkbox-size); + left: 50%; + margin-left: calc(-1 * var(--checkbox-size) / 2); + color: var(--checkbox-color); + content: "🧱"; + display: block; +} body:not(.ebullientworks-nix-checkbox) div[data-task=R], body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=R], body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task=R] > p { @@ -2037,7 +2068,7 @@ body:not(.ebullientworks-nix-checkbox) div[data-task="?"], body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="?"], body:not(.ebullientworks-nix-checkbox) li.task-list-item[data-task="?"] > p { color: var(--text-normal); - font-weight: var(--font-bold); + font-weight: var(--font-normal); text-decoration: none; } body:not(.ebullientworks-nix-checkbox) div[data-task="?"] > label.task-list-label, @@ -2063,7 +2094,7 @@ body:not(.ebullientworks-nix-checkbox) li[data-task="?"] > p > input[type=checkb background: unset; position: absolute; text-align: center; - font-weight: var(--font-bold); + font-weight: var(--font-normal); font-size: calc(var(--checkbox-size) - 2px); font-family: var(--font-monospace); line-height: var(--checkbox-size); @@ -2143,7 +2174,6 @@ body:not(.ebullientworks-nix-checkbox) li[data-task="/"] > p > input[type=checkb content: " "; } -/** Set line-height on mobile */ .mobile .markdown-preview-view ol, .mobile .markdown-preview-view ul { display: block; @@ -2188,18 +2218,29 @@ body { --ebw-callout-danger: 167, 92, 112; } +.rendered-widget blockquote, +.markdown-preview-section blockquote, .markdown-rendered blockquote { overflow-x: auto; padding: var(--callout-content-padding); border-radius: var(--callout-radius); } +.rendered-widget blockquote > :first-child, +.markdown-preview-section blockquote > :first-child, .markdown-rendered blockquote > :first-child { margin-top: 0.5em; } +.rendered-widget blockquote > :last-child, +.markdown-preview-section blockquote > :last-child, .markdown-rendered blockquote > :last-child { margin-bottom: 0.5em; } +.markdown-source-view.mod-cm6 .edit-block-button { + right: calc(var(--size-4-2) + var(--icon-size) + 0.375rem); + top: calc(var(--size-2-2) + 0.125rem); +} + .callout[data-callout=abstract] { --callout-color: var(--ebw-callout-abstract); } @@ -2402,8 +2443,42 @@ body { margin-bottom: 0.5em; } -.published-container .callout-content { - background-color: var(--background-primary-alt); +.admonition { + margin: 1em 0; + padding: var(--callout-padding); +} + +.is-live-preview .admonition { + margin: 0; + padding: var(--callout-padding); +} +.is-live-preview .admonition .admonition-content > :first-child { + margin-top: 0.5em; +} +.is-live-preview .admonition .admonition-content > :last-child { + margin-bottom: 0.5em; +} +.is-live-preview .admonition .admonition-content > * { + margin-top: initial; + margin-bottom: initial; +} +.is-live-preview .admonition .admonition-content > * br { + display: none; +} +.is-live-preview .admonition .admonition-content ul, +.is-live-preview .admonition .admonition-content ol { + white-space: normal; +} +.is-live-preview .admonition .admonition-content .math-block > mjx-container { + padding: 0; +} +.is-live-preview .admonition .admonition-content:last-child { + margin-bottom: 0; +} + +.markdown-source-view.mod-cm6 .edit-block-button { + right: calc(var(--size-4-2) + var(--icon-size) + 0.375rem); + top: calc(var(--size-2-2) + 0.125rem); } .callout[data-callout=reference] .callout-content { @@ -2446,59 +2521,6 @@ div.popover .callout[data-callout=toc] { display: none; } -.rendered-widget blockquote, -.markdown-preview-section blockquote { - overflow-x: auto; - padding: var(--callout-content-padding); - border-radius: var(--callout-radius); -} -.rendered-widget blockquote > :first-child, -.markdown-preview-section blockquote > :first-child { - margin-top: 0.5em; -} -.rendered-widget blockquote > :last-child, -.markdown-preview-section blockquote > :last-child { - margin-bottom: 0.5em; -} - -.admonition { - margin: 1em 0; - padding: var(--callout-padding); -} - -.is-live-preview .admonition { - margin: 0; - padding: var(--callout-padding); -} -.is-live-preview .admonition .admonition-content > :first-child { - margin-top: 0.5em; -} -.is-live-preview .admonition .admonition-content > :last-child { - margin-bottom: 0.5em; -} -.is-live-preview .admonition .admonition-content > * { - margin-top: initial; - margin-bottom: initial; -} -.is-live-preview .admonition .admonition-content > * br { - display: none; -} -.is-live-preview .admonition .admonition-content ul, -.is-live-preview .admonition .admonition-content ol { - white-space: normal; -} -.is-live-preview .admonition .admonition-content .math-block > mjx-container { - padding: 0; -} -.is-live-preview .admonition .admonition-content:last-child { - margin-bottom: 0; -} - -.markdown-source-view.mod-cm6 .edit-block-button { - right: calc(var(--size-4-2) + var(--icon-size) + 0.375rem); - top: calc(var(--size-2-2) + 0.125rem); -} - .theme-dark { --code-normal: var(--blue-2); } @@ -2559,7 +2581,6 @@ div[src$="#small-right"] { width: 4.6875rem; } -/** Ensure an individual embedded block to have borders and padding removed (nesting) */ .markdown-embed.internal-embed[alt=invisible-embed] { --embed-border-left: none; --embed-border-right: none; @@ -2568,13 +2589,6 @@ div[src$="#small-right"] { --embed-padding: 0; } -/** Ensure an individual embedded block will have borders and padding applied (nesting) */ -.internal-embed[alt=visible-embed] { - --embed-border-left: 0.0625rem solid var(--ebw-embed-border-color); - --embed-border-right: 0.0625rem solid var(--ebw-embed-border-color); - --embed-padding: var(--size-2-1) var(--size-4-2); -} - .markdown-embed { border-radius: var(--radius-l); position: relative; @@ -2587,8 +2601,8 @@ div[src$="#small-right"] { overflow-y: unset; } -.internal-embed .markdown-embed-content .markdown-rendered div > ul, -.internal-embed .markdown-embed-content .markdown-rendered div > ol { +.inline-embed .markdown-embed-content .markdown-rendered div > ul, +.inline-embed .markdown-embed-content .markdown-rendered div > ol { display: inline-block; margin-block-start: 0; } @@ -2607,36 +2621,21 @@ li .internal-embed .markdown-embed-content { .ebullientworks-hide-embedded-heading .markdown-embed .mod-header { display: none; } -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h1[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h2[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h3[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h4[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h5[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-pusher + div > h6[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h1[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h2[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h3[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h4[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h5[data-heading], -.ebullientworks-hide-embedded-heading .markdown-embed div.mod-header + div > h6[data-heading] { +.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-section > div > h1[data-heading]:first-of-type, +.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-section > div > h2[data-heading]:first-of-type, +.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-section > div > h3[data-heading]:first-of-type, +.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-section > div > h4[data-heading]:first-of-type, +.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-section > div > h5[data-heading]:first-of-type, +.ebullientworks-hide-embedded-heading .markdown-embed div.markdown-preview-section > div > h6[data-heading]:first-of-type { display: none; } -.markdown-embed-link svg { - color: var(--ebw-link-underline); - height: 0.875rem; - width: 0.875rem; -} - .markdown-embed-link, .file-embed-link { + --icon-size: var(--icon-xs); + color: var(--ebw-link-underline); top: 0; right: 0; - height: 1.125rem; - width: 1.125rem; - text-align: center; - vertical-align: middle; - z-index: var(--layer-tooltip); } .embedframe iframe { @@ -2654,15 +2653,6 @@ li .internal-embed .markdown-embed-content { position: relative; } -.markdown-source-view.invisible-embed, -.markdown-rendered.invisible-embed { - --embed-border-left: none; - --embed-border-right: none; - --embed-border-start: none; - --embed-border-end: none; - --embed-padding: 0; -} - .markdown-source-view .internal-embed { --list-indent: 1.6em; vertical-align: top; @@ -2672,61 +2662,23 @@ li .internal-embed .markdown-embed-content { .markdown-source-view .internal-embed .markdown-embed-content { padding-right: 12px; } -.markdown-source-view .internal-embed .markdown-embed-content li.task-list-item { - position: relative; - text-indent: -21px; - margin-left: -0.25em; - padding-left: 0px; -} -.markdown-source-view .HyperMD-list-line > .internal-embed .markdown-rendered ul, -.markdown-source-view .HyperMD-list-line > .internal-embed .markdown-rendered ol { - display: inline-block; - margin-block-start: 0; - margin-block-end: 0; -} -.markdown-source-view .HyperMD-list-line > .internal-embed .markdown-preview-section { - display: inline-block; -} -.markdown-source-view .HyperMD-list-line > .internal-embed .markdown-preview-section blockquote { - margin: 0; -} -.markdown-source-view .HyperMD-list-line > .internal-embed .markdown-preview-section p { - margin-bottom: 0; -} .theme-dark { - --calendar-year: var(--primary-accent-3); - --calendar-month: var(--secondary-accent-3); - --calendar-dividing-line: var(--primary-accent-1); - --day-planner-timeline-fg: var(--primary-accent-3); -} -.theme-dark .day.today { - color: var(--primary-accent-3); - font-weight: bold; -} -.theme-dark .day.today:hover { - color: var(--gray-light-5); + --ebw-calendar-year: var(--primary-accent-3); + --ebw-calendar-month: var(--secondary-accent-3); + --ebw-today-hover: var(--gray-light-5); + --ebw-today-text: var(--primary-accent-3); + --day-planner-progress-fg: var(--secondary-accent-3); + --day-planner-progress-bg: var(--secondary-accent-5); } .theme-light { - --calendar-year: var(--primary-accent-4); - --calendar-month: var(--secondary-accent-4); - --calendar-dividing-line: var(--primary-accent-1); - --day-planner-timeline-fg: var(--primary-accent-1); -} -.theme-light .week-num.active, -.theme-light .day.active { - --color-dot: var(--text-on-accent); -} -.theme-light .day.today { - color: var(--primary-accent-4); - font-weight: bold; -} -.theme-light .day.today:hover { - color: var(--gray-dark-5); -} -.theme-light .calendarium .view-state.active { - color: var(--text-on-accent); + --ebw-calendar-year: var(--primary-accent-4); + --ebw-calendar-month: var(--secondary-accent-4); + --ebw-today-hover: var(--gray-dark-5); + --ebw-today-text: var(--primary-accent-4); + --day-planner-progress-fg: var(--secondary-accent-1); + --day-planner-progress-bg: var(--background-primary); } #calendar-container h3::before, @@ -2746,37 +2698,32 @@ li .internal-embed .markdown-embed-content { } #calendar-container span.year, .calendarium span.year { - color: var(--calendar-year); + color: var(--ebw-calendar-year); } #calendar-container span.month, .calendarium span.month { - color: var(--calendar-month); + color: var(--ebw-calendar-month); } -.block-language-tracker .tracker-month-header-month, -.block-language-tracker .tracker-month-title-arrow { - fill: var(--calendar-month); +.today, +.day.today .day-number { + --color-text-today: var(--ebw-today-text); + color: var(--ebw-today-text); + font-weight: bold; } -.block-language-tracker .tracker-month-header-year { - fill: var(--calendar-year); -} -.block-language-tracker .tracker-month-dividing-line { - fill: var(--calendar-dividing-line); -} -.block-language-tracker .tracker-month-weekday, -.block-language-tracker .tracker-month-label { - fill: var(--text-faint); - fill-opacity: 1 !important; +.today:hover, +.day.today .day-number:hover { + color: var(--ebw-today-hover); } .day-planner-progress-bar { - background-color: var(--background-primary); + background-color: var(--day-planner-progress-bg); border: 1px solid var(--tab-outline-color); } .day-planner-progress-value { height: 14px; - background-color: var(--day-planner-timeline-fg); + background-color: var(--day-planner-progress-fg); } .folder-note-underline-path .has-folder-note.view-header-breadcrumb, @@ -2954,9 +2901,10 @@ body.theme-light:not(.swcm6-nix-plugin-styles) { body { --table-header-color: var(--text-on-accent); --table-header-background-hover: var(--ebw-table-header-alt); - --table-row-background-hover: var(--background-secondary); + --table-row-background-hover: var(--ebw-row-alt-hover); + --table-row-alt-background-hover: var(--ebw-row-alt-hover); --table-background: var(--ebw-row-alt); - --table-row-alt-background: transparent; + --table-row-alt-background: unset; --table-column-alt-background: unset; --table-header-size: var(--font-small); } @@ -2966,6 +2914,7 @@ body { --table-header-background: var(--primary-accent-5); --ebw-table-header-alt: var(--primary-accent-4); --ebw-row-alt: rgba(0, 0, 0, .2); + --ebw-row-alt-hover: rgba(var(--primary-accent-4-rgb), .2); } .theme-light { @@ -2975,6 +2924,7 @@ body { --table-header-weight: var(--font-semibold); --ebw-table-header-alt: rgba(var(--primary-accent-4-rgb), .4); --ebw-row-alt: rgba(0, 0, 0, .05); + --ebw-row-alt-hover: rgba(var(--primary-accent-4-rgb), .05); } .markdown-rendered table.table-view-table.dataview > thead > tr > th,