├── LICENSE ├── README.md ├── calendar-emoji.css ├── calendar-starred.css ├── calendar-weekends.css ├── callout address.css ├── callout-activity-log.css ├── callout-contact.css ├── callout-due-later.css ├── callout-due-today.css ├── dangle-dashboard.css ├── folder-icons.css ├── highlighter.css ├── images └── obsidian.png ├── kanban.css ├── minimal-tweak-active.css ├── minimal-tweak-empty-tab.css ├── minimal-tweak-resize-handle.css ├── minimal-tweak-right-pane-icons.css ├── minimal-tweak-tags.css ├── minimal-tweak-ui.css ├── minimal-tweaks-checkbox.css ├── pane-icons.css ├── print.css ├── style-settings.json ├── table-formatting.css ├── tabular numbers.css ├── task-dashboard.css ├── typography.css └── vault-profile-top.css /LICENSE: -------------------------------------------------------------------------------- 1 | This is free and unencumbered software released into the public domain. 2 | 3 | Anyone is free to copy, modify, publish, use, compile, sell, or distribute this software, either in source code form or as a compiled binary, for any purpose, commercial or non-commercial, and by any means. 4 | 5 | In jurisdictions that recognize copyright laws, the author or authors of this software dedicate any and all copyright interest in the software to the public domain. We make this dedication for the benefit of the public at large and to the detriment of our heirs and successors. We intend this dedication to be an overt act of relinquishment in perpetuity of all present and future rights to this software under copyright law. 6 | 7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 8 | 9 | For more information, please refer to -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 |
3 |

4 | 5 | Logo 6 | 7 | 8 |

Obsidian Snippets

9 | 10 |

11 | A collection of css tweaks for my Obsidian set up. 12 |

13 |

