diff --git a/CHANGELOG.md b/CHANGELOG.md index 4916aad..856bc09 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,8 +4,21 @@ All notable changes to this project will be documented in this file. Dates are d Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). +#### [0.5.2](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/0.5.1...0.5.2) + +- ๐ŸŽจ hover editor; modals; color tweaks [`b626ae9`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/b626ae92058c2e4905678a3585b1a93e84a31952) +- ๐ŸŽจ โœจ Colors and stacked tabs [`f00f93e`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/f00f93ee5afee3eb6c3e832250178c0b73d5eae7) +- ๐ŸŽจ Simplify graph view css [`23ffd45`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/23ffd45445d6667d30657d05b0c89c3ee744ee64) +- ๐ŸŽจ rotated tab colors [`05bbfe1`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/05bbfe1e70e6ea50d500c4fda1371817e6d99cb5) +- โœจ Setting to hide headings used to embed contents [`72c69b5`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/72c69b5e15a90d75943d368280c0bf596103f5c1) +- ๐Ÿ”ง Create/Auto-update manifest.json [`8588837`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/8588837b7a3d35695c1a2e60ba068e715f71b7c9) +- ๐Ÿ”ง Local build [`e3058f2`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/e3058f2a21dd29d2dcd978eae6a3ae56e37cd234) +- ๐ŸŽจ strong+em text color in light mode [`4cbb7ef`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/4cbb7ef2e37e18f49f5c10d953be2382bd814c36) + #### [0.5.1](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/0.5.0...0.5.1) +> 2 September 2022 + - ๐ŸŽจ tables, headings, tabs, colors [`8360a85`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/8360a85accad83bd74b168070ea9a44555969e69) - ๐ŸŽจ workspace colors & borders [`5947447`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/59474470eeb06925df8cc08c3d819ea6e948038f) - โœจ style settings: view title reverse, heading caps (clarify) [`befd91e`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/befd91e58a98bd27b4e48bd58d22d2e4315fd53b) diff --git a/manifest.json b/manifest.json index 1d72781..7356e39 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Ebullientworks", - "version": "0.5.0", + "version": "0.5.2", "minAppVersion": "0.16.0", "author": "Ebullientworks", "authorUrl": "https://github.com/ebullient" diff --git a/package.json b/package.json index 523fefb..1e883e3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "obsidian-theme-ebullientworks", - "version": "0.5.1", + "version": "0.5.2", "private": true, "description": "An Obsidian Theme", "author": "Erin Schnabel", diff --git a/tasks-snippet-for-0.16.css b/tasks-snippet-for-0.16.css index 781deb0..1af8d69 100644 --- a/tasks-snippet-for-0.16.css +++ b/tasks-snippet-for-0.16.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /* -Ebullientworks tasks 0.5.1 by @ebullient +Ebullientworks tasks 0.5.2 by @ebullient */ :root { --checkbox-checked: rgb(139, 167, 145); diff --git a/theme.css b/theme.css index 9ab40bb..2323337 100644 --- a/theme.css +++ b/theme.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /* -Ebullientworks 0.5.1 by @ebullient +Ebullientworks 0.5.2 by @ebullient This is a dark and light theme for Obsidian. @@ -53,6 +53,12 @@ settings: description: If true, collapsed side-bars will be shown when you hover over the ribbon. type: class-toggle default: false + - + id: ebullientworks-hide-embedded-heading + title: Hide the heading used to embed a document + description: If true, the heading used to embed a document will be hidden. + type: class-toggle + default: false - id: ebullientworks-fonts title: Fonts @@ -184,233 +190,99 @@ settings: */ @import url("https://fonts.googleapis.com/css2?family=Architects+Daughter&family=IBM+Plex+Sans:wght@300;400;700&display=swap"); :root { - --50-red: #fdf9f9; - --100-red: #f7ebea; - --200-red: #eacecc; - --300-red: #deb1ae; - --400-red: #d29590; - --500-red: #c5756f; - --600-red: #b7534c; - --700-red: #a83830; - --800-red: #862c26; - --900-red: #6a231e; - --red-0: var(--100-red); - --red-1: var(--200-red); - --red-2: var(--300-red); - --red-3: var(--400-red); - --red-4: var(--500-red); - --red-5: var(--600-red); - --red-6: var(--700-red); - --red-1-rgb: 234, 206, 204; - --red-2-rgb: 210, 149, 144; - --red-4-rgb: 183, 83, 76; - --red-5-rgb: 168, 56, 48; - --50-yellow: #fdfaf2; - --100-yellow: #f8edd4; - --200-yellow: #efd195; - --300-yellow: #e6b456; - --400-yellow: #ca9d4c; - --500-yellow: #ac8440; - --600-yellow: #8e6c35; - --700-yellow: #775a2c; - --800-yellow: #5e4723; - --900-yellow: #4b381c; - --yellow-bright: var(--100-yellow); - --yellow-1: var(--200-yellow); - --yellow-2: var(--300-yellow); - --yellow-3: var(--400-yellow); - --yellow-4: var(--500-yellow); - --50-green: #f9faf9; - --100-green: #ebeeec; - --200-green: #ced7d0; - --300-green: #b1c0b5; - --400-green: #96a99a; - --500-green: #78917e; - --600-green: #5b7962; - --700-green: #4c6552; - --800-green: #3c5041; - --900-green: #2f3f33; - --green-0: var(--200-green); - --green-1: var(--300-green); - --green-2: var(--400-green); - --green-3: var(--500-green); - --green-4: var(--600-green); - --green-5: var(--700-green); - --green-6: var(--800-green); - --green-1-rgb: 150, 169, 154; - --green-2-rgb: 120, 145, 126; - --green-4-rgb: 76, 101, 82; - --50-turquoise: #f8fafa; - --100-turquoise: #e7efef; - --200-turquoise: #c5d8d8; - --300-turquoise: #a3c2c2; - --400-turquoise: #82acac; - --500-turquoise: #5d9495; - --600-turquoise: #3a7c7d; - --700-turquoise: #306769; - --800-turquoise: #265253; - --900-turquoise: #1e4042; - --teal-0: var(--200-turquoise); - --teal-1: var(--300-turquoise); - --teal-2: var(--400-turquoise); - --teal-3: var(--500-turquoise); - --teal-4: var(--600-turquoise); - --teal-5: var(--700-turquoise); - --teal-6: var(--800-turquoise); - --teal-1-rgb: 130, 172, 172; - --teal-2-rgb: 93, 148, 149; - --teal-4-rgb: 48, 103, 105; - --50-blue: #f8fafc; - --100-blue: #e7eff5; - --200-blue: #c3d7e7; - --300-blue: #a1c0d9; - --400-blue: #7fa9cb; - --500-blue: #5a90bd; - --600-blue: #3476ad; - --700-blue: #2b6390; - --800-blue: #224e72; - --900-blue: #1b3e5a; - --blue-0: var(--200-blue); - --blue-1: var(--300-blue); - --blue-2: var(--400-blue); - --blue-3: var(--500-blue); - --blue-4: var(--600-blue); - --blue-5: var(--700-blue); - --blue-6: var(--800-blue); - --blue-1-rgb: 127, 169, 203; - --blue-2-rgb: 90, 144, 189; - --blue-4-rgb: 43, 99, 144; - --50-purple: #fbf9fb; - --100-purple: #f2ecf0; - --200-purple: #ded1da; - --300-purple: #ccb6c4; - --400-purple: #ba9cae; - --500-purple: #a68097; - --600-purple: #92647f; - --700-purple: #795468; - --800-purple: #5f4252; - --900-purple: #4b3540; - --purple-0: var(--200-purple); - --purple-1: var(--300-purple); - --purple-2: var(--400-purple); - --purple-3: var(--500-purple); - --purple-4: var(--600-purple); - --purple-5: var(--700-purple); - --purple-6: var(--800-purple); - --purple-1-rgb: 204, 182, 196; - --purple-2-rgb: 186, 156, 174; - --purple-4-rgb: 146, 100, 127; - --50-pink: #fdf9fa; - --100-pink: #f7eaee; - --200-pink: #eccdd5; - --300-pink: #e0afbc; - --400-pink: #d592a4; - --500-pink: #c87088; - --600-pink: #b94e6b; - --700-pink: #9a4159; - --800-pink: #7a3446; - --900-pink: #612938; - --pink-0: var(--200-pink); - --pink-1: var(--300-pink); - --pink-2: var(--400-pink); - --pink-3: var(--500-pink); - --pink-4: var(--600-pink); - --pink-5: var(--700-pink); - --pink-6: var(--800-pink); - --pink-1-rgb: 224, 175, 188; - --pink-2-rgb: 213, 146, 164; - --pink-4-rgb: 185, 78, 107; - --pink-5-rgb: 154, 65, 89; - --50-gray: #fafafa; - --100-gray: #ededed; - --200-gray: #d4d4d4; - --300-gray: #bcbcbc; - --400-gray: #a4a4a4; - --500-gray: #8b8b8b; - --600-gray: #727272; - --700-gray: #5f5f5f; - --800-gray: #4b4b4b; - --900-gray: #3b3b3b; - --gray-light-7: rgb(248, 248, 248); - --gray-light-6: rgb(245, 245, 245); - --gray-light-5: rgb(241, 241, 241); - --gray-light-4: rgb(235, 235, 235); - --gray-light-3: rgb(227, 227, 227); - --gray-light-2: rgb(217, 217, 217); - --gray-light-1: rgb(203, 203, 203); - --gray: rgb(183, 183, 183); - --gray-dark-1: rgb(159, 159, 159); - --gray-dark-2: rgb(137, 137, 137); - --gray-dark-3: rgb(115, 115, 115); - --gray-dark-4: rgb(93, 93, 93); - --gray-dark-5: rgb(77, 77, 77); - --gray-dark-6: rgb(63, 63, 63); - --gray-dark-7: rgb(49, 49, 49); - --gray-dark-75: rgb(39, 39, 39); - --gray-dark-8: rgb(33, 33, 33); - --gray-dark-85: rgb(30, 30, 30); - --gray-dark-9: rgb(27, 27, 27); - --gray-dark-10: rgb(7, 7, 7); - /* - --yellow-bright: 255, 232, 185; - --yellow-1: rgb(255, 216, 99); - --yellow-2: rgb(255, 196, 19); - --yellow-3: rgb(234, 175, 0); - --yellow-4: rgb(204, 153, 0); - - --green-0: rgb(211, 222, 214); - --green-1: rgb(194, 209, 198); - --green-1-rgb: 194, 209, 198; - --green-2: rgb(169, 190, 174); - --green-2-rgb: rgb(169, 190, 174); - --green-3: rgb(139, 167, 145); - --green-4: rgb(92, 122, 99); - --green-4-rgb: 92, 122, 99; - --green-5: rgb(57, 76, 62); - --green-6: rgb(38, 50, 41); - - --teal-0: rgb(195, 226, 224); - --teal-1: rgb(169, 213, 211); - --teal-1-rgb: 169, 213, 211; - --teal-2: rgb(134, 196, 193); - --teal-3: rgb(89, 174, 170); - --teal-4: rgb(61, 126, 123); - --teal-4-rgb: 61, 126, 123; - --teal-5: rgb(38, 78, 76); - --teal-6: rgb(25, 51, 50); - - --blue-0: rgb(202, 222, 239); - --blue-1: rgb(180, 209, 232); - --blue-1-rgb: 180, 209, 232; - --blue-2: rgb(148, 189, 223); - --blue-3: rgb(111, 166, 211); - --blue-4: rgb(53, 120, 175); - --blue-4-rgb: 53, 120, 175; - --blue-5: rgb(33, 75, 109); - --blue-6: rgb(22, 49, 72); - - --purple-0: rgb(227, 216, 225); - --purple-0-rgb: 227, 216, 225; - --purple-1: rgb(216, 201, 213); - --purple-1-rgb: 216, 201, 213; - --purple-2: rgb(199, 178, 195); - --purple-3: rgb(180, 152, 175); - --purple-4: rgb(142, 103, 135); - --purple-4-rgb: 142, 103, 135; - --purple-5: rgb(88, 64, 84); - --purple-6: rgb(57, 42, 55); - - --red-0: rgb(239, 213, 220); - --red-1: rgb(232, 196, 206); - --red-1-rgb: 232, 196, 206; - --red-2: rgb(223, 171, 185); - --red-3: rgb(211, 141, 160); - --red-4: rgb(187, 79, 108); - --red-4-rgb: 187, 79, 108; - --red-5: rgb(120, 46, 66); - --red-5-rgb: 120, 46, 66; - --red-6: rgb(79, 31, 44); - */ + --red-0: #efd6d3; + --red-1: #e8c5c0; + --red-2: #dfada6; + --red-3: #d48f86; + --red-4: #bc5345; + --red-5: #76332a; + --red-6: #4e221c; + --red-1-rgb: 232,197,192; + --red-2-rgb: 223,173,166; + --red-4-rgb: 188,83,69; + --red-5-rgb: 118,51,42; + --yellow-bright: #fffaea; + --yellow-0: #ffecb6; + --yellow-1: #ffd663; + --yellow-2: #f5c75d; + --yellow-3: #ddb254; + --yellow-4: #c29b49; + --yellow-5: #8c6f35; + --yellow-1-rgb: 255,236,182; + --yellow-2-rgb: 245,199,93; + --yellow-4-rgb: 194,155,73; + --green-0: #d6ddd7; + --green-1: #c6d0c8; + --green-2: #adbcb0; + --green-3: #92a595; + --green-4: #5c7a62; + --green-5: #3b4c3d; + --green-6: #263228; + --green-1-rgb: 198,208,200; + --green-2-rgb: 173,188,176; + --green-4-rgb: 92,122,98; + --teal-0: #cedfde; + --teal-1: #bbd2d2; + --teal-2: #9ebebf; + --teal-3: #7ca8a9; + --teal-4: #3a7d7f; + --teal-5: #244f50; + --teal-6: #183335; + --teal-1-rgb: 187,210,210; + --teal-2-rgb: 158,190,191; + --teal-4-rgb: 58,125,127; + --blue-0: #cddeeb; + --blue-1: #bad0e3; + --blue-2: #9bbcd7; + --blue-3: #79a5c9; + --blue-4: #3577ae; + --blue-5: #204b6e; + --blue-6: #153148; + --blue-1-rgb: 186,208,227; + --blue-2-rgb: 155,188,215; + --blue-4-rgb: 53,119,174; + --purple-0: #e3d9e1; + --purple-1: #d7c9d5; + --purple-2: #c6b2c2; + --purple-3: #b399ae; + --purple-4: #8e6786; + --purple-5: #594054; + --purple-6: #392a37; + --purple-1-rgb: 215,201,213; + --purple-2-rgb: 198,178,194; + --purple-4-rgb: 142,103,134; + --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; /* Defaults: purple/green */ --primary-accent-0: var(--purple-0); --primary-accent-1: var(--purple-1); @@ -552,7 +424,7 @@ settings: } /* Want a different font? This is the file to change! (02-fonts.scss) */ -:root { +body { --ebw-font-text: "IBM Plex Sans", Helvetica Neue; --ebw-font-monospace: "Fira Code", "Source Code Pro", Jetbrains Mono; --ebw-header-font: "Architects Daughter"; @@ -574,6 +446,7 @@ body { --background-secondary: var(--gray-dark-7); --background-secondary-alt: var(--gray-dark-8); --background-modifier-border: black; + --background-modifier-border-focus: black; --background-modifier-form-field: rgba(0, 0, 0, 0.3); --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22); --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); @@ -582,7 +455,8 @@ body { --background-modifier-error-rgb: 61, 0, 0; --background-modifier-error-hover: var(--red-5); --background-modifier-cover: rgba(0, 0, 0, 0.8); - --text-accent: var(--red-2); + --text-accent: var(--primary-accent-2); + --text-accent-hover: var(--gray-light-8); --text-normal: var(--gray-light-1); --text-muted: var(--gray); --text-faint: var(--gray-dark-1); @@ -596,12 +470,13 @@ body { --indentation-guide: var(--gray-dark-7); --indentation-guide-active: var(--gray-dark-6); /** Text on accent should work as foreground for all interactive elements */ - --text-on-accent: white; - --interactive-normal: var(--secondary-accent-4); + --text-on-accent: var(--gray-light-8); --interactive-hover: var(--primary-accent-4); + --interactive-normal: var(--background-primary-alt); --interactive-accent: var(--secondary-accent-4); - --interactive-accent-rgb: var(--secondary-accent-4-rgb); --interactive-accent-hover: var(--primary-accent-4); + --ebw-alpha2: rgba(0, 0, 0, 0.2); + --ebw-alpha4: rgba(0, 0, 0, 0.4); } .theme-dark .print, @@ -621,60 +496,86 @@ body { --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-2); --text-error: var(--red-5); --text-highlight-fg: var(--gray-dark-7); --text-highlight-bg: var(--primary-accent-0); --text-highlight-bg-active: rgba(252, 232, 131, 0.6); --text-selection: var(--secondary-accent-0); - --text-on-accent: var(--gray-dark-7); - --interactive-hover: var(--primary-accent-2); - --interactive-normal: var(--secondary-accent-2); - --interactive-accent: var(--secondary-accent-2); - --interactive-accent-rgb: var(--secondary-accent-1-rgb); - --interactive-accent-hover: var(--primary-accent-2); + --text-on-accent: var(--gray-light-8); + --interactive-hover: var(--primary-accent-1); + --interactive-normal: var(--background-primary-alt); + --interactive-accent: var(--secondary-accent-4); + --interactive-accent-hover: var(--primary-accent-4); } body { + --divider-color: var(--background-modifier-border); --file-margins: var(--size-4-2) var(--size-4-8); + --ribbon-background: var(--titlebar-background); --ribbon-background-collapsed: var(--titlebar-background); + --status-bar-background: var(--titlebar-background); --tab-text-color: var(--icon-color); --tab-text-color-focused: var(--icon-color-focused); --tab-container-background: var(--titlebar-background); - --status-bar-background: var(--titlebar-background); --tab-outline-color: var(--background-modifier-border); - --divider-color: var(--background-modifier-border); + --he-title-bar-height: calc(var(--icon-s) + var(--size-2-3)); + --he-view-header-height: calc(var(--icon-s) + var(--size-2-3)); } -body.is-focused { +.is-focused { + --divider-color: var(--background-modifier-border-focus); + --ribbon-background: var(--titlebar-background-focused); --ribbon-background-collapsed: var(--titlebar-background-focused); - --tab-container-background: var(--titlebar-background-focused); --status-bar-background: var(--titlebar-background-focused); + --tab-container-background: var(--titlebar-background-focused); --tab-outline-color: var(--background-modifier-border-focus); - --divider-color: var(--background-modifier-border-focus); +} +.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active { + color: var(--ebw-rotated-active-leaf-fg); + background-color: var(--ebw-rotated-active-leaf-bg); +} +.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active .workspace-tab-header-inner-title { + color: inherit; } .theme-dark { - --ebw-sharp-border: 1px solid rgba(0, 0, 0, 0.5); + --ebw-rotated-active-leaf-fg: var(--text-muted); + --ebw-rotated-active-leaf-bg: var(--primary-accent-5); + --ebw-he-title-border: var(--tab-outline-color); + --he-title-bar-active-fg: var(--gray-light-6); + --he-title-bar-active-bg: var(--secondary-accent-4); + --he-title-bar-active-pinned-bg: var(--primary-accent-4); + --he-title-bar-inactive-fg: var(--gray-light-3); + --he-title-bar-inactive-bg: var(--gray-dark-3); + --he-title-bar-inactive-pinned-bg: var(--gray-dark-3); + --he-text-on-accent-inactive: var(--gray-dark-7); + --he-text-on-accent-active: var(--gray-light-5); } .theme-light { - --ebw-active-leaf-fg: var(--gray-light-5); - --ebw-sharp-border: 1px solid rgba(0, 0, 0, .1); + --ebw-rotated-active-leaf-fg: var(--gray-light-7); + --ebw-rotated-active-leaf-bg: var(--primary-accent-3); + --ebw-he-title-border: var(--gray-dark-3); + --he-title-bar-active-fg: white; + --he-title-bar-active-bg: var(--secondary-accent-3); + --he-title-bar-active-pinned-bg: var(--primary-accent-3); + --he-title-bar-inactive-fg: var(--gray-light-5); + --he-title-bar-inactive-bg: var(--gray-dark-1); + --he-title-bar-inactive-pinned-bg: var(--gray-dark-1); + --he-text-on-accent-inactive: var(--gray-dark-5); + --he-text-on-accent-active: var(--gray-light-5); } .workspace-ribbon .sidebar-toggle-button { border-right: var(--tab-outline-width) solid var(--tab-outline-color); } -.workspace:not(.is-right-sidedock-open) .sidebar-toggle-button.mod-right { +.workspace:not(.is-right-sidedock-open) .workspace-tabs:not(.mod-stacked) .sidebar-toggle-button.mod-right { border-left: var(--tab-outline-width) solid var(--tab-outline-color); } -body:not(.is-mobile) .mod-left-split.is-floating { - left: calc(var(--ribbon-width)); -} - body:not(.is-mobile) .workspace.is-left-sidedock-open .workspace-split.mod-left-split .workspace-tab-header-container { border-right: var(--tab-outline-width) solid var(--tab-outline-color); } @@ -683,34 +584,111 @@ body:not(.is-mobile) div.workspace.is-right-sidedock-open .workspace-split.mod-r border-left: var(--tab-outline-width) solid var(--tab-outline-color); } +body:not(.is-mobile) .mod-left-split.is-floating { + left: calc(var(--ribbon-width)); +} + +body:not(.is-mobile) .mod-right-split.is-floating { + right: 0; +} + +.ebullientworks-reverse-view-header-actions .popover.hover-editor .popover-content .workspace-leaf-content .view-header, .ebullientworks-reverse-view-header-actions .workspace-tabs .view-header { margin: 0; } +.ebullientworks-reverse-view-header-actions .popover.hover-editor .popover-content .workspace-leaf-content .view-header > .view-actions, .ebullientworks-reverse-view-header-actions .workspace-tabs .view-header > .view-actions { order: 0; flex-direction: row-reverse; padding: 0 var(--size-2-3); } +.ebullientworks-reverse-view-header-actions .popover.hover-editor .popover-content .workspace-leaf-content .view-header > .view-header-icon, .ebullientworks-reverse-view-header-actions .workspace-tabs .view-header > .view-header-icon { order: 1; } +.ebullientworks-reverse-view-header-actions .popover.hover-editor .popover-content .workspace-leaf-content .view-header > .view-header-title-container, .ebullientworks-reverse-view-header-actions .workspace-tabs .view-header > .view-header-title-container { order: 1; } -div.workspace-split.mod-vertical.is-sliding.mod-root div.workspace-tabs.mod-top.mod-top-right-space .workspace-tab-header-container { - padding-right: var(--ribbon-width); +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked { + --tab-stacked-header-width: calc(var(--icon-s) + var(--size-2-3)); +} +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon, +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-status-icon, +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-status-icon, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button { + padding: var(--size-2-3) var(--size-2-2); + color: inherit; +} +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner { + padding: 0 var(--size-4-2); + justify-content: flex-start; +} +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner { + --tab-stacked-font-weight: var(--font-light); + --tab-stacked-font-size: var(--font-ui-smaller); + font-family: var(--font-monospace); } -div.workspace-split.mod-vertical.is-sliding.mod-root div.sidebar-toggle-button.mod-right { - position: fixed; - top: 0; - right: 0; - width: var(--ribbon-width); - background-color: var(--tab-container-background); - z-index: var(--layer-sidedock); +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .view-header, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked .view-header { + --text-normal: var(--text-faint); + --header-height: calc(var(--icon-s) + var(--size-2-4)); + align-items: center; +} +body.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .view-header-title, +body:not(.is-focused) .workspace .mod-root .workspace-tabs.mod-stacked .view-header-title { + line-height: var(--icon-s); + visibility: hidden; } -:root { +.hover-editor .popover-content .popover-titlebar { + border-top: 1px solid var(--ebw-he-title-border); +} +.hover-editor .popover-content .view-header { + --header-height: calc(var(--icon-s) + var(--size-2-4)); + align-items: center; +} +.hover-editor .popover-content .view-header-title { + line-height: var(--icon-s); +} +.hover-editor .popover-content .view-header-title-container:after { + display: none; +} + +.modal-content .vertical-tab-header { + --interactive-accent: var(--interactive-accent-hover); +} + +select:focus, .dropdown:focus { + box-shadow: 0 0 0px 1px var(--background-modifier-border-focus); + outline: none; +} + +.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; @@ -735,15 +713,28 @@ div.workspace-split.mod-vertical.is-sliding.mod-root div.sidebar-toggle-button.m --h4-weight: 500; --h5-weight: 500; --h6-weight: 500; + --tag-0: var(--pink-0); + --tag-1: var(--pink-1); + --tag-2: var(--pink-2); + --tag-3: var(--pink-3); + --tag-4: var(--pink-4); + --tag-5: var(--pink-5); + --tag-6: var(--pink-6); + --tag-dark: var(--tag-5); + --tag-light: var(--tag-3); + --tag-background: transparent; + --tag-background-hover: transparent; } .theme-dark { --h1-color: var(--yellow-2); --h2-color: var(--green-3); - --h3-color: var(--teal-2); + --h3-color: var(--teal-3); --h4-color: var(--blue-3); --h5-color: var(--purple-3); - --h6-color: var(--pink-2); + --h6-color: var(--pink-3); + --tag-color: var(--tag-dark); + --tag-color-hover: var(--tag-dark); } .theme-dark .print, @@ -754,6 +745,16 @@ div.workspace-split.mod-vertical.is-sliding.mod-root div.sidebar-toggle-button.m --h4-color: var(--blue-4); --h5-color: var(--purple-4); --h6-color: var(--pink-4); + --tag-color: var(--tag-light); + --tag-color-hover: var(--tag-light); +} + +a.tag, +.editor .cl-hashtag, +.cm-s-obsidian .cm-quote.cm-hashtag, +.cm-s-obsidian .cm-hmd-codeblock.cm-hashtag { + font-family: var(--ebw-font-tags); + color: var(--tag-color); } .cm-header-1 { @@ -782,41 +783,11 @@ div.workspace-split.mod-vertical.is-sliding.mod-root div.sidebar-toggle-button.m h1, .markdown-rendered h1, -.HyperMD-header-1, +.cm-line:not(.HyperMD-codeblock) .cm-header-1, .HyperMD-list-line .cm-header-1 { font-variant-caps: var(--ebw-header-font-caps-variant); } -.HyperMD-header .cm-header, -.HyperMD-header h1, -.HyperMD-header h2, -.HyperMD-header h3, -.HyperMD-header h4, -.HyperMD-header h5, -.HyperMD-header h6, -.markdown-rendered .cm-header, -.markdown-rendered h1, -.markdown-rendered h2, -.markdown-rendered h3, -.markdown-rendered h4, -.markdown-rendered h5, -.markdown-rendered h6, -.workspace .cm-header, -.workspace h1, -.workspace h2, -.workspace h3, -.workspace h4, -.workspace h5, -.workspace h6, -.print .cm-header, -.print h1, -.print h2, -.print h3, -.print h4, -.print h5, -.print h6 { - margin: 10px 0 5px 0; -} .HyperMD-header .is-live-prevew .HyperMD-header .cm-header::before, .HyperMD-header h1::before, .HyperMD-header h2::before, @@ -846,7 +817,11 @@ h1, .print h5::before, .print h6::before { content: "ยงย "; - font-size: 0.6em; + font-size: 0.5em; + font-weight: 200; + position: relative; + vertical-align: middle; + font-family: var(--font-default); } .HyperMD-header h1 code, .HyperMD-header h2 code, @@ -873,7 +848,8 @@ h1, .print h5 code, .print h6 code { font-weight: normal; - font-size: 75%; + font-variant-caps: normal; + font-size: 75% !important; } .HyperMD-header h1 a.tag, .HyperMD-header h2 a.tag, @@ -899,22 +875,56 @@ h1, .print h4 a.tag, .print h5 a.tag, .print h6 a.tag { - font-weight: normal; - font-size: 65%; + 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-inline-code.cm-header { +.cm-s-obsidian .cm-header.cm-inline-code { + font-weight: var(--font-extralight); font-weight: normal; - font-size: var(--code-size); + font-variant-caps: normal; } .cm-s-obsidian .cm-header.cm-hashtag { - font-weight: normal; - font-size: var(--tag-size); + font-weight: var(--font-extralight); + font-variant-caps: normal; + padding: 0; + background-color: transparent; + border: none; + border-radius: unset; +} +.cm-s-obsidian .cm-line:not(.HyperMD-codeblock) .cm-header.cm-inline-code { + font-size: 65% !important; +} +.cm-s-obsidian .cm-line:not(.HyperMD-codeblock) .cm-header.cm-hashtag { + font-size: 65% !important; +} +.cm-s-obsidian .cm-header-1.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { + color: var(--h1-color); +} +.cm-s-obsidian .cm-header-2.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { + color: var(--h2-color); +} +.cm-s-obsidian .cm-header-3.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { + color: var(--h3-color); +} +.cm-s-obsidian .cm-header-4.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { + color: var(--h4-color); +} +.cm-s-obsidian .cm-header-5.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { + color: var(--h5-color); +} +.cm-s-obsidian .cm-header-6.cm-hmd-codeblock:not(.cm-inline-code):not(.cm-hashtag) { + color: var(--h6-color); } .markdown-rendered hr { border: none; - border-top: 1px dotted var(--interactive-normal); + border-top: 1px dotted var(--interactive-accent); color: var(--interactive-hover); overflow: visible; text-align: center; @@ -929,20 +939,15 @@ h1, position: relative; top: -13px; } -.markdown-rendered blockquote hr::after, -.markdown-rendered .callout-content hr::after, -.markdown-rendered .markdown-embed-content hr::after { - background: var(--background-primary-alt); -} .theme-dark { - --bold-color: var(--blue-2); + --bold-color: var(--blue-3); --italic-color: var(--pink-2); --ebw-strong-em: var(--yellow-2); --ebw-link-underline: var(--teal-4); --ebw-link-hidden: var(--teal-4); --link-color: var(--gray-light-1); - --link-color-hover: var(--teal-3); + --link-color-hover: var(--teal-2); } .theme-dark .print, @@ -974,7 +979,8 @@ del { } strong em, -strong em a.internal-link { +strong em a.internal-link, +.cm-s-obsidian span.cm-strong.cm-em { color: var(--ebw-strong-em); } @@ -991,7 +997,6 @@ strong em a.internal-link { .cm-s-obsidian .cm-hmd-internal-link.cm-strikethrough { text-decoration: line-through; text-decoration-color: var(--link-decoration-color); - text-decoration-thickness: initial; } .cm-s-obsidian span.cm-string.cm-url { @@ -1052,6 +1057,34 @@ body:not(.ebullientworks-show-edit-mode-links) .markdown-source-view.mod-cm6 div padding: 0 4px; } +.markdown-preview-view mark, +.markdown-rendered mark, +.search-result-file-matched-text, +.cm-s-obsidian span.obsidian-search-match-highlight, +.cm-s-obsidian span.cm-highlight, +.is-flashing h1, +.is-flashing h2, +.is-flashing h3, +.is-flashing h4, +.is-flashing h5, +.is-flashing h6, +.is-flashing * { + color: var(--text-highlight-fg); +} + +div.CodeMirror.cm-s-obsidian span.cm-highlight.CodeMirror-selectedtext { + --text-selection: var(--text-highlight-bg-active); +} + +.markdown-source-view.mod-cm6 .cm-selection, +::selection { + background-color: var(--text-selection); +} + +.is-flashing * ::selection { + background-color: var(--text-selection-active); +} + :root { --checkbox-checked: var(--green-3); --checkbox-deferred: var(--blue-3); @@ -1332,44 +1365,14 @@ body:not(.ebullientworks-nix-checkbox) li[data-task="/"] > input[type=checkbox]: content: " "; } -:root { - --tag-0: var(--pink-0); - --tag-1: var(--pink-1); - --tag-2: var(--pink-2); - --tag-3: var(--pink-3); - --tag-4: var(--pink-4); - --tag-5: var(--pink-5); - --tag-6: var(--pink-6); - --tag-dark: var(--tag-5); - --tag-light: var(--tag-3); - --tag-background: transparent; - --tag-background-hover: rgba(var(--primary-accent-1-rgb), 0.2); -} - -.theme-dark { - --tag-color: var(--tag-dark); - --tag-color-hover: var(--tag-dark); -} - -.theme-dark .print, -.theme-light { - --tag-color: var(--tag-light); - --tag-color-hover: var(--tag-light); -} - -a.tag, -.editor .cl-hashtag { - font-family: var(--ebw-font-tags); -} - 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 0 0.1rem; - --blockquote-border-thickness: 0.1rem; + --callout-border-width: 0 0 0 0.05rem; + --blockquote-border-thickness: 0.05rem; --ebw-callout-warning: 234, 175, 0; --ebw-callout-success: 139, 167, 145; --ebw-callout-note: 148, 189, 223; @@ -1624,6 +1627,10 @@ kbd { background-color: var(--background-secondary-alt); } +.cm-s-obsidian .HyperMD-codeblock span.cm-inline-code { + padding: unset; +} + body { --embed-border-left: 1px solid var(--ebw-embed-border-color); --embed-border-right: 1px solid var(--ebw-embed-border-color); @@ -1671,23 +1678,19 @@ div[src$="#small-right"] { .markdown-embed { border-radius: var(--radius-l); + position: relative; } - -.markdown-embed-title { - display: none; -} - -.markdown-embed-content { +.markdown-embed .markdown-embed-content { max-height: unset; overflow: unset; } - -.markdown-embed { - position: relative; +.markdown-embed .markdown-embed-content > .markdown-preview-view { + overflow-y: unset; } -> .markdown-preview-view { - height: unset; +.ebullientworks-hide-embedded-heading .markdown-preview-view > [data-heading]:first-child, +.ebullientworks-hide-embedded-heading .markdown-embed-heading .markdown-preview-pusher + div > [data-heading] { + display: none; } .markdown-embed-link svg { @@ -1699,7 +1702,7 @@ div[src$="#small-right"] { .markdown-embed-link, .file-embed-link { top: 0px; - right: -18px; + right: 0; height: 18px; width: 18px; text-align: center; @@ -1707,10 +1710,11 @@ div[src$="#small-right"] { z-index: var(--layer-tooltip); } -.print.print-preview > .markdown-preview-view .markdown-embed-content, -.print.print-preview > .markdown-preview-view .markdown-embed-content > .markdown-preview-view { - overflow-wrap: break-word; - width: auto; +.markdown-source-view.invisible-embed, +.markdown-rendered.invisible-embed { + --embed-border-left: none; + --embed-border-right: none; + --embed-padding: 0; } .embedframe iframe { @@ -1793,6 +1797,64 @@ div[src$="#small-right"] { background-color: var(--day-planner-timeline-fg); } +.theme-dark .timeline-container h2 { + color: var(--gray-dark-2); +} +.theme-dark .timeline-left::before { + border: medium solid var(--gray-dark-2); + border-width: 10px 0 10px 10px; + border-color: transparent transparent transparent var(--gray-dark-2); +} +.theme-dark .timeline-right::before { + border: medium solid var(--gray-dark-2); + border-width: 10px 10px 10px 0; + border-color: transparent var(--gray-dark-2) transparent transparent; +} +.theme-dark .timeline-container::after { + border: 4px solid var(--primary-accent-4); +} + +.theme-dark .print timeline-container h2, +.theme-light timeline-container h2 { + color: var(--gray-light-1); +} +.theme-dark .print .timeline-left::before, +.theme-light .timeline-left::before { + border: medium solid var(--gray-light-1); + border-width: 10px 0 10px 10px; + border-color: transparent transparent transparent var(--gray-light-1); +} +.theme-dark .print .timeline-right::before, +.theme-light .timeline-right::before { + border: medium solid var(--gray-light-1); + border-width: 10px 10px 10px 0; + border-color: transparent var(--gray-light-1) transparent transparent; +} +.theme-dark .print .timeline-container::after, +.theme-light .timeline-container::after { + border: 4px solid var(--primary-accent-2); +} +.theme-dark .print .timeline::after, +.theme-light .timeline::after { + background-color: var(--blue-1); +} + +.timeline-container { + page-break-inside: avoid; +} +.timeline-container h1:before, +.timeline-container h2:before, +.timeline-container h3:before, +.timeline-container h4:before, +.timeline-container h5:before, +.timeline-container h6:before { + display: none; +} + +.timeline-card a.internal-link { + text-decoration: none; +} + .ebullientworks-floating-frontmatter pre.frontmatter { float: right; position: absolute;