0.0.6

mProjectsCode · Apr 15, 2023 · 9196aeb · 9196aeb
1 parent 1fad9a2
commit 9196aeb
Show file tree

Hide file tree

Showing 6 changed files with 121 additions and 132 deletions.
diff --git a/LemonsDev.css b/LemonsDev.css
@@ -207,6 +207,21 @@ body.lt-set-full-width-editor {
 .callout[data-callout=float] > .callout-content > * {
  margin: 0;
 }
+.callout[data-callout=invisible] {
+ margin: 0;
+ padding: 0;
+ background: transparent;
+}
+.callout[data-callout=invisible] > .callout-title {
+ display: none;
+}
+.callout[data-callout=invisible] > .callout-content {
+ padding: 0;
+ background: transparent;
+}
+.callout[data-callout=invisible] > .callout-content > * {
+ margin: 0;
+}
 .markdown-rendered blockquote {
  padding: var(--callout-padding);
  border-radius: var(--callout-radius);
@@ -413,53 +428,17 @@ cite {
  *
  * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
  */
-.nav-files-container .nav-folder .nav-folder-collapse-indicator svg {
- transition: color 50ms;
+.nav-files-container .tree-item-self {
+ align-items: center;
 }
-.nav-files-container .nav-folder .nav-folder-title-content {
+.nav-files-container .tree-item-self .tree-item-inner {
  display: flex;
- transition: color 50ms;
 }
-.nav-files-container .nav-folder .nav-folder-children {
- transition: border-left-color 50ms;
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):hover {
- --lt-file-icon-color: var(--color-accent);
+.nav-files-container .nav-folder.mod-root > .tree-item-self .tree-item-inner {
+ color: var(--nav-item-color) !important;
 }
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):hover .nav-folder-collapse-indicator svg {
- color: var(--text-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):hover + .nav-folder-children {
- border-left: var(--nav-indentation-guide-width) solid var(--color-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover),
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active),
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) {
- --lt-file-icon-color: var(--color-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover) .nav-folder-collapse-indicator svg,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active) .nav-folder-collapse-indicator svg,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) .nav-folder-collapse-indicator svg {
- color: var(--text-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover) .nav-folder-title-content,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active) .nav-folder-title-content,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) .nav-folder-title-content {
- color: var(--text-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover) + .nav-folder-children,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active) + .nav-folder-children,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) + .nav-folder-children {
- border-left-color: var(--color-accent);
-}
-.nav-files-container .nav-file .nav-file-title {
- align-items: center;
-}
-.nav-files-container .nav-file .nav-file-title:not(.is-active):hover {
- --lt-file-icon-color: var(--color-accent);
-}
-.nav-files-container .nav-file .nav-file-title .nav-file-title-content {
- display: flex;
+.nav-files-container .nav-folder.mod-root > .tree-item-children {
+ border-left: none !important;
 }
 body.lt-set-file-icons .nav-files-container .nav-folder.is-collapsed > .nav-folder-title:not([data-path="/"]) > .nav-folder-title-content:before {
  content: " ";
@@ -1126,13 +1105,19 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$
  color: var(--text-normal);
 }
 .tree-item .tree-item-self .tree-item-inner {
+ --lt-file-icon-color: var(--nav-item-color);
  color: var(--nav-item-color);
  transition: color 50ms;
 }
 .tree-item .tree-item-self .tree-item-icon svg {
  transition: color 50ms;
 }
+.tree-item .tree-item-self.is-active .tree-item-inner {
+ --lt-file-icon-color: var(--nav-item-color-active) !important;
+ color: var(--nav-item-color-active) !important;
+}
 .tree-item .tree-item-self:hover .tree-item-inner {
+ --lt-file-icon-color: var(--text-accent);
  color: var(--text-accent);
 }
 .tree-item .tree-item-self:hover .tree-item-icon svg {
@@ -1149,6 +1134,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$
 }
 .tree-item .tree-item-self:has(+ .tree-item-children > .tree-item > .tree-item-self:not(.mod-collapsible):hover) .tree-item-inner,
 .tree-item .tree-item-self:has(+ .tree-item-children > .tree-item.is-collapsed > .tree-item-self.mod-collapsible:hover) .tree-item-inner {
+ --lt-file-icon-color: var(--text-accent);
  color: var(--text-accent);
 }
 .tree-item .tree-item-self:has(+ .tree-item-children > .tree-item > .tree-item-self:not(.mod-collapsible):hover) .tree-item-icon svg,
@@ -1159,6 +1145,26 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$
 .tree-item .tree-item-self:has(+ .tree-item-children > .tree-item.is-collapsed > .tree-item-self.mod-collapsible:hover) + .tree-item-children {
  border-left: var(--nav-indentation-guide-width) solid var(--color-accent);
 }
+.meta-bind-plugin-card > :first-child {
+ margin-top: 0;
+}
+.meta-bind-plugin-card > :last-child {
+ margin-bottom: 0;
+}
+.meta-bind-plugin-select-input-element .meta-bind-plugin-select-input-element-hover {
+ color: var(--text-accent);
+}
+.meta-bind-plugin-select-input-element .meta-bind-plugin-select-input-element-selected {
+ color: var(--text-on-accent);
+ background-color: var(--color-accent);
+ border: none;
+}
+.meta-bind-plugin-input-wrapper select.meta-bind-plugin-input-element-group-element {
+ background: var(--background-secondary);
+}
+.meta-bind-plugin-input-wrapper input {
+ background: var(--background-secondary);
+}
 body {
  --tab-outline-width: 0px;
  --modal-border-width: 0px;

diff --git a/manifest.json b/manifest.json
@@ -1,6 +1,6 @@
 {
  "name": "Lemons Theme",
- "version": "0.0.5",
+ "version": "0.0.6",
  "minAppVersion": "1.1.0",
  "author": "Moritz Jung",
  "authorUrl": "https://mprojectscode.github.io/"

diff --git a/src/scss/components/_callout.scss b/src/scss/components/_callout.scss
@@ -98,6 +98,26 @@
  }
 }
 
+.callout[data-callout="invisible"] {
+ margin: 0;
+ padding: 0;
+ background: transparent;
+
+ & > .callout-title {
+ display: none;
+ }
+
+ & > .callout-content {
+ padding: 0;
+ background: transparent;
+
+ > * {
+ margin: 0;
+ }
+ }
+}
+
+
 .markdown-rendered blockquote {
  padding: var(--callout-padding);
  border-radius: var(--callout-radius);

diff --git a/src/scss/components/_file-tree.scss b/src/scss/components/_file-tree.scss
@@ -60,63 +60,30 @@ $format-cog: "bak", "cab", "cfg", "cpl", "cur", "dll", "dmp", "drv", "icns", "ic
 $format-text: "doc", "docx", "odt", "pdf", "rtf", "tex", "txt", "wpd";
 
 .nav-files-container {
- .nav-folder {
- .nav-folder-collapse-indicator svg {
- transition: color 50ms;
- }
+ .tree-item-self {
+ align-items: center;
 
- .nav-folder-title-content {
+ .tree-item-inner {
  display: flex;
- transition: color 50ms;
- }
-
- .nav-folder-children {
- transition: border-left-color 50ms;
- }
-
- .nav-folder-title:not([data-path="/"]):hover {
- --lt-file-icon-color: var(--color-accent);
-
- .nav-folder-collapse-indicator svg {
- color: var(--text-accent);
- }
-
- & + .nav-folder-children {
- border-left: var(--nav-indentation-guide-width) solid var(--color-accent);
- }
  }
+ }
 
- .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover),
- .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active),
- .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) {
- --lt-file-icon-color: var(--color-accent);
-
- .nav-folder-collapse-indicator svg {
- color: var(--text-accent);
- }
 
- .nav-folder-title-content {
- color: var(--text-accent);
+ .nav-folder {
+ &.mod-root {
+ & > .tree-item-self {
+ .tree-item-inner {
+ color: var(--nav-item-color) !important;
+ }
  }
 
- & + .nav-folder-children {
- border-left-color: var(--color-accent);
+ & > .tree-item-children {
+ border-left: none !important;
  }
  }
  }
 
  .nav-file {
- .nav-file-title {
- align-items: center;
-
- &:not(.is-active):hover {
- --lt-file-icon-color: var(--color-accent);
- }
-
- .nav-file-title-content {
- display: flex;
- }
- }
  }
 }
 

diff --git a/src/scss/components/_tree.scss b/src/scss/components/_tree.scss
@@ -1,6 +1,7 @@
 .tree-item {
  .tree-item-self {
  .tree-item-inner {
+ --lt-file-icon-color: var(--nav-item-color);
  color: var(--nav-item-color);
  transition: color 50ms;
  }
@@ -9,8 +10,16 @@
  transition: color 50ms;
  }
 
+ &.is-active {
+ .tree-item-inner {
+ --lt-file-icon-color: var(--nav-item-color-active) !important;
+ color: var(--nav-item-color-active) !important;
+ }
+ }
+
  &:hover {
  .tree-item-inner {
+ --lt-file-icon-color: var(--text-accent);
  color: var(--text-accent);
  }
 
@@ -35,6 +44,7 @@
  .tree-item-self:has(+ .tree-item-children > .tree-item > .tree-item-self:not(.mod-collapsible):hover),
  .tree-item-self:has(+ .tree-item-children > .tree-item.is-collapsed > .tree-item-self.mod-collapsible:hover) {
  .tree-item-inner {
+ --lt-file-icon-color: var(--text-accent);
  color: var(--text-accent);
  }
 

diff --git a/theme.css b/theme.css
@@ -207,6 +207,21 @@ body.lt-set-full-width-editor {
 .callout[data-callout=float] > .callout-content > * {
  margin: 0;
 }
+.callout[data-callout=invisible] {
+ margin: 0;
+ padding: 0;
+ background: transparent;
+}
+.callout[data-callout=invisible] > .callout-title {
+ display: none;
+}
+.callout[data-callout=invisible] > .callout-content {
+ padding: 0;
+ background: transparent;
+}
+.callout[data-callout=invisible] > .callout-content > * {
+ margin: 0;
+}
 .markdown-rendered blockquote {
  padding: var(--callout-padding);
  border-radius: var(--callout-radius);
@@ -413,53 +428,17 @@ cite {
  *
  * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
  */
-.nav-files-container .nav-folder .nav-folder-collapse-indicator svg {
- transition: color 50ms;
+.nav-files-container .tree-item-self {
+ align-items: center;
 }
-.nav-files-container .nav-folder .nav-folder-title-content {
+.nav-files-container .tree-item-self .tree-item-inner {
  display: flex;
- transition: color 50ms;
 }
-.nav-files-container .nav-folder .nav-folder-children {
- transition: border-left-color 50ms;
+.nav-files-container .nav-folder.mod-root > .tree-item-self .tree-item-inner {
+ color: var(--nav-item-color) !important;
 }
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):hover {
- --lt-file-icon-color: var(--color-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):hover .nav-folder-collapse-indicator svg {
- color: var(--text-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):hover + .nav-folder-children {
- border-left: var(--nav-indentation-guide-width) solid var(--color-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover),
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active),
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) {
- --lt-file-icon-color: var(--color-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover) .nav-folder-collapse-indicator svg,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active) .nav-folder-collapse-indicator svg,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) .nav-folder-collapse-indicator svg {
- color: var(--text-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover) .nav-folder-title-content,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active) .nav-folder-title-content,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) .nav-folder-title-content {
- color: var(--text-accent);
-}
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file:hover) + .nav-folder-children,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-file > .is-active) + .nav-folder-children,
-.nav-files-container .nav-folder .nav-folder-title:not([data-path="/"]):has(+ .nav-folder-children > .nav-folder.is-collapsed:hover) + .nav-folder-children {
- border-left-color: var(--color-accent);
-}
-.nav-files-container .nav-file .nav-file-title {
- align-items: center;
-}
-.nav-files-container .nav-file .nav-file-title:not(.is-active):hover {
- --lt-file-icon-color: var(--color-accent);
-}
-.nav-files-container .nav-file .nav-file-title .nav-file-title-content {
- display: flex;
+.nav-files-container .nav-folder.mod-root > .tree-item-children {
+ border-left: none !important;
 }
 body.lt-set-file-icons .nav-files-container .nav-folder.is-collapsed > .nav-folder-title:not([data-path="/"]) > .nav-folder-title-content:before {
  content: " ";
@@ -1126,13 +1105,19 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$
  color: var(--text-normal);
 }
 .tree-item .tree-item-self .tree-item-inner {
+ --lt-file-icon-color: var(--nav-item-color);
  color: var(--nav-item-color);
  transition: color 50ms;
 }
 .tree-item .tree-item-self .tree-item-icon svg {
  transition: color 50ms;
 }
+.tree-item .tree-item-self.is-active .tree-item-inner {
+ --lt-file-icon-color: var(--nav-item-color-active) !important;
+ color: var(--nav-item-color-active) !important;
+}
 .tree-item .tree-item-self:hover .tree-item-inner {
+ --lt-file-icon-color: var(--text-accent);
  color: var(--text-accent);
 }
 .tree-item .tree-item-self:hover .tree-item-icon svg {
@@ -1149,6 +1134,7 @@ body.lt-set-file-icons .nav-files-container .nav-file .nav-file-title[data-path$
 }
 .tree-item .tree-item-self:has(+ .tree-item-children > .tree-item > .tree-item-self:not(.mod-collapsible):hover) .tree-item-inner,
 .tree-item .tree-item-self:has(+ .tree-item-children > .tree-item.is-collapsed > .tree-item-self.mod-collapsible:hover) .tree-item-inner {
+ --lt-file-icon-color: var(--text-accent);
  color: var(--text-accent);
 }
 .tree-item .tree-item-self:has(+ .tree-item-children > .tree-item > .tree-item-self:not(.mod-collapsible):hover) .tree-item-icon svg,