diff --git a/theme.css b/theme.css index 0d41a3b..e155fb0 100644 --- a/theme.css +++ b/theme.css @@ -1,4 +1,5 @@ /* +MODIFIED: 2023-12-16 LYT MODE Obsidian Theme by Nick Milo (evolved from Cybertron) @@ -268,6 +269,8 @@ Icons body.theme-dark { + --window-border: 1px solid var(--window-border-color); /* Thanks Damian K from the Prism theme! */ + --window-border-color: var(--color-gray-70); /*───────── Obsidian - provided Variables ──────────*/ --font-sans: 'DM Sans', 'Inter', -apple-system BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', @@ -305,6 +308,7 @@ body.theme-dark { /* Borders */ --border-width: 1px; + /* Callouts */ --callout-border-width: 1px; --callout-border-opacity: 0.3; @@ -5508,4 +5512,106 @@ body:not(.no-custom-icons) svg.yesterday-glyph { .release-notes-view .callout[data-callout] > .callout-content { background-color: hsla(var(--color-grey-base-hsl), var(--callout-background-alpha)); border-color: var(--color-grey-tint); - } \ No newline at end of file + } + + + +/* PROPERTIES: SLOPPY COPY AND PASTE OF DAMIAN K.'S PRISM THEME */ + + +.metadata-properties-heading { + display: inline-flex; + width: 100%; + padding: var(--size-4-2); + margin-bottom: unset; + background-color: var(--color-gray-95); + border: var(--window-border); +} +.metadata-properties-heading .collapse-indicator { + position: relative; + left: unset; + order: 2; + opacity: 1; +} +.metadata-properties-heading .collapse-indicator .collapse-icon svg.svg-icon { + width: 18px; +} + +.metadata-properties-title { + display: flex; + align-items: center; + width: 100%; + margin-bottom: unset; + font-weight: var(--bold-weight); +} +.metadata-properties-title::before { + align-items: center; + width: var(--icon-size); + height: var(--icon-size); + margin-right: var(--size-4-2); + content: ""; + background-color: var(--text-muted); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-archive'%3E%3Crect width='20' height='5' x='2' y='4' rx='2'/%3E%3Cpath d='M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E"); + -webkit-mask-position: center; + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 18px; +} + +.cm-editor .metadata-content, +.markdown-preview-view .metadata-content { + padding: var(--size-4-3) var(--size-4-2); + border: var(--window-border); + border-top: unset; +} + +.metadata-property-key { + align-items: center; +} + +.textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'], input.document-search-input, input.document-replace-input, input.prompt-input { + font-size: var(--font-normal); /* THIS FIXES THE ANNOYINGLY BIGGER KEY FONT */ +} + +.metadata-property-icon { + height: fit-content; + padding: var(--size-2-1); + margin-left: var(--size-4-1); +} +.metadata-property-icon:hover { + background-color: var(--interactive-accent-base); + border-radius: var(--radius-s); +} +.metadata-property-icon::before { + display: none; +} + +.metadata-container { + transform: unset; +} +.metadata-container .metadata-add-button { + margin-top: var(--size-4-2); + margin-left: var(--size-4-1); + border: var(--window-border); +} + +.multi-select-container { + gap: var(--size-4-2); +} + +.metadata-property:not([data-property-key=tags]) .multi-select-pill { + line-height: unset; +} + +.metadata-property[data-property-key=tags] { + --pill-radius: var(--radius-s); +} + +.workspace-leaf-content[data-type=all-properties] .view-content, +.workspace-leaf-content[data-type=file-properties] .view-content, +.workspace-leaf-content[data-type=properties] .view-content { + padding: var(--size-4-1); +} + +.metadata-property:focus-within { + box-shadow: 0 0 0 1px var(--window-border-color); +}