14 | 15 | 16 | 17 | My Obsidian theme is [Minimal](https://github.com/kepano/obsidian-minimal) by [kepano](https://github.com/kepano). 18 | 19 | I also highly recommend the [Modular CSS Layout for Obsidian](https://github.com/efemkay/obsidian-modular-css-layout) snippets. 20 | 21 | 22 | ## License 23 | 24 | This is free and unencumbered software released into the public domain. See `LICENSE` for more information. 25 | -------------------------------------------------------------------------------- /calendar-emoji.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to render an emoji on the calendar when a daily note 2 | * has an emoji as its first tag 3 | */ 4 | 5 | #calendar-container [data-emoji-tag]::after { 6 | content: attr(data-emoji-tag); 7 | position: absolute; 8 | top: -4px; 9 | right: 4px; 10 | height: 8px; 11 | width: 8px; 12 | } 13 | 14 | .frontmatter-section-tags .tag[href^='#🎂'], 15 | .frontmatter-section-tags .tag[href^='#🦃'], 16 | .frontmatter-section-tags .tag[href^='#🏥'], 17 | .frontmatter-section-tags .tag[href^='#🌴'] { 18 | display: none !important; 19 | } 20 | -------------------------------------------------------------------------------- /calendar-starred.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to render a star on the calendar when a daily note 2 | * has #flagged as its first tag 3 | */ 4 | 5 | #calendar-container [data-tags~="flagged"] { 6 | color: var(--text-error) 7 | } 8 | 9 | #calendar-container .today[data-tags~="flagged"] { 10 | font-weight: bold !important 11 | } 12 | 13 | #calendar-container [data-tags~="flagged"]::after { 14 | content: url('data:image/svg+xml; utf8, '); 15 | position: absolute; 16 | top: -4px; 17 | right: 4px; 18 | height: 8px; 19 | width: 8px; 20 | } 21 | 22 | .frontmatter-section-tags .tag[href^='#flagged'] { 23 | display: none !important; 24 | } 25 | -------------------------------------------------------------------------------- /calendar-weekends.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to change the background color of weekends on the calendar 2 | */ 3 | 4 | #calendar-container { 5 | --color-background-weekend: #19242b 6 | } 7 | -------------------------------------------------------------------------------- /callout address.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to create a custom 'address' callout 2 | * 3 | * Usage in markdown: 4 | * > [!address] 5 | * > 123 Main St. 6 | * > Anytown, SC 29407 7 | */ 8 | 9 | .callout[data-callout="address"] { 10 | --callout-icon: lucide-home 11 | } 12 | -------------------------------------------------------------------------------- /callout-activity-log.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to create a custom 'activity-log' callout 2 | * 3 | * Usage in markdown: 4 | * > [!activity-log] Activity Log 5 | * > - I came. 6 | * > - I saw. 7 | * > - I conquered. 8 | */ 9 | 10 | .callout[data-callout="activity-log"] { 11 | --callout-color: var(--color-orange-rgb); 12 | --callout-icon: lucide-clipboard-list 13 | } 14 | -------------------------------------------------------------------------------- /callout-contact.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to create a custom 'contact' callout 2 | * 3 | * Usage in markdown: 4 | * > [!contact] 5 | * > ## John Smith 6 | * > - not.really@his.email 7 | * > - (123) 123-45678 8 | */ 9 | 10 | .callout[data-callout="contact"] { 11 | --callout-icon: lucide-at-sign 12 | } 13 | -------------------------------------------------------------------------------- /callout-due-later.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to create a custom 'due-later' callout 2 | * 3 | * Usage in markdown: 4 | * > [!due-later]+ Due Later 5 | * > - [ ] Do this tomorrow 6 | * > - [ ] Do this next week 7 | */ 8 | 9 | .callout[data-callout="due-later"] { 10 | --callout-color: var(--color-yellow-rgb); 11 | --callout-icon: lucide-calendar-clock 12 | } 13 | -------------------------------------------------------------------------------- /callout-due-today.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to create a custom 'due-today' callout 2 | * 3 | * Usage in markdown: 4 | * > [!due-later]+ Due Today 5 | * > - [ ] Do this today 6 | * > - [ ] Do this tonight 7 | */ 8 | 9 | .callout[data-callout="due-today"] { 10 | --callout-color: var(--color-red-rgb); 11 | --callout-icon: lucide-calendar-days 12 | } 13 | -------------------------------------------------------------------------------- /dangle-dashboard.css: -------------------------------------------------------------------------------- 1 | /* Dangling Links Panel */ 2 | 3 | /* Obsidian snippet to style a note used as a sidebar panel 4 | * 5 | * To use, add 'cssclasses: dangle-dashboard' to note's frontmatter. 6 | * 7 | * This snippet only has any effect when the note appears as a pane on 8 | * the right-hand toolbar. 9 | */ 10 | 11 | 12 | 13 | /* Remove extra whitespace */ 14 | .mod-right-split .markdown-preview-view.markdown-rendered.dangle-dashboard { 15 | padding-top: 0; 16 | } 17 | 18 | .mod-right-split .markdown-preview-view.markdown-rendered.dangle-dashboard h1 { 19 | margin-top: 0; 20 | margin-bottom: 6px; 21 | } 22 | 23 | .mod-right-split .markdown-preview-view.markdown-rendered.dangle-dashboard ul { 24 | margin-block-start: 0; 25 | margin-block-end: 0; 26 | } 27 | 28 | /* Expand lines to full width (requires Contextual Typography plugin) */ 29 | .contextual-typography .markdown-preview-view.is-readable-line-width.dangle-dashboard .markdown-preview-sizer>div 30 | { 31 | --max-width: 100% 32 | } 33 | 34 | /* Add a custom icon to the tab */ 35 | .workspace-tab-header[aria-label="Dashboard - Dangling Links"] .workspace-tab-header-inner-icon { 36 | content: ""; 37 | height: 20px; 38 | width: 20px; 39 | background-repeat: no-repeat; 40 | background-position-y: 2px; 41 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23879a09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71'%3E%3C/path%3E%3Cpath d='m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71'%3E%3C/path%3E%3Cline x1='8' y1='2' x2='8' y2='5'%3E%3C/line%3E%3Cline x1='2' y1='8' x2='5' y2='8'%3E%3C/line%3E%3Cline x1='16' y1='19' x2='16' y2='22'%3E%3C/line%3E%3Cline x1='19' y1='16' x2='22' y2='16'%3E%3C/line%3E%3C/svg%3E"); 42 | background-size: 18px 18px; 43 | } 44 | 45 | /* Remove the pin and the native file icon */ 46 | .workspace-tab-header[aria-label="Dashboard - Dangling Links"] .workspace-tab-header-status-container, 47 | .workspace-tab-header[aria-label="Dashboard - Dangling Links"] .workspace-tab-header-inner-icon svg { 48 | display: none; 49 | } 50 | -------------------------------------------------------------------------------- /folder-icons.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to add icons to certain folders in the explorer view */ 2 | 3 | .nav-folder .nav-folder-title[data-path="000 Inbox"] .nav-folder-title-content::before{ 4 | margin: 0 4px 0 0; 5 | height: 17px; 6 | width: 17px; 7 | display: inline-block; 8 | content: ""; 9 | background-size: 17px 17px; 10 | background-repeat: no-repeat; 11 | background-position-y: 1px; 12 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'%3E%3C/polyline%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'%3E%3C/path%3E%3C/svg%3E"); 13 | } 14 | 15 | .nav-folder .nav-folder-title[data-path="100 Projects"] .nav-folder-title-content::before{ 16 | margin: 0 4px 0 0; 17 | height: 17px; 18 | width: 17px; 19 | display: inline-block; 20 | content: ""; 21 | background-size: 17px 17px; 22 | background-repeat: no-repeat; 23 | background-position-y: 1px; 24 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 17h12a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.93a2 2 0 0 1-1.66-.9l-.82-1.2a2 2 0 0 0-1.66-.9H8a2 2 0 0 0-2 2v9c0 1.1.9 2 2 2Z'%3E%3C/path%3E%3Cpath d='M2 8v11c0 1.1.9 2 2 2h14'%3E%3C/path%3E%3C/svg%3E"); 25 | } 26 | 27 | .nav-folder .nav-folder-title[data-path="200 Areas"] .nav-folder-title-content::before{ 28 | margin: 0 4px 0 0; 29 | height: 17px; 30 | width: 17px; 31 | display: inline-block; 32 | content: ""; 33 | background-size: 17px 17px; 34 | background-repeat: no-repeat; 35 | background-position-y: 1px; 36 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E"); 37 | } 38 | 39 | .nav-folder .nav-folder-title[data-path="300 Resources"] .nav-folder-title-content::before{ 40 | margin: 0 4px 0 0; 41 | height: 17px; 42 | width: 17px; 43 | display: inline-block; 44 | content: ""; 45 | background-size: 17px 17px; 46 | background-repeat: no-repeat; 47 | background-position-y: 1px; 48 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'%3E%3C/polygon%3E%3Cpolyline points='2 17 12 22 22 17'%3E%3C/polyline%3E%3Cpolyline points='2 12 12 17 22 12'%3E%3C/polyline%3E%3C/svg%3E"); 49 | } 50 | 51 | .nav-folder .nav-folder-title[data-path="400 Archives"] .nav-folder-title-content::before{ 52 | margin: 0 4px 0 0; 53 | height: 17px; 54 | width: 17px; 55 | display: inline-block; 56 | content: ""; 57 | background-size: 17px 17px; 58 | background-repeat: no-repeat; 59 | background-position-y: 1px; 60 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='5' rx='2'%3E%3C/rect%3E%3Cpath d='M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9'%3E%3C/path%3E%3Cpath d='M10 13h4'%3E%3C/path%3E%3C/svg%3E"); 61 | } 62 | 63 | .nav-folder .nav-folder-title[data-path="999 Templates"] .nav-folder-title-content::before{ 64 | margin: 0 4px 0 0; 65 | height: 17px; 66 | width: 17px; 67 | display: inline-block; 68 | content: ""; 69 | background-size: 17px 17px; 70 | background-repeat: no-repeat; 71 | background-position-y: 1px; 72 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3H3v7h18V3z'%3E%3C/path%3E%3Cpath d='M21 14h-5v7h5v-7z'%3E%3C/path%3E%3Cpath d='M12 14H3v7h9v-7z'%3E%3C/path%3E%3C/svg%3E"); 73 | } 74 | 75 | .nav-folder .nav-folder-title[data-path="Daily Notes"] .nav-folder-title-content::before{ 76 | margin: 0 4px 0 0; 77 | height: 17px; 78 | width: 17px; 79 | display: inline-block; 80 | content: ""; 81 | background-size: 17px 17px; 82 | background-repeat: no-repeat; 83 | background-position-y: 1px; 84 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); 85 | } 86 | 87 | .nav-file .nav-file-title[data-path="Workbench.md"] .nav-file-title-content::before{ 88 | margin: 0 4px 0 0; 89 | height: 17px; 90 | width: 17px; 91 | display: inline-block; 92 | content: ""; 93 | background-size: 17px 17px; 94 | background-repeat: no-repeat; 95 | background-position-y: 1px; 96 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239da9a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3E%3C/path%3E%3Cpolyline points='7.5 4.21 12 6.81 16.5 4.21'%3E%3C/polyline%3E%3Cpolyline points='7.5 19.79 7.5 14.6 3 12'%3E%3C/polyline%3E%3Cpolyline points='21 12 16.5 14.6 16.5 19.79'%3E%3C/polyline%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3E%3C/polyline%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E"); 97 | } 98 | -------------------------------------------------------------------------------- /highlighter.css: -------------------------------------------------------------------------------- 1 | /***************************************** 2 | Highlighters 3 | *******************************************/ 4 | 5 | mark { 6 | font-size: 1em; 7 | color: var(--normal-text) !important; 8 | background: none !important; 9 | border-radius: 4px; 10 | border-bottom: 3px solid; 11 | } 12 | 13 | /* Add highlighter's label before highlighted text */ 14 | mark::before { 15 | padding: 0 5px; 16 | text-transform: lowercase; 17 | font-style: italic; 18 | font-family: Operator; 19 | } 20 | 21 | /* Red highlighter (edit) */ 22 | /* Text */ 23 | mark.edit::before { 24 | content: 'To edit:'; 25 | color: var(--color-red); 26 | } 27 | mark.edit { 28 | border-bottom-color: var(--color-red); 29 | } 30 | 31 | /* Text */ 32 | mark.yellow { 33 | border-bottom-color: var(--color-yellow); 34 | } 35 | /* Text */ 36 | mark.pink { 37 | border-bottom-color: var(--color-pink); 38 | } 39 | /* Text */ 40 | mark.red { 41 | border-bottom-color: var(--color-red); 42 | } 43 | /* Text */ 44 | mark.blue { 45 | border-bottom-color: var(--color-blue); 46 | } 47 | /* Text */ 48 | mark.green { 49 | border-bottom-color: var(--color-green); 50 | } 51 | /* Text */ 52 | mark.purple { 53 | border-bottom-color: var(--color-purple); 54 | } 55 | /* Text */ 56 | mark.orange { 57 | border-bottom-color: var(--color-orange); 58 | } 59 | /* Text */ 60 | mark.grey { 61 | border-bottom-color: var(--text-normal); 62 | } 63 | -------------------------------------------------------------------------------- /images/obsidian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ScottKillen/obsidian-snippets/15b70b8840ffa12b029f6b3e5a6731b45f0c2bfe/images/obsidian.png -------------------------------------------------------------------------------- /kanban.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to change the kanban plugin's rendering of certain tags */ 2 | 3 | .kanban-plugin .kanban-plugin__meta-key span { 4 | font-variant: small-caps 5 | } 6 | 7 | .kanban-plugin [data-key="promised"] span { 8 | color: var(--color-yellow) 9 | } 10 | 11 | .kanban-plugin [data-key="waiting"] span { 12 | color: var(--color-red) 13 | } 14 | -------------------------------------------------------------------------------- /minimal-tweak-active.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet add drop shadows to text in actoive elements */ 2 | 3 | #calendar-container .active, 4 | .flair.mod-pop, 5 | .horizontal-tab-nav-item.is-active, 6 | .linter-navigation-item-selected, 7 | .nav-file-title.is-active, 8 | .vertical-tab-nav-item.is-active, 9 | .community-item.is-selected, 10 | .mod-cta { 11 | text-shadow: 1px 1px 1px black; 12 | } 13 | 14 | .community-item-downloads svg { 15 | filter: drop-shadow(1px 1px 1px black); 16 | } 17 | -------------------------------------------------------------------------------- /minimal-tweak-empty-tab.css: -------------------------------------------------------------------------------- 1 | /* Onsidian snippet to change the background of the empty tab */ 2 | 3 | .empty-state::before { 4 | content: ""; 5 | width: 100%; 6 | height: 30%; 7 | background-size: contain; 8 | background-position: center; 9 | background-repeat: no-repeat; 10 | /* SK Logo */ 11 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' stroke='%23000407'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-298.828 97.578c22.133-6.399 30.64-18.452 25.521-36.159-2.667-9.222-9.528-14.633-20.583-16.234-5.911-1.089-13.291-1.553-22.139-1.393-8.847.159-16.325-.127-22.433-.859-6.108-.733-12.515-2.328-19.221-4.786-13.229-4.969-22.283-15.892-27.163-32.768-4.88-16.877-2.863-31.85 6.049-44.92 8.913-13.07 22.822-22.338 41.727-27.804 18.906-5.466 37.568-6.765 55.985-3.896l12 41.5-27.661 10.097-4.639-16.047c-.8-2.767-1.756-4.689-2.867-5.767-3.042-2.918-10.05-2.79-21.025.383-10.974 3.173-18.53 7.456-22.667 12.849-4.136 5.394-5.032 12.148-2.685 20.264 1.706 5.902 5.413 10.426 11.12 13.573 3.804 2.098 8.891 3.275 15.261 3.532 6.37.257 13.122.453 20.257.589 7.134.136 13.584.669 19.35 1.6 5.765.932 12.028 2.718 18.788 5.361 13.651 5.047 22.983 16.239 27.996 33.577 5.013 17.338 2.734 32.787-6.836 46.346-9.57 13.56-24.546 23.286-44.927 29.179-20.382 5.893-39.781 7.405-58.199 4.536l-12.639-43.714 27.66-10.096 4.88 16.877c.8 2.767 1.756 4.689 2.867 5.767 1.111 1.077 3.73 1.669 7.858 1.775 4.128.105 10.249-1.015 18.365-3.362zm101.59-37.467l-36.797-127.267-16.01 3.729-6.799-23.516 66.4-19.199 6.479 22.41-8.89 3.47c-5.189 2.1-7.01 5.824-5.463 11.173l17.598 60.867 36.602-84.932-15.733 3.649-6.8-23.516 64.741-18.719 6.479 22.41-8.89 3.47c-3.398 1.382-6.34 5.031-8.827 10.946l-25.368 59.5 72.249 66.351 14.903-3.41 6.8 23.517-70.827 20.478-6.48-22.41 8.337-3.309c3.582-1.436 5-3.445 4.253-6.027-.32-1.107-1.207-2.449-2.663-4.027l-41.069-39.39-15.867 36.366 7.439 25.73 16.01-3.73 6.8 23.517-66.401 19.198-6.479-22.41 8.89-3.469c2.66-1.169 4.462-2.54 5.407-4.112.944-1.572.936-4.018-.024-7.338z'/%3E%3C/svg%3E"); 12 | 13 | /* Wireframe obsidian logo */ 14 | /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='18' height='18' fill='none' stroke='%238da10140' stroke-width='1%' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E")*/ 15 | } 16 | -------------------------------------------------------------------------------- /minimal-tweak-resize-handle.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to alter the contrast of the resize handle */ 2 | 3 | .workspace-leaf-resize-handle { 4 | border-bottom-color: rgba(0,0,0,75%); 5 | } 6 | -------------------------------------------------------------------------------- /minimal-tweak-right-pane-icons.css: -------------------------------------------------------------------------------- 1 | /* Onsidian snippet to recolor the icons on the right-hand sidebar. */ 2 | 3 | .mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon { 4 | color: var(--frame-icon-color); 5 | } 6 | 7 | .mod-right-split { 8 | --background-modifier-hover: #3b4401; 9 | } 10 | -------------------------------------------------------------------------------- /minimal-tweak-tags.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to change tags to render with the monospace font */ 2 | 3 | a[class="tag"] { 4 | font-weight: bold; 5 | font-family: var(--font-monospace) 6 | } 7 | -------------------------------------------------------------------------------- /minimal-tweak-ui.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to change several items to use the UI font. */ 2 | 3 | .view-header-title, .popover-title, 4 | .workspace>.workspace-split:not(.mod-root) .CodeMirror, 5 | .workspace>.workspace-split:not(.mod-root) .cm-scroller, 6 | .workspace>.workspace-split:not(.mod-root) .markdown-preview-view, 7 | .workspace>.workspace-split:not(.mod-root) .CodeMirror h1, 8 | .workspace>.workspace-split:not(.mod-root) .cm-scroller h1, 9 | .workspace>.workspace-split:not(.mod-root) .markdown-preview-view h1, 10 | .workspace>.workspace-split:not(.mod-root) .CodeMirror h2, 11 | .workspace>.workspace-split:not(.mod-root) .cm-scroller h2, 12 | .workspace>.workspace-split:not(.mod-root) .markdown-preview-view h2 { 13 | font-family: var(--font-interface) 14 | } 15 | 16 | .is-selected .community-item-name .flair.mod-pop { 17 | background-color: var(--background-primary); 18 | } 19 | -------------------------------------------------------------------------------- /minimal-tweaks-checkbox.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to change style of strikethru on cancelled tasks */ 2 | body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked, body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]), body:not(.tasks) li[data-task="-"].task-list-item.is-checked { 3 | text-decoration: line-through dotted var(--text-faint) 2px; 4 | } 5 | -------------------------------------------------------------------------------- /pane-icons.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to change the tab icons for certain notes used as sidebar panels */ 2 | 3 | .workspace-tab-header[aria-label="QuickInfo"] .workspace-tab-header-inner-icon { 4 | content: ""; 5 | height: 20px; 6 | width: 20px; 7 | background-repeat: no-repeat; 8 | background-position-y: 2px; 9 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23879a09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E"); 10 | background-size: 18px 18px; 11 | } 12 | .workspace-tab-header[aria-label="QuickContacts"] .workspace-tab-header-inner-icon { 13 | content: ""; 14 | height: 20px; 15 | width: 20px; 16 | background-repeat: no-repeat; 17 | background-position-y: 2px; 18 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23879a09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E"); 19 | background-size: 18px 18px; 20 | } 21 | 22 | .workspace-tab-header[aria-label="QuickContacts"] .workspace-tab-header-status-container, 23 | .workspace-tab-header[aria-label="QuickContacts"] .workspace-tab-header-inner-icon svg, 24 | .workspace-tab-header[aria-label="QuickInfo"] .workspace-tab-header-status-container, 25 | .workspace-tab-header[aria-label="QuickInfo"] .workspace-tab-header-inner-icon svg { 26 | display: none; 27 | } 28 | -------------------------------------------------------------------------------- /print.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to style output of pdf exports */ 2 | 3 | @media print { 4 | 5 | /* set your preferred fonts here. */ 6 | 7 | :root { 8 | --body-font-family: "Newsreader Text", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; 9 | --header-font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 10 | --code-font-family: MonoLisa, Menlo, SFMono-Regular, Consolas, "Roboto Mono", monospace; 11 | } 12 | 13 | body { 14 | width: 100% !important; 15 | margin: 0 !important; 16 | padding: 0 !important; 17 | line-height: 1.4; 18 | word-spacing: 1.1pt; 19 | letter-spacing: 0.2pt; 20 | font-family: var(--body-font-family); 21 | background: none; 22 | font-size: 12pt 23 | } 24 | 25 | h1, h2, h3, h4, h5, h6 { 26 | font-family: var(--header-font-family); 27 | font-weight: normal !important 28 | } 29 | 30 | h1 { 31 | font-size: 19pt !important 32 | } 33 | 34 | h2 { 35 | font-size: 17pt !important 36 | } 37 | 38 | h3 { 39 | font-size: 15pt !important 40 | } 41 | 42 | h4, h5, h6 { 43 | font-size: 12pt !important 44 | } 45 | 46 | code, code[class*="language-"], 47 | pre, pre[class*="language-"] { 48 | font-size: 10pt; 49 | font-family: var(--code-font-family); 50 | color: black !important; 51 | background: none !important; 52 | } 53 | 54 | pre, 55 | code span, 56 | code { 57 | color: black !important 58 | } 59 | 60 | code { 61 | border: 1px solid darkgray !important; 62 | padding: 0 0.2em !important; 63 | line-height: initial !important; 64 | border-radius: 4px !important 65 | } 66 | 67 | pre { 68 | border: 1px solid darkgray !important; 69 | margin: 1em 0px !important; 70 | padding: 0.5em !important; 71 | border-radius: 4px !important 72 | } 73 | 74 | pre > code { 75 | font-size: 12px !important; 76 | border: none !important; 77 | border-radius: 0 !important; 78 | border-radius: 4px !important 79 | } 80 | 81 | blockquote { 82 | margin: 1.3em; 83 | padding: 1em; 84 | font-size: 10pt; 85 | color: darkslategray !important 86 | } 87 | 88 | hr { 89 | background-color: #ccc 90 | } 91 | 92 | img { 93 | display:block; 94 | margin: 1em 0 95 | } 96 | 97 | a img { 98 | border: none 99 | } 100 | 101 | table { 102 | margin: 1px; 103 | text-align: left 104 | } 105 | 106 | th { 107 | border-bottom: 1px aolis #333 108 | } 109 | 110 | td { 111 | border-bottom: 1px solid #333 112 | } 113 | 114 | th,td, tr { 115 | padding: 4px 10px 4px 0; 116 | color: black !important; 117 | background: none !important 118 | } 119 | 120 | tfoot { 121 | font-style: italic 122 | } 123 | 124 | caption { 125 | background: #fff; 126 | margin-bottom: 2em; 127 | text-align: left 128 | } 129 | 130 | thead { 131 | display: table-header-group 132 | } 133 | 134 | tr { 135 | page-break-inside: avoid 136 | } 137 | 138 | a { 139 | text-decoration: none; 140 | color: black !important 141 | } 142 | 143 | 144 | a[aria-label]::after { 145 | display: inline !important; 146 | content: " (" attr(aria-label) ")" !important; 147 | color: slategray !important; 148 | font-size: 70% !important; 149 | } 150 | 151 | a[class="tag"] { 152 | font-weight: bold; 153 | font-family: var(--font-monospace); 154 | background: none 155 | } 156 | 157 | .callout { 158 | background: none; 159 | border-width: 1px; 160 | border-color: rgba(var(--callout-color), 0.75) 161 | } 162 | 163 | /* -=-=-=-=-=-=- */ 164 | /* Specific to custom checkboxes in @kepano's minimal theme */ 165 | li[data-task="/"]>input:checked::after, 166 | input[type=checkbox]:checked::after { 167 | background-color: black 168 | } 169 | 170 | input[type=checkbox]:checked { 171 | background: none 172 | } 173 | 174 | ul>li.task-list-item[data-task="x"] { 175 | color: black 176 | } 177 | 178 | li[data-task="!"]>input:checked::after, 179 | li[data-task="*"]>input:checked::after, 180 | li[data-task='"']>input:checked::after, 181 | li[data-task="l"]>input:checked::after, 182 | li[data-task="b"]>input:checked::after, 183 | li[data-task="i"]>input:checked::after, 184 | li[data-task="S"]>input:checked::after, 185 | li[data-task="I"]>input:checked::after, 186 | li[data-task="p"]>input:checked::after, 187 | li[data-task="c"]>input:checked::after, 188 | li[data-task="f"]>input:checked::after, 189 | li[data-task="k"]>input:checked::after, 190 | li[data-task="w"]>input:checked::after, 191 | li[data-task="u"]>input:checked::after, 192 | li[data-task="d"]>input:checked::after, 193 | li[data-task="?"]>input:checked::after { 194 | background: none !important; 195 | -webkit-mask-image: none !important 196 | } 197 | /* -=-=-=-=-=-=- */ 198 | 199 | } 200 | -------------------------------------------------------------------------------- /style-settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "minimal-style@@text": "Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif", 3 | "minimal-style@@minimal-strike-lists": false, 4 | "minimal-style@@checkbox-shape": "checkbox-square", 5 | "minimal-tabs@@tab-style": "tab-style-2", 6 | "minimal-style@@active-line-on": true, 7 | "minimal-style@@minimal-unstyled-tags": false, 8 | "minimal-style@@tag-radius": "4px", 9 | "minimal-style@@row-lines": false, 10 | "minimal-style@@col-lines": false, 11 | "minimal-style@@table-lines": false, 12 | "minimal-style@@table-tabular": true, 13 | "minimal-style@@row-alt": true, 14 | "minimal-style@@col-alt": false, 15 | "minimal-style@@table-numbers": false, 16 | "minimal-style@@table-nowrap": false, 17 | "minimal-style@@row-hover": false, 18 | "quick-explorer@@qe-hide-breadcrumbs": true, 19 | "minimal-style@@link-unresolved-opacity": 1, 20 | "minimal-style@@tabs-style": "tabs-default", 21 | "minimal-style@@link-unresolved-color@@light": "#F85552", 22 | "minimal-style@@link-unresolved-color@@dark": "#E67E80", 23 | "minimal-style@@link-unresolved-decoration-color@@light": "#F85552", 24 | "minimal-style@@link-unresolved-decoration-color@@dark": "#E67E80", 25 | "minimal-style@@link-color@@dark": "#8DA101", 26 | "minimal-style@@tag-border-width": "0", 27 | "minimal-style@@tag-background@@dark": "#93B259", 28 | "minimal-style@@tag-color@@dark": "#000000", 29 | "minimal-style@@color-red@@dark": "#F85552", 30 | "minimal-style@@color-red@@light": "#F85552", 31 | "minimal-style@@color-orange@@dark": "#F57D26", 32 | "minimal-style@@color-orange@@light": "#F57D26", 33 | "minimal-style@@color-yellow@@dark": "#DFA000", 34 | "minimal-style@@color-yellow@@light": "#DFA000", 35 | "minimal-style@@color-green@@dark": "#8DA101", 36 | "minimal-style@@color-green@@light": "#8DA101", 37 | "minimal-style@@color-cyan@@dark": "#35A77C", 38 | "minimal-style@@color-cyan@@light": "#35A77C", 39 | "minimal-style@@color-blue@@dark": "#3A94C5", 40 | "minimal-style@@color-blue@@light": "#3A94C5", 41 | "minimal-style@@color-purple@@dark": "#DF68BA", 42 | "minimal-style@@color-purple@@light": "#DF68BA", 43 | "minimal-style@@color-pink@@dark": "#FCAAA8", 44 | "minimal-style@@color-pink@@light": "#FCAAA8", 45 | "minimal-style@@link-color@@light": "#8DA101", 46 | "minimal-style@@link-external-color@@dark": "#8DA101", 47 | "minimal-style@@link-external-color@@light": "#8DA101", 48 | "minimal-style@@active-line-bg@@dark": "#FFFFFF29", 49 | "minimal-style@@callouts-style": "callouts-default", 50 | "minimal-advanced@@cursor": "pointer", 51 | "minimal-style@@ax3@@dark": "#8DA101", 52 | "minimal-style@@ax1@@dark": "#8DA101", 53 | "supercharged-links@@21bd-8b83-before": "\\f436", 54 | "latex-pdf-css@@pdf-mono-font": "MonoLisa", 55 | "minimal-style@@h6-size": ".81em", 56 | "minimal-style@@bg1@@dark": "#000A11", 57 | "minimal-style@@h1-l": true, 58 | "minimal-style@@h4-size": "1.125em", 59 | "minimal-style@@h5-size": ".875em", 60 | "minimal-style@@h6-variant": "small-caps", 61 | "minimal-style@@h5-variant": "small-caps", 62 | "minimal-style@@h4-font": "Hubot-Sans", 63 | "minimal-style@@h5-font": "Hubot-Sans", 64 | "minimal-style@@h6-font": "Hubot-Sans", 65 | "minimal-style@@h2-font": "Hubot-Sans", 66 | "minimal-style@@h4-weight": 500, 67 | "minimal-style@@h5-weight": 500, 68 | "minimal-style@@h6-weight": 400, 69 | "minimal-style@@h1-font": "Hubot-Sans", 70 | "minimal-style@@h3-font": "Hubot-Sans", 71 | "minimal-style@@h1-weight": 600, 72 | "minimal-style@@h2-weight": 600, 73 | "minimal-style@@h3-weight": 600, 74 | "minimal-style@@h3-size": "1.5em", 75 | "minimal-style@@h1-size": "2.38em", 76 | "minimal-style@@h2-size": "1.88em", 77 | "minimal-style@@h1-variant": "normal" 78 | } -------------------------------------------------------------------------------- /table-formatting.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to change how table are rendered */ 2 | 3 | /* use sans font */ 4 | .table-sans td { 5 | font-family: 'Clear Sans', Calibri, 'Trebuchet MS', sans-serif 6 | } 7 | 8 | /* lighten alternate row background */ 9 | .markdown-rendered tbody tr:nth-child(odd) { 10 | background-color: #2a3a3a80 11 | } 12 | -------------------------------------------------------------------------------- /tabular numbers.css: -------------------------------------------------------------------------------- 1 | /* Obsidian snippet to use "tabular numbers" feature of all fonts */ 2 | 3 | body, 4 | .app-container{ 5 | -webkit-font-feature-settings: "tnum"; 6 | -moz-font-feature-settings: "tnum"; 7 | font-feature-settings: "tnum"; 8 | -webkit-font-variant-numeric: tabular-nums; 9 | -moz-font-variant-numeric: tabular-nums; 10 | font-variant-numeric: tabular-nums; 11 | } 12 | -------------------------------------------------------------------------------- /task-dashboard.css: -------------------------------------------------------------------------------- 1 | /* Tasks Panel */ 2 | 3 | /* Obsidian snippet to style a note used as a sidebar panel 4 | * 5 | * To use, add 'cssclasses: task-dashboard' to note's frontmatter. 6 | * 7 | * This snippet only has any effect when the note appears as a pane on 8 | * the right-hand toolbar. 9 | */ 10 | 11 | .mod-right-split .markdown-preview-view.markdown-rendered.task-dashboard { 12 | padding-top: 0; 13 | } 14 | 15 | .mod-right-split .markdown-preview-view.markdown-rendered.task-dashboard h1 { 16 | margin-top: 0; 17 | margin-bottom: 6px; 18 | font-size: 1.125em; 19 | font-weight:500 20 | } 21 | 22 | .mod-right-split .markdown-preview-view.markdown-rendered.task-dashboard h2 { 23 | margin-block-start: .25em; 24 | margin-bottom:0; 25 | font-size: 1em; 26 | font-weight:500 27 | } 28 | 29 | .contextual-typography .markdown-preview-view.is-readable-line-width.task-dashboard .markdown-preview-sizer>div 30 | { 31 | --max-width: 100% 32 | } 33 | 34 | .workspace-tab-header[aria-label="Dashboard - Tasks"] .workspace-tab-header-inner-icon { 35 | content: ""; 36 | height: 20px; 37 | width: 20px; 38 | background-repeat: no-repeat; 39 | background-position-y: 2px; 40 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23879a09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'%3E%3C/rect%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'%3E%3C/path%3E%3Cpath d='M12 11h4'%3E%3C/path%3E%3Cpath d='M12 16h4'%3E%3C/path%3E%3Cpath d='M8 11h.01'%3E%3C/path%3E%3Cpath d='M8 16h.01'%3E%3C/path%3E%3C/svg%3E"); 41 | background-size: 18px 18px; 42 | } 43 | 44 | .workspace-tab-header[aria-label="Dashboard - Tasks"] .workspace-tab-header-status-container, 45 | .workspace-tab-header[aria-label="Dashboard - Tasks"] .workspace-tab-header-inner-icon svg { 46 | display: none; 47 | } 48 | -------------------------------------------------------------------------------- /typography.css: -------------------------------------------------------------------------------- 1 | /* TYPOGRAPHY */ 2 | 3 | /* Text */ 4 | .subtle { 5 | color: var(--h6); 6 | letter-spacing: 0.02em; 7 | font-weight: var(--h6-weight); 8 | font-size: var(--h6); 9 | } 10 | 11 | /* Text */ 12 | .small-caps { 13 | font-variant: small-caps; 14 | } 15 | 16 | /* Colors */ 17 | 18 | /* Text */ 19 | .red { 20 | color: var(--color-red) 21 | } 22 | 23 | /* Text */ 24 | .orange { 25 | color: var(--color-orange) 26 | } 27 | 28 | /* Text */ 29 | .yellow { 30 | color: var(--color-yellow) 31 | } 32 | 33 | /* Text */ 34 | .green { 35 | color: var(--color-green) 36 | } 37 | 38 | /* Text */ 39 | .cyan { 40 | color: var(--color-cyan) 41 | } 42 | 43 | /* Text */ 44 | .blue { 45 | color: var(--color-blue) 46 | } 47 | 48 | /* Text */ 49 | .purple { 50 | color: var(--color-purple) 51 | } 52 | 53 | /* Text */ 54 | .pink { 55 | color: var(--color-pink) 56 | } 57 | 58 | /* Callout header font */ 59 | .callout-title-inner { 60 | font-family: "Century Gothic" 61 | } 62 | -------------------------------------------------------------------------------- /vault-profile-top.css: -------------------------------------------------------------------------------- 1 | /* Move vault profile to the top of the side bar */ 2 | /* From [the minimal theme](https://github.com/kepano/obsidian-minimal) by kepano */ 3 | 4 | body:not(.is-grabbing):not(.is-fullscreen).labeled-nav.is-hidden-frameless 5 | .mod-left-split 6 | .mod-top 7 | .workspace-tab-header-container { 8 | -webkit-app-region: no-drag; 9 | } 10 | body:not(.is-grabbing):not(.is-fullscreen).labeled-nav.is-hidden-frameless 11 | .mod-left-split 12 | .mod-top 13 | .workspace-tab-header-container:before { 14 | position: absolute; 15 | top: 0; 16 | content: ''; 17 | height: var(--header-height); 18 | width: 100%; 19 | -webkit-app-region: drag; 20 | } 21 | 22 | body:not(.is-mobile):not(.labeled-nav) 23 | .workspace-split.mod-left-split 24 | .mod-top 25 | .workspace-tab-container { 26 | margin-top: calc(var(--header-height) + 8px); 27 | } 28 | body:not(.is-mobile):not(.labeled-nav) 29 | .workspace-split.mod-left-split 30 | .workspace-sidedock-vault-profile { 31 | -webkit-app-region: no-drag; 32 | position: absolute; 33 | top: var(--header-height); 34 | z-index: 6; 35 | width: 100%; 36 | border-top: 0; 37 | border-bottom: 1px solid var(--background-modifier-border); 38 | } 39 | body:not(.is-mobile):not(.labeled-nav) 40 | .workspace-split.mod-left-split 41 | .workspace-sidedock-vault-profile 42 | .workspace-drawer-vault-switcher { 43 | padding-left: var(--size-4-2); 44 | } 45 | 46 | body:not(.is-mobile).labeled-nav 47 | .workspace-split.mod-left-split 48 | .workspace-sidedock-vault-profile { 49 | -webkit-app-region: no-drag; 50 | position: absolute; 51 | top: var(--labeled-nav-top-margin); 52 | z-index: 6; 53 | width: 100%; 54 | background-color: transparent; 55 | border-top: 0; 56 | border-bottom: 1px solid var(--background-modifier-border); 57 | } 58 | body:not(.is-mobile).labeled-nav 59 | .workspace-split.mod-left-split 60 | .workspace-sidedock-vault-profile 61 | .workspace-drawer-vault-switcher { 62 | padding-left: var(--size-4-2); 63 | } 64 | 65 | .workspace-tab-header-container-inner { 66 | --labeled-nav-top-margin: 84px; 67 | } 68 | --------------------------------------------------------------------------------