/* HARMONIC THEME by Mathieu DUBOIS */ /* Fonts from Google*/ @import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); :root { /* VARIABLES STYLE SETTING */ --bold-weight:700; --font-small:0.85; /* Coeff multuplicateur */ --font-smaller: 0.94; /* Coeff multuplicateur */ --font-normal:17px; --text:mulish,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --text-editor:mulish,apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --font-monospace:Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace; --p-offset:2.2rem; --h-display:inline; --text-spacing:0em; --title-spacing:0em; --text-title:mulish; --h1:2em; --h1-weight:400; --h2:1.6em; --h2-weight:400; --h3:1.2em; --h3-weight:400; --site-title:"OBSIDIAN"; --title-collapse:0; --line-height:1.8em; --line-width:44rem; --max-width:88%; --hue-bold-italic:180; --img-border-radius: 15px; /*---------------------------------------------------------------- COLORS */ --base-h:0; /* Base hue */ --base-s:0%; /* Base saturation */ --base-d:5%; /* Base lightness Dark Mode - 0 is black */ --base-l:99%; /* Base lightness Light Mode - 100 is white */ --accent-h:229.8; /* Accent hue */ --accent-s:39.7%; /* Accent saturation */ --accent-d:40%; /* Accent lightness Dark Mode */ --accent-l:50.6%; /* Accent lightness Light Mode */ /*---------------------------------------------------------------- CURSOR Change this to "pointer" if you like the normal style better */ --cursor:pointer; /*----------------------------------------------------------------*/ } .theme-dark { --background-primary:hsl(var(--base-h),var(--base-s),var(--base-d)); --background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-d) - 3%)); --background-secondary-alt:hsla(var(--accent-h),calc(var(--accent-s) - 0%),calc(var(--accent-l) + 10%),0.05); --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 5%)); --background-modifier-border:transparent;/*hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 5%));*/ --background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 10%)); --background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 20%)); --background-modifier-box-shadow:rgba(255, 255, 255, 0.03); --text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 70%)); --text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 45%)); --text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 30%)); --text-selection:rgba(50, 50, 50, 1); --background-transparent:hsla(var(--base-h),var(--base-s),var(--base-d),0); --background-translucent:hsla(var(--base-h),var(--base-s),var(--base-d),0.85); --background-match-highlight:hsla(var(--accent-h), 40%, 62%, 0.2); --background-modifier-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) - 10%)); --text-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d))); --text-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) + 10%)); --interactive-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-d)); --interactive-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) + 10%)); --quote-opening-modifier:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 15%)); --interactive-accent-rgb:66, 66, 66; --text-highlight-bg:hsla(var(--accent-h),var(--accent-s),var(--accent-d),0.2); } .theme-light { --background-primary:hsl(var(--base-h),var(--base-s),var(--base-l)); --background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 2%)); --background-secondary-alt:hsla(var(--accent-h),calc(var(--accent-s) - 0%),calc(var(--accent-l) + 10%),0.03); --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 7%)); --background-modifier-border:transparent;/*hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 8%));*/ --background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 12%)); --background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 20%)); --text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 80%)); --text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 45%)); --text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 30%)); --background-transparent:hsla(var(--base-h),var(--base-s),var(--base-l),0); --background-translucent:hsla(var(--base-h),var(--base-s),var(--base-l),0.85); --background-match-highlight:hsla(var(--accent-h), 40%, 62%, 0.2); --background-modifier-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) + 10%)); --text-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l)); --text-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) + 10%)); --interactive-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l)); --interactive-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) - 10%)); --quote-opening-modifier:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 15%)); --interactive-accent-rgb:220, 220, 220; --text-selection:rgba(237, 237, 237, 1); } /* --------------------- */ /* Color background inersion */ .invert-background-color.theme-light { --background-primary: hsl(var(--accent-h),calc(var(--accent-s) - 10%),calc(var(--accent-l) + 32%)); --background-secondary-alt: hsl(var(--base-h),var(--base-s),var(--base-l)); --background-primary-alt:transparent; --background-tertiary: transparent; } .workspace-leaf{ background: var(--background-secondary-alt);} .invert-background-color .frontmatter-container-header { color: var(--text-accent); } .invert-background-color .frontmatter-container{ border-bottom: 2px solid hsla(var(--accent-h),var(--accent-s),var(--accent-l),0.1); border-radius: 0px; } .invert-background-color .frontmatter-alias { background: transparent; } .invert-background-color .frontmatter-section-label { color: var(--text-accent); } .invert-background-color.theme-dark { --background-primary: hsl(var(--accent-h),calc(var(--accent-s)),calc(var(--accent-l) - 37%)); --background-secondary-alt: hsl(var(--base-h),var(--base-s),var(--base-d)); --background-primary-alt:transparent; --background-tertiary: transparent; } .invert-background-color.theme-light .popover { --background-primary:hsl(var(--base-h),var(--base-s),var(--base-l)); } .invert-background-color.theme-dark .popover { --background-primary:hsl(var(--base-h),var(--base-s),var(--base-d)); } /* ------------------ */ /* Hides the name of the root folder */ .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content { display:none; } /* --------------- */ /* Frameless mode */ .titlebar, .titlebar-inner { position:fixed; top:0; height:12px; } .titlebar, .titlebar-inner { Background:transparent; } .titlebar-text { display:none; } .is-frameless { padding-top:0px !important; } .workspace-split.mod-right-split > .workspace-tabs, .workspace-split.mod-root .view-header { padding-top:4px; } .workspace-split.mod-left-split > .workspace-tabs { padding-top:18px; } .workspace-split.mod-right-split > .workspace-tabs ~ .workspace-tabs, .workspace-split.mod-left-split > .workspace-tabs ~ .workspace-tabs { padding-top:0px; } .is-fullscreen .workspace-split.mod-left-split > .workspace-tabs, .is-fullscreen .workspace-split.mod-root .view-header { padding-top:0px; } /* --------------- */ /* width modes adjustment */ .full-width .markdown-source-view .is-readable-line-width .CodeMirror{ Width:100% !important; } .markdown-source-view.is-readable-line-width .CodeMirror, .markdown-preview-view.is-readable-line-width .markdown-preview-sizer { max-width:var(--max-width); width:var(--line-width) !important; } .full-width .markdown-source-view.is-readable-line-width .CodeMirror, .full-width .markdown-preview-view.is-readable-line-width .markdown-preview-sizer{ width:100% !important; } /* ------------------- */ /* Left sidebar */ /* -------------------*/ /* App Ribbon*/ .workspace-ribbon svg { Color:var(--text-accent); } .workspace-ribbon .side-dock-ribbon-action:hover { filter:brightness(1.2); } /* Nav action buttons */ .nav-header { padding:0; } .app-container.is-left-sidedock-collapsed .workspace-split.mod-left-split .nav-action-button { margin-top: 20px; } .markdown-preview-view .nav-buttons-container{ margin-top: 100px; } .nav-action-button svg { Margin-left:0rem; Margin-top:0.1rem; } .nav-action-button { width:2.3rem; Height:2.3rem; Margin-right:10px !important; } .nav-action-button .widget-icon{ fill: var(--text-accent) !important; } .nav-action-button.is-active .widget-icon { fill: #FFF !important; } .nav-action-button.is-active { Background:var(--text-accent); Border-radius:100%; } .menu-v2 .nav-action-button.is-active { border-radius: 5px; background: hsla(var(--accent-h),var(--accent-s),var(--accent-l), 0.1) ; } .nav-action-button.is-active svg { Margin-left:0.15rem; Margin-top:0.2rem; color: var(--text-accent) !important; } .nav-action-button.is-active svg { Color:#FFF !important; } .menu-v2 .nav-action-button.is-active svg { Color:var(--text-accent) !important; } .minimal-icons-on .nav-action-button.is-active svg { Margin-left:0.1rem; Margin-top:0.25rem; } .nav-action-button:hover svg{ Filter: brightness(1.5); } .nav-action-button svg{ Width:0.8em; Color:var(--text-accent); } .nav-action-button, .workspace-leaf-content[data-type='search'] .nav-action-button, .workspace-leaf-content[data-type='backlink'] .nav-action-button { margin:0; } /* LOGO or image */ .theme-light .nav-header:before,.theme-dark .nav-header:before{ Content:var(--site-title); Font-weight:700; Font-family:var(--text-title); Font-size:1.3em; Color:var(--text-accent); Margin-left:auto; Margin-right:auto; Text-align:center; Display:none; Background:var(--logo-url); Margin-top:10px; Margin-bottom:40px; background-repeat: no-repeat; background-size: contain; Background-position:center center; Display:block; Height:60px !important; Width:100% !important; } .bold-italic-accent.site-title-accent.theme-light .nav-header::before,.bold-italic-accent.site-title-accent.theme-dark .nav-header::before{ filter: hue-rotate(var(--hue-bold-italic)) !important; } .invert-logo.theme-dark .nav-header:before{ Filter: invert(100%); } .workspace-split.mod-right-split .nav-header::before, .view-content .nav-header::before{ display:none !important; } /* ------- Nav folder ---------- */ /* Customize font style */ .font-nav-folder-header .nav-folder,.font-nav-folder-header .search-result,.font-nav-folder-header .backlink-pane,.font-nav-folder-header .outline,.font-nav-folder-header #calendar-container,.font-nav-folder-header .tag-container,.font-nav-folder-header .outgoing-link-pane,.font-nav-folder-header .checklist-plugin-main{ font-family: var(--text-title); } .font-nav-folder-text .nav-folder,.font-nav-folder-text .search-result,.font-nav-folder-text .backlink-pane,.font-nav-folder-text .outline,.font-nav-folder-text #calendar-container,.font-nav-folder-text .tag-container,.font-nav-folder-text .outgoing-link-pane,.font-nav-folder-text .checklist-plugin-main{ font-family: var(--text); } /* Don't display collapse indicators */ .nav-folder-collapse-indicator.collapse-icon{ Display:none !important; } /* Styling */ .nav-folder-title { margin:0px; font-weight:400; padding:0 10px 0 24px; cursor:var(--cursor); Text-transform:uppercase; } .theme-light .nav-folder-title .nav-folder-title-content { Color:var(--text-accent) !important; Filter:brightness(0.8); } .nav-folder .is-collapsed .nav-folder-title .nav-folder-title-content{ Font-weight:var(--normal-weight) !important; } .nav-folder .nav-folder-title .nav-folder-title-content{ Font-weight:bold; } .nav-folder-title .nav-folder-title-content:hover{ filter:brightness(1.2); } .theme-dark .nav-folder-title { Color:var(--text-accent) !important; Filter:brightness(0.8); } .nav-folder { white-space: initial; margin: 10px 5px 20px 5px !important; border-radius: 5px; cursor: var(--cursor); } .nav-folder-title.is-being-dragged-over { background-color:var(--background-modifier-accent); border-color:var(--background-modifier-accent); border-radius:0; border-left:1px solid transparent; border-right:1px solid transparent; } .nav-folder-title-content { padding:1px 4px; } .nav-folder.mod-root { padding-top:2px; } /* Files */ .nav-files-container { overflow-x:hidden; } .nav-file { margin-left:12px; padding-right:4px; Cursor:var(--cursor) !important; } .nav-file-title { width:calc(100% - 30px); margin:0 8px 0 -4px; padding:0px 2px; border-width:0; cursor:var(--cursor) !important; } .nav-file-title:hover, .nav-file-title.is-active{ Background-color:transparent !important; } .nav-folder-title:hover { Background-color:transparent !important; } .menu-v1 .nav-file-title-content { width: 100%; white-space: initial; padding: 14px 15px !important; background: var(--background-primary) !important; //background: hsla(var(--accent-h), var(--accent-s),var(--accent-l),0.07); margin: 5px 0px; border-radius: 5px; box-shadow: 1px 5px 13px rgba(0,0,0,0.05) !important; padding: 0 5px; vertical-align: middle; cursor: var(--cursor) !important; } .menu-v3 .nav-file-title-content { background: hsla(var(--accent-h), var(--accent-s),var(--accent-l),0.07); box-shadow: none; width: 100%; white-space: initial; padding: 14px 15px !important; margin: 5px 0px; border-radius: 5px; padding: 0 5px; vertical-align: middle; cursor: var(--cursor) !important; } .menu-v1 .nav-file .is-active > .nav-file-title-content{ Color:#fff; Background-color:var(--text-accent) !important; } .menu-v3 .nav-file .is-active > .nav-file-title-content{ Color:#fff; Background-color:var(--text-accent) !important; } .workspace-leaf-content[data-type=starred] .nav-file-title-content { width:calc(100% - 15px); } .nav-file-title-content, .nav-folder-title, .is-collapsed .search-result-file-title, .tag-pane-tag { font-size: calc(var(--font-small) * var(--font-normal)); color:var(--text-normal); } /* Menu v2 */ .menu-v2 .nav-folder-collapse-indicator.collapse-icon{ Display: inline !important; } .menu-v2 .nav-folder { margin: 0px 0px 0px 0px !important; border-radius: 0px; } .menu-v2 .nav-folder:not(.is-collapsed) { //border-bottom: 2px solid hsla(var(--accent-h),var(--accent-s), var(--accent-l),0.1); //border-bottom:2px solid var(--text-accent); margin-bottom: 10px !important; } .menu-v2 .nav-folder-title { margin: 0px 0px 0px 24px !important; } .menu-v2 .nav-folder-title-content{ margin-bottom: 24px; } .menu-v2 .nav-folder-children { padding-left: 0px; } .menu-v2 .nav-file { margin-left:0px !important; padding-right:0px !important; Cursor:var(--cursor) !important; } .menu-v2 .nav-file-title { width:100% !important; margin:0px 0px 0px 0px !important; padding:0px 2px; border-width:0; cursor:var(--cursor) !important; } .menu-v2.bold-italic-accent .nav-folder:not(.is-collapsed) > .nav-folder-title svg{ filter: hue-rotate(var(--hue-bold-italic)); } .menu-v2 .nav-folder:not(.is-collapsed) > .nav-folder-title svg{ font-weight: bold; position: relative; color: var(--text-accent); top: 5px; height: 12px; width: 12px; } .menu-v2 .nav-file-title-content { width: 100%; white-space: initial; padding: 20px 0px !important; border-bottom: 1px solid hsla(var(--accent-h),var(--accent-s), var(--accent-l),0.1); cursor: var(--cursor) !important; border-radius: 0px!important; margin: 0px 40px !important; background: none; box-shadow: none; color: var(--text-normal); margin-left: ; } .nav-file-title-content:hover { Color:var(--text-accent); } .menu-v2 .nav-file { background: hsla(var(--accent-h),var(--accent-s), var(--accent-l),0.05) !important; } .menu-v2 .nav-file .nav-file-title-content { background: none; padding-l } .menu-v2 .nav-file .is-active > .nav-file-title-content { background: none; color: var(--text-normal) !important; } .menu-v2 .nav-file .is-active { border-left: 5px solid var(--text-accent); background: hsla(var(--accent-h),var(--accent-s), var(--accent-l),0.05) !important; border-radius: 0px; } /* Search */ .tree-item-self, .tree-item-children{ Color:var(--text-normal) !important; } .tree-item-children:hover{ Color:var(--text-accent); } .search-results-children .tree-item-self:hover{ color:var(--text-accent) !important; Background:transparent !important; } .search-result-file-match { cursor:var(--cursor) !important; margin-top:0; margin-bottom:0; padding-top:6px; padding-bottom:5px; font-size: calc(var(--font-smaller) * var(--font-small) * var(--font-normal)); line-height:1.3; margin-bottom:8px; padding:0 0 6px 0; color:var(--text-normal); border-bottom:none;/*1px solid var(--background-modifier-border-focus);*/ } .search-result-file-match:hover { color:var(--text-normal); } .search-result-container:before { height:1px; } .search-result-container.is-loading:before { background-color:var(--background-modifier-accent); } .menu-v1 .search-result { margin-bottom: 15px !important; background:var(--background-primary) !important; margin: 0px 15px; border-radius: 5px; box-shadow:1px 1px 5px rgba(0,0,0,0.05) !important;/*1px 5px 13px rgba(0,0,0,0.05);*/ } .menu-v3 .search-result { margin-bottom: 15px !important; background:hsla(var(--accent-h), var(--accent-s),var(--accent-l),0.07);; margin: 0px 15px; border-radius: 5px; box-shadow:none;/*1px 5px 13px rgba(0,0,0,0.05);*/ } .menu-v2 .search-result-container{ padding: 0px 20px !important; margin: 20px 0px 0px 0px; background: var(--background-secondary-alt); } /*.menu-v2 .search-result-container::before{ content: "RESULTS"; position: relative; display: block; color: var(--text-accent); font-weight: bold; width: 100% !important; text-align: center; margin-bottom: 30px; font-size:calc(var(--font-small) * var(--font-normal)); }*/ .menu-v2 .search-result { box-shadow: none; background: transparent; margin: 0px 0px 0px 0px !important; border-radius: 0px; } .menu-v2 .search-result:hover{ margin: 0px 0px !important; } .menu-v2 .search-results-children{ padding: 0px 20px; } .menu-v2 .search-results-children .tree-item{ border-top: 1px solid hsla(var(--accent-h),var(--accent-s), var(--accent-l),0.2); padding:15px 15px 5px 0px; } .menu-v2 .search-results-children div:nth-child(2) { border-top: 0px solid !important; } .menu-v2 .search-results-children .tree-item-self:hover{ background: transparent !important; } .menu-v2 .backlink-pane { background: transparent !important; padding: 0px 0px; //margin-top: -10px; } .menu-v2 .backlink-pane .search-results-children{ margin-bottom: 20px; } .search-result-count { opacity:1; color:var(--text-faint); padding:0 0 0 5px; } .search-result-file-match:before { top:0; } .search-result-file-match:not(:first-child) { margin-top:0px; } .search-result-file-matched-text { Background:none;/*var(--background-match-highlight);*/ Color:var(--text-accent); Font-weight:bold; } .search-input { max-width:calc(100% - 20px); margin-left:10px; width:500px; } .search-input-container{ Margin-top:20px; } .search-input-container input { Border-radius:20px; Margin-bottom:20px; } .search-result-file-title { //font-size:var(--font-small) !important; font-size: calc(var(--font-small) * var(--font-normal)); color:var(--text-normal); Font-weight:var(--normal-weight); } .side-dock-collapsible-section-header { font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); color:var(--text-muted); cursor:var(--cursor); margin-right:0; } .tree-view-item-self:hover .tree-view-item-collapse, .side-dock-collapsible-section-header:hover, .side-dock-collapsible-section-header:not(.is-collapsed) { color:var(--text-normal); } .search-result-collapse-indicator, .search-result-file-title:hover .search-result-collapse-indicator, .side-dock-collapsible-section-header-indicator:hover, .side-dock-collapsible-section-header:hover .side-dock-collapsible-section-header-indicator { color:var(--background-modifier-border-hover); } input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'] { Font-family:var(--text) !important; } input.search-input:focus { border-color:var(--background-modifier-border); } .workspace-leaf-content[data-type='search'] .search-result-file-matches { border-left:0; padding-left:0; } .search-empty-state { //font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); color:var(--text-faint); padding-left:10px; margin:0; } .search-result-container { Padding:0px 10px 5px 5px; } .search-result-file-title { line-height:1.3; padding:15px 4px 15px 24px; vertical-align:middle; cursor:var(--cursor)!important; overflow:hidden; text-overflow:ellipsis; } .search-result-file-title > span:not(.search-result-collapse-indicator):not(.search-result-count) { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .search-result-collapse-indicator { left:5px; } .search-result-file-match:before { height:0.5px; } .search-info-more-matches { font-size: calc(var(--font-smaller) * var(--font-smaller) * var(--font-normal)); padding-top:4px; padding-bottom:4px; color:var(--text-normal); } /* ----------------------- */ /* Main pane */ /* ---------------------- */ /* Title Bar */ .workspace-leaf-header, .view-header { background-color:var(--background-primary) !important; border:none !important; } .view-header-title-container::before { Display:none !important; } .view-header-title-container::after { Display:none !important; } .view-header-title { //font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); Box-shadow:none !important; text-align: center; } .bold-italic-accent .view-header-title { //color: var(--text-normal) !important; //filter: hue-rotate(var(--hue-bold-italic)); } .view-actions { //Background:var(--background-primary) !important; background: none !important Box-shadow:none !important; } .view-actions svg{ Color:var(--text-accent) !important; } .view-actions:hover .view-action{ opacity:1 !important; z-index: 1 !important; } /* Workspace */ .workspace-tab-header-inner { padding:3px 3px 3px 10px; } .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content { height:calc(100% - 6px); } .workspace-split.mod-root { Background:var(--background-primary); } .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle { height:0px; border-bottom:1px solid var(--background-modifier-border); } .workspace-split.mod-right-split > .workspace-leaf-resize-handle { border-left:1px solid var(--background-modifier-border); width:0px !important; } .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle { border-right:1px solid var(--background-modifier-border); width:0px !important; } .workspace-split.mod-right-split > .workspace-leaf-resize-handle:active, .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active, .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active, .workspace-split.mod-left-split > .workspace-leaf-resize-handle:active { border-color:var(--background-modifier-border-hover); } .workspace-tab-container-before, .workspace-tab-container-after{ width:0; } .workspace-leaf { border-left:0px; } .mod-horizontal .workspace-leaf { border-bottom:0px; background-color:transparent; } .workspace-leaf:not(.mod-active) {} .workspace-tab-container-inner { background:transparent; border-bottom:1px solid var(--background-modifier-border); border-radius:0; width:100%; max-width:100%; margin:0 auto; padding-left:5px; } .workspace-tab-header.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-active, .workspace-tab-header.is-after-active, .workspace-tab-header.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active, .workspace-tab-header.is-after-active { background:transparent; } .workspace-tabs { border:0; padding-right:0; font-size:100%; } .workspace-tab-header-container { border:0 !important; Background-color:transparent; height:36px; } .workspace-tab-header-container:hover { opacity:1; } .workspace-tab-header-inner-icon svg{ Color:var(--text-accent); } /* ----------------------- */ /* Typography and fonts */ ::selection { background:var(--text-selection); } /* Hue for bold and italic pop, preview and edit mode */ .bold-italic-accent strong,.bold-italic-accent em{ color: var(--text-accent); filter: hue-rotate(var(--hue-bold-italic)); } .bold-italic-accent .CodeMirror-code .cm-strong,.bold-italic-accent .CodeMirror-code .cm-em { color: var(--text-accent); filter: hue-rotate(var(--hue-bold-italic)); } /* ---------------- */ /* Base */ /* ---------------- */ /* Editor */ body, input, button, .cm-s-obsidian .cm-formatting-hashtag, .cm-s-obsidian { font-family:var(--text) !important; font-size:var(--font-normal); font-weight:var(--normal-weight); -webkit-font-smoothing:subpixel-antialiased; } .markdown-source-view.mod-cm6 .cm-scroller, .markdown-source-view, .cm-s-obsidian .cm-formatting-hashtag, .cm-s-obsidian, .cm-s-obsidian span.cm-formatting-task { line-height:var(--line-height); font-family:var(--text-editor) !important; } .CodeMirror-line { Letter-spacing:var(--text-spacing) !important; } .cm-s-obsidian span.cm-formatting-task { font-family:var(--text-editor) !important; line-height:var(--line-height); Letter-spacing:var(--text-spacing) !important; } .cm-s-obsidian .cm-header, .cm-s-obsidian .cm-strong { font-weight:var(--bold-weight); font-family:var(--text) !important; Letter-spacing:var(--text-spacing) !important; } .cm-formatting-header { font-weight:var(--normal-weight) !important; } /* Accent color for titles */ .title-accent-color .markdown-source-view .HyperMD-header span { Color:var(--text-accent); } /* Titles */ .title-accent-color .markdown-preview-view h1, .title-accent-color .cm-s-obsidian .cm-header-1,.title-accent-color .markdown-preview-view h2,.title-accent-color .cm-s-obsidian .cm-header-3,.title-accent-color .markdown-preview-view h3, .title-accent-color .cm-s-obsidian .cm-header-4,.title-accent-color .markdown-preview-view h4, .title-accent-color .cm-s-obsidian .cm-header-5,.title-accent-color .markdown-preview-view h5, .title-accent-color .title-accent-color .cm-s-obsidian .cm-header-6,.title-accent-color .markdown-preview-view h6{ Color:var(--text-accent) !important; } .empty-state-title, .markdown-preview-view h1, .cm-s-obsidian .cm-header-1{ Font-family:var(--text-title) !important; Padding-top:30px; Font-style:var(--h1-style); letter-spacing:var(--title-spacing); Line-height:1.2em; font-size:var(--h1);/*28px !important;*/ font-weight:var(--h1-weight) !important;/*normal;*/ Color:var(--h1-color); } .HyperMD-header-1 { letter-spacing:var(--title-spacing); } .h-reveal .markdown-preview-view h1:before{ content:"H1"; Font-size:0.8rem; margin-right:1rem; color:var(--text-accent); } .markdown-preview-view h2, .cm-s-obsidian .cm-header-2 { Font-family:var(--text-title) !important; Font-style:var(--h2-style); letter-spacing:var(--title-spacing); Line-height:1.2em; padding-top:20px; font-size:var(--h2); font-weight:var(--h2-weight) !important; Color:var(--h2-color); } .HyperMD-header-2 { letter-spacing:var(--title-spacing); } .h-reveal .markdown-preview-view h2:before{ content:"H2"; Margin-right:1rem;/*14px;*/ Font-size:0.8rem; color:var(--text-accent); } .markdown-preview-view h3, .cm-s-obsidian .cm-header-3 { Font-family:var(--text-title) !important; Font-style:var(--h3-style); letter-spacing:var(--title-spacing); Line-height:1.2em; font-weight:var(--h3-weight) !important; padding-top:15px; font-size:var(--h3); Color:var(--h3-color); } .HyperMD-header-3 { letter-spacing:var(--title-spacing); } .h-reveal .markdown-preview-view h3:before{ content:"H3"; Font-size:0.8rem; margin-right:1rem; color:var(--text-accent); } .markdown-preview-view h4, .cm-s-obsidian .cm-header-4 { Font-family:var(--text-title) !important; Font-style:var(--h4-style); font-variant:small-caps; letter-spacing:var(--title-spacing); Line-height:1.2em; Color:var(--h4-color); font-weight:var(--h4-weight) !important; font-size:var(--h4); padding-top:15px; } .HyperMD-header-4 { letter-spacing:var(--title-spacing); } .h-reveal .markdown-preview-view h4:before{ content:"H4"; Font-size:0.8rem; margin-right:1rem; color:var(--text-accent); } .markdown-preview-view h5, .cm-s-obsidian .cm-header-5 { Font-family:var(--text-title) !important; Font-style:var(--h5-style); font-variant:small-caps; letter-spacing:var(--title-spacing); text-transform:lowercase; Line-height:1.2em; Color:var(--h5-color); font-weight:var(--h5-weight) !important; padding-top:15px; } .HyperMD-header-5 { letter-spacing:var(--title-spacing); } .h-reveal .markdown-preview-view h5:before{ Font-size:0.8rem; content:"H5"; margin-right:1rem; color:var(--text-accent); } .markdown-preview-view h6, .cm-s-obsidian .cm-header-6 { Font-family:var(--text-title) !important; font-variant:small-caps; Font-style:var(--h6-style); letter-spacing:var(--title-spacing); text-transform:lowercase; Line-height:1.2em; padding-top:15px; Color:var(--h6-color); font-weight:var(--h6-weight) !important; font-size:var(--h6); } .HyperMD-header-6 { letter-spacing:var(--title-spacing); } .h-reveal .markdown-preview-view h6:before{ Font-size:0.8rem; content:"H6"; margin-right:1rem; color:var(--text-accent);/*hsl(var(--accent-h),var(--accent-s),var(--accent-d));*/ } /* Change Hx color (preview and edit mode) */ .h-change-color.bold-italic-accent .markdown-preview-view h1:before,.h-change-color.bold-italic-accent .markdown-preview-view h2:before,.h-change-color.bold-italic-accent .markdown-preview-view h3:before,.h-change-color.bold-italic-accent .markdown-preview-view h4:before,.h-change-color.bold-italic-accent .markdown-preview-view h5:before,.h-change-color.bold-italic-accent .markdown-preview-view h6:before{ filter: hue-rotate(var(--hue-bold-italic)); } .cm-formatting-header { color:var(--text-accent) !important; } .bold-italic-accent.h-change-color .cm-formatting-header { filter: hue-rotate(var(--hue-bold-italic)) !important; } /* Collapse indicator for titles */ .title-collapse .heading-collapse-indicator { Opacity:0; } .heading-collapse-indicator:hover{ Opacity:1 !important; } .CodeMirror-gutter-wrapper { opacity:var(--title-collapse); } .CodeMirror-gutter-wrapper:hover{ Opacity:1; } /* ---------------------------*/ /* Markdown preview styling */ /*--------------------------- */ .markdown-preview-view { font-size:var(--font-normal); line-height:var(--line-height); font-weight: var(--normal-weight); } .markdown-preview-view p, .markdown-preview-view ol, .markdown-preview-view ul, .markdown-preview-view table, .markdown-preview-view iframe, .markdown-preview-view .admonition,.markdown-preview-view aside,.markdown-preview-view .columns-2,.markdown-preview-view .columns-3,.markdown-preview-view .cards-3,.markdown-preview-view .cards-2 { Letter-spacing:var(--text-spacing); Margin-left:var(--p-offset); } .markdown-preview-view ol li p,.markdown-preview-view ul li p, .markdown-preview-view blockquote p,.markdown-preview-view li ul, .markdown-preview-view li iframe{ Margin-left:0px !important; } .theme-dark .markdown-preview-view hr { height:1px; border-width:1px 0 0 0; border-color: #1a1A1A; } .theme-light .markdown-preview-view hr { height:1px; border-width:2px 0 0 0; border-color: #eee; } /* Links */ .external-link { text-decoration:none; color:var(--text-faint); border-bottom:1px solid #222; Background-image:none !important; Padding-right:0px !important; } .external-link { border-bottom:none !important; } .internal-link { text-decoration:none !important; color:var(--text-accent); } /* Footnotes */ .footnotes-list { margin-block-start:-10px; padding-inline-start:20px; //font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); } .footnotes-list p { display:inline; margin-block-end:0; margin-block-start:0; } .footnote-ref a { text-decoration:none; } .footnote-backref { color:var(--text-faint); } /* Highlights */ .theme-light .markdown-preview-view mark { background: hsla(var(--accent-h),calc(var(--accent-s) + 30%),var(--accent-l),0.1); padding: 4px 5px; } .theme-dark .markdown-preview-view mark { background: hsla(var(--accent-h),var(--accent-s),var(--accent-d),0.3); padding: 4px 5px; } /* Edit Mode */ .theme-light .markdown-source-view .cm-formatting-highlight, .theme-light .markdown-source-view .cm-highlight { background: hsla(var(--accent-h),calc(var(--accent-s) + 30%),var(--accent-l),0.1) !important; padding: 1px 1px; } .theme-dark .markdown-source-view .cm-formatting-highlight, .theme-dark .markdown-source-view .cm-highlight { background: hsla(var(--accent-h),var(--accent-s),var(--accent-d),0.3); padding: 1px 1px; } /* Blockquotes */ /* Preview */ .markdown-preview-view blockquote { Font-style:italic; Font-size:1.1em; Line-height:1.9; color:var(--text-normal); Margin-inline-end:0px; position: relative; } .blockquote-background .markdown-preview-view blockquote { border-left:3px solid hsl(var(--accent-h), var(--accent-s),var(--accent-d)); Padding:20px 20px 20px 60px; } .blockquote-background.theme-light .markdown-preview-view blockquote { background: var(--background-secondary-alt) !important; } .blockquote-background.theme-dark .markdown-preview-view blockquote { background: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1) } .blockquote-serif .markdown-preview-view blockquote { font-family: lora; } .blockquote-bracket .markdown-preview-view blockquote:after{ content: "“" !important; font-family: lora !important; position: absolute !important; top: 0em !important; left: -60px !important; font-size: 5rem !important; color: var(--text-accent) !important; margin-top: -40px; } .blockquote-bracket .markdown-preview-view blockquote { margin-left: 6.5rem; } .blockquote-text-center .markdown-preview-view blockquote { text-align: center; padding-right: 4rem; padding-left: 4rem; } /* Edit mode */ .theme-light .HyperMD-quote { background: var(--background-secondary-alt) !important; } .theme-dark .HyperMD-quote { background: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1) !important; } .cm-quote { font-style: italic; font-size: 1.1em; color: var(--font-normal) !important; } .cm-formatting-quote { color: var(--text-accent) !important; } /* ASIDE */ aside { width: 35%; padding-left: 1rem; margin-right: 2rem; float: right; font-style: italic; } aside > p { margin: 0px 0px 0px calc(var(--p-offset) * -1) !important; font-size: calc(var(--font-small) * var(--font-normal)) !important; padding-left: 1rem !important; border-left: 3px solid var(--text-accent) !important; } /* Checkboxes */ input[type=checkbox] { -webkit-appearance:none; appearance:none; border-radius:50%; border:2px solid var(--text-accent) !important; padding:0; } input[type=checkbox]:focus,input[type=checkbox]:hover { outline:0; border-color:var(--text-faint); cursor: pointer; } input[type=checkbox]:checked { background-color:var(--text-accent); border:1px solid var(--text-accent); background-position:center; background-size:70%; background-repeat:no-repeat; background-image:url('data:image/svg+xml; utf8, '); } .markdown-preview-view ul > li.task-list-item.is-checked { text-decoration:none; color:var(--text-normal); } .markdown-preview-view .task-list-item-checkbox { width:18px !important; height:18px !important; position:relative; top:7px !important; line-height:0; margin-left:-1.3em; margin-right:6px; filter:none; } .markdown-preview-view .task-list-item { padding-inline-start:1.5em; } span.cm-formatting-list{ color: var(--text-accent) !important; } /* Edit mode */ .cm-s-obsidian span.cm-formatting-task { color: var(--text-accent); } /* Tables */ .markdown-preview-view table { Width:calc(100% - var(--p-offset)); } .markdown-preview-view tbody tr{ Background:var(--background-primary); Font-size:calc(var(--font-small) * var(--font-normal)); } .markdown-preview-view th { text-align: left; Font-size:var(--font-normal); font-weight: 600; border-top:none; text-align: left; border-top:none; } .theme-light .markdown-preview-view th { Background:var(--background-secondary-alt); } .theme-dark .markdown-preview-view th { Background:hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1); } .theme-light .markdown-preview-view table tr:nth-child(2n) { Background:var(--background-secondary-alt); } .theme-dark .markdown-preview-view table tr:nth-child(2n) { background: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1); } /* Tables in edit monde */ .CodeMirror-code .HyperMD-table-row { font-size: calc(var(--font-small) * var(--font-normal)); } /*theme-light .CodeMirror-code .HyperMD-table-row:nth-child(2n) { Background:hsla(var(--accent-h), var(--accent-s), var(--accent-l),0.05) !important; } .theme-dark .HyperMD-table-row:nth-child(2n) { Background:hsla(var(--accent-h), var(--accent-s), var(--accent-d),0.1) !important; }*/ /* Preview Mode Lists */ ul,ol,ul ul, ol ul, ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style:none !important; list-style-type:none; } ul > li:not(.task-list-item)::before { content:"\2022"; color:var(--text-accent); font-weight:600; display:inline-block; width:1em; margin-left:-1.3em; } ul li p, ol li p { display:inline; } ul > li { margin-left:-0.7em; } ol { padding-inline-start:1.5em; margin-left:0.3em; list-style:none; counter-reset:counter; position:relative; } ol > li { margin-left:-0.1em; counter-increment:counter; } ol > li::before { content:counter(counter) ". "; color:var(--text-accent); position:absolute; left:-0.9em; text-align:right; width:2em; } /* Code */ .markdown-preview-view .markdown-preview-section div pre{ background: var(--background-secondary-alt); margin-left: var(--p-offset) !important; } .markdown-preview-view .markdown-preview-section div pre code { background: transparent; color: var(--text-accent); } .bold-italic-accent .markdown-preview-view .markdown-preview-section div pre code { filter: hue-rotate(var(--hue-bold-italic)); } .theme-light .cm-s-obsidian div.HyperMD-codeblock-bg { Background-color:hsla(var(--accent-h), var(--accent-s), var(--accent-l),0.05) !important; } .theme-dark .cm-s-obsidian div.HyperMD-codeblock-bg { Background-color:hsla(var(--accent-h), var(--accent-s), var(--accent-d),0.1) !important; } .cm-s-obsidian .cm-hmd-codeblock { color: var(--text-accent); } .bold-italic-accent .cm-s-obsidian .cm-hmd-codeblock { filter: hue-rotate(var(--hue-bold-italic)); } .theme-light :not(pre) > code[class*="language-"], .theme-light pre[class*="language-"] { background-color:var(--background-secondary-alt); } /* .theme-light code[class*="language-"], .theme-light pre[class*="language-"] { text-shadow:none; }*/ .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 .CodeMirror-code { font-family:var(--font-monospace); } Span.cm-hmd-frontmatter{ color:var(--text-faint) !important; Font-size:0.8em; } /* Popover */ .popover .markdown-preview-view { Zoom:0.8; } /* Tags in front matter */ .tag { background-color:var(--background-tertiary) !important; border:none; color:var(--text-muted); //font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); padding:3px 10px 0px 10px; text-align:center; text-decoration:none; display:inline-block; margin:5px 0px 0px; cursor:pointer; border-radius:18px; } .tag:hover { color:#fff; background:var(--text-accent) !important; } .cm-s-obsidian span.cm-hashtag { background-color:var(--background-tertiary); border:none; color:var(--text-muted); //font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); text-align:center; text-decoration:none; display:inline-block; margin:0; vertical-align:middle; padding-top:3px; padding-bottom:3px; cursor:text; } .cm-hashtag-begin { border-top-left-radius:14px; border-bottom-left-radius:14px; padding-left:8px; } .cm-hashtag-end { border-top-right-radius:14px; border-bottom-right-radius:14px; padding-right:8px; } /* Embed internal text */ .markdown-preview-view .internal-embed:not(.image-embed){ background: var(--background-secondary-alt); border-radius: 10px; } /* --------------- */ /* Modals */ .modal.mod-settings .vertical-tab-header { Background:transparent; } .vertical-tab-header-group { Padding:0 0 !important; } .modal .vertical-tab-header-group-title { Background:var(--background-secondary-alt); Color:var(--text-accent); Font-weight:bold; } .modal.mod-settings .vertical-tab-content-container { border:1px solid var(--background-modifier-border); padding-bottom:0; padding-right:0; } input.prompt-input, input.prompt-input:hover { border:0; background:var(--background-primary); } .suggestion-container { font-family: var(--text); } .modal-container .suggestion-item.is-selected { border-radius:6px; background:var(--background-tertiary); } .suggestion-item.is-selected, .menu-item:hover { background:var(--background-tertiary); } .prompt { font-family: var(--text); } .menu { Padding:20px 0px; Border-radius:10px; } .menu-item-icon svg { color: var(--text-accent); } /* --------------- */ /* Image */ .view-content img { max-width:100%; cursor:zoom-in; } .view-content img{ border-radius:var(--img-border-radius); } .img-border-shadow .view-content img { box-shadow: 0px 2px 10px -3px #222; } /*img { left: 50%; margin-left: -50vw; margin-right: -50vw; // max-width: 100%; position: relative; !important; object-fit: cover; display: block!important; right: 50%; height: 500px; width: 100vw !important; }*/ img:after{ height: 400px !important; width: 10px !important; padding-bottom: 600px; content: ""; position: relative; display: inline !important; } .view-content img:active { cursor:zoom-out; display:block; z-index:100; position:fixed; max-height:calc(100% + 1px); max-width:calc(100% - 20px); 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:var(--background-translucent); } /* --------------- */ /* Right sidebar */ /* --------------- */ /* Outline */ .outline { padding-top:10px; padding-bottom:20px; Padding-left:30px; //font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); } .outline:before{ Content:"OUTLINE"; Font-weight:600; color:var(--text-accent); font-size: var(--font-small); } .outline .collapse-icon { Color:var(--text-accent); } .outline .tree-item-inner::before { content:"\2022"; Color:var(--text-accent); Margin-left:-15px; Padding-right:7px; } .outline .tree-item-inner:not(:only-child)::before { display: none; } .outline .pane-empty { //font-size:var(--font-small); //font-size: calc(var(--font-small) * var(--font-normal)); margin:0 0 0 15px; } .outline .collapsible-item-self { cursor:var(--cursor); line-height:1.4; color:var(--text-normal) !important; margin-bottom:4px; //font-size:var(--font-small); //font-size: calc(var(--font-small) * var(--font-normal)) !important; font-weight:700; } .outline .collapsible-item-self:hover { opacity:0.7; } .collapsible-item-collapse { opacity:1; } .outline .collapsible-item-children .collapsible-item-self{ font-weight:400 !important; } /* backlink pane */ .backlink-pane { Padding-top:30px; padding-bottom:30px; Background:var(--background-secondary-alt); Border-radius:10px; Margin-top:20px; } .backlink-pane.node-insert-event { Background:transparent !important; } .backlink-pane .search-result-container { padding:5px 0px 5px 0px; margin-left:0; } .backlink-pane .search-result-file-title { padding-left:25px; } .list-item-ending-flair { right:0; background:transparent; } .backlink-pane .list-item-ending-flair { right:12px; } .backlink-pane.node-insert-event { Padding-top:0px !important; } /* Tag pane */ .tag-pane-tag .list-item-ending-flair { right:5px; } .list-item:hover .list-item-ending-flair { background:transparent; color:var(--text-faint); } .search-result-file-title:hover { color:var(--text-normal); } .tag-container{ Padding:10px 40px !important; Font-size:1em !important; } .tag-pane-tag-text:before{ content:"#"; Color:var(--text-accent); Margin-left:-13px; Padding-right:6px; } .tag-pane-tag > .collapse-icon + .tree-item-inner > .tag-pane-tag-text:before { content: none; margin-left: -5px; } .tag-container .tree-item-icon { Color:var(--text-accent); } .tag-container::before { Content:"TAGS"; color:var(--text-accent); Font-weight:bold; font-size: calc(var(--font-small) * var(--font-normal)); } .tag-pane-tag-count { padding:0; color:var(--text-faint); } .tag-pane-tag { padding:2px 10px; cursor:var(--cursor); } .workspace-leaf-content[data-type='tag'] { padding-top:10px; } /* Outgoing links */ .outgoing-link-item { Background:var(--background-primary); //Font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); box-shadow: 1px 1px 5px rgba(0,0,0,0.05); Border-radius: 8px; Margin-bottom:15px; } .menu-v2 .outgoing-link-item { box-shadow: none; background: transparent; padding: 20px 20px; border-radius: 0px; border-bottom: 1px solid hsla(var(--accent-h),var(--accent-s),var(--accent-l),0.1); margin: 0px 0px !important; } .menu-v2 .outgoing-link-pane { padding: 0px 0px; } .menu-v3 .outgoing-link-item { box-shadow: none; Border-radius: 8px; Margin-bottom:15px; background: hsla(var(--accent-h), var(--accent-s),var(--accent-l),0.07); } /* --------------- */ /* Status bar */ .status-bar { background-color:var(--background-primary); color:var(--text-faint); //font-size:var(--font-smaller); font-size: calc(var(--font-smaller) * var(--font-small) * var(--font-normal)); padding:0; } .status-bar-item { padding:0 5px; } .status-bar-item-segment { margin-right:10px; } /* --------------- */ /* iframes */ iframe { border:0; } /* --------------- */ /* Graphs */ .graph-controls { border:none; left:0; top:0; margin-bottom:0; padding:10px 20px 10px 10px; } .theme-light .graph-controls { Background-color:hsl(var(--accent-h),calc(var(--accent-s) - 20%),calc(var(--accent-l) + 35%)); //box-shadow: -10px -10px 20px 12px rgba(0,0,0,0.05) !important; } .theme-dark .graph-controls { Background-color:hsl(var(--accent-h),calc(var(--accent-s) + 10%),calc(var(--accent-l) - 35%)); } .graph-control-section .setting-item .setting-item-info .setting-item-name { color:var(--text-normal) !important; //color: var(--text-accent); } .graph-control-section-header { //Color:var(--text-accent); font-weight: bold; } .graph-controls.is-close { Background-color:var(--background-primary); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); padding: 5px; margin-left: 1rem; } .graph-controls-button svg { color: var(--text-accent); } input[type=range] { background-color:rgba(0,0,0,0.03); height:16px; padding:9px 7px 0 7px; -webkit-appearance:none; cursor:default; margin:0; border-radius:50px; } input[type=range]:focus { } input[type=range]::-webkit-slider-runnable-track { background:var(--text-muted); height:1px; margin-top:-9px; } input[type=range]::-webkit-slider-thumb { background:var(--text-accent); height:7px; width:20px; margin-top:0px; cursor:default; } input[type=range]::-webkit-slider-thumb:hover, input[type=range]::-webkit-slider-thumb:active { background:var(--text-normal); } .local-graph-jumps-slider-container, .workspace-split.mod-left-split .local-graph-jumps-slider-container, .workspace-split.mod-right-split .local-graph-jumps-slider-container, .workspace-fake-target-overlay .local-graph-jumps-slider-container { background:transparent; opacity:0.6; padding:0; left:12px; transition:opacity 0.2s linear; height:auto; } .mod-root .local-graph-jumps-slider-container { right:0; left:0; width:var(--line-width); max-width:var(--max-width); margin:0 auto; top:30px; } .workspace-split.mod-left-split .local-graph-jumps-slider-container:hover, .workspace-split.mod-right-split .local-graph-jumps-slider-container:hover, .workspace-fake-target-overlay .local-graph-jumps-slider-container:hover, .local-graph-jumps-slider-container:hover { opacity:0.8; transition:opacity 0.2s linear; } .graph-view.color-fill-focused { color: var(--text-accent); } .graph-view.color-fill { color: var(--text-accent); opacity: 0.6; } .graph-view.color-circle { color:transparent; } .graph-view.color-line { color:var(--text-faint); } .graph-view.color-text { color:var(--text-normal); } .bold-italic-accent .graph-view.color-fill-highlight { color: hsl(var(--accent-h), calc(var(--accent-s) + 50%), var(--accent-d)) } .graph-view.color-line-highlight { color:var(--interactive-accent); } /* --------------- */ /* Scroll bars */ ::-webkit-scrollbar { width:7px; } ::-webkit-scrollbar-track { background-color:var(--background-primary); } ::-webkit-scrollbar-thumb { border-width:0px 4px 6px 0px; border-style:solid; border-radius:0 !important; border-color:var(--background-primary); min-height:40px; } /* ----------------------- */ /* Focus mode */ .hide-action-buttons .view-action { opacity: 0 !important; transition: 0.3s; } .hide-action-buttons .view-action:hover { opacity: 1; } .hide-instruction .prompt-instructions { Display:none; } .hide-tooltip .tooltip { Display:none; } .hide-scrollbar ::-webkit-scrollbar { Display:none; } .hide-file-name .titlebar-button-container { display: none; } .hide-left-menu .workspace-ribbon { Display:none; } .hide-file-name .workspace-leaf-header, .hide-file-name .view-header .view-header-title:hover { Opacity:1; } .hide-file-name .workspace-leaf-header,.hide-file-name .view-header .view-header-title { Opacity:0; transition: 0.3s; } .view-header-icon { opacity:0 !important; } .hide-left-menu .workspace-tab-header-container { Opacity:0; transition: 0.3s; } .hide-left-menu .workspace-tab-header-container:hover { Opacity:1; } .hide-status-bar .status-bar { Display:none; } .writing-focus .CodeMirror-code .CodeMirror-activeline pre span{ color: var(--font-normal) !important; } .writing-focus .CodeMirror-code .CodeMirror-activeline pre .cm-hmd-internal-link { color: var(--text-accent) !important; } .writing-focus .CodeMirror-code:not(.CodeMirror-activeline) span{ color: var(--text-faint) !important; } .writing-focus.bold-italic-accent .CodeMirror-code .CodeMirror-activeline .cm-strong,.writing-focus.bold-italic-accent .CodeMirror-code .CodeMirror-activeline .cm-em { color: var(--text-accent) !important; filter: hue-rotate(var(--hue-bold-italic)); } /* Edit button */ .edit-button .view-action:nth-last-of-type(4),.edit-button .view-action:nth-last-of-type(5), .edit-button .view-action:nth-last-of-type(6) { top: calc(90vh - 10px); Margin-right:1rem; } .edit-button .view-action:nth-last-of-type(5),.edit-button .view-action:nth-last-of-type(4),.edit-button .view-action:nth-last-of-type(6){ Position:absolute; !important; Background:var(--text-accent); Width:3rem; Height:3rem; Border-radius:100%; Padding:0.9rem 0.9rem; } .edit-button .view-action:nth-last-of-type(4),.edit-button .view-action:nth-last-of-type(5),.edit-button .view-action:nth-last-of-type(6) { Opacity:1 !important; } .edit-button .view-action:nth-last-of-type(4) svg,.edit-button .view-action:nth-last-of-type(5) svg,.edit-button .view-action:nth-last-of-type(6) svg{ Color:#FFF !important; //Width:1.3rem; margin-bottom: 0.1rem !important; } .edit-button.is-mobile .view-action:nth-last-of-type(4) svg, .edit-button.is-mobile .view-action:nth-last-of-type(5) svg, .edit-button.is-mobile .view-action:nth-last-of-type(6) svg{ margin-left:0.1rem; Margin-top:-0.1rem; Width:1rem; } /* with Sliding pane plugin */ .edit-button.plugin-sliding-panes-rotate-header .view-actions .view-action:nth-last-of-type(4),.edit-button.plugin-sliding-panes-rotate-header .view-actions .view-action:nth-last-of-type(5),.edit-button.plugin-sliding-panes-rotate-header .view-actions .view-action:nth-last-of-type(6) { position: absolute; left: calc(84vw); } .edit-button.plugin-sliding-panes-rotate-header .view-actions .view-action:nth-last-of-type(4) svg,.edit-button.plugin-sliding-panes-rotate-header .view-actions .view-action:nth-last-of-type(5) svg,.edit-button.plugin-sliding-panes-rotate-header .view-actions .view-action:nth-last-of-type(6) svg{ margin-left: -0.5rem;} .edit-button.is-mobile .view-action:nth-last-of-type(4),.edit-button.is-mobile .view-action:nth-last-of-type(5),.edit-button.is-mobile .view-action:nth-last-of-type(6) { Margin-left:-1rem; } /* ----------------------------- */ /* PLUGINS */ /* ----------------------------- */ /* Andy Matuschak mode! */ body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf { box-shadow: 10px 2px 9px 4px #444 !important; } body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title { Opacity:1; //Font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); } body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-title-container { Text-align:left !important; } .plugin-sliding-panes-stacking .view-header-title { text-align: left; } /* Correct a problem on tablet */ .is-mobile.plugin-sliding-panes-stacking .workspace-leaf { margin-left: -10px; } /* -------------------- */ /* CALENDAR */ .calendar .day.today { font-weight: 800 !important; font-size: 1.5em !important; } .calendar .day{ font-size:calc(var(--font-small) * var(--font-normal)) !important; } /* -------------------- */ /* CHECKLIST PLUGIN */ .group-todo { Margin-left:20px; } .checklist-plugin-main button{ background: transparent !important; } .task-list-item-checkbox { Border:1px solid var(--text-accent) !important; Width:15px !important; Height:15px !important; } input[type=checkbox] { Top:6px !important; } .group-todo li:before { Display:none !important; } .group-todo .title { Color:var(--text-accent); } .menu-v1 .checklist-plugin-main li.classic { Background:var(--background-primary) !important; box-shadow: 1px 1px 5px rgba(0,0,0,0.05);/*1px 1px 5px rgb(0 0 0 / 5%);*/ } .menu-v3 .checklist-plugin-main li.classic { Background:hsla(var(--accent-h), var(--accent-s),var(--accent-l),0.07); } .menu-v3 .checklist-plugin-main li.classic:hover{ Background:hsla(var(--accent-h), var(--accent-s),var(--accent-l),0.07); } .menu-v2 .checklist-plugin-main li.classic { background: hsla(var(--accent-h),var(--accent-s), var(--accent-l),0.05) !important; margin: 0px 0px !important; border-radius: 0px !important; border-bottom: 1px solid hsla(var(--accent-h),var(--accent-s), var(--accent-l),0.1) !important; padding: 10px 10px; } .menu-v2 .checklist-plugin-main .group-todo { margin: 0px 0px !important; } .menu-v2 .checklist-plugin-main .svelte-yzsyxo ul{ margin: 0px 0px !important; } .checklist-plugin-main .group-header .title { Color:var(--text-accent) !important; Box-shadow:none; //Font-size:var(--font-small); font-size: calc(var(--font-small) * var(--font-normal)); } .checklist-plugin-main li{ //Font-size:var(--font-small) !important; font-size: calc(var(--font-small) * var(--font-normal)); } .checklist-plugin-main .group { Margin-left:10px !important; } .checklist-plugin-main .group li:before { Display:none; } .checklist-plugin-main .checkbox { Border:1px solid var(--text-accent) !important; } .checklist-plugin-main { --todoList-checkboxSize:15px !important; } /* -------------------- */ /* KANBAN plugin */ .kanban-plugin { Background:var(--background-primary) !important; } .kanban-plugin__lane-wrapper { Border-radius:30px !important; width: 23rem !important; } .kanban-plugin__lane{ background: var(--background-secondary-alt) !important; box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.05); padding: 0px 15px; border-radius: 15px !important; } .kanban-plugin p, .kanban-plugin li,.kanban-plugin button{ Font-family:var(--text) !important; } .kanban-plugin__lane-title { Color:var(--text-accent) !important; Font-weight:700; Text-transform:uppercase; } .kanban-plugin__item-wrapper { margin-top: 10px !important; //box-shadow:6px 8px 5px 0px rgba(0, 0, 0, 0.02); //background: var(--background-secondary-alt) !important; } .kanban-plugin__item { border: none !important; border-radius: 10px !important; } .kanban-plugin .markdown-preview-view li,.kanban-plugin .markdown-preview-view ul,kanban-plugin .markdown-preview-view ol,.kanban-plugin .markdown-preview-view p,.kanban-plugin .markdown-preview-view input { Margin-left:0px !important; } .kanban-plugin__item-wrapper { padding:0px 0px!important; //background: hsla(var(--accent-h),var(--accent-s),var(--accent-l),0.1) !important; background: transparent; border-radius: 5px; //padding: 0px 0px !important; } .kanban-plugin__item-title-wrapper { padding: 0px 0px !important; //background: var(--background-primary) !important; background: hsla(var(--accent-h),var(--accent-s),var(--accent-l),0.1) !important; } .kanban-plugin__item-title{ padding: 10px 0px 10px 20px !important; } .kanban-plugin__item-title p{ font-size: calc(var(--font-small) * var(--font-normal)); } button.kanban-plugin__new-item-button { color: var(--text-accent) !important; font-size: calc(var(--font-small) * var(--font-normal)); } button.kanban-plugin__new-item-button:hover { color: #FFF !important; } /* MIND MAP PLUGIN */ .theme-light .mm-node.mm-root .mm-node-content { Background:var(--text-accent); } /* ------------------------------- */ /* Dataview plugin */ .table-view-table > thead > tr > th { Border-bottom:none !important; Font-size:var(--font-normal) !important; Padding-left:10px !important; } .dataview-articles-style .dataview.table-view-table thead { display: none; } .dataview-articles-style .dataview.table-view-table tbody tr { background: transparent !important; } .dataview-articles-style .dataview.table-view-table tbody td{ font-size: 1.1rem; color: var(--text-normal) !important; padding: 2rem 1rem!important; border-top: 2px solid hsla(var(--accent-h), var(--accent-s), var(--accent-l),0.05); //font-family: lora; } .dataview-articles-style .dataview.table-view-table tbody td:nth-child(3){ width:40% !important; } .dataview-articles-style .dataview.table-view-table tbody td:nth-child(2){ font-size: calc(var(--font-smaller) * var(--font-small) * var(--font-normal)); font-style: italic; //color: var(--text-accent) !important; } .dataview-articles-style .dataview.table-view-table .internal-link{ color: var(--text-normal); } /* ----------------------- */ /* Tablet styling */ @media (min-width:400pt) { .mobile-toolbar-option { border-radius:8px; margin:6px 0; } .mobile-toolbar-option:hover { background-color:var(--background-tertiary); } .is-mobile.is-ios .safe-area-top-cover { background-color:transparent; } .is-mobile .modal, .is-mobile .modal-container .modal.mod-settings { max-width:800px; transform:translateZ(0); border-top-left-radius:15px !important; border-top-right-radius:15px !important; margin-bottom:-15px; overflow:hidden; } .is-mobile .modal-container .modal.mod-settings .vertical-tabs-container { transform:translateZ(0); } .is-mobile .view-action { padding:5px 5px 4px; } .is-mobile .prompt { max-width:600px; max-height:600px; bottom:auto !important; border-radius:15px; top:100px !important; } .is-mobile .suggestion-container { max-width:600px; max-height:600px; border-radius:15px; bottom:80px; border:1px solid var(--background-modifier-border); } .is-mobile .modal-container .suggestion-item { padding:10px 5px 10px 10px; border-radius:var(--radius-m); } .is-mobile .suggestion-flair { right:0; left:auto; position:absolute; padding:10px; } .is-mobile .menu { top:60px !important; right:0 !important; bottom:auto; left:auto; margin:0 auto; width:360px; padding:10px 10px 20px; border-radius:15px; box-shadow:0 0 100vh 100vh rgba(0,0,0,0.5); } /* Animations */ .is-mobile .menu, .is-mobile .suggestion-container, .is-mobile .modal, .is-mobile .prompt { transition:unset !important; transform:unset !important; animation:unset !important; } .is-mobile .modal-container .modal-bg{ opacity:0.8 !important; } .is-mobile .modal-container .prompt { opacity:1 !important; } .is-mobile .community-plugin-search .setting-item { padding-top:10px; } .is-mobile .menu .menu-item:hover { background-color:var(--background-tertiary); } .is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) { flex-direction:row; align-items:center; } .is-mobile .setting-item-control select, .is-mobile .setting-item-control input, .is-mobile .setting-item-control button { width:auto; } .is-mobile .workspace-drawer:not(.is-pinned) { margin:30px 16px 0; height:calc(100vh - 48px); border-radius:15px; } .is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control { width:auto; margin-top:0; } .is-mobile .modal .search-input-container input { width:100%; } .is-mobile .modal-setting-back-button, .is-mobile .modal.mod-settings .vertical-tab-header:before { margin-top:0; } .is-mobile .markdown-preview-view ol > li.task-list-item .collapse-indicator, .is-mobile .markdown-preview-view ul > li.task-list-item .collapse-indicator { margin-left:-2.5em; margin-top:0.1em; } .pull-down-action { width:400px; top:15px; padding:15px; border-radius:15px; } .is-mobile .side-dock-ribbon-action svg { Color:var(--text-accent) !important; } } /* ----------------------- */ /* phone */ /* Show edit button */ @media (max-width:400pt) { .is-mobile .view-action:nth-last-of-type(4),.is-mobile .view-action:nth-last-of-type(5), .is-mobile .view-action:nth-last-of-type(6) { top: calc(90vh - 10px); Margin-right:1rem; } .is-mobile .view-action:nth-last-of-type(5),.is-mobile .view-action:nth-last-of-type(4),.is-mobile .view-action:nth-last-of-type(6){ Position:absolute; !important; Background:var(--text-accent); Width:3rem; Height:3rem; Border-radius:100%; Padding:0.9rem 0.9rem; } .is-mobile .view-action:nth-last-of-type(4),.is-mobile .view-action:nth-last-of-type(5),.is-mobile .view-action:nth-last-of-type(6) { Opacity:1 !important; } .is-mobile .view-action:nth-last-of-type(4) svg,.is-mobile .view-action:nth-last-of-type(5) svg,.is-mobile .view-action:nth-last-of-type(6) svg{ Color:#FFF !important; Width:1.3rem; margin-bottom: 0.1rem !important; } .is-mobile .view-action:nth-last-of-type(4) svg, .is-mobile .view-action:nth-last-of-type(5) svg, .is-mobile .view-action:nth-last-of-type(6) svg{ margin-left:0.1rem; Margin-top:-0.1rem; Width:1rem; } } /* ------------------------- */ /* Custom css for html elements */ /* Column */ .columns-2 { margin: 0; height: auto; column-count: 2; } .columns-3{ margin: 0; height: auto; column-count: 3; } /*.columns-3 { width: 33% !important; display: block-inline; //float: right; position: relative; }*/ /* Buttons */ button{ background: var(--text-accent) !important; color: #FFF !important; border-radius: 5px; padding: 7px 15px; } button span{ color: #FFF; } .kanban-plugin button.kanban-plugin__new-item-button { color: #FFF !important; } button a{ color: #FFF !important; } button:hover{ filter: brightness(1.1); } /* Cards */ .cards-2 { float: left; width: calc(50% - var(--p-offset)); padding: 3rem 2rem 3rem 0rem; margin: 0; } .cards-2 img{ width: 100%; height: 17rem; position: relative; object-fit: cover; margin-bottom: 1rem; } .cards-2 p{ margin-left: 0px !important; } .cards-2 h2{ margin: 0 ; font-size: 2rem !important; } .cards-2 h2:before{ content: none !important; } .cards-3 { float: left; width: calc(33.33% - var(--p-offset)); padding: 3rem 2rem 1rem 0rem; margin: 0; } .cards-3 img{ width: 100%; height: 10rem; position: relative; object-fit: cover; cursor: pointer !important; } .cards-3 img:hover{ -webkit-transform:scale(1.25); /* Safari et Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* Internet Explorer 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.1); transition: 0.2s; } .cards-2 p{ margin-left: 0px !important; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .cards-2 a{ color: var(--font-normal); text-decoration: none; } .cards-2 a:hover{ color: var(--text-accent); } .cards-3 h2{ margin: 0 ; color: var(--text-normal) !important; font-size: 1.5rem !important; } .cards-3 h2:before{ content: none !important; } .cards-3 p{ margin-left: 0px !important; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .cards-3 a{ color: var(--font-normal); text-decoration: none; } .cards-3 a:hover{ color: var(--text-accent); } .card-title{ font-size: 2rem; color: var(--font-normal); text-align: left; } /* Text width */ .text-normal-width { width: var(--line-width) !important; margin-right: auto; margin-left: auto; margin-bottom: 0px; } .text-full-width { width: 100%; } .img-full-width img{ object-fit: cover; max-height: 35rem; position: relative; display: block; width: 100%; } /* Menu */ .menu-page,.menu-page-v2{ padding: 15px 10px 15px 15px; margin-top: 20px; font-size: calc(var(--font-smaller) * var(--font-small) * var(--font-normal)); position: relative; left: 0px; width: 100%; margin-bottom: 3rem; font-family: var(--text-title); } .menu-page { background-color: var(--background-secondary-alt); text-align: center; } .menu-page-v2 { border-bottom: 2px solid hsla(var(--accent-h),var(--accent-s),var(--accent-l),0.1); text-align: center; } .menu-page:before,.menu-page-v2:before{ Content:"MENU";/*Content:"\2302" \2630 */ Font-size:1em; font-weight: 700; Color:var(--text-accent) !important; Margin-right:3rem; background-repeat: no-repeat; background-size: contain; } .menu-page a,.menu-page-v2 a{ color: var(--text-normal); font-weight: 500; text-transform : uppercase ; margin-right: 20px; text-decoration: none; //text-align: right; padding: 15px 8px; } /*.menu-page a:before{ content: "/ "; color: var(--text-accent); } .menu-page a:first-child:before{ content: ""; }*/ .menu-page a:hover{ //color: var(--text-accent); cursor: pointer; border-bottom: 3px solid var(--text-accent); } .menu-page-v2 a:hover{ color: var(--text-accent); cursor: pointer; font-weight: 800; } /* Style Settings */ .style-settings-container .style-settings-container { margin-left: 15px; } /* @settings name: Harmonic theme customization id: perso settings: - id: logo title: 1. Global customization (Logo OR title, Accent color, navigation folder style, icon style) type: heading level: 2 collapsed: true - id: accent title: Accent color type: variable-color format: hsl-split default: '#4F60B3' - id: invert-background-color title: Invert color between page and sidebars type: class-toggle - id: minimal-icons-on title: Icons description: Activate minimal icons type: class-toggle - id: logo-section title: Choose a logo OR a title for your obsidian type: heading level: 3 collapsed: false - id: site-title title: Your obsidian title description: Put the title in quotation marks (see default parameter) type: variable-text default: '"OBSIDIAN"' - id: site-title-accent title: Color accent for your obsidian title description: Display the title with the bold and italic accent color (menu > Make pages pop) type: class-toggle - id: logo-url title: Your obsidian logo (url) description: Put the url syntax like in default type: variable-text default: url("") - id: invert-logo title: Invert logo colors in dark mode description: B&W image works well type: class-toggle - id: nav-folder-section title: Customize the navigation folder panel type: heading level: 3 collapsed: false - id: menus title: Alternative menu styles description: Choose diffent styles for the left and right sidebars type: class-select default: menu-v1 options: - label: Design 1 value: menu-v1 - label: Design 2 value: menu-v3 - label: Design 3 value: menu-v2 - id: menus-font title: Font of navigation folders description: Choose diffent styles for the left and right sidebars type: class-select default: font-nav-folder-text options: - label: Text value: font-nav-folder-text - label: Headings value: font-nav-folder-header - id: font-small title: Font size of navigation folder description: Select a font size type: variable-number-slider default: 0.85 min: 0.7 max: 1 step: 0.01 - id: focus-mode title: 2. Focus mode type: heading level: 2 collapsed: true - id: hide-left-menu title: Hide vertical menu of the left sidebar type: class-toggle - id: hide-action-buttons title: Hide action buttons type: class-toggle - id: hide-file-name title: Hide file name in main window type: class-toggle - id: hide-tooltip title: Hide tooltip type: class-toggle - id: hide-scrollbar title: Hide scrollbar type: class-toggle - id: hide-instruction title: Hide instructions type: class-toggle - id: hide-status-bar title: Hide status bar type: class-toggle - id: edit-button title: Edit button description: Create a button to edit and preview type: class-toggle - id: writing-focus title: Writing focus description: Hightligh the paragraph you are writing, faint the others (edit mode) type: class-toggle - id: features title: 3. Make pages pop (bold and italic accentuation, image, blockquote) type: heading level: 2 collapsed: true - id: bold-italic-section title: Customize bold and italic type: heading level: 3 collapsed: false - id: bold-italic-accent title: Bold and italic accentuation description: Make bold and italic pop with an other color type: class-toggle - id: hue-bold-italic title: Bold and italic hue description: Change the hue of the accent color (step -> 45 degrees) type: variable-number-slider default: 180 min: 30 max: 330 step: 30 format: deg - id: image-section title: Customize images type: heading level: 3 collapsed: false - id: img-border-radius title: Border radius for images type: variable-number-slider default: 15 min: 0 max: 100 step: 1 format: px - id: img-border-shadow title: Shadow for images type: class-toggle - id: blockquote-section title: Customize blockquote type: heading level: 3 collapsed: false - id: blockquote-background title: Display background and border for quote type: class-toggle - id: blockquote-bracket title: Quotation mark for quote type: class-toggle - id: blockquote-serif title: Serif font for quote type: class-toggle - id: blockquote-text-center title: Center text for quote type: class-toggle - id: page-settings title: 4. Page settings (line width, fullwidth mode, paragraph offset) type: heading level: 2 collapsed: true - id: line-width title: Line width description: Define your line width type: variable-number-slider default: 44 min: 30 max: 60 step: 1 format: rem - id: full-width title: Full width mode description: Activate full width type: class-toggle - id: p-offset title: Paragraph offset description: Change your paragraph offset type: variable-number-slider default: 2.2 min: 0 max: 8 step: 0.1 format: rem - id: fonts title: 5. Fonts (Preview mode, edit mode, monospace, titles) description : Pre-insalled google fonts - Cabin, Hind, IBM Plex Sans, Josefin Sans, Jost, Lato, Libre Baskerville, Lora, Montserrat, Mukta, Mulish, Noto Sans, Nunito, Nunito Sans, Open Sans, Outfit, Readex Pro, Roboto, Source Sans Pro, Work Sans type: heading level: 2 collapsed: true - id: text title: Text font description: Font used for paragraph in preview mode type: variable-text default: mulish - id: text-editor title: Editor font description: Font used for paragraph in edit mode type: variable-text default: mulish - id: font-monospace title: Monospace font description: Font used for for code blocks and front matter type: variable-text default: menlo - id: text-title title: Header font description: Font used for titles type: variable-text default: mulish - id: custom-fonts title: 6. Typography type: heading level: 2 collapsed: true - id: font-normal title: Body font size description: Font size in px of paragraphs type: variable-number default: 17 format: px - id: normal-weight title: Body font weight description: Font weight of paragraphs type: variable-number default: 400 - id: text-spacing title: Letter spacing for paragraph type: variable-text default: 0em - id: line-height title: Body line height description: Line height of the main text type: variable-number default: 1.5 - id: headings title: 7. Headings type: heading level: 2 collapsed: true - id: title-spacing title: Letter spacing for titles description: Letter spacing Used for every titles type: variable-text default: 0em - id: title-accent-color title: Accent color title description: Choose the accent color for every titles type: class-toggle - id: title-collapse title: Collapse indicator for titles description: Hide collapse indicators type: class-toggle - id: h-reveal title: Hx activate description: activate Hx in titles type: class-toggle - id: h-change-color title: Color of Hx description: Apply color of bold-italic for Hx type: class-toggle - id: level-1-headings title: Level 1 Headings type: heading level: 3 collapsed: true - id: h1 title: H1 font size description: Accepts any CSS font-size value type: variable-text default: 2em - id: h1-weight title: H1 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 400 - id: h1-style title: H1 font style description: Accepts normal or italic representing the CSS font-style type: variable-text default: normal - id: h1-color title: H1 font color type: variable-themed-color format: hex default-light: '#363636' default-dark: '#d1d1d1' - id: level-2-headings title: Level 2 Headings type: heading level: 3 collapsed: true - id: h2 title: H2 font size description: Accepts any CSS font-size value type: variable-text default: 1.6em - id: h2-weight title: H2 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 400 - id: h2-style title: H2 font style description: Accepts normal or italic representing the CSS font-style type: variable-text default: normal - id: h2-color title: H2 font color type: variable-themed-color format: hex default-light: '#363636' default-dark: '#d1d1d1' - id: level-3-headings title: Level 3 Headings type: heading level: 3 collapsed: true - id: h3 title: H3 font size description: Accepts any CSS font-size value type: variable-text default: 1.2em - id: h3-weight title: H3 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 400 - id: h3-style title: H3 font style description: Accepts normal or italic representing the CSS font-style type: variable-text default: normal - id: h3-color title: H3 font color type: variable-themed-color format: hex default-light: '#363636' default-dark: '#d1d1d1' - id: level-4-headings title: Level 4 Headings type: heading level: 3 collapsed: true - id: h4 title: H4 font size description: Accepts any CSS font-size value type: variable-text default: 1em - id: h4-weight title: H4 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 400 - id: h4-style title: H4 font style description: Accepts normal or italic representing the CSS font-style type: variable-text default: normal - id: h4-color title: H4 font color type: variable-themed-color format: hex default-light: '#363636' default-dark: '#d1d1d1' - id: level-5-headings title: Level 5 Headings type: heading level: 3 collapsed: true - id: h5 title: H5 font size description: Accepts any CSS font-size value type: variable-text default: 0.85em - id: h5-weight title: H5 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 400 - id: h5-style title: H5 font style description: Accepts normal or italic representing the CSS font-style type: variable-text default: normal - id: h5-color title: H5 font color type: variable-themed-color format: hex default-light: '#363636' default-dark: '#d1d1d1' - id: level-6-headings title: Level 6 Headings type: heading level: 3 collapsed: true - id: h6 title: H6 font size description: Accepts any CSS font-size value type: variable-text default: 0.85em - id: h6-weight title: H6 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 400 - id: h6-style title: H6 font style description: Accepts normal or italic representing the CSS font-style type: variable-text default: normal - id: h6-color title: H6 font color type: variable-themed-color format: hex default-light: '#363636' default-dark: '#d1d1d1' - id: credits title: Credits type: heading description: Made by @Thiews to be shared. Support my work at buymeacoffee.com/thiews level: 2 collapsed: true */ /* ----------------------------------------------------------------------------------- */ /* Icons replacement (icons found in Minimal theme) */ /* Thanks to Matthew Meyers, Chetachi Ezikeuzor, inspired by Kepano */ .tree-item-self .collapse-icon { width:20px; } .minimal-icons-on .view-action svg, .minimal-icons-on .workspace-tab-header-inner-icon svg, .minimal-icons-on .nav-action-button svg, .minimal-icons-on .graph-controls-button svg { width:18px; height:18px; } .minimal-icons-on .menu-item-icon svg { width:16px; height:16px; } .minimal-icons-on .workspace-ribbon-collapse-btn svg { width:18px; height:18px; } .minimal-icons-on svg.any-key, .minimal-icons-on svg.blocks, .minimal-icons-on svg.bar-graph, .minimal-icons-on svg.breadcrumbs-trail-icon, .minimal-icons-on svg.audio-file, .minimal-icons-on svg.bold-glyph, .minimal-icons-on svg.italic-glyph, .minimal-icons-on svg.bracket-glyph, .minimal-icons-on svg.broken-link, .minimal-icons-on svg.bullet-list-glyph, .minimal-icons-on svg.bullet-list, .minimal-icons-on svg.calendar-day, .minimal-icons-on svg.calendar-with-checkmark, .minimal-icons-on svg.check-in-circle, .minimal-icons-on svg.check-small, .minimal-icons-on svg.checkbox-glyph, .minimal-icons-on svg.checkmark, .minimal-icons-on svg.clock, .minimal-icons-on svg.cloud, .minimal-icons-on svg.code-glyph, .minimal-icons-on svg.create-new, .minimal-icons-on svg.cross-in-box, .minimal-icons-on svg.cross, .minimal-icons-on svg.crossed-star, .minimal-icons-on svg.dice, .minimal-icons-on svg.disk, .minimal-icons-on svg.document, .minimal-icons-on svg.documents, .minimal-icons-on svg.dot-network, .minimal-icons-on svg.double-down-arrow-glyph, .minimal-icons-on svg.double-up-arrow-glyph, .minimal-icons-on svg.down-arrow-with-tail, .minimal-icons-on svg.down-chevron-glyph, .minimal-icons-on svg.enter, .minimal-icons-on svg.exit-fullscreen, .minimal-icons-on svg.expand-vertically, .minimal-icons-on svg.excalidraw-icon, .minimal-icons-on svg.filled-pin, .minimal-icons-on svg.folder, .minimal-icons-on svg.fullscreen, .minimal-icons-on svg.gear, .minimal-icons-on svg.hashtag, .minimal-icons-on svg.heading-glyph, .minimal-icons-on svg.go-to-file, .minimal-icons-on svg.help .widget-icon, .minimal-icons-on svg.help, .minimal-icons-on svg.highlight-glyph, .minimal-icons-on svg.horizontal-split, .minimal-icons-on svg.image-file, .minimal-icons-on svg.image-glyph, .minimal-icons-on svg.indent-glyph, .minimal-icons-on svg.info, .minimal-icons-on svg.install, .minimal-icons-on svg.keyboard-glyph, .minimal-icons-on svg.left-arrow-with-tail, .minimal-icons-on svg.left-arrow, .minimal-icons-on svg.left-chevron-glyph, .minimal-icons-on svg.lines-of-text, .minimal-icons-on svg.link-glyph, .minimal-icons-on svg.link, .minimal-icons-on svg.magnifying-glass, .minimal-icons-on svg.microphone-filled, .minimal-icons-on svg.microphone, .minimal-icons-on svg.minus-with-circle, .minimal-icons-on svg.note-glyph, .minimal-icons-on svg.number-list-glyph, .minimal-icons-on svg.open-vault, .minimal-icons-on svg.pane-layout, .minimal-icons-on svg.paper-plane, .minimal-icons-on svg.paused, .minimal-icons-on svg.pencil, .minimal-icons-on svg.pin, .minimal-icons-on svg.plus-with-circle, .minimal-icons-on svg.popup-open, .minimal-icons-on svg.presentation, .minimal-icons-on svg.price-tag-glyph, .minimal-icons-on svg.quote-glyph, .minimal-icons-on svg.redo-glyph, .minimal-icons-on svg.reset, .minimal-icons-on svg.right-arrow-with-tail, .minimal-icons-on svg.right-arrow, .minimal-icons-on svg.right-chevron-glyph, .minimal-icons-on svg.right-triangle, .minimal-icons-on svg.run-command, .minimal-icons-on svg.search, .minimal-icons-on svg.sheets-in-box, .minimal-icons-on svg.spreadsheet, .minimal-icons-on svg.stacked-levels, .minimal-icons-on svg.star-list, .minimal-icons-on svg.star, .minimal-icons-on svg.strikethrough-glyph, .minimal-icons-on svg.switch, .minimal-icons-on svg.sync-small, .minimal-icons-on svg.sync, .minimal-icons-on svg.tag-glyph, .minimal-icons-on svg.three-horizontal-bars, .minimal-icons-on svg.trash, .minimal-icons-on svg.undo-glyph, .minimal-icons-on svg.unindent-glyph, .minimal-icons-on svg.up-and-down-arrows, .minimal-icons-on svg.up-arrow-with-tail, .minimal-icons-on svg.up-chevron-glyph, .minimal-icons-on svg.vault, .minimal-icons-on svg.vertical-split, .minimal-icons-on svg.vertical-three-dots, .minimal-icons-on svg.wrench-screwdriver-glyph, .minimal-icons-on svg.clock-glyph, .minimal-icons-on svg.command-glyph, .minimal-icons-on svg.add-note-glyph, .minimal-icons-on svg.calendar-glyph, .minimal-icons-on svg.duplicate-glyph, .minimal-icons-on svg.file-explorer-glyph, .minimal-icons-on svg.graph-glyph, .minimal-icons-on svg.import-glyph, .minimal-icons-on svg.languages, .minimal-icons-on svg.links-coming-in, .minimal-icons-on svg.links-going-out, .minimal-icons-on svg.merge-files-glyph, .minimal-icons-on svg.merge-files, .minimal-icons-on svg.open-elsewhere-glyph, .minimal-icons-on svg.paper-plane-glyph, .minimal-icons-on svg.paste-text, .minimal-icons-on svg.paste, .minimal-icons-on svg.percent-sign-glyph, .minimal-icons-on svg.play-audio-glyph, .minimal-icons-on svg.plus-minus-glyph, .minimal-icons-on svg.presentation-glyph, .minimal-icons-on svg.question-mark-glyph, .minimal-icons-on svg.restore-file-glyph, .minimal-icons-on svg.scissors-glyph, .minimal-icons-on svg.scissors, .minimal-icons-on svg.search-glyph, .minimal-icons-on svg.select-all-text, .minimal-icons-on svg.split, .minimal-icons-on svg.star-glyph, .minimal-icons-on svg.stop-audio-glyph, .minimal-icons-on svg.sweep, .minimal-icons-on svg.two-blank-pages, .minimal-icons-on svg.tomorrow-glyph, .minimal-icons-on svg.yesterday-glyph, .minimal-icons-on svg.workspace-glyph, .minimal-icons-on svg.box-glyph, .minimal-icons-on svg.wand, .minimal-icons-on svg.longform, .minimal-icons-on svg.changelog { background-color:currentColor; } .minimal-icons-on svg.any-key > path, .minimal-icons-on svg.blocks > path, .minimal-icons-on svg.bar-graph > path, .minimal-icons-on svg.breadcrumbs-trail-icon > path, .minimal-icons-on svg.audio-file > path, .minimal-icons-on svg.bold-glyph > path, .minimal-icons-on svg.italic-glyph > path, .minimal-icons-on svg.bracket-glyph > path, .minimal-icons-on svg.broken-link > path, .minimal-icons-on svg.bullet-list-glyph > path, .minimal-icons-on svg.bullet-list > path, .minimal-icons-on svg.calendar-day > path, .minimal-icons-on svg.calendar-with-checkmark > path, .minimal-icons-on svg.check-in-circle > path, .minimal-icons-on svg.check-small > path, .minimal-icons-on svg.checkbox-glyph > path, .minimal-icons-on svg.checkmark > path, .minimal-icons-on svg.clock > path, .minimal-icons-on svg.cloud > path, .minimal-icons-on svg.code-glyph > path, .minimal-icons-on svg.command-glyph > path, .minimal-icons-on svg.create-new > path, .minimal-icons-on svg.cross-in-box > path, .minimal-icons-on svg.cross > path, .minimal-icons-on svg.crossed-star > path, .minimal-icons-on svg.dice > path, .minimal-icons-on svg.disk > path, .minimal-icons-on svg.document > path, .minimal-icons-on svg.documents > path, .minimal-icons-on svg.dot-network > path, .minimal-icons-on svg.double-down-arrow-glyph > path, .minimal-icons-on svg.double-up-arrow-glyph > path, .minimal-icons-on svg.down-arrow-with-tail > path, .minimal-icons-on svg.down-chevron-glyph > path, .minimal-icons-on svg.enter > path, .minimal-icons-on svg.exit-fullscreen > path, .minimal-icons-on svg.expand-vertically > path, .minimal-icons-on svg.excalidraw-icon > path, .minimal-icons-on svg.filled-pin > path, .minimal-icons-on svg.folder > path, .minimal-icons-on svg.fullscreen > path, .minimal-icons-on svg.gear > path, .minimal-icons-on svg.hashtag > path, .minimal-icons-on svg.heading-glyph > path, .minimal-icons-on svg.go-to-file > path, .minimal-icons-on svg.help .widget-icon > path, .minimal-icons-on svg.help > path, .minimal-icons-on svg.highlight-glyph > path, .minimal-icons-on svg.horizontal-split > path, .minimal-icons-on svg.image-file > path, .minimal-icons-on svg.image-glyph > path, .minimal-icons-on svg.indent-glyph > path, .minimal-icons-on svg.info > path, .minimal-icons-on svg.install > path, .minimal-icons-on svg.keyboard-glyph > path, .minimal-icons-on svg.left-arrow-with-tail > path, .minimal-icons-on svg.left-arrow > path, .minimal-icons-on svg.left-chevron-glyph > path, .minimal-icons-on svg.lines-of-text > path, .minimal-icons-on svg.link-glyph > path, .minimal-icons-on svg.link > path, .minimal-icons-on svg.magnifying-glass > path, .minimal-icons-on svg.microphone-filled > path, .minimal-icons-on svg.microphone > path, .minimal-icons-on svg.minus-with-circle > path, .minimal-icons-on svg.note-glyph > path, .minimal-icons-on svg.number-list-glyph > path, .minimal-icons-on svg.open-vault > path, .minimal-icons-on svg.pane-layout > path, .minimal-icons-on svg.paper-plane > path, .minimal-icons-on svg.paused > path, .minimal-icons-on svg.pencil > path, .minimal-icons-on svg.pin > path, .minimal-icons-on svg.plus-with-circle > path, .minimal-icons-on svg.popup-open > path, .minimal-icons-on svg.presentation > path, .minimal-icons-on svg.price-tag-glyph > path, .minimal-icons-on svg.quote-glyph > path, .minimal-icons-on svg.redo-glyph > path, .minimal-icons-on svg.reset > path, .minimal-icons-on svg.right-arrow-with-tail > path, .minimal-icons-on svg.right-arrow > path, .minimal-icons-on svg.right-chevron-glyph > path, .minimal-icons-on svg.right-triangle > path, .minimal-icons-on svg.run-command > path, .minimal-icons-on svg.search > path, .minimal-icons-on svg.sheets-in-box > path, .minimal-icons-on svg.spreadsheet > path, .minimal-icons-on svg.stacked-levels > path, .minimal-icons-on svg.star-list > path, .minimal-icons-on svg.star > path, .minimal-icons-on svg.strikethrough-glyph > path, .minimal-icons-on svg.switch > path, .minimal-icons-on svg.sync-small > path, .minimal-icons-on svg.sync > path, .minimal-icons-on svg.tag-glyph > path, .minimal-icons-on svg.three-horizontal-bars > path, .minimal-icons-on svg.trash > path, .minimal-icons-on svg.undo-glyph > path, .minimal-icons-on svg.unindent-glyph > path, .minimal-icons-on svg.up-and-down-arrows > path, .minimal-icons-on svg.up-arrow-with-tail > path, .minimal-icons-on svg.up-chevron-glyph > path, .minimal-icons-on svg.vault > path, .minimal-icons-on svg.vertical-split > path, .minimal-icons-on svg.vertical-three-dots > path, .minimal-icons-on svg.wrench-screwdriver-glyph > path, .minimal-icons-on svg.clock-glyph > path, .minimal-icons-on svg.add-note-glyph > path, .minimal-icons-on svg.calendar-glyph > path, .minimal-icons-on svg.duplicate-glyph > path, .minimal-icons-on svg.file-explorer-glyph > path, .minimal-icons-on svg.graph-glyph > path, .minimal-icons-on svg.import-glyph > path, .minimal-icons-on svg.languages > path, .minimal-icons-on svg.links-coming-in > path, .minimal-icons-on svg.links-going-out > path, .minimal-icons-on svg.merge-files > path, .minimal-icons-on svg.open-elsewhere-glyph > path, .minimal-icons-on svg.paper-plane-glyph > path, .minimal-icons-on svg.paste-text > path, .minimal-icons-on svg.paste > path, .minimal-icons-on svg.percent-sign-glyph > path, .minimal-icons-on svg.play-audio-glyph > path, .minimal-icons-on svg.plus-minus-glyph > path, .minimal-icons-on svg.presentation-glyph > path, .minimal-icons-on svg.question-mark-glyph > path, .minimal-icons-on svg.restore-file-glyph > path, .minimal-icons-on svg.scissors-glyph > path, .minimal-icons-on svg.scissors > path, .minimal-icons-on svg.search-glyph > path, .minimal-icons-on svg.select-all-text > path, .minimal-icons-on svg.split > path, .minimal-icons-on svg.star-glyph > path, .minimal-icons-on svg.stop-audio-glyph > path, .minimal-icons-on svg.sweep > path, .minimal-icons-on svg.two-blank-pages > path, .minimal-icons-on svg.tomorrow-glyph > path, .minimal-icons-on svg.yesterday-glyph > path, .minimal-icons-on svg.workspace-glyph > path, .minimal-icons-on svg.box-glyph > path, .minimal-icons-on svg.wand > path, .minimal-icons-on svg.longform > path, .minimal-icons-on svg.changelog > path { display:none; } .minimal-icons-on svg.any-key { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.audio-file { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.bar-graph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.breadcrumbs-trail-icon { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.blocks { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.bold-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.italic-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.bracket-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.broken-link { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.bullet-list-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.bullet-list { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.calendar-with-checkmark { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.check-in-circle { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.check-small { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.checkbox-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.checkmark { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.clock { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.clock-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.cloud { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.code-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.cross-in-box { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.cross { -webkit-mask-image:url('data:image/svg+xml;utf8,'); -webkit-mask-image:url("data:image/svg+xml,"); width:18px; height:18px; } .minimal-icons-on svg.crossed-star { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.dice { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.disk { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4' /%3E%3C/svg%3E"); } .minimal-icons-on svg.document { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on .nav-action-button[aria-label="New note"] svg.document, .minimal-icons-on svg.create-new { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z' /%3E%3C/svg%3E"); } .minimal-icons-on svg.documents { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.dot-network { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.double-down-arrow-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.double-up-arrow-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.down-arrow-with-tail { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.down-chevron-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.enter { transform:translate(-2px); -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.excalidraw-icon { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.expand-vertically { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.filled-pin { transform:rotate(45deg); -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.folder { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on .workspace-tab-header[aria-label="File explorer"] svg.folder { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' /%3E%3C/svg%3E"); } .minimal-icons-on .nav-action-button[aria-label="New folder"] svg.folder { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z' /%3E%3C/svg%3E"); } .minimal-icons-on svg.fullscreen { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.gear { -webkit-mask-image:url("data:image/svg+xml,"); } .minimal-icons-on svg.hashtag { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.heading-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.go-to-file { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.help .widget-icon, .minimal-icons-on svg.help { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.highlight-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.horizontal-split { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.image-file { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.image-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.indent-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.info { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.install { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.keyboard-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.left-arrow-with-tail { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.left-arrow { -webkit-mask-image:url("data:image/svg+xml,"); } .minimal-icons-on svg.left-chevron-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.lines-of-text { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.link-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); transform:rotate(90deg); } .minimal-icons-on svg.link { -webkit-mask-image:url('data:image/svg+xml;utf8,'); transform:rotate(90deg); } .minimal-icons-on svg.magnifying-glass { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.microphone-filled { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.microphone { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.minus-with-circle { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.note-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.number-list-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.open-vault { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.pane-layout { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.paper-plane { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.paused { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.pencil { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.pin { transform:rotate(45deg); -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.plus-with-circle { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.popup-open { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.presentation { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.price-tag-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.quote-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on .workspace-tab-header[aria-label="Dictionary"] svg.quote-glyph { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253' /%3E%3C/svg%3E"); } .minimal-icons-on svg.redo-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.reset { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.right-arrow-with-tail { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.right-arrow { -webkit-mask-image:url("data:image/svg+xml,"); } .minimal-icons-on svg.right-chevron-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.right-triangle { -webkit-mask-image:url('data:image/svg+xml;utf8,'); width: 0.5rem; height: 0.5rem; margin-top: -0.3rem !important; } .minimal-icons-on svg.command-glyph, .minimal-icons-on svg.run-command { -webkit-mask-image:url("data:image/svg+xml,"); } .minimal-icons-on svg.search { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.sheets-in-box { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.spreadsheet { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.stacked-levels { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.star-list { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.star { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.strikethrough-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.switch { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.sync-small { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.sync { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.tag-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.three-horizontal-bars { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.trash { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.undo-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.unindent-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.up-and-down-arrows { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.up-arrow-with-tail { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.up-chevron-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.vault { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.vertical-split { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.vertical-three-dots { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.wrench-screwdriver-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.add-note-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.calendar-day { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.calendar-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.duplicate-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.file-explorer-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.graph-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.import-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.languages { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.links-coming-in { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.links-going-out { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.merge-files { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.open-elsewhere-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.paper-plane-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.paste-text { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.paste { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.percent-sign-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.play-audio-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.plus-minus-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.presentation-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.question-mark-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.restore-file-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.scissors-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.scissors { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.search-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.select-all-text { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.split { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.star-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.stop-audio-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.sweep { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.two-blank-pages { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.tomorrow-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.yesterday-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.workspace-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.box-glyph { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.wand { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.longform { -webkit-mask-image:url('data:image/svg+xml;utf8,'); } .minimal-icons-on svg.changelog { -webkit-mask-image:url('data:image/svg+xml;utf8,'); }