generated from DNDs/dnd-template
4175 lines
108 KiB
CSS
4175 lines
108 KiB
CSS
/*----------------------------------------------------------------
|
|
DISCORDIAN THEME version 0.8.6
|
|
----------------------------------------------------------------*/
|
|
|
|
:root {
|
|
--default-font: Catamaran, Helvetica Neue, Helvetica, Arial, sans-serif;
|
|
--font-editor: Catamaran SSm, Helvetica Neue, Helvetica, Arial, sans-serif;
|
|
--font-monospace: Consolas, Andale Mono, Lucida Console, Source Code Pro, iA Writer Mono S, Jetbrains Mono, Menlo, SFMono-Regular, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace;
|
|
|
|
/* discord palette */
|
|
--discord-green: hsla(153, 46%, 49%, 1);
|
|
--discord-yellow: hsla(38, 96%, 54%, 1);
|
|
--discord-yellow-alt: hsla(37, 65%, 63%, 1);
|
|
--discord-yellow-light: hsla(50, 42%, 48%, 1);
|
|
--discord-yellow-bg: hsla(38, 96%, 54%, 0.1);
|
|
--discord-orange: hsla(20, 84%, 52%, 1);
|
|
--discord-orange-light: hsla(24, 90%, 61%, 1);
|
|
--discord-red: hsla(0, 85%, 61%, 1);
|
|
--discord-red-hover: hsla(0, 66%, 55%, 1);
|
|
--discord-blue: hsla(227, 58%, 65%, 1);
|
|
--discord-blue-hover: hsla(227, 44%, 59%, 1);
|
|
--discord-grey: hsla(214, 10%, 50%, 1);
|
|
--discord-grey-hover: hsla(214, 10%, 45%, 1);
|
|
--discord-grey-toggle: hsla(218, 5%, 47%, 1);
|
|
--discord-dark: hsla(216, 7%, 14%, 1);
|
|
--discord-dark-hover: hsla(216, 7%, 14%, 0.7);
|
|
|
|
--elevation-stroke: 0 1px 0 1px hsla(240, 11%, 2%, 0.1);
|
|
--elevation-low: 0 1px 0 hsla(240, 11%, 2%, 0.2), 0 1.5px 0 hsla(240, 8%, 3%, 0.05), 0 2px 0 hsla(240, 11%, 2%, 0.05);
|
|
--elevation-medium: 0 4px 4px hsla(0, 0%, 0%, 0.16);
|
|
--elevation-high: 0 8px 16px hsla(0, 0%, 0%, 0.24);
|
|
|
|
--readable-line-length: 45rem;
|
|
--font-size-notes: 0.875rem;
|
|
--font-size-file-explorer: 0.875rem;
|
|
--letter-spacing-notes: -0.2px;
|
|
}
|
|
|
|
.theme-dark {
|
|
--background-primary: hsla(220, 8%, 23%, 1);
|
|
--background-primary-alt: hsla(232, 14%, 31%, 1);
|
|
--background-secondary: hsla(223, 7%, 20%, 1);
|
|
--background-secondary-alt: hsla(216, 7%, 14%, 1);
|
|
--background-tertiary: hsla(220, 7%, 17%, 1);
|
|
|
|
--background-accent: hsla(217, 8%, 34%, 1);
|
|
|
|
--background-code: hsla(204, 6%, 17%, 1);
|
|
--background-code-preview: hsla(204, 6%, 17%, 1);
|
|
--background-code-border: hsla(0, 0%, 16%, 1);
|
|
|
|
--background-modifier-cover: hsla(220, 8%, 23%, 1);
|
|
--background-modifier-hover: hsla(217, 8%, 34%, 0.16);
|
|
--background-modifier-active: hsla(217, 8%, 34%, 0.24);
|
|
--background-modifier-selected: hsla(217, 8%, 34%, 0.32);
|
|
--background-modifier-accent: hsla(0, 0%, 100%, 0.06);
|
|
--background-modifier-error: var(--discord-red);
|
|
--background-modifier-error-hover: var(--discord-red-hover);
|
|
--background-modifier-form-field: hsla(0, 0%, 0%, 0.2);
|
|
--background-modifier-form-field-highlighted: hsla(0, 0%, 0%, 0.2);
|
|
--background-modifier-border: var(--background-secondary-alt);
|
|
|
|
--text-normal: hsla(213, 3%, 82%, 1);
|
|
--text-muted: hsla(213, 4%, 57%, 1);
|
|
--text-faint: hsla(0, 0%, 61%, 1);
|
|
--text-link: hsla(197, 100%, 48%, 1);
|
|
--text-accent: hsla(265, 66%, 72%, 1);
|
|
--text-on-accent: hsla(210, 3%, 87%, 1);
|
|
--text-selection: hsla(212, 34%, 54%, 0.5);
|
|
--text-highlight-bg: hsla(212, 34%, 54%, 1);
|
|
--text-linenumber: hsla(216, 3%, 32%, 0.85);
|
|
--text-linenumber-active: hsla(0, 0%, 61%, 0.85);
|
|
|
|
--text-strong: var(--discord-yellow-alt);
|
|
--text-em: hsla(62, 31%, 61%, 1);
|
|
--text-tag: hsla(27, 100%, 63%, 0.73);
|
|
--text-mark: hsla(37, 82%, 74%, 1);
|
|
|
|
--markup-code: hsla(34, 89%, 61%, 1);
|
|
|
|
--text-header: hsla(233, 45%, 69%, 1);
|
|
|
|
--text-title-h1: hsla(243, 35%, 65%, 1);
|
|
--text-title-h2: var(--text-header);
|
|
--text-title-h3: var(--text-header);
|
|
--text-title-h4: var(--text-header);
|
|
--text-title-h5: var(--text-header);
|
|
--text-title-h6: hsla(192, 13%, 53%, 1);
|
|
|
|
--text-a: hsla(322, 65%, 70%, 1);
|
|
--text-a-hover: hsla(327, 100%, 77%, 1);
|
|
|
|
--interactive-accent: var(--discord-green);
|
|
--interactive-accent-hover: hsla(152, 60%, 43%, 1);
|
|
--interactive-accent-light: var(--discord-yellow-light);
|
|
|
|
--interactive-accent-alt: hsla(220, 7%, 17%, 1);
|
|
--interactive-hover: hsla(210, 3%, 87%, 1);
|
|
--interactive-muted: hsla(217, 8%, 34%, 1);
|
|
--interactive-normal: hsla(216, 4%, 74%, 1);
|
|
--interactive-active: hsla(0, 100%, 100%, 1);
|
|
|
|
--blockquote-border: hsla(286, 22%, 66%, 1);
|
|
--blockquote-bg: hsla(240, 11%, 2%, 0.07);
|
|
|
|
--scrollbar-bg: transparent;
|
|
--scrollbar-thin-thumb: hsla(216, 7%, 14%, 1);
|
|
--scrollbar-thin-track: transparent;
|
|
--scrollbar-auto-thumb: hsla(216, 7%, 14%, 1);
|
|
--scrollbar-auto-track: hsla(210, 10%, 20%, 1);
|
|
--scrollbar-auto-scrollbar-color-thumb: hsla(216, 7%, 14%, 1);
|
|
--scrollbar-auto-scrollbar-color-track: hsla(223, 7%, 20%, 1);
|
|
|
|
--cursor: default;
|
|
--opacity-translucency: 1;
|
|
|
|
--graph-line: hsla(191, 57%, 35%, 1);
|
|
--graph-line-highlight: hsla(191, 57%, 59%, 1);
|
|
--graph-circle-outline: transparent;
|
|
--graph-circle-fill: hsla(59, 99%, 50%, 1);
|
|
--graph-circle-fill-highlight: hsla(59, 99%, 50%, 1);
|
|
--graph-circle-fill-unresolved: hsla(206, 89%, 71%, 1);
|
|
--graph-fill-tag: hsla(250, 100%, 77%, 1);
|
|
--graph-fill-attachment: hsla(314, 57%, 63%, 1);
|
|
--graph-arrow: hsla(314, 57%, 63%, 1);
|
|
}
|
|
|
|
/* HACK for settings panel if title bar is brought back by user */
|
|
body.theme-dark:not(.hider-frameless):not(.discordian-writer):not(.discordian-theme) .modal-container {
|
|
top: -22px !important;
|
|
height: 100vh !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
HIDDEN (comment in/out to toggle things)
|
|
----------------------------------------------------------------*/
|
|
|
|
/*----------------------------------------------------------------
|
|
Hide main title bar */
|
|
|
|
.titlebar {
|
|
display: none;
|
|
}
|
|
|
|
body {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
body:not(.mod-windows):not(.discordian-theme) .mod-left-split .workspace-tab-header-container {
|
|
padding-left: 24px !important;
|
|
}
|
|
|
|
body:not(.plugin-sliding-panes):not(.is-fullscreen):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 30px;
|
|
transition: padding-left .15s ease;
|
|
}
|
|
|
|
body.hider-ribbon:not(.plugin-sliding-panes):not(.is-fullscreen):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 62px;
|
|
transition: padding-left .15s ease;
|
|
}
|
|
|
|
body.theme-dark:not(.hider-frameless):not(.discordian-writer):not(.discordian-theme) .modal-container,
|
|
body.theme-dark:not(.hider-frameless) .modal-container,
|
|
body.theme-dark:not(.discordian-writer) .modal-container,
|
|
body.theme-dark:not(.discordian-theme) .modal-container {
|
|
top: 0 !important;
|
|
height: 100vh !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Hide status bar */
|
|
|
|
.status-bar {
|
|
display: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Hide the name of the root folder (vault) */
|
|
|
|
.nav-folder.mod-root > .nav-folder-title {
|
|
display: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
FOUNDATION
|
|
----------------------------------------------------------------*/
|
|
|
|
/* font for everything outside of editor/preview panes */
|
|
body,
|
|
.app-container {
|
|
font-size: 16px;
|
|
line-height: 22px !important;
|
|
font-family: var(--default-font);
|
|
color: var(--text-normal);
|
|
word-wrap: break-word;
|
|
text-rendering: optimizeLegibility;
|
|
vertical-align: baseline;
|
|
-webkit-font-feature-settings: "tnum";
|
|
-moz-font-feature-settings: "tnum";
|
|
font-feature-settings: "tnum";
|
|
-webkit-font-variant-numeric: tabular-nums;
|
|
-moz-font-variant-numeric: tabular-nums;
|
|
font-variant-numeric: tabular-nums;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.cm-s-obsidian .hmd-fold-html-stub,
|
|
.cm-s-obsidian .hmd-fold-code-stub,
|
|
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
|
.cm-s-obsidian .cm-inline-code,
|
|
.cm-s-obsidian .HyperMD-codeblock,
|
|
.cm-s-obsidian .HyperMD-hr,
|
|
.cm-s-obsidian .cm-hmd-frontmatter,
|
|
.cm-s-obsidian .cm-hmd-orgmode-markup,
|
|
.cm-s-obsidian .cm-formatting-code,
|
|
.cm-s-obsidian .cm-math,
|
|
.cm-s-obsidian span.hmd-fold-math-placeholder,
|
|
.cm-s-obsidian .CodeMirror-linewidget kbd,
|
|
.cm-s-obsidian .hmd-fold-html kbd {
|
|
font-family: var(--font-monospace);
|
|
font-weight: normal;
|
|
color: var(--text-muted);
|
|
font-size: 100%;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
button,
|
|
input[type="text"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="number"],
|
|
input[type='search'],
|
|
.splash-brand-name,
|
|
.dropdown,
|
|
.setting-hotkey,
|
|
.suggestion-hotkey {
|
|
font-family: var(--default-font) !important;
|
|
border-color: var(--background-secondary-alt) !important;
|
|
letter-spacing: -0.01rem;
|
|
}
|
|
|
|
button {
|
|
-webkit-transition: background-color .17s ease, color .17s ease;
|
|
transition: background-color .17s ease, color .17s ease;
|
|
}
|
|
|
|
input[type='text'],
|
|
input[type='search'],
|
|
input[type='email'],
|
|
input[type='password'],
|
|
input[type='number'] {
|
|
font-size: 0.875rem;
|
|
color: var(--text-muted);
|
|
border-radius: 4px;
|
|
background-color: var(--discord-dark) !important;
|
|
}
|
|
|
|
input[type='text']:focus-within,
|
|
input[type='search']:focus-within,
|
|
input[type='email']:focus-within,
|
|
input[type='password']:focus-within,
|
|
input[type='number']:focus-within {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
ul li {
|
|
margin: 4px 0;
|
|
}
|
|
|
|
p {
|
|
margin-block-start: 1.4375rem;
|
|
margin-block-end: 1.4375rem;
|
|
}
|
|
|
|
.markdown-preview-pusher + div > p {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
p.mod-warning {
|
|
color: var(--discord-red);
|
|
}
|
|
|
|
.search-result-file-match::after {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* Discord-like tooltip */
|
|
.tooltip {
|
|
font-size: 1rem;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* html tags in editor */
|
|
.cm-tag,
|
|
.cm-attribute { /* .cm-string */
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
/* horizontal line in preview */
|
|
.markdown-preview-view hr {
|
|
background-color: var(--text-muted);
|
|
border: none;
|
|
height: 1px;
|
|
margin: 1.4375rem 0;
|
|
}
|
|
|
|
/* internal embedded link rendering in preview */
|
|
.markdown-embed-title {
|
|
font-weight: 600;
|
|
color: var(--text-link);
|
|
}
|
|
|
|
.markdown-embed {
|
|
padding-left: 8px !important;
|
|
padding-right: 4px !important;
|
|
margin-left: 8px !important;
|
|
margin-right: 4px !important;
|
|
}
|
|
|
|
/* NO FILE OPEN page */
|
|
|
|
.empty-state-title {
|
|
color: var(--discord-yellow-alt) !important;
|
|
}
|
|
|
|
.empty-state-action {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
.empty-state-action:hover {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
BLOCKQUOTES */
|
|
|
|
.cm-s-obsidian span.cm-quote {
|
|
color: var(--interactive-accent);
|
|
}
|
|
|
|
.cm-hmd-indent-in-quote {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.markdown-preview-view blockquote {
|
|
color: var(--interactive-accent) !important;
|
|
border: none;
|
|
border-left: 3px solid var(--blockquote-border) !important;
|
|
border-radius: 4px !important;
|
|
margin: 1.5rem 1.5rem 1.5rem 3.5rem;
|
|
background-color: var(--blockquote-bg);
|
|
display: grid;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
IMAGES */
|
|
|
|
img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Normal text outside of headings and code */
|
|
|
|
/* preview */
|
|
.markdown-preview-view {
|
|
font-family: var(--font-editor);
|
|
color: var(--text-normal);
|
|
font-weight: 400;
|
|
font-size: var(--font-size-notes);
|
|
letter-spacing: var(--letter-spacing-notes);
|
|
line-height: 1.65 !important;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* editor */
|
|
.cm-s-obsidian {
|
|
font-family: var(--font-editor);
|
|
color: var(--text-normal);
|
|
font-weight: 400;
|
|
font-size: var(--font-size-notes);
|
|
letter-spacing: var(--letter-spacing-notes);
|
|
line-height: 1.65 !important;
|
|
|
|
/* Editor font: make it thicker so it is like in Preview */
|
|
-webkit-font-smoothing: subpixel-antialiased !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Bold */
|
|
|
|
strong {
|
|
color: var(--discord-yellow-alt);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.cm-s-obsidian .cm-strong {
|
|
color: var(--discord-yellow-alt);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Italics */
|
|
|
|
em {
|
|
color: var(--text-em);
|
|
}
|
|
|
|
.cm-em {
|
|
color: var(--text-em);
|
|
}
|
|
|
|
.cm-formatting-em {
|
|
font-style: normal;
|
|
}
|
|
|
|
.cm-em:not(.cm-formatting-em) {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Highlights */
|
|
|
|
.markdown-preview-view mark {
|
|
background-color: transparent !important;
|
|
-webkit-box-shadow: inset 0 -2px var(--discord-yellow-alt);
|
|
box-shadow: inset 0 -2px var(--discord-yellow-alt);
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-highlight,
|
|
.cm-s-obsidian span.cm-highlight {
|
|
background-color: unset;
|
|
-webkit-box-shadow: var(--discord-yellow-alt) 0 -2px 0 0 inset;
|
|
box-shadow: var(--discord-yellow-alt) 0 -2px 0 0 inset;
|
|
margin: 4px 0;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-highlight {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
mark > strong {
|
|
color: var(--discord-yellow-alt) !important;
|
|
font-weight: 500;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Popup notifications */
|
|
|
|
.notice {
|
|
color: var(--text-on-accent) !important;
|
|
background-color: var(--background-primary-alt) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Dropdown */
|
|
|
|
.dropdown {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border: 1px solid rgba(32, 34, 37, 0.5) !important;
|
|
border-radius: 6px;
|
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 20 20' focusable='false' stroke-width='px' fill='%23B9BBBE' class='dropdown-svg'%3E%3Cpath d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'%3E%3C/path%3E%3C/svg%3E");
|
|
background-repeat: no-repeat, repeat;
|
|
background-position: right 0.7em top 50%, 0 0;
|
|
background-size: 1.2em auto, 100%;
|
|
-webkit-transition: background-color .17s ease, color .17s ease;
|
|
transition: background-color .17s ease, color .17s ease;
|
|
outline: 0 !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropdown:hover {
|
|
background-color: var(--background-modifier-form-field);
|
|
}
|
|
|
|
.dropdown:focus {
|
|
background-color: var(--background-modifier-form-field-highlighted);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Selections */
|
|
|
|
.markdown-preview-view .mod-highlighted {
|
|
background-color: var(--text-selection);
|
|
color: inherit;
|
|
}
|
|
|
|
/* flashing and selections when searching */
|
|
.is-flashing {
|
|
background-color: var(--text-highlight-bg);
|
|
transition: all 0.7s ease-in !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
WYSIWYG
|
|
|
|
This make switching between Editor and Preview seamless
|
|
but mostly in terms of size / width / margins and visual shifts
|
|
----------------------------------------------------------------*/
|
|
|
|
.CodeMirror-lines {
|
|
padding: 0 0 20px 0;
|
|
}
|
|
|
|
.CodeMirror pre.CodeMirror-line,
|
|
.CodeMirror pre.CodeMirror-line-like {
|
|
padding: 0;
|
|
}
|
|
|
|
.cm-s-obsidian .CodeMirror-code {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.markdown-source-view,
|
|
.markdown-preview-view,
|
|
.markdown-source-view.mod-cm5 {
|
|
padding: 1.5rem 1.5rem 0 1.5rem;
|
|
}
|
|
|
|
.CodeMirror,
|
|
.markdown-source-view.is-readable-line-width .CodeMirror,
|
|
.markdown-preview-section {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Editor */
|
|
|
|
/* to be concise between Editor and Preview we need to account for scrollbar */
|
|
.markdown-source-view.is-readable-line-width .CodeMirror,
|
|
.CodeMirror {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.markdown-source-view.is-readable-line-width .CodeMirror {
|
|
width: calc(var(--readable-line-length) + 16px);
|
|
}
|
|
|
|
.discordian-writer-mode .markdown-source-view.is-readable-line-width .CodeMirror {
|
|
width: calc(var(--readable-line-length) + 0px);
|
|
}
|
|
|
|
.CodeMirror-scroll {
|
|
padding-left: 4rem;
|
|
padding-right: 3rem;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.CodeMirror-sizer {
|
|
margin-left: 0 !important;
|
|
border-right: 0 !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Preview */
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.markdown-preview-section > div {
|
|
padding-left: 4rem;
|
|
padding-right: 2rem;
|
|
margin: 0 auto 0 auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
|
|
max-width: 100%;
|
|
width: var(--readable-line-length);
|
|
}
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-section > div {
|
|
width: var(--readable-line-length);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
HEADINGS
|
|
----------------------------------------------------------------*/
|
|
|
|
/*----------------------------------------------------------------
|
|
Preview */
|
|
|
|
.markdown-preview-view h1,
|
|
.markdown-preview-view h2,
|
|
.markdown-preview-view h3,
|
|
.markdown-preview-view h4,
|
|
.markdown-preview-view h5,
|
|
.markdown-preview-view h6 {
|
|
font-weight: 600;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
line-height: 125% !important;
|
|
}
|
|
|
|
.markdown-preview-view h1 {
|
|
font-size: 2rem;
|
|
color: var(--text-title-h1);
|
|
margin-block-start: 0;
|
|
margin-block-end: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.markdown-preview-view h2 {
|
|
font-size: 1.625rem;
|
|
color: var(--text-title-h2);
|
|
}
|
|
|
|
.markdown-preview-view h3 {
|
|
font-size: 1.375rem;
|
|
color: var(--text-title-h3);
|
|
}
|
|
|
|
.markdown-preview-view h4 {
|
|
font-size: 1.125rem;
|
|
color: var(--text-title-h4);
|
|
}
|
|
|
|
.markdown-preview-view h5 {
|
|
font-size: 1.125rem;
|
|
color: var(--text-title-h5);
|
|
}
|
|
|
|
.markdown-preview-view h6 {
|
|
font-size: 1rem;
|
|
color: var(--text-title-h6);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Editor */
|
|
|
|
.cm-formatting.cm-formatting-header.cm-header {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.cm-header-1,
|
|
.cm-header-2,
|
|
.cm-header-3,
|
|
.cm-header-4,
|
|
.cm-header-5,
|
|
.cm-header-6 {
|
|
font-weight: 600;
|
|
margin-block-start: 1em;
|
|
line-height: 125% !important;
|
|
}
|
|
|
|
.cm-header-1 {
|
|
font-size: 2rem;
|
|
color: var(--text-title-h1);
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
.cm-header-2 {
|
|
font-size: 1.625rem;
|
|
color: var(--text-title-h2);
|
|
}
|
|
|
|
.cm-header-3 {
|
|
font-size: 1.375rem;
|
|
color: var(--text-title-h3);
|
|
}
|
|
|
|
.cm-header-4 {
|
|
font-size: 1.125rem;
|
|
color: var(--text-title-h4);
|
|
}
|
|
|
|
.cm-header-5 {
|
|
font-size: 1.125rem;
|
|
color: var(--text-title-h5);
|
|
}
|
|
|
|
.cm-header-6 {
|
|
font-size: 1rem;
|
|
color: var(--text-title-h6);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-header-1.cm-footref,
|
|
.cm-s-obsidian span.cm-header-1.cm-blockid,
|
|
.cm-s-obsidian span.cm-header-2.cm-footref,
|
|
.cm-s-obsidian span.cm-header-2.cm-blockid,
|
|
.cm-s-obsidian span.cm-header-3.cm-footref,
|
|
.cm-s-obsidian span.cm-header-3.cm-blockid {
|
|
font-size: 1rem;
|
|
vertical-align: text-top;
|
|
margin-top: -1rem;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-header-4.cm-footref,
|
|
.cm-s-obsidian span.cm-header-4.cm-blockid,
|
|
.cm-s-obsidian span.cm-header-5.cm-footref,
|
|
.cm-s-obsidian span.cm-header-5.cm-blockid,
|
|
.cm-s-obsidian span.cm-header-6.cm-footref,
|
|
.cm-s-obsidian span.cm-header-6.cm-blockid {
|
|
font-size: 0.75rem;
|
|
vertical-align: text-top;
|
|
margin-top: -0.75rem;
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-header {
|
|
padding-bottom: 0;
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.vertical-tab-content h1:first-child,
|
|
.vertical-tab-content h2:first-child,
|
|
.vertical-tab-content h3:first-child {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Links in headers should be visually the same as normal headers
|
|
This is purely for visual aesthetics but makes sense when using
|
|
Bryan Jenks (@tallguyjenks) idea of self-correcting titles
|
|
*/
|
|
|
|
/*----------------------------------------------------------------
|
|
Preview */
|
|
|
|
.markdown-preview-view h1 a.internal-link {
|
|
color: var(--text-title-h1);
|
|
}
|
|
|
|
.markdown-preview-view h2 a.internal-link {
|
|
color: var(--text-title-h2);
|
|
}
|
|
|
|
.markdown-preview-view h3 a.internal-link {
|
|
color: var(--text-title-h3);
|
|
}
|
|
|
|
.markdown-preview-view h4 a.internal-link {
|
|
color: var(--text-title-h4);
|
|
}
|
|
|
|
.markdown-preview-view h5 a.internal-link {
|
|
color: var(--text-title-h5);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Editor */
|
|
|
|
.cm-s-obsidian span.cm-formatting-link.cm-header-1,
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-1 {
|
|
color: var(--text-title-h1);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-1:hover {
|
|
color: var(--text-title-h1);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-link.cm-header-2,
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-2 {
|
|
color: var(--text-title-h2);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-2:hover {
|
|
color: var(--text-title-h2);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-link.cm-header-3,
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-3 {
|
|
color: var(--text-title-h3);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-3:hover {
|
|
color: var(--text-title-h3);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-link.cm-header-4,
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-4 {
|
|
color: var(--text-title-h4);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-4:hover {
|
|
color: var(--text-title-h4);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-link.cm-header-5,
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-5 {
|
|
color: var(--text-title-h5);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link.cm-header-5:hover {
|
|
color: var(--text-title-h5);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Inline code in headers should respect header size
|
|
*/
|
|
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-1:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-1 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-2:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-2 {
|
|
font-size: 1.625rem;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-3:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-3 {
|
|
font-size: 1.375rem;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-4:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-4,
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-5:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-5 {
|
|
font-size: 1.125rem;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-6:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
|
|
.cm-s-obsidian span.cm-inline-code.cm-header-6 {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-inline-code {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
POPOVERS
|
|
----------------------------------------------------------------*/
|
|
|
|
.menu,
|
|
div.popover.hover-popover,
|
|
.suggestion-container {
|
|
background-color: var(--background-secondary);
|
|
border-radius: 4px;
|
|
border: none !important;
|
|
min-width: 15rem;
|
|
font-family: var(--font-editor);
|
|
font-size: 15px !important;
|
|
-webkit-box-shadow: var(--elevation-stroke), var(--elevation-high);
|
|
box-shadow: var(--elevation-stroke), var(--elevation-high);
|
|
}
|
|
|
|
/* Bigger popovers */
|
|
div.popover.hover-popover {
|
|
width: 35rem;
|
|
max-height: 25rem;
|
|
}
|
|
|
|
div.popover.hover-popover .markdown-preview-view {
|
|
font-size: 13px !important;
|
|
}
|
|
|
|
div.popover.hover-popover .markdown-embed-content .markdown-preview-section {
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
.popover.hover-popover .markdown-embed {
|
|
height: 25rem;
|
|
}
|
|
|
|
div.popover.hover-popover .markdown-preview-view h1 {
|
|
font-size: 1.375rem;
|
|
}
|
|
|
|
div.popover.hover-popover .markdown-preview-view h2 {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
div.popover.hover-popover .markdown-preview-view h3 {
|
|
font-size: 1.125rem;
|
|
}
|
|
|
|
div.popover.hover-popover .markdown-preview-view h4 {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
div.popover.hover-popover .markdown-preview-view h5,
|
|
div.popover.hover-popover .markdown-preview-view h6 {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
SUGGESTIONS
|
|
----------------------------------------------------------------*/
|
|
|
|
.suggestion-item,
|
|
.suggestion-empty {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.suggestion .suggestion-item.is-selected {
|
|
background-color: var(--background-modifier-form-field-highlighted);
|
|
color: var(--text-on-accent);
|
|
}
|
|
|
|
.suggestion-highlight {
|
|
color: var(--interactive-accent) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
SCROLLBARS
|
|
----------------------------------------------------------------*/
|
|
|
|
/*----------------------------------------------------------------
|
|
theme-default thin scrollbars */
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border-color: var(--scrollbar-thin-track);
|
|
background-color: var(--background-secondary);
|
|
border: 2px solid var(--scrollbar-thin-track);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-clip: padding-box;
|
|
border: 2px solid transparent;
|
|
border-radius: 4px;
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
min-height: 40px;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Clean up secondary scrollbar*/
|
|
.CodeMirror-scroll::-webkit-scrollbar {
|
|
display: none !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
scrollbars in editor & preview */
|
|
|
|
.mod-root {
|
|
scrollbar-width: auto;
|
|
scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track);
|
|
}
|
|
|
|
.mod-root ::-webkit-scrollbar {
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
}
|
|
|
|
.mod-root ::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
border: 4px solid var(--background-primary);
|
|
}
|
|
|
|
.mod-root ::-webkit-scrollbar-thumb,
|
|
.mod-root ::-webkit-scrollbar-track {
|
|
border: 4px solid transparent;
|
|
background-clip: padding-box;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.mod-root ::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
min-height: 40px;
|
|
}
|
|
|
|
.mod-root ::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
graph controls scrollbars */
|
|
|
|
.mod-root .graph-controls::-webkit-scrollbar {
|
|
width: 8px !important;
|
|
height: 8px !important;
|
|
}
|
|
|
|
.mod-root .graph-controls::-webkit-scrollbar-track {
|
|
border-color: var(--background-secondary-alt) !important;
|
|
background-color: var(--background-primary) !important;
|
|
border: 0 solid var(--scrollbar-thin-track) !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.mod-root .graph-controls::-webkit-scrollbar-thumb {
|
|
background-clip: padding-box !important;
|
|
border: 2px solid transparent !important;
|
|
border-radius: 0 !important;
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
min-height: 40px !important;
|
|
}
|
|
|
|
.mod-root .graph-controls::-webkit-scrollbar-corner {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
codeblocks - scrollable content without horizontal scrollbar */
|
|
|
|
.markdown-preview-section pre::-webkit-scrollbar-track {
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.markdown-preview-section pre::-webkit-scrollbar-thumb {
|
|
background-color: var(--background-primary); /* --scrollbar-thin-thumb to reveal */
|
|
border: 6px solid transparent;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
tables - scrollable content without horizontal scrollbar */
|
|
|
|
.CodeMirror-hscrollbar::-webkit-scrollbar-track {
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
|
|
background-color: var(--background-primary); /* --scrollbar-thin-thumb to reveal */
|
|
border: 6px solid transparent;
|
|
}
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-section::-webkit-scrollbar-track {
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-section::-webkit-scrollbar-thumb {
|
|
background-color: var(--background-primary); /* --scrollbar-thin-thumb to reveal */
|
|
border: 6px solid transparent;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
WORKSPACE
|
|
----------------------------------------------------------------*/
|
|
|
|
.app-container {
|
|
border-top: 1px solid var(--background-tertiary) !important;
|
|
}
|
|
|
|
.view-content {
|
|
height: calc(100% - 32px);
|
|
}
|
|
|
|
.titlebar-button-container {
|
|
top: 0;
|
|
}
|
|
|
|
.nav-action-button.is-active {
|
|
background-color: var(--interactive-accent-alt);
|
|
color: var(--text-on-accent);
|
|
}
|
|
|
|
/* straight corners */
|
|
.workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
|
|
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
|
|
.workspace-leaf-content {
|
|
border-top-left-radius: 0 !important;
|
|
border-top-right-radius: 0 !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Collapsed Ribbons */
|
|
|
|
.workspace-ribbon.is-collapsed {
|
|
background-color: var(--background-secondary-alt) !important;
|
|
}
|
|
|
|
.workspace-ribbon.mod-right.is-collapsed {
|
|
background-color: var(--background-secondary-alt) !important;
|
|
}
|
|
|
|
.workspace-ribbon.mod-left.is-collapsed {
|
|
background-color: var(--background-secondary-alt) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Tabs */
|
|
|
|
.workspace-tabs {
|
|
background-color: var(--background-secondary);
|
|
overflow: hidden;
|
|
padding: 0 0 1rem 0;
|
|
position: relative;
|
|
}
|
|
|
|
.workspace-tab-header {
|
|
color: var(--text-muted) !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.workspace-tab-header:hover {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.workspace-tags,
|
|
.tag-container {
|
|
padding: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Resize Handlers */
|
|
|
|
body.is-translucent {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.workspace-leaf-resize-handle,
|
|
.is-translucent .workspace-leaf-resize-handle {
|
|
background-color: var(--background-secondary); /*--background-secondary-alt*/
|
|
margin: 0;
|
|
}
|
|
|
|
.workspace-leaf-resize-handle:hover,
|
|
.is-translucent .workspace-leaf-resize-handle:hover {
|
|
background-color: var(--interactive-accent-light);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Split Mode */
|
|
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
|
width: 2px !important;
|
|
}
|
|
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
|
|
height: 2px;
|
|
}
|
|
|
|
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.workspace-split.mod-vertical > .workspace-leaf {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.workspace-split.mod-root {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* no animation for panels - feels more snappier */
|
|
.workspace-split.mod-left-split,
|
|
.workspace-split.mod-right-split {
|
|
transition: none;
|
|
}
|
|
|
|
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content .view-content {
|
|
padding-right: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Side Dock */
|
|
|
|
.side-dock-ribbon-action {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
.side-dock-ribbon-action:hover {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.side-dock-ribbon-tab.is-active {
|
|
color: var(--interactive-accent) !important;
|
|
}
|
|
|
|
.side-dock-ribbon-tab.is-active .side-dock-ribbon-tab-inner:hover {
|
|
color: #6272a4 !important;
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
.side-dock-panels-container {
|
|
font-size: 13px !important;
|
|
background-color: var(--background-secondary-alt) !important;
|
|
color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* side dock titles at top */
|
|
.side-dock-title {
|
|
font-size: 20px !important;
|
|
font-weight: 800 !important;
|
|
}
|
|
|
|
.side-dock-collapsible-section-header {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* hover actions on side dock navigation */
|
|
.side-dock-ribbon-tab:hover,
|
|
.side-dock-ribbon-tab-inner:hover,
|
|
.side-dock-ribbon-action:hover,
|
|
.side-dock-ribbon-action.is-active:hover,
|
|
.nav-action-button:hover,
|
|
.side-dock-collapse-btn:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Navigation & File Explorer */
|
|
|
|
.nav-action-button {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.nav-action-button svg {
|
|
width: 15px;
|
|
}
|
|
|
|
.nav-header {
|
|
padding: 8px 20px 4px 20px;
|
|
}
|
|
|
|
.nav-file-title,
|
|
.nav-folder-title {
|
|
cursor: var(--cursor);
|
|
align-items: baseline;
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
line-height: 1.25;
|
|
border: 1px solid var(--background-secondary);
|
|
}
|
|
|
|
.nav-file-title {
|
|
padding: 8px 10px 6px 10px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-editor);
|
|
font-variant-numeric: tabular-nums !important;
|
|
font-size: var(--font-size-file-explorer);
|
|
border-radius: 4px;
|
|
color: var(--text-muted) !important;
|
|
background-color: var(--background-secondary);
|
|
display: inline-flex;
|
|
-webkit-font-feature-settings: "tnum" !important;
|
|
-moz-font-feature-settings: "tnum" !important;
|
|
font-feature-settings: "tnum" !important;
|
|
-webkit-font-variant-numeric: tabular-nums !important;
|
|
-moz-font-variant-numeric: tabular-nums !important;
|
|
}
|
|
|
|
.nav-file-title:hover,
|
|
.nav-folder-title:hover {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.nav-folder-title {
|
|
font-size: calc(var(--font-size-file-explorer) + 0.125rem);
|
|
color: var(--interactive-active) !important;
|
|
background-color: var(--background-secondary);
|
|
padding: 2px 10px 2px 22px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Condense line spacing on file explorer title list.
|
|
Avoid character-level word breaks */
|
|
|
|
.nav-file-title-content,
|
|
.search-result-file-title {
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
line-height: normal !important;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.nav-file-title-content,
|
|
.nav-folder-title-content {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
.nav-folder-title-content {
|
|
padding: 1px 4px;
|
|
}
|
|
|
|
.nav-file-title-content {
|
|
width: 100%;
|
|
}
|
|
|
|
.nav-files-container {
|
|
overflow-x: hidden !important;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
/* smaller & bold vault title */
|
|
.nav-folder.mod-root > .nav-folder-title {
|
|
padding-left: 6px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
top: 0;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
cursor: default;
|
|
color: var(--text-accent) !important;
|
|
}
|
|
|
|
.nav-file {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.nav-folder-children .nav-folder-children > .nav-file > .nav-file-title {
|
|
padding: 6px 10px 6px 10px;
|
|
margin-left: 0 !important;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.nav-folder-children .nav-folder-children > .nav-file > .nav-file-title > .nav-file-title-content {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Files & folders: active & hover */
|
|
|
|
.nav-file.is-active .nav-file-tag {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.nav-file-title.is-active::before {
|
|
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='8' width='8'%3E%3Ccircle cx='4' cy='4' r='4' stroke='white' stroke-width='0' fill='white'/%3E%3C/svg%3E");
|
|
position: absolute;
|
|
left: -4px;
|
|
}
|
|
|
|
.nav-folder-children .nav-folder-children > .nav-file > .nav-file-title.is-active::before {
|
|
content: none;
|
|
}
|
|
|
|
.nav-file-title.is-active,
|
|
.nav-folder-title.is-active,
|
|
body:not(.is-grabbing) .nav-file-title:hover,
|
|
body:not(.is-grabbing) .nav-folder-title:hover {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
body:not(.is-grabbing) .nav-folder-title:hover {
|
|
color: var(--interactive-active) !important;
|
|
}
|
|
|
|
.nav-folder.mod-root > .nav-folder-title:hover {
|
|
color: var(--text-accent) !important;
|
|
}
|
|
|
|
.nav-file-title.is-active,
|
|
.nav-folder-title.is-active {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
body:not(.is-grabbing) .nav-file-title:hover,
|
|
body:not(.is-grabbing) .nav-folder-title:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
body:not(.is-grabbing) .nav-file-title.is-active,
|
|
body:not(.is-grabbing) .nav-file-title.is-active:hover {
|
|
background-color: var(--background-primary);
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.nav-folder-collapse-indicator {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.collapse-icon svg {
|
|
height: 12px;
|
|
}
|
|
|
|
.nav-file-tag {
|
|
background-color: var(--background-secondary-alt);
|
|
top: -1px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.nav-file-tag + .nav-file-title-content {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Search */
|
|
|
|
.search-result {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.search-result-file-title {
|
|
color: var(--text-a) !important;
|
|
background-color: var(--background-secondary);
|
|
font-weight: 400;
|
|
}
|
|
|
|
.search-result-file-title:hover {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
.search-result-file-matches {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
margin-right: 5px;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.search-result-file-match::before {
|
|
display: none;
|
|
}
|
|
|
|
.search-result-file-match:not(:first-child) {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.search-result-file-match {
|
|
line-height: normal !important;
|
|
word-break: keep-all;
|
|
left: 0;
|
|
width: 100%;
|
|
padding-top: 4px !important;
|
|
padding-bottom: 4px !important;
|
|
}
|
|
|
|
.search-result-file-match:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
.search-result-file-matched-text {
|
|
background-color: var(--text-selection);
|
|
}
|
|
|
|
.search-result-collapse-indicator {
|
|
top: -5px !important;
|
|
}
|
|
|
|
.search-result-file-match-replace-button {
|
|
color: var(--text-on-accent);
|
|
top: 3px;
|
|
right: 8px;
|
|
opacity: 0.8;
|
|
font-size: .625rem;
|
|
text-transform: uppercase;
|
|
background-color: var(--interactive-accent) !important;
|
|
height: .9375rem;
|
|
padding: 0 .275rem;
|
|
margin-top: .075em;
|
|
border-radius: .1875rem;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.tree-item-self .collapse-icon {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.tree-item-flair {
|
|
background-color: unset;
|
|
}
|
|
|
|
.tree-item-self .tree-item-flair {
|
|
font-family: var(--font-editor);
|
|
font-size: 0.6875rem;
|
|
}
|
|
|
|
.tree-item-self:hover .tree-item-flair {
|
|
background-color: unset;
|
|
color: var(--text-a);
|
|
}
|
|
|
|
.backlink-pane .tree-item-inner {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.backlink-pane > .tree-item-self:hover .tree-item-flair {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.tag-container .tree-item-self:hover .tree-item-flair {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.tree-item-children {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
/* search count boxes */
|
|
.search-result-count {
|
|
font-family: var(--font-monospace);
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.search-result-file-title .pane-list-item-ending-flair {
|
|
position: absolute;
|
|
top: 1px;
|
|
font-size: 12px;
|
|
background-color: var(--background-secondary-alt);
|
|
line-height: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* clean up side bar empty state (e.g. unlinked mentions) */
|
|
.search-empty-state {
|
|
width: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
line-height: normal;
|
|
font-size: 0.875rem;
|
|
color: var(--discord-red-hover);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Header */
|
|
|
|
.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
|
|
border-bottom: 0;
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.view-header {
|
|
height: 30px;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.view-header::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
left: 0;
|
|
right: 0;
|
|
top: 28px;
|
|
height: 1px;
|
|
-webkit-box-shadow: var(--elevation-low) !important;
|
|
box-shadow: var(--elevation-low) !important;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.view-header-title {
|
|
font-size: 13px;
|
|
line-height: 32px;
|
|
font-family: var(--font-editor) !important;
|
|
}
|
|
|
|
.view-header-title-container {
|
|
position: relative;
|
|
}
|
|
|
|
.workspace-leaf.mod-active .view-header {
|
|
background-color: var(--background-primary);
|
|
border-bottom: 2px solid var(--discord-yellow-light);
|
|
}
|
|
|
|
/* fix the long-title-obscuring shadows */
|
|
.workspace-leaf.mod-active .view-header-title-container::after,
|
|
.view-header-title-container::after {
|
|
content: ' ';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 28px;
|
|
background: linear-gradient(to right, transparent, var(--background-primary)) !important; /* rgb(51,53,59) */
|
|
}
|
|
|
|
.view-header-title-container::after {
|
|
background: linear-gradient(to right, transparent, var(--background-primary)) !important;
|
|
}
|
|
|
|
/* Change color of note title active pane */
|
|
.workspace-leaf.mod-active .view-header-title {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.workspace-leaf-content .view-content,
|
|
.workspace-leaf-content[data-type='tag'] {
|
|
padding: 10px;
|
|
}
|
|
|
|
.item-list {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.view-header-icon {
|
|
top: 0 !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
View Actions */
|
|
|
|
.view-action {
|
|
top: 0;
|
|
color: var(--text-muted) !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.view-action:hover,
|
|
.view-action.is-active {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.view-actions {
|
|
padding: 5px 10px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.view-action.mod-close-leaf > svg {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.view-action.mod-pin-leaf > svg {
|
|
height: 15px;
|
|
}
|
|
|
|
/* icons at top of panes */
|
|
.file-view-actions a {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
.file-view-actions a:hover {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Top Window Frame */
|
|
|
|
.titlebar {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.titlebar-text {
|
|
display: none;
|
|
color: var(--text-faint);
|
|
letter-spacing: inherit;
|
|
}
|
|
|
|
.titlebar-button {
|
|
opacity: 1;
|
|
cursor: var(--cursor);
|
|
}
|
|
|
|
.titlebar-button svg path {
|
|
fill: var(--text-muted) !important;
|
|
stroke: var(--text-muted) !important;
|
|
}
|
|
|
|
.titlebar-button:hover svg path {
|
|
fill: var(--text-normal) !important;
|
|
stroke: var(--text-normal) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Status Bar */
|
|
|
|
.status-bar {
|
|
border-top: 0;
|
|
background-color: var(--background-secondary-alt) !important;
|
|
color: var(--text-faint);
|
|
padding: 0 4em 0 0;
|
|
}
|
|
|
|
.status-bar-item {
|
|
padding: 0 5px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.status-bar-item-segment {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
LISTS
|
|
----------------------------------------------------------------*/
|
|
|
|
ul {
|
|
padding-inline-start: 2em;
|
|
list-style: none;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul ul,
|
|
ol ul,
|
|
ol ol ul,
|
|
ol ul ul,
|
|
ul ol ul,
|
|
ul ul ul {
|
|
list-style: none;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul > li:not(.task-list-item)::before {
|
|
content: "\2022";
|
|
color: var(--text-faint);
|
|
font-weight: 400;
|
|
display: inline-block;
|
|
width: 1em;
|
|
margin-left: -1em;
|
|
}
|
|
|
|
ul li p,
|
|
ol li p {
|
|
display: inline;
|
|
}
|
|
|
|
ol {
|
|
padding-inline-start: 1rem;
|
|
margin-left: 1rem;
|
|
list-style: none;
|
|
counter-reset: counter;
|
|
position: relative;
|
|
}
|
|
|
|
ol > li {
|
|
counter-increment: counter;
|
|
margin: 0.3rem 0 0.3rem 0;
|
|
}
|
|
|
|
ol > li::before {
|
|
content: counter(counter) ". ";
|
|
color: var(--text-faint);
|
|
position: absolute;
|
|
text-align: right;
|
|
left: -1.25rem;
|
|
width: 2rem;
|
|
}
|
|
|
|
.markdown-preview-section > ul.contains-task-list {
|
|
margin-block-end: 2rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
TASK LISTS
|
|
----------------------------------------------------------------*/
|
|
|
|
input[type=checkbox] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background-color: var(--background-primary);
|
|
border: 1px solid var(--text-faint);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type=checkbox]:focus,
|
|
input[type=checkbox]:hover {
|
|
outline: 0;
|
|
border-color: var(--text-faint);
|
|
}
|
|
|
|
input[type=checkbox]:checked {
|
|
background-color: var(--discord-blue) !important;
|
|
border: 1px solid var(--discord-blue);
|
|
background-position: center;
|
|
background-size: 70%;
|
|
background-repeat: no-repeat;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 20 20'%3E%3Cpath d='M0 11l2-2l5 5L18 3l2 2L7 18z' fill='%23fff'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Preview Mode */
|
|
|
|
.markdown-preview-view .task-list-item-checkbox {
|
|
top: 8px;
|
|
width: calc(var(--font-size-notes) + 0.375rem);
|
|
height: calc(var(--font-size-notes) + 0.375rem);
|
|
margin-left: -0.2rem;
|
|
margin-right: 0.5rem;
|
|
filter: none;
|
|
}
|
|
|
|
ul.contains-task-list li > div.list-collapse-indicator {
|
|
margin-top: 0.5rem;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.contains-task-list li {
|
|
margin: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Smart Visual Task Lists ALSO in Editor Mode ! (HACKISH)
|
|
|
|
This works properly only with "Smart Indent List" setting enabled
|
|
as it produces checkboxes automatically when entering next line.
|
|
Best combined with "Toggle checklist status" command shortcut.
|
|
|
|
FOR DEFAULT BEHAVIOUR PLEASE REMOVE THIS WHOLE SECTION TILL END */
|
|
|
|
.discordian-pretty-tasks-editor .cm-s-obsidian span.cm-formatting-list {
|
|
margin: 0;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor .cm-s-obsidian pre.HyperMD-list-line {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor .cm-s-obsidian span.cm-formatting-task {
|
|
white-space: pre;
|
|
text-align: center;
|
|
color: transparent;
|
|
font-size: calc(0.7 * calc(var(--font-size-notes) + 0.125rem));
|
|
line-height: 2rem;
|
|
background-color: var(--background-primary);
|
|
font-family: var(--default-font);
|
|
margin-left: -0.8rem;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor .cm-formatting-task {
|
|
border: 1px solid var(--text-faint);
|
|
border-radius: 3px;
|
|
padding: 0;
|
|
}
|
|
|
|
/* HACK: makes unchecked task same size as checked one */
|
|
.discordian-pretty-tasks-editor .cm-s-obsidian span.cm-formatting-task::after {
|
|
content: '\0020\0020\0020\0020';
|
|
color: transparent;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor input[type=checkbox]:checked,
|
|
.discordian-pretty-tasks-editor .cm-formatting-task.cm-property {
|
|
background-color: var(--discord-blue) !important;
|
|
border: 1px solid var(--discord-blue);
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor .cm-formatting-task.cm-property::after {
|
|
content: '\0020\0020\0020' !important;
|
|
color: transparent !important;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor .cm-formatting-task + span {
|
|
padding-left: 0.3rem;
|
|
vertical-align: sub;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor .cm-formatting-task ~ span {
|
|
vertical-align: sub !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Adjust nested level task lists when collapsed
|
|
Order matters here - from top level supported (7) down to first */
|
|
|
|
.discordian-pretty-tasks-editor pre.HyperMD-list-line-7 {
|
|
padding-left: calc(12.25 * calc(var(--font-size-notes) + 0.125rem)) !important;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor pre.HyperMD-list-line-6 {
|
|
padding-left: calc(10.5 * calc(var(--font-size-notes) + 0.125rem)) !important;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor pre.HyperMD-list-line-5 {
|
|
padding-left: calc(8.75 * calc(var(--font-size-notes) + 0.125rem)) !important;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor pre.HyperMD-list-line-4 {
|
|
padding-left: calc(7 * calc(var(--font-size-notes) + 0.125rem)) !important;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor pre.HyperMD-list-line-3 {
|
|
padding-left: calc(5.25 * calc(var(--font-size-notes) + 0.125rem)) !important;
|
|
}
|
|
|
|
.discordian-pretty-tasks-editor pre.HyperMD-list-line-2:not(.HyperMD-list-line-1) {
|
|
padding-left: calc(3.5 * calc(var(--font-size-notes) + 0.125rem)) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
LINKS & BRACKETS
|
|
----------------------------------------------------------------*/
|
|
|
|
a,
|
|
.internal-link,
|
|
.cm-hmd-internal-link,
|
|
.cm-link,
|
|
.cm-url,
|
|
.cm-formatting-link,
|
|
.cm-s-obsidian span.cm-link,
|
|
.cm-s-obsidian span.cm-hmd-internal-link {
|
|
color: var(--text-a);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover,
|
|
.internal-link:hover,
|
|
.cm-hmd-internal-link:hover,
|
|
.cm-link:hover,
|
|
.cm-url:hover,
|
|
.cm-formatting-link:hover {
|
|
color: var(--text-a-hover);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-link {
|
|
color: var(--text-a);
|
|
padding: 0 1px;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-link:hover,
|
|
.cm-s-obsidian span.cm-hmd-internal-link:hover {
|
|
color: var(--text-a-hover);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* regular urls in editor */
|
|
.cm-s-obsidian span.cm-url {
|
|
/*text-decoration: none;*/
|
|
}
|
|
|
|
/* preview */
|
|
.markdown-preview-view .internal-link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.markdown-preview-view .internal-link.is-unresolved {
|
|
opacity: 1;
|
|
}
|
|
|
|
.external-link {
|
|
background-image: unset;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.markdown-preview-view .external-link {
|
|
color: var(--text-link);
|
|
}
|
|
|
|
a:not(.internal-link) {
|
|
color: var(--text-link);
|
|
}
|
|
|
|
a:not(.internal-link):hover {
|
|
color: var(--text-link);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:not(.internal-link).footnote-link {
|
|
color: var(--text-a);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
TAGS
|
|
----------------------------------------------------------------*/
|
|
|
|
.cm-s-obsidian .cm-formatting-hashtag {
|
|
font-family: var(--font-editor);
|
|
}
|
|
|
|
a.tag,
|
|
span:not(.cm-header).cm-hashtag {
|
|
font-weight: 400;
|
|
unicode-bidi: -moz-plaintext;
|
|
unicode-bidi: plaintext;
|
|
color: var(--discord-blue);
|
|
background: rgba(114, 137, 218, 0.1);
|
|
position: relative;
|
|
-webkit-transition: background-color .15s ease-out, color .15s ease-out;
|
|
transition: background-color .15s ease-out, color .15s ease-out;
|
|
}
|
|
|
|
span:not(.cm-header).cm-hashtag-begin {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
padding-left: 4px;
|
|
padding-top: 3px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
span:not(.cm-header).cm-hashtag-end {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
padding: 3px 3px 1px 0;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
a.tag {
|
|
padding: 3px 4px 1px 4px !important;
|
|
border-radius: 3px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
span:not(.cm-header).cm-hashtag {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
a.tag:hover {
|
|
text-decoration: none !important;
|
|
color: var(--discord-blue);
|
|
background-color: rgba(114, 137, 218, 0.2);
|
|
}
|
|
|
|
h1 a.tag,
|
|
h2 a.tag,
|
|
h3 a.tag,
|
|
h4 a.tag,
|
|
h5 a.tag,
|
|
h6 a.tag {
|
|
background: unset;
|
|
font-style: italic;
|
|
color: unset;
|
|
filter: invert(30%);
|
|
}
|
|
|
|
h1 a.tag:hover,
|
|
h2 a.tag:hover,
|
|
h3 a.tag:hover,
|
|
h4 a.tag:hover,
|
|
h5 a.tag:hover,
|
|
h6 a.tag:hover {
|
|
background: unset;
|
|
color: unset;
|
|
}
|
|
|
|
span.cm-hashtag {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
FOOTNOTES
|
|
----------------------------------------------------------------*/
|
|
|
|
sup {
|
|
letter-spacing: 0;
|
|
padding-left: 0.2rem;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-footref,
|
|
.cm-s-obsidian span.cm-blockid {
|
|
vertical-align: super;
|
|
margin-top: 0;
|
|
font-size: small;
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-footnote {
|
|
padding-left: 3rem;
|
|
padding-bottom: 0.5rem;
|
|
font-size: small;
|
|
}
|
|
|
|
.footnotes {
|
|
font-size: small;
|
|
}
|
|
|
|
.footnote-link {
|
|
color: var(--text-a);
|
|
}
|
|
|
|
.footnote-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.footnote-backref {
|
|
color: var(--text-muted);
|
|
margin-left: 0.2rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
TOGGLE SWITCHES
|
|
----------------------------------------------------------------*/
|
|
|
|
.checkbox-container {
|
|
background-color: var(--discord-grey-toggle);
|
|
border: none;
|
|
box-shadow: none;
|
|
width: 40px;
|
|
height: 24px;
|
|
-webkit-transition: all .17s;
|
|
transition: all .17s ease;
|
|
}
|
|
|
|
.checkbox-container.is-enabled {
|
|
background-color: var(--interactive-accent);
|
|
}
|
|
|
|
.checkbox-container::before,
|
|
.checkbox-container::after {
|
|
color: var(--discord-grey-toggle);
|
|
}
|
|
|
|
.checkbox-container::before {
|
|
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 20' preserveAspectRatio='xMinYMid meet'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill='rgba(114, 118, 125, 1)' d='M5.13231 6.72963L6.7233 5.13864L14.855 13.2704L13.264 14.8614L5.13231 6.72963Z'%3E%3C/path%3E%3Cpath fill='rgba(114, 118, 125, 1)' d='M13.2704 5.13864L14.8614 6.72963L6.72963 14.8614L5.13864 13.2704L13.2704 5.13864Z'%3E%3C/path%3E%3C/svg%3E%3C/svg%3E");
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transform: translate3d(-7px, 3px, 0);
|
|
}
|
|
|
|
.checkbox-container.is-enabled::before {
|
|
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 20' preserveAspectRatio='xMinYMid meet'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill='rgba(67, 181, 129, 1)' d='M7.89561 14.8538L6.30462 13.2629L14.3099 5.25755L15.9009 6.84854L7.89561 14.8538Z'%3E%3C/path%3E%3Cpath fill='rgba(67, 181, 129, 1)' d='M4.08643 11.0903L5.67742 9.49929L9.4485 13.2704L7.85751 14.8614L4.08643 11.0903Z'%3E%3C/path%3E%3C/svg%3E%3C/svg%3E");
|
|
transform: translate3d(7px, 3px, 0);
|
|
}
|
|
|
|
.checkbox-container.is-enabled::after {
|
|
transform: translate3d(15px, 0, 0);
|
|
}
|
|
|
|
.checkbox-container::after {
|
|
box-shadow: none !important;
|
|
width: 18px;
|
|
height: 18px;
|
|
transform: translate3d(1px, 0, 0);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
TABLES
|
|
----------------------------------------------------------------*/
|
|
|
|
th {
|
|
font-weight: 800;
|
|
}
|
|
|
|
thead {
|
|
border-top: 2px solid var(--discord-yellow-alt);
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Preview Mode */
|
|
|
|
.markdown-preview-view table {
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.markdown-preview-view td,
|
|
.markdown-preview-view th {
|
|
border: none;
|
|
}
|
|
|
|
.markdown-preview-view th {
|
|
font-family: var(--default-font);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.markdown-preview-view thead > tr {
|
|
border-top: 0 !important;
|
|
}
|
|
|
|
.markdown-preview-view tr {
|
|
border-top: 1px solid var(--background-accent);
|
|
}
|
|
|
|
.markdown-preview-view td,
|
|
.markdown-preview-view tr > th {
|
|
border-left: 1px solid var(--background-accent);
|
|
}
|
|
|
|
.markdown-preview-view tr > td:first-of-type,
|
|
tr > th:first-of-type {
|
|
border-left: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Editor Mode */
|
|
|
|
.CodeMirror pre.HyperMD-table-row {
|
|
font-family: var(--font-monospace);
|
|
font-size: 100%;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.CodeMirror pre.HyperMD-table-row span.cm-formatting-link {
|
|
padding: 0;
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-table-row.HyperMD-table-row-0 {
|
|
margin-top: 0.15rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
CODEBLOCKS & INLINE CODE
|
|
----------------------------------------------------------------*/
|
|
|
|
code,
|
|
.cm-inline-code {
|
|
padding: 2px 1px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
editor */
|
|
|
|
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) {
|
|
color: var(--markup-code);
|
|
font-size: 100%;
|
|
background-color: var(--discord-yellow-bg);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-inline-code {
|
|
color: var(--markup-code);
|
|
font-size: 100%;
|
|
background-color: var(--discord-yellow-bg);
|
|
border-radius: 3px;
|
|
padding-top: 4px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-inline-code.cm-inline-code {
|
|
margin-left: 0;
|
|
}
|
|
|
|
span.cm-inline-code.cm-hmd-indented-code,
|
|
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code {
|
|
background-color: unset !important;
|
|
color: var(--text-normal);
|
|
padding: 0.2rem 0;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-code.cm-inline-code {
|
|
border-right-width: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-code.cm-inline-code + span.cm-inline-code {
|
|
border-right: none;
|
|
border-left: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-formatting-code.cm-inline-code + span.cm-inline-code + span.cm-formatting-code.cm-inline-code {
|
|
border-left-width: 0;
|
|
border-right-width: 1px;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-codeblock {
|
|
padding: 0 0.5rem;
|
|
color: var(--interactive-normal);
|
|
font-family: var(--font-monospace);
|
|
font-size: 100%;
|
|
white-space: pre-wrap;
|
|
background-clip: border-box;
|
|
}
|
|
|
|
.cm-s-obsidian div.HyperMD-codeblock-bg {
|
|
background-color: var(--background-code-preview);
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-codeblock.HyperMD-codeblock-begin {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
padding-top: 0.5rem;
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-codeblock.HyperMD-codeblock-end {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
preview */
|
|
|
|
.theme-dark :not(pre) > code[class*="language-"],
|
|
.theme-dark pre[class*="language-"] {
|
|
background: var(--background-code-preview);
|
|
text-shadow: unset !important;
|
|
padding: 6px 10px;
|
|
margin: 1.5rem 0;
|
|
}
|
|
|
|
.markdown-preview-view pre {
|
|
background-color: var(--background-code-preview);
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.markdown-preview-view code {
|
|
text-shadow: unset !important;
|
|
color: var(--markup-code) !important;
|
|
background-color: var(--discord-yellow-bg);
|
|
font-size: 100%;
|
|
padding-top: 4px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
.markdown-preview-view pre code {
|
|
color: var(--text-normal) !important;
|
|
background-color: unset !important;
|
|
font-size: 100%;
|
|
}
|
|
|
|
pre.frontmatter[class*="language-"] {
|
|
background-color: transparent;
|
|
text-shadow: unset !important;
|
|
color: var(--text-normal) !important;
|
|
padding: 0;
|
|
margin: 0 0 1.5rem 0;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
frontmatter */
|
|
|
|
.markdown-preview-view pre code.language-yaml,
|
|
.markdown-preview-view pre code.language-yaml span.token {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
.frontmatter-container {
|
|
background-color: var(--background-code-preview);
|
|
border: 0;
|
|
margin: 0 0 1.5rem 0;
|
|
}
|
|
|
|
.frontmatter-container .frontmatter-section {
|
|
margin: 0;
|
|
}
|
|
|
|
.frontmatter-container .frontmatter-container-header {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.frontmatter-container .frontmatter-collapse-indicator {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.frontmatter-container .frontmatter-section-label {
|
|
text-transform: lowercase;
|
|
display: inline-flex;
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.frontmatter-container .frontmatter-section-label::after {
|
|
content: ':';
|
|
display: inline-block;
|
|
}
|
|
|
|
.frontmatter-container .tag,
|
|
.frontmatter-container .frontmatter-alias {
|
|
background-color: var(--background-code-preview);
|
|
border-radius: 3px !important;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
.frontmatter-container a.tag {
|
|
padding: 0 4px !important;
|
|
}
|
|
|
|
.frontmatter-container .tag:hover {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.frontmatter-container .frontmatter-alias {
|
|
padding: 1px 4px !important;
|
|
}
|
|
|
|
.cm-s-obsidian .cm-hmd-frontmatter {
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
MODALS
|
|
----------------------------------------------------------------*/
|
|
|
|
/*----------------------------------------------------------------
|
|
Settings Modal */
|
|
|
|
.modal.mod-settings {
|
|
width: 100vw;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.modal:not(.mod-settings) {
|
|
-webkit-box-shadow: var(--elevation-stroke), var(--elevation-high);
|
|
box-shadow: var(--elevation-stroke), var(--elevation-high);
|
|
padding: 0;
|
|
border: 0 !important;
|
|
}
|
|
|
|
.modal:not(.mod-settings) .modal-content {
|
|
padding: 30px 50px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.modal:not(.mod-settings) .modal-title {
|
|
font-size: 22px;
|
|
line-height: 36px;
|
|
padding: 1rem 2rem;
|
|
background-color: var(--background-secondary-alt);
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
.modal.mod-settings,
|
|
.modal.mod-settings .vertical-tab-content-container,
|
|
.modal.mod-settings .vertical-tab-header {
|
|
height: 100vh;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.modal.mod-settings .modal-close-button {
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 36px;
|
|
flex: 0 0 36px;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
width: 36px;
|
|
height: 36px;
|
|
padding-top: 2px;
|
|
top: 3.75rem;
|
|
right: 11vw;
|
|
content: none !important;
|
|
}
|
|
|
|
.modal.mod-settings .modal-close-button:hover {
|
|
background-color: rgba(114, 118, 125, .3);
|
|
}
|
|
|
|
.modal.mod-settings .modal-close-button::before {
|
|
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23dcddde' d='M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.modal.mod-settings .modal-close-button::after {
|
|
position: absolute;
|
|
content: 'ESC';
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
text-align: right;
|
|
width: 36px;
|
|
height: 36px;
|
|
margin-top: 4.75rem;
|
|
margin-left: -1rem;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.horizontal-tab-content,
|
|
.vertical-tab-content {
|
|
background-color: var(--background-primary);
|
|
padding: 3.75rem 0 5rem 2.5rem;
|
|
}
|
|
|
|
.vertical-tabs-container {
|
|
padding: 0;
|
|
}
|
|
|
|
.modal.mod-settings .vertical-tab-header {
|
|
padding-top: 2.5rem;
|
|
|
|
--scrollbar-thin-thumb: transparent;
|
|
|
|
flex: 1 0 auto;
|
|
display: grid;
|
|
grid-template-rows: min-content;
|
|
-webkit-box-flex: 1;
|
|
-webkit-box-pack: end;
|
|
justify-content: flex-end;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-pack: end;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.modal.mod-settings .vertical-tab-header:hover {
|
|
--scrollbar-thin-thumb: unset;
|
|
}
|
|
|
|
.modal.mod-settings .setting-item {
|
|
margin-right: 17vw;
|
|
}
|
|
|
|
.modal.mod-settings .vertical-tab-content > div:not(.setting-item):not(.plugin-list-plugins):not(.loader-cube):not(.hotkey-settings-container) {
|
|
margin-right: 17vw;
|
|
}
|
|
|
|
.modal.mod-settings .setting-editor-extra-setting-button {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.modal.mod-settings .vertical-tab-content-container {
|
|
background-color: var(--background-primary);
|
|
padding: 0;
|
|
flex: 1 1 50rem;
|
|
}
|
|
|
|
.vertical-tab-header {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
.horizontal-tab-nav-item.is-active,
|
|
.vertical-tab-nav-item.is-active {
|
|
color: var(--interactive-active);
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
.horizontal-tab-nav-item:hover,
|
|
.vertical-tab-nav-item:hover {
|
|
color: var(--interactive-hover);
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
.horizontal-tab-nav-item,
|
|
.vertical-tab-nav-item {
|
|
background-color: var(--background-secondary);
|
|
letter-spacing: 0;
|
|
padding: 6px 6px 6px 24px;
|
|
margin: 0 10px;
|
|
color: var(--interactive-normal);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.setting-item {
|
|
border-top: thin solid var(--background-modifier-accent);
|
|
}
|
|
|
|
.setting-item-control button {
|
|
padding: 5px 16px;
|
|
}
|
|
|
|
.setting-hotkey {
|
|
min-height: unset;
|
|
padding: 0 0 0 10px;
|
|
}
|
|
|
|
.setting-delete-hotkey {
|
|
line-height: unset;
|
|
top: 0;
|
|
right: 0;
|
|
height: unset;
|
|
border-radius: 0;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.setting-add-hotkey-button:hover,
|
|
.setting-restore-hotkey-button:hover {
|
|
background-color: unset;
|
|
}
|
|
|
|
.hotkey-list-container {
|
|
padding-left: 2px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.community-theme-filters-container,
|
|
.hotkey-search-container {
|
|
padding: 0 10px 30px 0;
|
|
}
|
|
|
|
.modal.mod-settings button {
|
|
margin: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Document Search */
|
|
|
|
.document-search-container {
|
|
background-color: var(--background-primary);
|
|
padding-top: 10px;
|
|
height: 50px;
|
|
}
|
|
|
|
.document-search-button {
|
|
background-color: var(--discord-dark) !important;
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
.document-search-button:hover {
|
|
background-color: var(--discord-dark-hover) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.document-search-close-button {
|
|
color: var(--discord-dark);
|
|
}
|
|
|
|
.document-replace-input {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.document-replace-buttons {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.document-search-container.mod-replace-mode {
|
|
height: 90px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Modal Confirmations */
|
|
|
|
.modal-button-container {
|
|
margin-top: 0;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Prompts - Discord-like */
|
|
|
|
.prompt {
|
|
background-color: var(--background-secondary);
|
|
border-radius: 8px;
|
|
padding: 1.25rem 1.25rem 0.75rem 1.25rem;
|
|
}
|
|
|
|
input.prompt-input::placeholder {
|
|
color: var(--text-normal);
|
|
font-weight: 400;
|
|
}
|
|
|
|
input.prompt-input::-webkit-input-placeholder {
|
|
color: #ffffff4d;
|
|
font-weight: 400;
|
|
}
|
|
|
|
input.prompt-input::-ms-input-placeholder {
|
|
color: var(--text-normal);
|
|
font-weight: 400;
|
|
}
|
|
|
|
input.prompt-input {
|
|
position: relative;
|
|
z-index: 1;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
display: block;
|
|
padding: 0 12px;
|
|
font-size: 21px;
|
|
border-radius: 5px;
|
|
border: none;
|
|
height: 70px;
|
|
line-height: 70px;
|
|
background-color: var(--text-muted) !important;
|
|
color: var(--text-on-accent);
|
|
-webkit-box-shadow: var(--elevation-high);
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
|
|
input.prompt-input:focus-within {
|
|
color: var(--text-on-accent);
|
|
}
|
|
|
|
.prompt-results {
|
|
margin-right: -12px;
|
|
}
|
|
|
|
.prompt-results .suggestion-item {
|
|
color: var(--interactive-normal);
|
|
padding: 0 10px;
|
|
line-height: 2rem;
|
|
font-weight: 500;
|
|
border-radius: 3px;
|
|
width: calc(100% - 12px);
|
|
}
|
|
|
|
.prompt-results .suggestion-item.is-selected,
|
|
.prompt-results .suggestion-item:hover {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
.prompt-results .suggestion-hotkey {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.prompt-results .suggestion-item.is-selected .suggestion-hotkey,
|
|
.prompt-results .suggestion-item:hover .suggestion-hotkey {
|
|
margin-right: -12px;
|
|
}
|
|
|
|
.suggestion-container .prompt-instructions {
|
|
padding: 0.625rem;
|
|
}
|
|
|
|
.prompt-instructions {
|
|
padding: 0.625rem 0.625rem 0 0.625rem;
|
|
border-top: 1px solid var(--background-modifier-accent);
|
|
opacity: 1;
|
|
color: var(--text-on-accent);
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.prompt-instruction span {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.prompt-instruction:first-of-type::before {
|
|
content: 'tips:';
|
|
text-transform: uppercase;
|
|
color: var(--interactive-accent);
|
|
margin-right: 0.5rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.prompt-instruction-command {
|
|
font-size: 11px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Community plugins panel */
|
|
|
|
.community-plugin-details {
|
|
font-size: 0.875rem;
|
|
line-height: 1.65;
|
|
}
|
|
|
|
.community-plugin-search {
|
|
background-color: var(--background-secondary);
|
|
padding: 20px 0 0 0;
|
|
}
|
|
|
|
.modal-content.community-plugin {
|
|
padding: 0 0 50px 0 !important;
|
|
}
|
|
|
|
.community-plugin-readme {
|
|
overflow-x: hidden;
|
|
padding: 40px 30px 20px 30px;
|
|
}
|
|
|
|
.community-plugin-readme img {
|
|
margin: unset !important;
|
|
}
|
|
|
|
.community-plugin-search .setting-item-info {
|
|
display: none;
|
|
}
|
|
|
|
.community-plugin-search .search-input-container {
|
|
width: 70%;
|
|
}
|
|
|
|
.flair {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Community themes panel */
|
|
|
|
.community-theme-filters-container {
|
|
padding: 10px 30px 30px 0;
|
|
width: fit-content !important;
|
|
}
|
|
|
|
.community-theme {
|
|
padding: 10px 20px 20px 0;
|
|
}
|
|
|
|
.community-theme-search-container {
|
|
display: inline-block;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.community-theme-list {
|
|
margin-top: 1rem;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.community-theme-mode-toggle-label {
|
|
bottom: 6px;
|
|
}
|
|
|
|
.community-theme-container button {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.community-theme a {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.modal.mod-community-theme {
|
|
max-width: 56rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
BUTTONS
|
|
----------------------------------------------------------------*/
|
|
|
|
button {
|
|
}
|
|
|
|
button.mod-cta {
|
|
background-color: var(--discord-blue);
|
|
color: #fff;
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
button.mod-cta:hover {
|
|
background-color: var(--discord-blue-hover);
|
|
}
|
|
|
|
button:not(.mod-cta):not(.mod-warning),
|
|
.modal button:not(.mod-cta):not(.mod-warning) {
|
|
background-color: var(--discord-grey);
|
|
color: white;
|
|
}
|
|
|
|
button:not(.mod-cta):not(.mod-warning):hover {
|
|
background-color: var(--discord-grey-hover);
|
|
}
|
|
|
|
button.mod-cta a {
|
|
font-family: var(--default-font);
|
|
}
|
|
|
|
button.mod-cta a:hover {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.modal.mod-settings a > button {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.modal-close-button::before {
|
|
content: none;
|
|
}
|
|
|
|
.modal-close-button {
|
|
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%238D9196' d='M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.search-input-clear-button {
|
|
top: 6px;
|
|
}
|
|
|
|
.search-input-clear-button::before {
|
|
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%238D9196' d='M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.clickable-icon[aria-label="Delete workspace"] {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
GRAPH
|
|
----------------------------------------------------------------*/
|
|
|
|
.theme-dark .graph-controls {
|
|
background-color: var(--background-tertiary);
|
|
border: none;
|
|
}
|
|
|
|
.theme-dark .graph-view.color-line {
|
|
color: var(--graph-line);
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.theme-dark .graph-view.color-line-highlight {
|
|
color: var(--graph-line-highlight);
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill {
|
|
color: var(--graph-circle-fill);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-highlight {
|
|
color: var(--graph-circle-fill-highlight);
|
|
}
|
|
|
|
.theme-dark .graph-view.color-circle {
|
|
color: var(--graph-circle-outline);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Graph filters */
|
|
|
|
.theme-dark .graph-view.color-fill-tag {
|
|
color: var(--graph-fill-tag);
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-attachment {
|
|
color: var(--graph-fill-attachment);
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-unresolved {
|
|
color: var(--graph-circle-fill-unresolved);
|
|
opacity: 1;
|
|
}
|
|
|
|
.theme-dark .graph-view.color-arrow {
|
|
color: var(--graph-arrow);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Graph controls */
|
|
|
|
.graph-control-search-button {
|
|
background-color: transparent !important;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.graph-control-search-button:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.mod-root .graph-controls {
|
|
top: 20px;
|
|
left: 30px;
|
|
}
|
|
|
|
.graph-controls .setting-item {
|
|
border: 0;
|
|
}
|
|
|
|
.graph-control-section:not(:last-child) .tree-item-children {
|
|
border-bottom: thin solid var(--background-modifier-accent);
|
|
}
|
|
|
|
.graph-control-section:not(:last-child) .tree-item-children > .setting-item:last-child {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.graph-controls .setting-item.mod-search-setting .setting-item-control .search-input-container {
|
|
width: 100%;
|
|
}
|
|
|
|
.graph-controls .clickable-icon[aria-label="Delete group"] > svg {
|
|
margin-top: -2px;
|
|
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%238D9196' d='M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z'%3E%3C/path%3E%3C/svg%3E") !important;
|
|
}
|
|
|
|
.graph-controls .graph-color-button-container {
|
|
margin: 15px 0 20px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.graph-controls .graph-color-button-container > button {
|
|
padding: 1px 6px;
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
FOLDING (credits to @mgmeyers for svg icons)
|
|
----------------------------------------------------------------*/
|
|
|
|
.markdown-preview-view .collapse-indicator {
|
|
position: relative;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
float: none;
|
|
padding-left: 0;
|
|
display: inline-block;
|
|
line-height: inherit;
|
|
font-size: unset;
|
|
width: 0;
|
|
height: 0.5em;
|
|
}
|
|
|
|
.markdown-preview-view .collapse-indicator > svg {
|
|
display: none;
|
|
}
|
|
|
|
.markdown-preview-view .collapse-indicator::before {
|
|
position: absolute;
|
|
left: -2.5rem;
|
|
top: calc(-0.5em - 3px);
|
|
}
|
|
|
|
.markdown-preview-view .heading-collapse-indicator {
|
|
margin-left: -2px;
|
|
padding: 0;
|
|
}
|
|
|
|
.markdown-preview-view .heading-collapse-indicator::before {
|
|
left: -2rem;
|
|
}
|
|
|
|
.markdown-preview-view .frontmatter-collapse-indicator::before {
|
|
left: -2.9rem;
|
|
}
|
|
|
|
.markdown-preview-view .collapse-indicator::before,
|
|
.CodeMirror-foldgutter-open::after {
|
|
display: block;
|
|
width: 18px;
|
|
opacity: 0.3;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(0, 0, 0);"><path d="M16.293 9.293L12 13.586 7.707 9.293 6.293 10.707 12 16.414 17.707 10.707z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view .collapse-indicator::before,
|
|
.theme-dark .CodeMirror-foldgutter-open::after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(204,204,204);"><path d="M16.293 9.293L12 13.586 7.707 9.293 6.293 10.707 12 16.414 17.707 10.707z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view .collapse-indicator::before {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view ul li .collapse-indicator::before {
|
|
margin-left: calc(1rem - var(--font-size-notes) + 0.125rem);
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view ol li .collapse-indicator::before {
|
|
margin-left: calc(1rem - var(--font-size-notes));
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view ul.contains-task-list li .collapse-indicator::before {
|
|
margin-left: 18px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.markdown-preview-view .is-collapsed .collapse-indicator::before,
|
|
.CodeMirror-foldgutter-folded::after {
|
|
display: block;
|
|
width: 18px;
|
|
/*height: 18px;*/
|
|
opacity: 0.3;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M10.707 17.707L16.414 12 10.707 6.293 9.293 7.707 13.586 12 9.293 16.293z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view .is-collapsed .collapse-indicator::before,
|
|
.theme-dark .CodeMirror-foldgutter-folded::after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M10.707 17.707L16.414 12 10.707 6.293 9.293 7.707 13.586 12 9.293 16.293z"></path></svg>');
|
|
}
|
|
|
|
.CodeMirror-gutter-wrapper {
|
|
padding: 0;
|
|
width: 18px;
|
|
left: -2rem !important;
|
|
display: flex;
|
|
}
|
|
|
|
.CodeMirror-gutter-elt {
|
|
width: unset !important;
|
|
position: static;
|
|
height: 100%;
|
|
}
|
|
|
|
.CodeMirror-foldgutter-open,
|
|
.CodeMirror-foldgutter-folded {
|
|
color: var(--text-faint);
|
|
display: flex;
|
|
height: 100%;
|
|
align-items: center;
|
|
transition: color 100ms ease;
|
|
}
|
|
|
|
.cm-s-obsidian .CodeMirror-gutters {
|
|
width: 18px;
|
|
left: 8px !important;
|
|
padding-right: 0;
|
|
transform: translateX(2rem);
|
|
}
|
|
|
|
.CodeMirror-foldgutter {
|
|
width: 18px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
line numbers */
|
|
|
|
.CodeMirror-linenumbers {
|
|
margin-left: -26px;
|
|
}
|
|
|
|
.cm-s-obsidian .CodeMirror-linenumber {
|
|
width: 18px !important;
|
|
min-width: 18px !important;
|
|
position: absolute;
|
|
padding: 0;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
font-feature-settings: normal;
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
color: var(--text-linenumber);
|
|
margin-left: -1.5rem;
|
|
left: 0 !important;
|
|
}
|
|
|
|
.cm-s-obsidian .CodeMirror-activeline-gutter > .CodeMirror-linenumber {
|
|
color: var(--text-linenumber-active);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
EMBEDS
|
|
----------------------------------------------------------------*/
|
|
|
|
/*----------------------------------------------------------------
|
|
Seamless notes transclusions */
|
|
|
|
.markdown-preview-view .markdown-embed {
|
|
margin: 2rem 0 0 0 !important;
|
|
padding: 0 !important;
|
|
border-top: 0 !important;
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed-content {
|
|
max-height: none !important;
|
|
}
|
|
|
|
.markdown-embed-content .markdown-preview-section {
|
|
min-height: unset !important;
|
|
}
|
|
|
|
.markdown-embed-content .markdown-preview-section > div {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* Hide frontmatters in embeds */
|
|
.markdown-preview-view .markdown-embed-content .frontmatter {
|
|
display: none;
|
|
}
|
|
|
|
.markdown-embed-title,
|
|
.internal-embed .markdown-preview-section {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.markdown-embed-title {
|
|
display: none !important;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
|
|
max-height: none !important;
|
|
}
|
|
|
|
.markdown-embed .markdown-preview-view {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.file-embed-link svg,
|
|
.markdown-embed-link svg {
|
|
width: 16px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.markdown-embed:hover .file-embed-link svg,
|
|
.markdown-embed:hover .markdown-embed-link svg {
|
|
opacity: 1;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Audio embed */
|
|
|
|
audio,
|
|
.theme-dark audio {
|
|
filter: unset !important;
|
|
}
|
|
|
|
.theme-dark audio::-webkit-media-controls-enclosure {
|
|
filter: sepia(10%) contrast(90%) invert(90%) !important;
|
|
opacity: 0.8;
|
|
border-radius: 6px;
|
|
height: 20px;
|
|
}
|
|
|
|
audio::-webkit-media-controls-enclosure {
|
|
filter: sepia(10%) contrast(90%) invert(90%) !important;
|
|
opacity: 0.8;
|
|
border-radius: 6px;
|
|
height: 20px;
|
|
}
|
|
|
|
.markdown-preview-view img:not([width]),
|
|
.markdown-preview-view audio,
|
|
.markdown-preview-view video {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Internal Queries */
|
|
|
|
.markdown-preview-view .internal-query.is-embed {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
background-color: var(--background-code-preview);
|
|
border-radius: 4px;
|
|
cursor: default !important;
|
|
}
|
|
|
|
.markdown-preview-view .internal-query.is-embed .internal-query-header-title::before,
|
|
.markdown-preview-view .internal-query.is-embed .internal-query-header-title::after {
|
|
content: "";
|
|
}
|
|
|
|
/* Seamless internal queries - no scrollbar */
|
|
.markdown-preview-view .internal-query.is-embed .search-results-children {
|
|
max-height: none !important;
|
|
padding: 0;
|
|
}
|
|
|
|
.internal-query .search-result-file-matches {
|
|
margin-top: 10px;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.internal-query .search-result-file-title {
|
|
background-color: transparent;
|
|
opacity: 1;
|
|
}
|
|
|
|
.internal-query .search-result-file-title:hover {
|
|
color: var(--text-a-hover) !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.internal-query .tree-item-self.is-clickable:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.internal-query .tree-item.search-result {
|
|
padding: 10px;
|
|
}
|
|
|
|
.internal-query .tree-item.search-result.is-collapsed:hover {
|
|
background-color: var(--background-modifier-border);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.internal-query .search-result-file-matched-text {
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.internal-query .search-result-file-match {
|
|
opacity: 1;
|
|
padding: 6px 0 6px 10px !important;
|
|
}
|
|
|
|
.internal-query .search-result-file-match:hover {
|
|
background-color: var(--background-modifier-cover);
|
|
}
|
|
|
|
.internal-query .search-result-file-match::after {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
RELATIONSHIP LINES
|
|
----------------------------------------------------------------*/
|
|
|
|
body.discordian-theme.discordian-rel-preview .markdown-preview-view ul ul,
|
|
body:not(.discordian-theme) .markdown-preview-view ul ul {
|
|
position: relative;
|
|
}
|
|
|
|
body.discordian-theme.discordian-rel-preview .markdown-preview-view ul ul::before,
|
|
body:not(.discordian-theme) .markdown-preview-view ul ul::before {
|
|
content: "";
|
|
border-left: 1px solid var(--text-muted);
|
|
opacity: 0.2;
|
|
position: absolute;
|
|
margin-left: -0.8em;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
body.discordian-theme.discordian-rel-preview .markdown-preview-view ul.contains-task-list ul::before,
|
|
body:not(.discordian-theme) .markdown-preview-view ul.contains-task-list ul::before {
|
|
left: -0.2em;
|
|
top: 0.3em;
|
|
bottom: -0.3em;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
SYNTAX HIGHLIGHTER COLORS
|
|
----------------------------------------------------------------*/
|
|
|
|
.theme-dark {
|
|
--syntax-default: rgb(191, 193, 194);
|
|
--syntax-red: rgb(224, 108, 117);
|
|
--syntax-green: rgb(152, 195, 121);
|
|
--syntax-yellow: rgb(209, 154, 102);
|
|
--syntax-blue: rgb(86, 156, 214);
|
|
--syntax-teal: rgb(86, 182, 194);
|
|
--syntax-purple: rgb(198, 120, 221);
|
|
--syntax-grey: rgb(112, 128, 144);
|
|
}
|
|
|
|
.theme-dark .token.property,
|
|
.theme-dark .token.tag,
|
|
.theme-dark .token.constant,
|
|
.theme-dark .token.symbol,
|
|
.theme-dark .token.deleted {
|
|
color: var(--syntax-red);
|
|
}
|
|
|
|
.theme-dark .token.selector,
|
|
.theme-dark .token.attr-name,
|
|
.theme-dark .token.string,
|
|
.theme-dark .token.char,
|
|
.theme-dark .token.builtin,
|
|
.theme-dark .token.inserted {
|
|
color: var(--syntax-green);
|
|
}
|
|
|
|
.theme-dark .token.atrule,
|
|
.theme-dark .token.attr-value,
|
|
.theme-dark .token.function,
|
|
.theme-dark .token.class-name {
|
|
color: var(--syntax-yellow);
|
|
}
|
|
|
|
.theme-dark .token.punctuation {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.theme-dark .token.keyword {
|
|
color: var(--syntax-blue);
|
|
}
|
|
|
|
.theme-dark .token.operator,
|
|
.theme-dark .token.entity,
|
|
.theme-dark .token.url,
|
|
.theme-dark .language-css .token.string,
|
|
.theme-dark .style .token.string,
|
|
.theme-dark .token.variable {
|
|
color: var(--syntax-teal);
|
|
}
|
|
|
|
.theme-dark .token.boolean,
|
|
.theme-dark .token.number,
|
|
.theme-dark .language-css .token.unit {
|
|
color: var(--syntax-purple);
|
|
}
|
|
|
|
.theme-dark .token.comment,
|
|
.theme-dark .token.prolog,
|
|
.theme-dark .token.doctype,
|
|
.theme-dark .token.cdata {
|
|
color: var(--syntax-grey);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
IMAGES RELATED ADD-ONS
|
|
----------------------------------------------------------------*/
|
|
|
|
/*----------------------------------------------------------------
|
|
Floating images with captions by @radekkozak */
|
|
|
|
.markdown-preview-view .image-embed:not([src$="left"]):not([src$="right"]),
|
|
.markdown-preview-view .image-embed[src$="center"] {
|
|
clear: both;
|
|
margin: 1rem auto;
|
|
width: fit-content;
|
|
}
|
|
|
|
.markdown-preview-view.img-captions .image-embed:not([src$="left"]):not([src$="right"])::after {
|
|
content: attr(alt);
|
|
padding: 0 1rem 0 1rem;
|
|
margin-top: 1rem;
|
|
display: block;
|
|
caption-side: bottom;
|
|
text-align: center;
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.markdown-preview-view .image-embed[src$="left"] {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 2rem;
|
|
margin-bottom: 1rem;
|
|
margin-top: 1rem;
|
|
clear: both;
|
|
display: table;
|
|
width: fit-content;
|
|
}
|
|
|
|
.markdown-preview-view.img-captions .image-embed[src$="left"]::after {
|
|
content: attr(alt);
|
|
padding: 0 1rem 0 1rem;
|
|
margin-top: 1rem;
|
|
display: table-caption;
|
|
caption-side: bottom;
|
|
text-align: center;
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.markdown-preview-view .image-embed[src$="right"] {
|
|
position: relative;
|
|
float: right;
|
|
margin-top: 1rem;
|
|
margin-left: 2rem;
|
|
margin-bottom: 2rem;
|
|
clear: both;
|
|
display: table;
|
|
width: fit-content;
|
|
}
|
|
|
|
.markdown-preview-view.img-captions .image-embed[src$="right"]::after {
|
|
content: attr(alt);
|
|
padding: 0 1rem 0 1rem;
|
|
margin-top: 1rem;
|
|
display: table-caption;
|
|
caption-side: bottom;
|
|
text-align: center;
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Modified masonry-like gallery (image grids)
|
|
Original credits to @kepano */
|
|
|
|
.img-grid .markdown-preview-section > div > p > .image-embed[alt*="."] {
|
|
padding: 0 0.75rem 0 0.75rem;
|
|
}
|
|
|
|
.img-grid .markdown-preview-section > div > p > .image-embed[alt*="."]:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.img-grid .markdown-preview-section > div > p > .image-embed[alt*="."]:first-child {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.img-grid .markdown-preview-section > div hr {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Hotfix by @Lithou (due to Obsidian v0.11.3 changes for grouped images)
|
|
|
|
Explanation is this:
|
|
When no alt pipe is used by the user, Obsidian will add alt text in the form of "filename.ext" by default.
|
|
This rule targets any image embeds with a period in it (BE AWARE) to make image grids possible */
|
|
|
|
.img-grid span.image-embed[alt*="."] {
|
|
display: table-cell;
|
|
}
|
|
|
|
.img-grid img[alt*="."] {
|
|
max-height: 33vh;
|
|
object-fit: cover;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Image zooms. Credits to @kepano */
|
|
|
|
.view-content img {
|
|
max-width: 100%;
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
.view-content img:active {
|
|
cursor: zoom-out;
|
|
display: block;
|
|
z-index: 100;
|
|
position: fixed;
|
|
max-height: calc(100% + 1px);
|
|
max-width: calc(100% - 8rem);
|
|
height: calc(100% + 1px);
|
|
width: 100%;
|
|
object-fit: contain;
|
|
margin: -0.5px auto 0;
|
|
text-align: center;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
padding: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
HIDER PLUGIN v1.0.5
|
|
----------------------------------------------------------------*/
|
|
|
|
.hider-ribbon .workspace-split.mod-left-split .nav-files-container {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.hider-frameless:not(.hider-ribbon):not(.mod-windows) .workspace-split.mod-left-split .workspace-tab-header-container,
|
|
.discordian-writer-mode:not(.hider-ribbon):not(.mod-windows) .workspace-split.mod-left-split .workspace-tab-header-container {
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.discordian-writer-mode.hider-ribbon:not(.mod-windows) .mod-left-split .workspace-tab-header-container,
|
|
.hider-frameless.hider-ribbon:not(.mod-windows) .mod-left-split .workspace-tab-header-container,
|
|
.hider-ribbon:not(.mod-windows) .mod-left-split .workspace-tab-header-container {
|
|
padding-left: 54px;
|
|
}
|
|
|
|
body:not(.mod-windows):not(.discordian-theme).hider-ribbon .mod-left-split .workspace-tab-header-container {
|
|
padding-left: 54px !important;
|
|
}
|
|
|
|
.discordian-writer-mode .workspace-split.mod-left-split > .workspace-tabs {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.hider-frameless .workspace-split.mod-left-split > .workspace-tabs {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
body.discordian-theme:not(.is-fullscreen):not(.plugin-sliding-panes):not(.mod-windows) .workspace-leaf:first-of-type:last-of-type .view-header,
|
|
body.discordian-theme:not(.is-fullscreen):not(.plugin-sliding-panes):not(.mod-windows) .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.discordian-writer-mode:not(.plugin-sliding-panes):not(.is-fullscreen):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
.discordian-writer-mode.hider-frameless:not(.plugin-sliding-panes):not(.is-fullscreen):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
.discordian-writer-mode.discordian-hide-titlebar:not(.plugin-sliding-panes):not(.is-fullscreen):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
.hider-frameless:not(.plugin-sliding-panes):not(.is-fullscreen):not(.mod-windows).discordian-theme .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 30px !important;
|
|
transition: padding-left .15s ease;
|
|
}
|
|
|
|
.discordian-writer-mode.hider-ribbon:not(.is-fullscreen):not(.plugin-sliding-panes):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
.hider-frameless.hider-ribbon:not(.is-fullscreen):not(.plugin-sliding-panes):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
.hider-ribbon.discordian-hide-titlebar:not(.is-fullscreen):not(.plugin-sliding-panes):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
.hider-ribbon.discordian-theme.discordian-hide-titlebar:not(.hider-frameless):not(.is-fullscreen):not(.plugin-sliding-panes):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 62px !important;
|
|
transition: padding-left .15s ease;
|
|
}
|
|
|
|
.discordian-writer-mode .titlebar,
|
|
.hider-frameless .titlebar {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Force-hide titlebar regardless of settings
|
|
This is required to make settings modal like in Discord */
|
|
|
|
body:not(.hider-frameless):not(.discordian-writer-mode) .modal-container {
|
|
top: 0 !important;
|
|
height: 100vh !important;
|
|
}
|
|
|
|
body.discordian-theme.discordian-writer-mode .modal-container,
|
|
body.discordian-theme.hider-frameless .modal-container,
|
|
body.discordian-theme.discordian-hide-titlebar .modal-container {
|
|
top: 0 !important;
|
|
height: 100vh !important;
|
|
}
|
|
|
|
body.discordian-theme:not(.discordian-hide-titlebar):not(.hider-frameless):not(.discordian-writer-mode) .modal-container {
|
|
top: -22px !important;
|
|
height: 100vh !important;
|
|
}
|
|
|
|
body.discordian-theme.is-fullscreen .modal-container {
|
|
top: 0 !important;
|
|
height: 100vh !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
CALENDAR PLUGIN v1.4.11
|
|
----------------------------------------------------------------*/
|
|
|
|
.workspace-leaf-content[data-type='calendar'] .view-content {
|
|
padding: 5px 0 0 0;
|
|
}
|
|
|
|
#calendar-container {
|
|
padding: 5px 15px;
|
|
font-family: var(--font-editor);
|
|
font-size: 15px;
|
|
|
|
--color-background-day-empty: var(--background-secondary-alt);
|
|
--color-background-day-active: var(--background-tertiary);
|
|
--color-background-day-hover: var(--background-tertiary);
|
|
--color-dot: var(--text-faint);
|
|
--color-text-title: var(--text-normal);
|
|
--color-text-heading: var(--text-muted);
|
|
--color-text-day: var(--text-normal);
|
|
--color-text-today: var(--text-accent);
|
|
--color-arrow: var(--text-faint);
|
|
--color-arrow-hover: var(--text-normal);
|
|
--interactive-hover: var(--background-secondary-alt);
|
|
--interactive-accent: var(--discord-blue-hover);
|
|
--interactive-accent-hover: var(--discord-blue-hover);
|
|
}
|
|
|
|
#calendar-container .table {
|
|
border-collapse: separate;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
#calendar-container h3 {
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mod-root #calendar-container {
|
|
width: var(--line-width);
|
|
max-width: var(--max-width);
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
#calendar-container .arrow {
|
|
color: var(--text-faint);
|
|
cursor: var(--cursor);
|
|
}
|
|
|
|
#calendar-container tr th {
|
|
padding: 4px 0;
|
|
font-weight: 500;
|
|
}
|
|
|
|
#calendar-container tr td {
|
|
padding: 4px 0 4px;
|
|
border-radius: 4px;
|
|
border: 2px solid transparent;
|
|
transition: none;
|
|
}
|
|
|
|
#calendar-container .year {
|
|
color: var(--discord-green) !important;
|
|
}
|
|
|
|
#calendar-container .day {
|
|
transition: none !important;
|
|
cursor: var(--cursor);
|
|
}
|
|
|
|
#calendar-container .arrow:hover > svg {
|
|
color: var(--color-arrow-hover) !important;
|
|
}
|
|
|
|
#calendar-container .reset-button:hover {
|
|
color: var(--color-text-title) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
Andy's Mode Sliding Panes v3.2.1 (death_au's plugin)
|
|
----------------------------------------------------------------*/
|
|
|
|
/* fill title container for better visual separation */
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
|
|
background-color: var(--background-secondary);
|
|
border-right: 0 !important;
|
|
border-left: 0 !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .app-container {
|
|
border-top: solid 1px var(--background-tertiary) !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes .app-container::before {
|
|
content: none;
|
|
}
|
|
|
|
body.plugin-sliding-panes .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
|
|
border-left: 0;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes .view-header::before,
|
|
body.plugin-sliding-panes .workspace-leaf.mod-active .view-header::before {
|
|
display: none;
|
|
}
|
|
|
|
/* remove long-title-obscuring gradient in normal mode */
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container::before,
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container::before {
|
|
content: none;
|
|
}
|
|
|
|
/* fix the long-title-obscuring gradient for andy mode */
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container::after,
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container::after {
|
|
content: ' ';
|
|
position: absolute;
|
|
bottom: 100px !important;
|
|
top: unset;
|
|
right: 0;
|
|
width: 26px;
|
|
height: 26px;
|
|
background: linear-gradient(to bottom, transparent, var(--background-secondary)) !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes .mod-horizontal .workspace-leaf {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes:not(.discordian-writer) .workspace-split.mod-left-split {
|
|
border-right: 1px solid var(--background-tertiary);
|
|
}
|
|
|
|
body.plugin-sliding-panes:not(.discordian-writer) .workspace-split.mod-right-split {
|
|
border-left: 1px solid var(--background-tertiary);
|
|
}
|
|
|
|
body.plugin-sliding-panes:not(.plugin-sliding-panes-rotate-header) .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header {
|
|
border-right: none;
|
|
border-bottom: 2px solid var(--discord-yellow-light);
|
|
}
|
|
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header {
|
|
border-right: 2px solid var(--discord-yellow-light) !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active:first-of-type:last-of-type > .workspace-leaf-content > .view-header {
|
|
border-right: 0 !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes .view-header::after {
|
|
content: none;
|
|
}
|
|
|
|
body.plugin-sliding-panes.hider-frameless .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header-title-container,
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt .workspace > .mod-root .view-header-title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header-title-container {
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
body.plugin-sliding-panes-rotate-header .view-header-title-container {
|
|
position: static;
|
|
}
|
|
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-actions {
|
|
padding-left: 0;
|
|
padding-bottom: 20px;
|
|
margin-left: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
body.plugin-sliding-panes.is-fullscreen.plugin-sliding-panes-rotate-header .view-header-icon {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
body.plugin-sliding-panes.hider-frameless.hider-ribbon .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
body.plugin-sliding-panes.hider-ribbon .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes.hider-ribbon:not(.is-fullscreen):not(.hider-ribbon) .mod-left-split .workspace-tab-header-container {
|
|
padding-left: 54px !important;
|
|
}
|
|
|
|
/* or workspace-leaf:first-of-type if only padding first header under OSX icons */
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header:not(.is-fullscreen):not(.mod-windows).hider-frameless .mod-left-split.is-collapsed + div.mod-root > .workspace-leaf:first-of-type > .workspace-leaf-content > .view-header,
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header:not(.is-fullscreen):not(.mod-windows).discordian-hide-titlebar .mod-left-split.is-collapsed + div.mod-root > .workspace-leaf:first-of-type > .workspace-leaf-content > .view-header {
|
|
padding-top: 18px;
|
|
/* transition: padding .1s ease;*/
|
|
}
|
|
|
|
body.discordian-hide-titlebar:not(.is-fullscreen):not(.hider-ribbon):not(.plugin-sliding-panes):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
body.hider-frameless:not(.is-fullscreen):not(.hider-ribbon):not(.plugin-sliding-panes):not(.mod-windows).discordian-theme .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header,
|
|
body.discordian-hide-titlebar:not(.is-fullscreen):not(.hider-ribbon):not(.plugin-sliding-panes-rotate-header):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 30px !important;
|
|
transition: padding .15s ease;
|
|
}
|
|
|
|
body.plugin-sliding-panes.hider-frameless:not(.hider-ribbon):not(.plugin-sliding-panes-rotate-header):not(.is-fullscreen):not(.mod-windows) .mod-left-split.is-collapsed + div.mod-root .workspace-leaf:first-of-type .view-header {
|
|
padding-left: 30px !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
ADVANCED TABLES v0.11.0
|
|
----------------------------------------------------------------*/
|
|
|
|
.workspace-leaf-content[data-type="advanced-tables-toolbar"] .nav-action-button svg.widget-icon {
|
|
width: 20px;
|
|
}
|
|
|
|
img.emoji {
|
|
display: inline-block;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
HIDE VAULT */
|
|
|
|
body.discordian-hide-vault .nav-folder.mod-root > .nav-folder-title {
|
|
display: none !important;
|
|
}
|
|
|
|
body.discordian-theme .nav-folder.mod-root > .nav-folder-title {
|
|
display: block;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
HIDE STATUS BAR */
|
|
|
|
.discordian-hide-statusbar.theme-dark .status-bar {
|
|
display: none;
|
|
}
|
|
|
|
.theme-dark:not(.hider-status):not(.discordian-hide-statusbar):not(.discordian-writer-mode) .status-bar {
|
|
display: flex;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
HIDE TITLE BAR */
|
|
|
|
body.discordian-hide-titlebar .app-container {
|
|
border-top: 0;
|
|
}
|
|
|
|
body.discordian-hide-titlebar .titlebar {
|
|
display: none !important;
|
|
}
|
|
|
|
body.discordian-hide-titlebar {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
body.discordian-hide-titlebar:not(.hider-ribbon):not(.mod-windows) .workspace-split.mod-left-split .workspace-tab-header-container {
|
|
padding-left: 24px;
|
|
}
|
|
|
|
body.discordian-hide-titlebar .workspace-leaf:first-of-type:last-of-type .view-header {
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* unhide */
|
|
|
|
body:not(.discordian-hide-titlebar):not(.hider-frameless):not(.discordian-writer-mode) .titlebar {
|
|
display: flex !important;
|
|
}
|
|
|
|
body.discordian-theme:not(.discordian-hide-titlebar):not(.is-fullscreen):not(.hider-frameless):not(.discordian-writer-mode) {
|
|
padding-top: 22px !important;
|
|
}
|
|
|
|
body.discordian-theme.is-fullscreen .workspace-split.mod-left-split .workspace-tab-header-container {
|
|
padding-left: 0;
|
|
}
|
|
|
|
body.discordian-theme:not(.discordian-hide-titlebar):not(.hider-frameless) .workspace-split.mod-left-split .workspace-tab-header-container {
|
|
padding-left: 24px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
PARAGRAPH FOCUS MODE */
|
|
|
|
body.discordian-paragraph-focus .CodeMirror-line {
|
|
opacity: var(--paragraph-focus-fade);
|
|
}
|
|
|
|
body.discordian-paragraph-focus .CodeMirror-activeline .CodeMirror-line {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
DISCORD ORIGINAL MARKINGS */
|
|
|
|
/* bold */
|
|
|
|
.discordian-original-markings .cm-strong,
|
|
.discordian-original-markings strong {
|
|
color: var(--text-normal);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.discordian-original-markings .cm-formatting-strong {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* italics */
|
|
|
|
.discordian-original-markings .cm-em,
|
|
.discordian-original-markings em {
|
|
color: var(--text-normal);
|
|
margin-right: 0.1rem;
|
|
}
|
|
|
|
.discordian-original-markings .cm-formatting-em {
|
|
color: var(--text-muted);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* blockquote */
|
|
|
|
.discordian-original-markings blockquote {
|
|
background-color: unset;
|
|
color: var(--text-normal) !important;
|
|
border-left: 4px solid var(--background-accent) !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.discordian-original-markings blockquote::before {
|
|
content: none;
|
|
}
|
|
|
|
.discordian-original-markings .cm-s-obsidian span.cm-formatting-quote.cm-quote {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.discordian-original-markings .cm-s-obsidian span.cm-quote {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* inline code in Editor */
|
|
|
|
.discordian-original-markings .markdown-preview-view code,
|
|
.discordian-original-markings .cm-s-obsidian span.cm-formatting-code.cm-inline-code,
|
|
.discordian-original-markings .cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) {
|
|
color: var(--text-normal) !important;
|
|
background-color: var(--background-secondary);
|
|
padding: .3rem 0 0.1rem 0;
|
|
width: auto;
|
|
height: auto;
|
|
text-indent: 0;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.discordian-original-markings .cm-s-obsidian span.cm-inline-code {
|
|
font-size: unset;
|
|
}
|
|
|
|
.discordian-original-markings .cm-s-obsidian span.cm-formatting-code.cm-inline-code {
|
|
color: var(--text-muted) !important;
|
|
background-color: var(--background-secondary);
|
|
border-radius: 3px 0 0 3px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* inline code in Preview */
|
|
|
|
.discordian-original-markings .markdown-preview-view code {
|
|
border-radius: 3px;
|
|
font-size: 100%;
|
|
padding: .3rem .3rem .1rem .3rem !important;
|
|
}
|
|
|
|
.discordian-original-markings .markdown-preview-view pre code {
|
|
font-size: 100%;
|
|
}
|
|
|
|
/* codeblocks in Editor */
|
|
|
|
.discordian-original-markings .cm-s-obsidian div.HyperMD-codeblock-begin-bg {
|
|
border-top: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
.discordian-original-markings .cm-s-obsidian div.HyperMD-codeblock-bg {
|
|
background-color: var(--background-secondary);
|
|
border-left: 1px solid var(--background-secondary-alt);
|
|
border-right: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
.discordian-original-markings .cm-s-obsidian div.HyperMD-codeblock-end-bg {
|
|
border-bottom: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
/* codeblocks in Preview */
|
|
|
|
.discordian-original-markings.theme-dark :not(pre) > code[class*="language-"],
|
|
.discordian-original-markings.theme-dark pre[class*="language-"] {
|
|
background-color: var(--background-secondary);
|
|
border: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
DARK NOTE HEADERS */
|
|
|
|
body.discordian-dark-enhance:not(.plugin-sliding-panes):not(.discordian-writer-mode) .view-header::before {
|
|
-webkit-box-shadow: var(--elevation-stroke) !important;
|
|
box-shadow: var(--elevation-stroke) !important;
|
|
}
|
|
|
|
body.discordian-dark-enhance:not(.plugin-sliding-panes):not(.discordian-writer-mode) .view-header {
|
|
background-color: var(--background-secondary) !important;
|
|
height: 30px;
|
|
}
|
|
|
|
body.discordian-dark-enhance:not(.plugin-sliding-panes):not(.discordian-writer-mode) .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
|
|
background-color: var(--background-secondary) !important;
|
|
}
|
|
|
|
body.discordian-dark-enhance:not(.plugin-sliding-panes):not(.discordian-writer-mode) .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header-title-container::after {
|
|
background: linear-gradient(to right, transparent, var(--background-secondary)) !important;
|
|
}
|
|
|
|
body.discordian-dark-enhance:not(.plugin-sliding-panes):not(.discordian-writer-mode) .view-header-title-container::after {
|
|
background: linear-gradient(to right, transparent, var(--background-secondary)) !important;
|
|
}
|
|
|
|
body.discordian-dark-enhance:not(.plugin-sliding-panes):not(.discordian-writer-mode) .workspace-leaf.mod-active .view-header {
|
|
background-color: var(--background-secondary) !important;
|
|
}
|
|
|
|
body.discordian-dark-enhance:not(.plugin-sliding-panes):not(.discordian-writer-mode) .workspace-leaf.mod-active .view-header-title-container::after {
|
|
background: linear-gradient(to right, transparent, var(--background-secondary)) !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
FLAT ANDY MODE */
|
|
|
|
body.discordian-flat-andy-mode.plugin-sliding-panes .workspace > .mod-root > .workspace-leaf,
|
|
body.discordian-flat-andy-mode.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf {
|
|
box-shadow: var(--background-tertiary) -1px 0 !important;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
WRITER MODE */
|
|
|
|
body.discordian-writer-mode .mod-left.is-collapsed ~ .mod-root .mod-active .view-header,
|
|
body.discordian-writer-mode .mod-right.is-collapsed ~ .mod-root .mod-active .view-header {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
body.discordian-writer-mode .titlebar {
|
|
display: none;
|
|
}
|
|
|
|
body.discordian-writer-mode .workspace-ribbon.mod-right,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left {
|
|
transition: border-color 0s ease-in-out 0s, background-color 0s ease-in-out 0s;
|
|
}
|
|
|
|
body.discordian-writer-mode .workspace-ribbon.mod-right.is-collapsed,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed {
|
|
border-color: transparent;
|
|
background-color: transparent !important;
|
|
transition: border-color 0s ease-in-out 0s, background-color 0s ease-in-out 0s;
|
|
}
|
|
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-actions,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-settings {
|
|
opacity: 1;
|
|
/*transition:opacity 0s ease-in-out;*/
|
|
}
|
|
|
|
body.discordian-writer-mode .view-action.is-active {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* view actions */
|
|
|
|
body.discordian-writer-mode .view-actions,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-right.is-collapsed ~ .mod-root .view-actions,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-actions,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-actions,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-settings {
|
|
opacity: 0;
|
|
transition: opacity 0.17s ease-in-out;
|
|
}
|
|
|
|
.workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions,
|
|
body.discordian-writer-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-actions,
|
|
.workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-actions,
|
|
.mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions {
|
|
opacity: 1;
|
|
transition: opacity 0.17s ease-in-out;
|
|
}
|
|
|
|
/* scrollbar */
|
|
|
|
body.discordian-writer-mode .workspace-ribbon.mod-right.is-collapsed ~ .mod-root ::-webkit-scrollbar,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed ~ .mod-root ::-webkit-scrollbar {
|
|
width: 0 !important;
|
|
}
|
|
|
|
/* in Preview Mode - in contrast to Editor Mode - when hiding scrollbar we need to adjust view by its width */
|
|
body.discordian-writer-mode .workspace-ribbon.mod-right.is-collapsed ~ .mod-root > .markdown-preview-view,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed ~ .mod-root > .markdown-preview-view {
|
|
margin-left: -8px !important;
|
|
}
|
|
|
|
.workspace-ribbon:not(.is-collapsed) ~ .mod-root ::-webkit-scrollbar,
|
|
body.discordian-writer-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root ::-webkit-scrollbar,
|
|
.workspace-ribbon.mod-left.is-collapsed ~ .mod-root ::-webkit-scrollbar,
|
|
.mod-right.is-collapsed ~ .mod-root ::-webkit-scrollbar {
|
|
width: 16px;
|
|
/*transition:opacity 0.17s ease-in-out;*/
|
|
}
|
|
|
|
/* note icon */
|
|
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon.mod-right.is-collapsed ~ .mod-root .view-header .view-header-icon,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header .view-header-icon {
|
|
opacity: 0;
|
|
transition: opacity 0.17s ease-in-out;
|
|
}
|
|
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header .view-header-icon,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-header-icon,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-header-icon,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .mod-right.is-collapsed ~ .mod-root .view-header:hover .view-header-icon {
|
|
opacity: 1;
|
|
transition: opacity 0.17s ease-in-out;
|
|
}
|
|
|
|
/* note title */
|
|
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon.mod-right.is-collapsed ~ .mod-root .view-header .view-header-title,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header .view-header-title {
|
|
opacity: 0;
|
|
transition: opacity 0.17s ease-in-out;
|
|
}
|
|
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header-title,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-header-title,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-header-title,
|
|
body.discordian-writer-mode:not(.plugin-sliding-panes) .mod-right.is-collapsed ~ .mod-root .view-header:hover .view-header-title {
|
|
opacity: 1;
|
|
transition: opacity 0.17s ease-in-out;
|
|
}
|
|
|
|
/* note title bottom shadow */
|
|
|
|
body.discordian-writer-mode .workspace-ribbon.mod-right.is-collapsed ~ .mod-root .view-header::before,
|
|
body.discordian-writer-mode .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header::before {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header::before,
|
|
body.discordian-writer-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header::before,
|
|
.workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header::before,
|
|
.mod-right.is-collapsed ~ .mod-root .view-header::before {
|
|
-webkit-box-shadow: var(--elevation-low) !important;
|
|
box-shadow: var(--elevation-low) !important;
|
|
}
|
|
|
|
/* no status bar in writer mode */
|
|
body.discordian-writer-mode .status-bar {
|
|
display: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
PLUGIN STYLES */
|
|
|
|
body.discordian-theme .modal.mod-settings .plugin-description {
|
|
margin-right: 17vw;
|
|
padding: 0 0 1rem 0;
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
body.discordian-theme .modal.mod-settings .plugin-description p {
|
|
margin: 0;
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
body.discordian-theme .modal.mod-settings .plugin-description h3 {
|
|
margin-block-start: 0;
|
|
margin-block-end: 1rem;
|
|
text-align: left;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
body.discordian-theme .modal.mod-settings .plugin-description ~ h4 {
|
|
color: var(--text-header);
|
|
}
|
|
|
|
body.discordian-theme .modal.mod-settings .plugin-description.separator {
|
|
font-size: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.discordian-plugin-setting-disabled {
|
|
opacity: 0.5;
|
|
pointer-events: none;
|
|
}
|