From 6ae4191d2cdb9f188e2a4b6e2aba7224db7da14e Mon Sep 17 00:00:00 2001 From: mProjectsCode Date: Thu, 27 Jul 2023 22:42:42 +0200 Subject: [PATCH] some fixes and obs 1.4 compat --- LemonsDev.css | 73 +++++++++++++++++++++++++++++++-- src/scss/_style-settings.scss | 11 +++++ src/scss/components/_table.scss | 6 +-- src/scss/index.scss | 56 ++++++++++++++++++++++--- theme.css | 73 +++++++++++++++++++++++++++++++-- 5 files changed, 202 insertions(+), 17 deletions(-) diff --git a/LemonsDev.css b/LemonsDev.css index 1314e3a..6c00232 100644 --- a/LemonsDev.css +++ b/LemonsDev.css @@ -39,6 +39,11 @@ settings: title: Pride Month Colors description: Adds some colorful pride month flags to some UI elements. type: class-toggle + - + id: lt-hide-tab-title-bar-file-name + title: Hide Tab Title Bar File Name + description: Hide the file name in the tab title bar. Who needs to see the tab title three times anyways. + type: class-toggle - id: lt-set-mode-toggles title: Mode Toggles @@ -155,6 +160,9 @@ body.lt-pride-month-colors .tree-item:nth-child(5n+4) > .tree-item-self.is-activ body.lt-pride-month-colors .tree-item:nth-child(5n+5) > .tree-item-self.is-active { background: var(--lt-gradient-non-bin); } +body.lt-hide-tab-title-bar-file-name .view-header-title-container .view-header-title { + display: none; +} .callout { padding: 0; background: rgb(var(--callout-color), 0.1); @@ -1115,7 +1123,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$ border-bottom: 1px solid var(--background-modifier-border-hover); } .markdown-rendered table > thead > tr:hover { - background-color: var(--background-primary-alt); + background-color: var(--background-modifier-hover); } .markdown-rendered table > thead > tr > th { border: none; @@ -1125,7 +1133,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$ } .markdown-rendered table > tbody > tr:hover { border-bottom: 1px solid var(--background-modifier-border-hover); - background-color: var(--background-primary-alt) !important; + background-color: var(--background-modifier-hover) !important; } .markdown-rendered table > tbody > tr:has(+ tr:hover) { border-bottom: 1px solid var(--background-modifier-border-hover); @@ -1140,7 +1148,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$ padding: var(--size-4-2) var(--size-4-4); } .markdown-rendered table :is(td, th):hover { - background-color: var(--background-secondary) !important; + background-color: var(--background-modifier-hover) !important; } .titlebar .titlebar-button svg { color: var(--text-muted); @@ -1429,6 +1437,12 @@ body.theme-dark { border-top-left-radius: var(--radius-l); border-bottom-left-radius: var(--radius-l); } +.workspace-tab-header:hover { + color: var(--text-accent); +} +.workspace-tab-header:hover .workspace-tab-header-inner-icon > svg { + color: var(--text-accent); +} .menu { border: none; background: var(--background-secondary-alt); @@ -1445,6 +1459,9 @@ body.theme-dark { .menu .menu-item.is-warning.selected .menu-item-icon { color: var(--text-error); } +.metadata-container .metadata-property:focus-within { + box-shadow: 0 0 0 1px var(--color-accent); +} .list-bullet:after { height: var(--lt-list-bullet-height); width: var(--lt-list-bullet-width); @@ -1458,13 +1475,61 @@ body.theme-dark { .cm-active .list-bullet:after { background-color: var(--text-accent); } -.HyperMD-header:not(:has(> .cm-formatting-header)) :not(.is-flashing) .cm-header:before { +.markdown-source-view.is-live-preview .HyperMD-header:not(:has(> .cm-formatting-header)) .cm-header:before { content: "# "; color: var(--text-faint); } .HyperMD-header.cm-active .cm-formatting-header { color: var(--text-accent); } +.markdown-reading-view h1:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h1:hover:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h2:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h2:hover:before { + content: "## "; + color: var(--text-faint); +} +.markdown-reading-view h3:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h3:hover:before { + content: "### "; + color: var(--text-faint); +} +.markdown-reading-view h4:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h4:hover:before { + content: "#### "; + color: var(--text-faint); +} +.markdown-reading-view h5:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h5:hover:before { + content: "##### "; + color: var(--text-faint); +} +.markdown-reading-view h6:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h6:hover:before { + content: "###### "; + color: var(--text-faint); +} .markdown-reading-view h1:before, .markdown-reading-view h2:before, .markdown-reading-view h3:before, diff --git a/src/scss/_style-settings.scss b/src/scss/_style-settings.scss index a2173b6..8df47e5 100644 --- a/src/scss/_style-settings.scss +++ b/src/scss/_style-settings.scss @@ -19,6 +19,11 @@ settings: title: Pride Month Colors description: Adds some colorful pride month flags to some UI elements. type: class-toggle + - + id: lt-hide-tab-title-bar-file-name + title: Hide Tab Title Bar File Name + description: Hide the file name in the tab title bar. Who needs to see the tab title three times anyways. + type: class-toggle - id: lt-set-mode-toggles title: Mode Toggles @@ -166,3 +171,9 @@ body.lt-pride-month-colors { background: var(--lt-gradient-non-bin); } } + +body.lt-hide-tab-title-bar-file-name { + .view-header-title-container .view-header-title { + display: none; + } +} diff --git a/src/scss/components/_table.scss b/src/scss/components/_table.scss index ad871ce..a7b14d4 100644 --- a/src/scss/components/_table.scss +++ b/src/scss/components/_table.scss @@ -8,7 +8,7 @@ border-bottom: 1px solid var(--background-modifier-border-hover); &:hover { - background-color: var(--background-primary-alt); + background-color: var(--background-modifier-hover); } & > th { @@ -23,7 +23,7 @@ &:hover { border-bottom: 1px solid var(--background-modifier-border-hover); - background-color: var(--background-primary-alt) !important; + background-color: var(--background-modifier-hover) !important; } &:has(+ tr:hover) { @@ -44,7 +44,7 @@ padding: var(--size-4-2) var(--size-4-4); &:hover { - background-color: var(--background-secondary) !important; + background-color: var(--background-modifier-hover) !important; } } } diff --git a/src/scss/index.scss b/src/scss/index.scss index 55d0bdb..89c35b5 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -241,6 +241,19 @@ body.theme-dark { border-bottom-left-radius: var(--radius-l); } +.workspace-tab-header { + &:hover { + color: var(--text-accent); + + .workspace-tab-header-inner-icon > svg { + color: var(--text-accent); + } + + } +} + + + .menu { border: none; background: var(--background-secondary-alt); @@ -262,6 +275,17 @@ body.theme-dark { } } +// metadata +.metadata-container { + .metadata-property:focus-within { + box-shadow: 0 0 0 1px var(--color-accent); + } + + //.metadata-property:hover:not(:focus-within) { + // box-shadow: 0 0 0 1px var(--color-accent); + //} +} + // lists .list-bullet:after { height: var(--lt-list-bullet-height); @@ -281,10 +305,13 @@ body.theme-dark { } // headings -.HyperMD-header:not(:has(> .cm-formatting-header)) :not(.is-flashing) .cm-header { - &:before { - content: "# "; - color: var(--text-faint); + +.markdown-source-view.is-live-preview { + .HyperMD-header:not(:has(> .cm-formatting-header)) .cm-header { + &:before { + content: "# "; + color: var(--text-faint); + } } } @@ -295,8 +322,26 @@ body.theme-dark { } .markdown-reading-view { - h1, h2, h3, h4, h5, h6 { + @for $i from 1 through 6 { + h#{$i} { + &:before { + content: "# "; + color: var(--text-faint); + } + &:hover:before { + $c: '#'; + @for $j from 1 to $i { + $c: $c + '#' + } + + content: "#{$c} "; + color: var(--text-faint); + } + } + } + + h1, h2, h3, h4, h5, h6 { &:before { content: "# "; color: var(--text-faint); @@ -304,7 +349,6 @@ body.theme-dark { } } - .markdown-rendered { // make heading top margin bigger h1, h2, h3, h4, h5, h6 { diff --git a/theme.css b/theme.css index 1314e3a..6c00232 100644 --- a/theme.css +++ b/theme.css @@ -39,6 +39,11 @@ settings: title: Pride Month Colors description: Adds some colorful pride month flags to some UI elements. type: class-toggle + - + id: lt-hide-tab-title-bar-file-name + title: Hide Tab Title Bar File Name + description: Hide the file name in the tab title bar. Who needs to see the tab title three times anyways. + type: class-toggle - id: lt-set-mode-toggles title: Mode Toggles @@ -155,6 +160,9 @@ body.lt-pride-month-colors .tree-item:nth-child(5n+4) > .tree-item-self.is-activ body.lt-pride-month-colors .tree-item:nth-child(5n+5) > .tree-item-self.is-active { background: var(--lt-gradient-non-bin); } +body.lt-hide-tab-title-bar-file-name .view-header-title-container .view-header-title { + display: none; +} .callout { padding: 0; background: rgb(var(--callout-color), 0.1); @@ -1115,7 +1123,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$ border-bottom: 1px solid var(--background-modifier-border-hover); } .markdown-rendered table > thead > tr:hover { - background-color: var(--background-primary-alt); + background-color: var(--background-modifier-hover); } .markdown-rendered table > thead > tr > th { border: none; @@ -1125,7 +1133,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$ } .markdown-rendered table > tbody > tr:hover { border-bottom: 1px solid var(--background-modifier-border-hover); - background-color: var(--background-primary-alt) !important; + background-color: var(--background-modifier-hover) !important; } .markdown-rendered table > tbody > tr:has(+ tr:hover) { border-bottom: 1px solid var(--background-modifier-border-hover); @@ -1140,7 +1148,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$ padding: var(--size-4-2) var(--size-4-4); } .markdown-rendered table :is(td, th):hover { - background-color: var(--background-secondary) !important; + background-color: var(--background-modifier-hover) !important; } .titlebar .titlebar-button svg { color: var(--text-muted); @@ -1429,6 +1437,12 @@ body.theme-dark { border-top-left-radius: var(--radius-l); border-bottom-left-radius: var(--radius-l); } +.workspace-tab-header:hover { + color: var(--text-accent); +} +.workspace-tab-header:hover .workspace-tab-header-inner-icon > svg { + color: var(--text-accent); +} .menu { border: none; background: var(--background-secondary-alt); @@ -1445,6 +1459,9 @@ body.theme-dark { .menu .menu-item.is-warning.selected .menu-item-icon { color: var(--text-error); } +.metadata-container .metadata-property:focus-within { + box-shadow: 0 0 0 1px var(--color-accent); +} .list-bullet:after { height: var(--lt-list-bullet-height); width: var(--lt-list-bullet-width); @@ -1458,13 +1475,61 @@ body.theme-dark { .cm-active .list-bullet:after { background-color: var(--text-accent); } -.HyperMD-header:not(:has(> .cm-formatting-header)) :not(.is-flashing) .cm-header:before { +.markdown-source-view.is-live-preview .HyperMD-header:not(:has(> .cm-formatting-header)) .cm-header:before { content: "# "; color: var(--text-faint); } .HyperMD-header.cm-active .cm-formatting-header { color: var(--text-accent); } +.markdown-reading-view h1:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h1:hover:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h2:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h2:hover:before { + content: "## "; + color: var(--text-faint); +} +.markdown-reading-view h3:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h3:hover:before { + content: "### "; + color: var(--text-faint); +} +.markdown-reading-view h4:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h4:hover:before { + content: "#### "; + color: var(--text-faint); +} +.markdown-reading-view h5:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h5:hover:before { + content: "##### "; + color: var(--text-faint); +} +.markdown-reading-view h6:before { + content: "# "; + color: var(--text-faint); +} +.markdown-reading-view h6:hover:before { + content: "###### "; + color: var(--text-faint); +} .markdown-reading-view h1:before, .markdown-reading-view h2:before, .markdown-reading-view h3:before,