feat: update to minimal night owl theme

This commit is contained in:
Ben Hong
2024-01-17 15:26:30 -08:00
parent 08c2cb8e6e
commit 1916d57faa
39 changed files with 38946 additions and 27151 deletions

View File

@@ -1,9 +1,11 @@
{
"cssTheme": "Night Owl",
"cssTheme": "Minimal",
"theme": "obsidian",
"enabledCssSnippets": [
"dracula-custom-edits"
"dracula-custom-edits",
"style-settings"
],
"translucency": false,
"baseFontSize": 21
"baseFontSize": 21,
"accentColor": ""
}

View File

@@ -2,10 +2,12 @@
"calendar",
"cm-editor-syntax-highlight-obsidian",
"note-refactor-obsidian",
"sliding-panes-obsidian",
"templater-obsidian",
"periodic-notes",
"dataview",
"hotkey-helper",
"tag-wrangler"
"tag-wrangler",
"obsidian-style-settings",
"obsidian-minimal-settings",
"buttons"
]

30
.obsidian/core-plugins-migration.json vendored Normal file
View File

@@ -0,0 +1,30 @@
{
"file-explorer": true,
"global-search": true,
"switcher": true,
"graph": true,
"backlink": true,
"outgoing-link": true,
"tag-pane": true,
"page-preview": true,
"daily-notes": false,
"templates": false,
"note-composer": true,
"command-palette": true,
"slash-command": true,
"editor-status": false,
"markdown-importer": true,
"zk-prefixer": false,
"random-note": false,
"outline": true,
"word-count": true,
"slides": true,
"audio-recorder": false,
"workspaces": true,
"file-recovery": true,
"publish": false,
"sync": false,
"canvas": true,
"properties": false,
"bookmarks": true
}

View File

@@ -4,18 +4,18 @@
"switcher",
"graph",
"backlink",
"canvas",
"outgoing-link",
"tag-pane",
"page-preview",
"note-composer",
"command-palette",
"slash-command",
"starred",
"bookmarks",
"markdown-importer",
"outline",
"word-count",
"slides",
"open-with-default-app",
"workspaces",
"file-recovery"
]

4306
.obsidian/plugins/buttons/main.js vendored Normal file

File diff suppressed because one or more lines are too long

10
.obsidian/plugins/buttons/manifest.json vendored Normal file
View File

@@ -0,0 +1,10 @@
{
"id": "buttons",
"name": "Buttons",
"description": "Create Buttons in your Obsidian notes to run commands, open links, and insert templates",
"version": "0.4.19",
"author": "shabegom",
"authorUrl": "https://shbgm.ca",
"isDesktopOnly": false,
"minAppVersion": "0.12.8"
}

148
.obsidian/plugins/buttons/styles.css vendored Normal file
View File

@@ -0,0 +1,148 @@
/* @settings
name: Buttons
id: buttons-styles
settings:
-
id: button-background
title: Background
type: variable-themed-color
format: hex
opacity: false
default-light: '#f5f6f8'
default-dark: '#1b1b1b'
-
id: button-text
title: Text
type: variable-themed-color
format: hex
opacity: false
default-light: '#1b1b1b'
default-dark: '#f5f6f8'
-
id: button-border
title: Border
type: variable-themed-color
format: hex
opacity: false
default-light: '#7a9486'
default-dark: '#84a83a'
-
id: button-box-shadow
title: Box Shadow
type: variable-themed-color
format: rgb
opacity: true
default-light: '#1b1b1b'
default-dark: '#f5f6f8'
-
id: button-border-radius
title: Border Radius
type: variable-number
format: px
default: 5
-
id: button-size
title: Font Size
type: variable-number
format: em
default: 1
*/
.block-language-button {
padding: 5px;
}
button.button-default {
border: 0.5px solid var(--button-border, #7a9486);
border-radius: var(--button-border-radius, 5px);
background-color: var(--button-background);
padding: 10px 30px;
color: var(--button-text);
text-decoration: none;
font-size: var(--button-size);
margin: 0 5px;
box-shadow: 0 1px 3px var(--button-box-shadow, rgba(0, 0, 0, 0.12)),
0 1px 2px var(--button-box-shadow, rgba(0, 0, 0, 0.24));
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
button.button-default:hover {
z-index: 100;
box-shadow: 0 4px 4px var(--button-box-shadow, rgba(0, 0, 0, 0.25)),
0 10px 10px var(--button-box-shadow, rgba(0, 0, 0, 0.22));
transform: translate3d(0px, -1.5px, 0px);
background-color: var(--button-background);
}
.theme-dark button.button-default {
border: 0.5px solid var(--button-border, #84a83a);
}
.theme-dark button.button-default:hover {
z-index: 100;
box-shadow: 0 4px 4px var(--button-box-shadow, rgba(210, 210, 210, 0.25)),
0 10px 10px var(--button-box-shadow, rgba(210, 210, 210, 0.22));
transform: translate3d(0px, -1.5px, 0px);
}
button.button-inline {
width: unset;
height: unset;
padding: 0 8px;
}
button.blue {
background: #76b3fa;
color: black;
}
button.red {
background-color: red;
}
button.green {
background: green;
}
button.yellow {
background: yellow;
color: black;
}
button.purple {
background: #725585;
}
button.blue:hover {
background: #76b3fa;
color: black;
}
button.red:hover {
background: red;
}
button.green:hover {
background: green;
}
button.yellow:hover {
background: yellow;
color: black;
}
button.purple:hover {
background: #725585;
}
.button-maker {
max-width: 35rem;
width: 35rem;
overflow-y: auto;
max-height: 30rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
overflow-x: hidden;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,7 @@
{
"id": "dataview",
"name": "Dataview",
"version": "0.4.22",
"version": "0.5.64",
"minAppVersion": "0.13.11",
"description": "Complex data views for the data-obsessed.",
"author": "Michael Brenan <blacksmithgu@gmail.com>",

View File

@@ -1,3 +1,16 @@
/** Live Preview padding fixes, specifically for DataviewJS custom HTML elements. */
.is-live-preview .block-language-dataviewjs > p, .is-live-preview .block-language-dataviewjs > span {
line-height: 1.0;
}
.block-language-dataview {
overflow-y: auto;
}
/*****************/
/** Table Views **/
/*****************/
/* List View Default Styling; rendered internally as a table. */
.table-view-table {
width: 100%;
@@ -9,6 +22,10 @@
text-align: left;
}
.table-view-table > tbody > tr:hover {
background-color: var(--table-row-background-hover);
}
.table-view-table > thead > tr > th {
font-weight: 700;
font-size: larger;
@@ -24,27 +41,36 @@
text-align: left;
border: none;
font-weight: 400;
max-width: 100%;
}
.table-view-table ul, .table-view-table ol {
margin-block-start: 0.2em !important;
margin-block-end: 0.2em !important;
}
/** Rendered value styling for any view. */
.dataview-result-list-root-ul {
padding: 0em !important;
margin: 0em !important;
}
.dataview-result-list-ul {
margin-block-start: 0.2em !important;
margin-block-end: 0.2em !important;
}
/** Generic grouping styling. */
.dataview.result-group {
padding-left: 8px;
}
/** Inline Field Rendering. */
/*******************/
/** Inline Fields **/
/*******************/
.dataview.inline-field-key {
border-top-left-radius: 250px;
border-bottom-left-radius: 250px;
padding-left: 16px;
padding-left: 8px;
padding-right: 8px;
font-family: var(--font-monospace);
background-color: var(--background-primary-alt);
@@ -52,20 +78,69 @@
}
.dataview.inline-field-value {
border-top-right-radius: 250px;
border-bottom-right-radius: 250px;
padding-left: 8px;
padding-right: 16px;
padding-right: 8px;
font-family: var(--font-monospace);
background-color: var(--background-secondary-alt);
color: var(--text-nav-selected);
}
.dataview.inline-field-standalone-value {
border-radius: 250px;
padding-left: 16px;
padding-right: 16px;
padding-left: 8px;
padding-right: 8px;
font-family: var(--font-monospace);
background-color: var(--background-secondary-alt);
color: var(--text-nav-selected);
}
/***************/
/** Task View **/
/***************/
.dataview.task-list-item, .dataview.task-list-basic-item {
margin-top: 3px;
margin-bottom: 3px;
transition: 0.4s;
}
.dataview.task-list-item:hover, .dataview.task-list-basic-item:hover {
background-color: var(--text-selection);
box-shadow: -40px 0 0 var(--text-selection);
cursor: pointer;
}
/*****************/
/** Error Views **/
/*****************/
div.dataview-error-box {
width: 100%;
min-height: 150px;
display: flex;
align-items: center;
justify-content: center;
border: 4px dashed var(--background-secondary);
}
.dataview-error-message {
color: var(--text-muted);
text-align: center;
}
/*************************/
/** Additional Metadata **/
/*************************/
.dataview.small-text {
font-size: smaller;
color: var(--text-muted);
margin-left: 3px;
}
.dataview.small-text::before {
content: "(";
}
.dataview.small-text::after {
content: ")";
}

File diff suppressed because one or more lines are too long

View File

@@ -1,8 +1,8 @@
{
"id": "hotkey-helper",
"name": "Hotkey Helper",
"version": "0.3.11",
"minAppVersion": "0.13.19",
"version": "0.3.18",
"minAppVersion": "1.2.8",
"description": "Easily see and access any plugin's settings or hotkey assignments (and conflicts) from the Community Plugins tab",
"author": "PJ Eby",
"authorUrl": "https://github.com/pjeby"

View File

@@ -1,4 +1,6 @@
.clickable-icon.mod-error, .modal .community-plugin-info button.mod-error {
.clickable-icon.mod-error,
.modal .community-plugin-info button.mod-error,
.modal-container .mod-community-plugin .community-modal-button-container button.mod-error {
background-color: var(--background-modifier-error);
}

File diff suppressed because one or more lines are too long

View File

@@ -1,9 +1,9 @@
{
"id": "note-refactor-obsidian",
"name": "Note Refactor",
"version": "1.7.1",
"description": "Extract note content into new notes and split notes",
"isDesktopOnly": false,
"js": "main.js",
"css": "style.css"
}
{
"id": "note-refactor-obsidian",
"name": "Note Refactor",
"version": "1.8.2",
"description": "Extract note content into new notes and split notes",
"isDesktopOnly": false,
"js": "main.js",
"css": "style.css"
}

View File

@@ -0,0 +1,36 @@
{
"theme": "moonstone",
"lightStyle": "minimal-light",
"darkStyle": "minimal-dark",
"lightScheme": "minimal-default-light",
"darkScheme": "minimal-default-dark",
"editorFont": "",
"lineHeight": 1.5,
"lineWidth": 40,
"lineWidthWide": 50,
"maxWidth": 88,
"textNormal": 21,
"textSmall": 13,
"imgGrid": false,
"imgWidth": "img-default-width",
"tableWidth": "table-default-width",
"iframeWidth": "iframe-default-width",
"mapWidth": "map-default-width",
"chartWidth": "chart-default-width",
"colorfulHeadings": true,
"colorfulFrame": true,
"colorfulActiveStates": true,
"trimNames": true,
"labeledNav": true,
"fullWidthMedia": true,
"bordersToggle": true,
"minimalStatus": true,
"focusMode": false,
"underlineInternal": true,
"underlineExternal": true,
"useSystemTheme": true,
"folding": true,
"lineNumbers": true,
"readableLineLength": true,
"devBlockWidth": false
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,11 @@
{
"id": "obsidian-minimal-settings",
"name": "Minimal Theme Settings",
"version": "7.3.1",
"minAppVersion": "1.1.9",
"description": "Change the colors, fonts and features of Minimal Theme.",
"author": "@kepano",
"authorUrl": "https://www.twitter.com/kepano",
"fundingUrl": "https://www.buymeacoffee.com/kepano",
"isDesktopOnly": false
}

View File

@@ -0,0 +1 @@
/* Empty */

View File

@@ -0,0 +1,44 @@
{
"name": "Night Owl Minimal Theme",
"id": "a-unique-id",
"settings": {
"id": "accent",
"title": "Accent Color",
"type": "variable-themed-color",
"format": "hex",
"opacity": "false",
"default-light": "#007AFF",
"default-dark": "#2DB253"
},
"minimal-style@@metadata-heading-off": true,
"minimal-style@@metadata-add-property-off": false,
"minimal-style@@metadata-dividers": false,
"minimal-style@@h1-size": "3.052rem",
"minimal-style@@h2-size": "2.441rem",
"minimal-style@@h3-size": "1.953rem",
"minimal-style@@h4-size": "1.563rem",
"minimal-style@@h5-size": "1.25rem",
"minimal-style@@h6-size": "1rem",
"minimal-style@@code-size": "16px",
"minimal-style@@file-header-font-size": "1rem",
"minimal-style@@h1-font": "Rubik, 'Avenir Next', Helvetica, Arial, sans-serif",
"minimal-style@@h2-font": "Rubik, 'Avenir Next', Helvetica, Arial, sans-serif",
"minimal-style@@h4-font": "Rubik, 'Avenir Next', Helvetica, Arial, sans-serif",
"minimal-style@@h3-font": "Rubik, 'Avenir Next', Helvetica, Arial, sans-serif",
"minimal-style@@h5-font": "Rubik, 'Avenir Next', Helvetica, Arial, sans-serif",
"minimal-style@@h6-font": "Rubik, 'Avenir Next', Helvetica, Arial, sans-serif",
"minimal-style@@bg1@@dark": "#011628",
"minimal-style@@h1-color@@dark": "#FF79C6",
"minimal-style@@h2-color@@dark": "#82AAFF",
"minimal-style@@h3-color@@dark": "#C5E478",
"minimal-style@@h4-color@@dark": "#FFB86C",
"minimal-style@@h5-color@@dark": "#50FA7B",
"minimal-style@@h6-color@@dark": "#8BE9FD",
"minimal-style@@h6-weight": 500,
"minimal-style@@h6-variant": "normal",
"minimal-style@@h5-variant": "normal",
"minimal-style@@bg2@@dark": "#011C32",
"minimal-style@@frame-background@@dark": "#011C32",
"minimal-style@@minimal-tab-text-color@@dark": "#CCCCCC",
"minimal-style@@bold-color@@dark": "#50FA7B"
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,10 @@
{
"id": "obsidian-style-settings",
"name": "Style Settings",
"version": "1.0.7",
"minAppVersion": "0.11.5",
"description": "Offers controls for adjusting theme, plugin, and snippet CSS variables.",
"author": "mgmeyers",
"authorUrl": "https://github.com/mgmeyers/obsidian-style-settings",
"isDesktopOnly": false
}

File diff suppressed because one or more lines are too long

View File

@@ -1,11 +0,0 @@
{
"headerWidth": 32,
"leafWidth": 700,
"leafAutoWidth": false,
"disabled": false,
"rotateHeaders": true,
"headerAlt": true,
"orienation": "mixed",
"stackingEnabled": true,
"smoothAnimation": true
}

File diff suppressed because one or more lines are too long

View File

@@ -1,10 +0,0 @@
{
"id": "sliding-panes-obsidian",
"name": "Sliding Panes (Andy's Mode)",
"author": "death_au",
"authorUrl": "https://github.com/deathau",
"description": "Sliding Panes! Based on the style of [Andy Matuschak's Notes](https://notes.andymatuschak.org/)",
"isDesktopOnly": false,
"version": "3.2.3",
"minAppVersion": "0.10.3"
}

View File

@@ -1,115 +0,0 @@
body.plugin-sliding-panes .workspace > .mod-root {
overflow-x: auto;
overflow-y: hidden;
}
body.plugin-sliding-panes .workspace > .mod-root > .workspace-leaf {
display: block;
flex: none;
}
body.plugin-sliding-panes .workspace > .mod-root > .workspace-leaf .workspace-leaf-content {
position: relative;
}
body.plugin-sliding-panes .workspace > .mod-root .mod-am-right-of-active .cm-s-obsidian > div:not([class]) {
left: -50% !important;
}
body.plugin-sliding-panes .workspace > .mod-root .mod-am-left-of-active .cm-s-obsidian > div:not([class]) {
left: 150% !important;
}
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf {
box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.25);
position: sticky;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf {
/* first we'll add a bit of gap for the spines */
/* active titles have different border colours */
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content {
padding-left: var(--header-width);
/* this is where the magic happens */
/* get rid of the gap left by the now-missing horizontal title */
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
writing-mode: vertical-lr;
text-orientation: sideways;
border-right: 1px solid var(--background-secondary-alt);
border-left: 2px solid var(--background-secondary-alt);
border-top: none;
border-bottom: none;
width: var(--header-width);
height: auto;
position: absolute;
left: 0;
top: 0;
bottom: 0;
/* unset the title container height and swap padding */
/* swap the padding/margin around for the header and actions icons */
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container {
height: unset;
padding-left: unset;
padding-top: 0;
/* get rid of unnecessary padding */
/* fix the long-title-obscuring shadows */
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title {
padding-right: 0;
padding-top: 15px;
padding-bottom: 15px;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container:after {
width: 100%;
height: 15px;
top: unset;
bottom: 0;
background: linear-gradient(to bottom, transparent, var(--background-secondary));
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container:before {
content: "";
position: absolute;
width: 100%;
height: 15px;
top: 0;
bottom: unset;
background: linear-gradient(to top, transparent, var(--background-secondary));
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon,
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-actions {
padding: 0;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon {
margin: 8px 0 3px 0;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-action {
margin: 8px 0;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-content {
height: 100%;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header {
border-right: 2px solid var(--interactive-accent);
border-bottom: none;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:after {
background: linear-gradient(to bottom, transparent, var(--background-primary-alt));
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:before {
background: linear-gradient(to top, transparent, var(--background-primary-alt));
}
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 {
transform: rotate(180deg);
text-align: right;
margin-top: 10px;
}
body.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-sideway .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
text-orientation: sideways !important;
}
body.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-mixed .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
text-orientation: mixed !important;
}
body.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-upright .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
text-orientation: upright !important;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,8 +1,11 @@
{
"id": "tag-wrangler",
"name": "Tag Wrangler",
"version": "0.5.0",
"minAppVersion": "0.13.19",
"author": "PJ Eby",
"authorUrl": "https://github.com/pjeby",
"version": "0.6.1",
"minAppVersion": "1.2.8",
"description": "Rename, merge, toggle, and search tags from the tag pane",
"isDesktopOnly": true
"fundingUrl": "https://dirtsimple.org/tips/tag-wrangler",
"isDesktopOnly": false
}

View File

@@ -1,172 +1 @@
.smalltalk {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
transition: 200ms opacity;
bottom: 0;
left: 0;
overflow: auto;
padding: 20px;
position: fixed;
right: 0;
top: 0;
z-index: 100;
}
.smalltalk + .smalltalk {
transition: ease 1s;
}
.smalltalk .page {
border-radius: 3px;
background: white;
box-shadow: 0 4px 23px 5px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .15);
color: #333;
min-width: 400px;
padding: 0;
position: relative;
z-index: 0;
}
@media only screen and (max-width: 500px) {
.smalltalk .page {
min-width: 0;
}
}
.smalltalk .page > .close-button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAUklEQVR4XqXPYQrAIAhAYW/gXd8NJxTopVqsGEhtf+L9/ERU2k/HSMFQpKcYJeNFI9Be0LCMij8cYyjj5EHIivGBkwLfrbX3IF8PqumVmnDpEG+eDsKibPG2JwAAAABJRU5ErkJggg==);
background-position: center;
background-repeat: no-repeat;
height: 14px;
position: absolute;
right: 7px;
top: 7px;
width: 14px;
z-index: 1;
}
.smalltalk .page > .close-button:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAnUlEQVR4XoWQQQ6CQAxFewjkJkMCyXgJPMk7AiYczyBeZEAX6AKctGIaN+bt+trk9wtGQc/IkhnoKGxqqiWxOSZalapWFZ6VrIUDExsN0a5JRBq9LoVOR0eEQMoEhKizXhhsn0p1sCWVo7CwOf1RytPL8CPvwuBUoHL6ugeK30CVD1TqK7V/hdpe+VNChhOzV8xWny/+xosHF8578W/Hmc1OOC3wmwAAAABJRU5ErkJggg==);
}
.smalltalk .progress {
display: block;
width: 100%;
}
.smalltalk .page header {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 500px;
user-select: none;
color: #333;
font-size: 120%;
font-weight: bold;
margin: 0;
padding: 14px 17px;
text-shadow: white 0 1px 2px;
}
.smalltalk .page .content-area {
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 17px;
position: relative;
}
.smalltalk .page .action-area {
padding: 14px 17px;
}
button {
font-family: Ubuntu, Arial, sans-serif;
}
.smalltalk button, .smalltalk .smalltalk {
min-height: 2em;
min-width: 4em;
}
.smalltalk button {
appearance: none;
user-select: none;
background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
color: #444;
font: inherit;
margin: 0 1px 0 0;
text-shadow: 0 1px 0 rgb(240, 240, 240);
}
.smalltalk button::-moz-focus-inner {
border: 0;
}
.smalltalk button:enabled:active {
background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
box-shadow: none;
text-shadow: none;
}
.smalltalk .page .button-strip {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.smalltalk .page .button-strip > button {
margin-left: 10px;
}
.smalltalk input {
width: 100%;
border: 1px solid #bfbfbf;
border-radius: 2px;
box-sizing: border-box;
color: #444;
font: inherit;
margin: 0;
min-height: 2em;
padding: 3px;
outline: none;
}
.smalltalk button:enabled:focus, .smalltalk input:enabled:focus {
transition: border-color 200ms;
border-color: rgb(77, 144, 254);
outline: none;
}
.smalltalk input[pattern]:invalid, .smalltalk input[pattern]:invalid:enabled:focus, .smalltalk input[pattern][aria-invalid='true'], .smalltalk input[pattern][aria-invalid='true']:enabled:focus {
border-color: var(--text-error);
background-color: var(--background-modifier-error); }
.smalltalk .page, .smalltalk .page header, .smalltalk input, .smalltalk button {
color: var(--text-normal);
text-shadow: none; }
.smalltalk .page {
background: var(--background-primary); }
.smalltalk button[data-name="js-ok"] {
background: var(--background-modifier-error); }
.smalltalk button[data-name="js-cancel"] {
background: var(--background-secondary-alt); }
.smalltalk button {
box-shadow: none; }
.ophidian-dialog .dialog-text{margin-bottom:.75em}.ophidian-dialog.mod-confirmation input[type=text]:invalid,.ophidian-dialog.mod-confirmation input[type=text]:invalid:enabled:focus,.ophidian-dialog.mod-confirmation input[type=text][aria-invalid=true],.ophidian-dialog.mod-confirmation input[type=text][aria-invalid=true]:enabled:focus{border-color:var(--text-error);background-color:var(--background-modifier-error)}

File diff suppressed because one or more lines are too long

View File

@@ -1,10 +1,11 @@
{
"id": "templater-obsidian",
"name": "Templater",
"version": "1.10.0",
"version": "2.1.0",
"description": "Create and use templates",
"minAppVersion": "0.11.13",
"minAppVersion": "1.5.0",
"author": "SilentVoid",
"authorUrl": "https://github.com/SilentVoid13",
"helpUrl": "https://silentvoid13.github.io/Templater/",
"isDesktopOnly": false
}

View File

@@ -24,6 +24,10 @@
align-self: center;
}
.templater_donating {
margin: 10px;
}
.templater_title {
margin: 0;
padding: 0;
@@ -63,6 +67,21 @@
flex-grow: 1;
}
.templater-button-div {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1rem;
}
textarea.templater-prompt-input {
height: 10rem;
}
textarea.templater-prompt-input:focus {
border-color: var(--interactive-accent);
}
.cm-s-obsidian .templater-command-bg {
left: 0px;
right: 0px;
@@ -88,146 +107,81 @@
}
.cm-s-obsidian .cm-templater-command.cm-templater-interpolation-tag {
color: #008bff;
color: var(--code-property, #008bff);
}
.cm-s-obsidian .cm-templater-command.cm-templater-execution-tag {
color: #c0d700;
color: var(--code-function, #c0d700);
}
.cm-s-obsidian .cm-templater-command.cm-templater-raw-tag {
color: green;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-keyword {
color: #00a7aa;
.cm-s-obsidian .cm-templater-command.cm-keyword {
color: var(--code-keyword, #00a7aa);
font-weight: normal;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-atom {
color: #f39b35;
.cm-s-obsidian .cm-templater-command.cm-atom {
color: var(--code-normal, #f39b35);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-number {
color: #a06fca;
.cm-s-obsidian .cm-templater-command.cm-value,
.cm-s-obsidian .cm-templater-command.cm-number,
.cm-s-obsidian .cm-templater-command.cm-type {
color: var(--code-value, #a06fca);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-type {
color: #a06fca;
.cm-s-obsidian .cm-templater-command.cm-def,
.cm-s-obsidian .cm-templater-command.cm-type.cm-def {
color: var(--code-normal, var(--text-normal));
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-def {
color: #98e342;
.cm-s-obsidian .cm-templater-command.cm-property,
.cm-s-obsidian .cm-templater-command.cm-property.cm-def,
.cm-s-obsidian .cm-templater-command.cm-attribute {
color: var(--code-function, #98e342);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-property {
color: #d4d4d4;
.cm-s-obsidian .cm-templater-command.cm-variable,
.cm-s-obsidian .cm-templater-command.cm-variable-2,
.cm-s-obsidian .cm-templater-command.cm-variable-3,
.cm-s-obsidian .cm-templater-command.cm-meta {
color: var(--code-property, #d4d4d4);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-variable {
color: #d4d4d4;
.cm-s-obsidian .cm-templater-command.cm-callee,
.cm-s-obsidian .cm-templater-command.cm-operator,
.cm-s-obsidian .cm-templater-command.cm-qualifier,
.cm-s-obsidian .cm-templater-command.cm-builtin {
color: var(--code-operator, #fc4384);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-variable-2 {
color: #da7dae;
.cm-s-obsidian .cm-templater-command.cm-tag {
color: var(--code-tag, #fc4384);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-variable-3 {
color: #a06fca;
.cm-s-obsidian .cm-templater-command.cm-comment,
.cm-s-obsidian .cm-templater-command.cm-comment.cm-tag,
.cm-s-obsidian .cm-templater-command.cm-comment.cm-attribute {
color: var(--code-comment, #696d70);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-type.cm-def {
color: #fc4384;
.cm-s-obsidian .cm-templater-command.cm-string,
.cm-s-obsidian .cm-templater-command.cm-string-2 {
color: var(--code-string, #e6db74);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-property.cm-def {
color: #fc4384;
.cm-s-obsidian .cm-templater-command.cm-header,
.cm-s-obsidian .cm-templater-command.cm-hr {
color: var(--code-keyword, #da7dae);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-callee {
color: #fc4384;
.cm-s-obsidian .cm-templater-command.cm-link {
color: var(--code-normal, #696d70);
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-operator {
color: #fc4384;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-qualifier {
color: #fc4384;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-tag {
color: #fc4384;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-tag.cm-bracket {
color: #d4d4d4;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-attribute {
color: #a06fca;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-comment {
color: #696d70;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-comment.cm-tag {
color: #fc4384;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-comment.cm-attribute {
color: #d4d4d4;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-string {
color: #e6db74;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-string-2 {
color: #f39b35;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-meta {
color: #d4d4d4;
background: inherit;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-builtin {
color: #fc4384;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-header {
color: #da7dae;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-hr {
color: #98e342;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-link {
color: #696d70;
}
.theme-dark .cm-s-obsidian .cm-templater-command.cm-error {
.cm-s-obsidian .cm-templater-command.cm-error {
border-bottom: 1px solid #c42412;
}
.theme-dark .cm-s-obsidian pre.HyperMD-codeblock .cm-keyword {
font-weight: normal;
}
.theme-dark
.cm-s-obsidian
.cm-templater-command.CodeMirror-activeline-background {
background: #272727;
}
.theme-dark .cm-s-obsidian .cm-templater-command.CodeMirror-matchingbracket {
outline: 1px solid grey;
color: #d4d4d4 !important;
}
.CodeMirror-hints {
position: absolute;
z-index: 10;

342
.obsidian/snippets/night-owl.css vendored Normal file
View File

@@ -0,0 +1,342 @@
/* @settings
name: Obsidian Default Theme
id: obsidian-default-theme
settings:
-
id: heading-fonts
title: Fonts
type: heading
level: 1
collapsed: true
-
id: default-font
title: Base Font
type: variable-text
default: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif'
-
id: mermaid-font
title: Mermaid Font
type: variable-text
default: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif'
-
id: reveal-font
title: Reveal Font
type: variable-text
default: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif'
-
id: font-monospace
title: Monospace Font
description: Used for codeblocks, tables, etc.
type: variable-text
default: '"Source Code Pro", monospace'
-
id: heading-translucency
title: Translucency
type: heading
level: 1
collapsed: true
-
id: opacity-translucency-light
title: Light Theme Translucency
type: variable-number-slider
default: 0.6
min: 0
max: 1
step: 0.01
-
id: opacity-translucency-dark
title: Dark Theme Translucency
type: variable-number-slider
default: 0.75
min: 0
max: 1
step: 0.01
-
id: heading-colors-background
title: Background Colors
type: heading
level: 1
collapsed: true
-
id: background-primary
title: Background Primary
type: variable-themed-color
opacity: false
format: hex
default-light: '#ffffff'
default-dark: '#202020'
-
id: background-primary-alt
title: Background Primary (alt)
type: variable-themed-color
opacity: false
format: hex
default-light: '#f5f6f8'
default-dark: '#1a1a1a'
-
id: background-secondary
title: Background Secondary
type: variable-themed-color
opacity: false
format: hex
default-light: '#f2f3f5'
default-dark: '#161616'
-
id: background-secondary-alt
title: Background Secondary (alt)
type: variable-themed-color
opacity: false
format: hex
default-light: '#e3e5e8'
default-dark: '#000000'
-
id: background-modifier-border
title: 'Background Modifier: Border'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#dddddd'
default-dark: '#333333'
-
id: background-modifier-form-field
title: 'Background Modifier: Form Field'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#ffffffff'
default-dark: '#0000004d'
-
id: background-modifier-form-field-highlighted
title: 'Background Modifier: Form Field (highlighted)'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#ffffffff'
default-dark: '#00000038'
-
id: background-modifier-box-shadow
title: 'Background Modifier: Box Shadow'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#0000001a'
default-dark: '#0000004d'
-
id: background-modifier-success
title: 'Background Modifier: Success'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#A4E7C3'
default-dark: '#197300'
-
id: background-modifier-error
title: 'Background Modifier: Error'
type: variable-themed-color
opacity: false
format: hex
alt-format:
-
id: background-modifier-error-rgb
format: rgb-values
default-light: '#990000'
default-dark: '#3d0000'
-
id: background-modifier-error-hover
title: 'Background Modifier: Error (hover)'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#bb0000'
default-dark: '#470000'
-
id: background-modifier-cover
title: 'Background Modifier: Cover'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#000000cc'
default-dark: '#000000cc'
-
id: heading-colors-text
title: Text Colors
type: heading
level: 1
collapsed: true
-
id: text-accent
title: 'Text: Accent'
type: variable-themed-color
opacity: false
format: hex
default-light: '#705dcf'
default-dark: '#7f6df2'
-
id: text-accent-hover
title: 'Text: Accent (hover)'
type: variable-themed-color
opacity: false
format: hex
default-light: '#7a6ae6'
default-dark: '#8875ff'
-
id: text-normal
title: 'Text: Normal'
type: variable-themed-color
opacity: false
format: hex
default-light: '#2e3338'
default-dark: '#dcddde'
-
id: text-muted
title: 'Text: Muted'
type: variable-themed-color
opacity: false
format: hex
default-light: '#888888'
default-dark: '#999999'
-
id: text-faint
title: 'Text: Faint'
type: variable-themed-color
opacity: false
format: hex
default-light: '#999999'
default-dark: '#666666'
-
id: text-error
title: 'Text: Error'
type: variable-themed-color
opacity: false
format: hex
default-light: '#800000'
default-dark: '#ff3333'
-
id: text-error-hover
title: 'Text: Error (hover)'
type: variable-themed-color
opacity: false
format: hex
default-light: '#990000'
default-dark: '#990000'
-
id: text-highlight-bg
title: 'Text: Highlight Background'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#ffff0066'
default-dark: '#ffff0066'
-
id: text-highlight-bg-active
title: 'Text: Highlight Background (active)'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#ff800066'
default-dark: '#ff800066'
-
id: text-selection
title: 'Text: Selection Background'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#cce6fffc'
default-dark: '#17304dfc'
-
id: text-selection
title: 'Text: On Accent'
type: variable-themed-color
opacity: false
format: hex
default-light: '#f2f2f2'
default-dark: '#dcddde'
-
id: heading-colors-interactive
title: Interactive Colors
type: heading
level: 1
collapsed: true
-
id: interactive-normal
title: 'Interactive: Normal'
type: variable-themed-color
opacity: false
format: hex
default-light: '#f2f3f5'
default-dark: '#2a2a2a'
-
id: interactive-hover
title: 'Interactive: Hover'
type: variable-themed-color
opacity: false
format: hex
default-light: '#e9e9e9'
default-dark: '#303030'
-
id: interactive-accent
title: 'Interactive: Accent'
type: variable-themed-color
opacity: false
format: hex
alt-format:
-
id: interactive-accent-rgb
format: rgb-values
default-light: '#7b6cd9'
default-dark: '#483699'
-
id: interactive-accent-hover
title: 'Interactive: Accent (hover)'
type: variable-themed-color
opacity: false
format: hex
default-light: '#8273e6'
default-dark: '#4d3ca6'
-
id: interactive-success
title: 'Interactive: Success'
type: variable-themed-color
opacity: false
format: hex
default-light: '#197300'
default-dark: '#197300'
-
id: heading-colors-scrollbar
title: Scrollbar Colors
type: heading
level: 1
collapsed: true
-
id: scrollbar-bg
title: 'Scrollbar: Background'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#0000000d'
default-dark: '#ffffff0d'
-
id: scrollbar-thumb-bg
title: 'Scrollbar: Thumb Background'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#0000001a'
default-dark: '#ffffff1a'
-
id: scrollbar-active-thumb-bg
title: 'Scrollbar: Active Thumb Background'
type: variable-themed-color
opacity: true
format: rgb
default-light: '#00000033'
default-dark: '#ffffff33'
*/

View File

@@ -0,0 +1,8 @@
{
"name": "Minimal",
"version": "7.4.7",
"minAppVersion": "1.5.0",
"author": "@kepano",
"authorUrl": "https://twitter.com/kepano",
"fundingUrl": "https://www.buymeacoffee.com/kepano"
}

2158
.obsidian/themes/Minimal/theme.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -1,799 +0,0 @@
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400;1,500&family=Karla:ital,wght@0,400;0,600;1,400;1,600&family=Rubik:ital,wght@0,400;0,600;1,400;1,600&display=swap");
/*------------- --------------------*/
/* Typography */
/*------------- --------------------*/
/*-----------------------------*/
/* Colors */
/*-----------------------------*/
/*-------------------------------------*/
/* CSS Variables */
/*-------------------------------------*/
:root {
--font-size-normal: 18px;
--font-size-code: 15px;
--font-size-side-dock: 15px;
--font-size-side-dock-title: 18px;
--font-size-status-bar: 15px;
--font-size-h1: 30px;
--font-size-h2: 25px;
--font-size-h3: 21px;
--font-size-h4: 20px;
--font-size-h5: 19px;
--font-size-h6: 18px;
--font-family-editor: IBM Plex Mono, Menlo, Monaco, Courier New, monospace;
--font-family-preview: Karla, Avenir Next, Helvetica, Arial, sans-serif;
--font-family-preview-heading: Rubik, Avenir Next, Helvetica, Arial, sans-serif; }
.theme-light,
.theme-dark {
--background-primary: #011628;
--background-primary-alt: #011c32;
--background-secondary: #011c32;
--background-secondary-alt: #02223c;
--background-accent: #f8f8f2;
--background-modifier-border: #f8f8f2;
--background-modifier-form-field: rgba(0, 0, 0, 0.2);
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.5);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-success: #50fa7b;
/*no sure*/
--background-modifier-error: #3d0000;
/*no sure*/
--background-modifier-error-rgb: 61, 0, 0;
--background-modifier-error-hover: #470000;
--background-modifier-cover: rgba(0, 0, 0, 0.6);
--text-accent: #ffeb95;
--text-accent-hover: #8be9fd;
--text-normal: #f8f8f2;
--text-muted: #f8f8f2;
--text-faint: #7fdbca;
--text-highlight-bg: rgba(160, 163, 0, 0.8);
--text-error: #ff79c6;
--text-error-hover: #ff79c6;
--text-selection: #6272a4;
/* Chromium precess this color with alpha channel */
--text-on-accent: #bd93f9;
--interactive-normal: #ffb86c;
--interactive-hover: #ff5555;
--interactive-accent: #ffeb95;
--interactive-accent-rgb: 123, 108, 217;
--interactive-accent-hover: #ff5555;
--scrollbar-active-thumb-bg: #282a36;
--scrollbar-bg: #282a36;
--scrollbar-thumb-bg: #282a36;
--text-title-h1: #ff79c6;
--text-title-h2: #82aaff;
--text-title-h3: #c5e478;
--text-title-h4: #ffb86c;
--text-title-h5: #50fa7b;
--text-title-h6: #8be9fd;
--inline-code: #bd93f9;
--code-block: #8be9fd;
--pre-code: #44475a;
--blockquote-border: #ffb86c;
--vim-cursor: #ff5555;
--border-color: #2b2727;
/*also like transparent*/ }
/*-------------------------------------*/
/* Search the following lines */
/* to jump to specific section */
/*-------------------------------------*/
/* resize-handle and borders */
/* tags */
/* link */
/* Cursor */
/* basic format in EDITOR and PREVIEW */
/* Headings - EDITOR and PREVIEW */
/* Code block in Preview */
/* Code block in Editor */
/* Brackets */
/* Blockquote */
/* table */
/* Checkbox */
/* html in editor */
/* popover */
/* Side panel */
/* internal embedded link in preview */
/* graph view */
/* settings */
/* Hide side bar */
/* width of content */
/* note header bar for non-andy mode */
/* andy mode activated in light mode */
/* at a rule line before ul list *
/* Hide Scrollbar (recommend for mac) */
/*-------------------------------------*/
/***************************************/
/* resize-handle and borders */
/***************************************/
/*vertical resize-handle*/
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
width: 1px !important;
background-color: var(--border-color); }
/*horizontal resize-handle*/
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
height: 1px !important;
background-color: var(--border-color); }
/*workspace ribbon when collapsed*/
.workspace-ribbon.is-collapsed {
background-color: var(--background-primary-alt); }
/*the vertical split*/
.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content,
.workspace-split.mod-vertical > .workspace-split,
.workspace-split.mod-vertical > .workspace-leaf,
.workspace-tabs {
padding-right: 0px; }
/*status-bar*/
.status-bar {
font-size: var(--font-size-status-bar);
background-color: var(--background-secondary-alt);
border-top: 0px; }
.document-search-container {
border-top: 0px;
border-right: 0px;
z-index: inherit; }
.workspace-ribbon.mod-left.is-collapsed {
border-right: 1px solid var(--border-color); }
.workspace-ribbon.mod-right.is-collapsed {
border-left: 1px solid var(--border-color); }
/*************************************/
/* tags */
/*************************************/
/* Tag hover in preview */
a.tag:hover {
color: var(--text-accent) !important; }
/* Tag Color in editor and preview*/
.cm-hashtag,
a.tag {
color: var(--text-accent-hover) !important;
text-decoration: none !important;
font-style: normal !important; }
/*********************************/
/* link */
/*********************************/
/* link */
a,
.internal-link,
.cm-hmd-internal-link,
.cm-link,
.cm-formatting-link,
.cm-url {
text-decoration: none !important; }
/* the url string in editor */
.cm-s-obsidian span.cm-string {
color: var(--text-accent-hover) !important; }
/* make external links italics to differentiate */
a:not(.internal-link) {
font-style: italic; }
/*footnote*/
.cm-s-obsidian pre.HyperMD-footnote span.cm-hmd-footnote,
.cm-s-obsidian span.cm-footref {
color: var(--text-accent) !important; }
/***************************************/
/* Cursor */
/***************************************/
/* Cursor color and opacity */
.cm-fat-cursor .CodeMirror-cursor,
.cm-animate-fat-cursor {
width: 0.5em;
background: var(--vim-cursor);
opacity: 60% !important; }
/**************************************/
/* basic format in EDITOR and PREVIEW */
/**************************************/
/* font for everything outside of editor/preview panes */
.app-container {
font-family: var(--font-family-preview); }
/* set the text selection color for preview mode */
::selection {
background-color: var(--text-selection); }
/* normal text outside of headings and code of editor */
.cm-s-obsidian,
.mod-single-child .cm-s-obsidian {
font-family: var(--font-family-editor);
font-size: var(--font-size-normal); }
/* bold in preview and editor */
strong,
.cm-strong {
font-weight: 600;
color: #50fa7b; }
/* emphasis in preview and editor */
em,
.cm-em {
color: var(--text-muted);
font-style: italic; }
/* strikethrough in preview and editor */
s,
.cm-strikethrough {
color: var(--text-muted); }
/* list in editor */
.cm-s-obsidian span.cm-formatting-list {
color: var(--text-normal) !important; }
/* horizontal line in preview */
.markdown-preview-view hr {
background-color: var(--text-faint) !important; }
/* embedded images */
img {
display: block;
margin-left: auto;
margin-right: auto; }
/* img hover zoom out img*/
img:hover {
transform: scale(1.04);
transition: transform 0.25s ease-in-out 0s; }
.community-theme img:hover {
transform: none; }
/***************************************/
/* Code block in Preview */
/***************************************/
/* code blocks in preview */
pre code {
font-family: monaco !important;
font-size: var(--font-size-code) !important;
padding: 6px !important;
line-height: normal;
display: block;
color: var(--code-block) !important; }
/* padding of code blocks in preview */
.markdown-preview-view pre {
padding: 0px !important; }
/* font-size of in-line block for preview */
.markdown-preview-view code {
font-size: var(--font-size-code); }
/* remove the shadow that typically affect light mode */
.theme-dark code[class*='language-'],
.theme-dark pre[class*='language-'],
.theme-light code[class*='language-'],
.theme-light pre[class*='language-'] {
text-shadow: none !important;
color: var(--text-faint) !important;
background-color: var(--pre-code); }
/***************************************/
/* Brackets */
/***************************************/
.cm-s-obsidian span.cm-formatting-link {
color: var(--text-accent) !important; }
/***************************************/
/* Blockquote */
/***************************************/
/* for editor */
.cm-quote {
color: var(--text-normal) !important;
font-style: italic; }
/* for preview */
.markdown-preview-view blockquote {
background-color: var(--pre-code);
border: 0px solid;
border-color: var(--blockquote-border) !important;
border-left-width: 4px !important;
border-radius: 0 8px 8px 0;
line-height: 1.5em;
margin: 30px 0px;
font-style: italic; }
/***************************************/
/* table */
/***************************************/
th {
font-weight: 800 !important; }
.markdown-preview-view th {
font-weight: 800;
background-color: var(--background-secondary) !important; }
thead {
border-bottom: 3px solid var(--background-modifier-border); }
.table {
padding: 4px;
line-height: normal;
display: block;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
/***************************************/
/* popover */
/***************************************/
.popover {
border: 1px solid var(--border-color);
background-color: var(--background-secondary); }
/***************************************/
/* Side panel */
/***************************************/
/* search result in backlink or file search */
.search-result-file-title {
font-size: 15px; }
.search-result-file-matches,
.search-empty-state {
font-size: var(--font-size-side-dock); }
/*decrease the spacing between result items*/
.search-result-file-title,
.search-result-file-match {
padding: 0px 10px; }
.nav-file-title,
.nav-folder-title {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; }
/*backlink pane*/
.workspace-leaf-content[data-type='backlink'] .view-content {
background-color: var(--background-secondary); }
.workspace-leaf-content[data-type='tag'] .tag-pane-tag-count,
.workspace-leaf-content[data-type='tag'] .tag-pane-tag-text {
font-size: var(--font-size-side-dock); }
.workspace-leaf-content[data-type='backlink'] .search-result-file-matches {
font-size: var(--font-size-side-dock); }
/***************************************/
/* internal embedded link in preview */
/***************************************/
/* Naked Embeds */
.markdown-embed-title {
display: none; }
.markdown-preview-view .markdown-embed-content > :first-child {
margin-top: 0; }
.markdown-preview-view .markdown-embed-content > :last-child {
margin-bottom: 0; }
/*remove the following two line, you will get border and scroll*/
.markdown-preview-view .markdown-embed {
border: none;
padding: 0;
margin: 0; }
.markdown-preview-view .markdown-embed-content {
max-height: unset;
background-color: var(--background-secondary); }
/* the link on the top right corner*/
.markdown-embed-link {
color: var(--text-faint) !important; }
.markdown-embed-link:hover {
color: var(--text-accent) !important; }
/***************************************/
/* graph view */
/***************************************/
.graph-view.color-circle,
.graph-view.color-fill-highlight,
.graph-view.color-line-highlight {
color: var(--text-accent) !important; }
.graph-view.color-text {
color: var(--text-normal) !important; }
.graph-view.color-line {
color: #6272a4; }
.graph-view.color-fill {
color: var(--text-muted); }
.workspace-leaf-content[data-type='graph'] .view-content {
background-color: var(--background-primary); }
/***************************************/
/* settings */
/***************************************/
.modal.mod-settings button:not(.mod-cta):hover {
background-color: var(--interactive-accent-hover); }
/***************************************/
/* Hide side bar */
/***************************************/
.workspace-ribbon:not(:hover) .workspace-ribbon-collapse-btn,
.workspace-ribbon:not(:hover) .side-dock-actions,
.workspace-ribbon:not(:hover) .side-dock-settings {
display: none;
transition: all 300ms ease-in-out; }
.workspace-ribbon:not(:hover) {
width: 0px;
transition: all 300ms ease-in-out; }
.workspace-split.mod-left-split {
margin-left: 0px; }
.workspace-split.mod-right-split {
margin-right: 0px; }
/***************************************/
/* width of content */
/***************************************/
.markdown-source-view.is-readable-line-width .CodeMirror {
max-width: 900px;
margin-left: auto;
margin-right: auto; }
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
max-width: 900px;
margin-left: auto;
margin-right: auto; }
/* shift sticky position, so titles will stack up to the left */
/* This will currently stack to a maximum of 10 before resetting */
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-8) {
left: calc(var(--sticky-left) * 0); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-7) {
left: calc(var(--sticky-left) * 1); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-6) {
left: calc(var(--sticky-left) * 2); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-5) {
left: calc(var(--sticky-left) * 3); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-4) {
left: calc(var(--sticky-left) * 4); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-3) {
left: calc(var(--sticky-left) * 5); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-2) {
left: calc(var(--sticky-left) * 6); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-1) {
left: calc(var(--sticky-left) * 7); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n + 0) {
left: calc(var(--sticky-left) * 8); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n + 1) {
left: calc(var(--sticky-left) * 9); }
/* now it's time for the fancy vertical titles */
/* first we'll add a bit of gap for the title to sit inside of */
.theme-light .workspace-leaf-content {
padding-left: var(--sticky-left);
position: relative; }
/* this is where the magic happens */
.theme-light .view-header {
writing-mode: vertical-lr;
border-right: 1px solid var(--border-color);
border-left: 0px !important;
border-top: none;
border-bottom: none;
height: auto;
width: 36px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: var(--background-primary) !important; }
/* fix the long-title-obscuring shadows */
.theme-light .view-header-title-container:after {
width: 100%;
height: 30px;
top: unset;
bottom: 0;
background: linear-gradient(to bottom, transparent, var(--background-primary)) !important; }
/* unset the title container height and swap padding */
.theme-light .view-header-title-container {
height: unset;
padding-left: unset;
padding-top: 5px; }
/* active titles have different border colours */
.theme-light .workspace-leaf.mod-active .view-header {
background-color: var(--background-secondary-alt) !important;
border-right: 3px solid var(--interactive-accent) !important;
border-left: 0px;
border-bottom: none; }
/* swap the padding/margin around for the header and actions icons */
.theme-light .view-header-icon,
.theme-light .view-actions {
padding: 10px 5px; }
.theme-light .view-action {
margin: 8px 0; }
/* get rid of the gap left by the now-missing horizontal title */
.theme-light .view-content {
height: 100%; }
/* make the fake drop target overlay have a background so you can see it. */
/* TODO: figure out how the fake target overlay works so we can put the title back, too */
.theme-light .workspace-fake-target-overlay {
background-color: var(--background-primary); }
/*preview padding too small*/
.theme-light .markdown-preview-view,
.theme-light .mod-single-child .markdown-preview-view {
font-family: var(--font-family-editor);
font-size: var(--font-size-normal);
padding-top: 5px;
padding-left: 4% !important;
padding-right: 2% !important; }
/***************************************/
/* at a rule line before ul list */
/***************************************/
ul ul {
position: relative; }
ul ul::before {
content: '';
border-left: 1px solid var(--border-color);
position: absolute; }
ul ul::before {
left: -1em;
top: 0;
bottom: 0; }
/***************************************/
/* Code block in Editor */
/***************************************/
/* in-line block for editor */
.cm-s-obsidian span.cm-inline-code,
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code,
.cm-s-obsidian
span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code) {
background-color: var(--pre-code-bg);
color: var(--inline-code) !important;
bottom: 0px !important; }
/* Editor CodeBlock TEXT Appearance */
.cm-s-obsidian pre.HyperMD-codeblock {
font-family: monaco !important;
font-size: var(--font-size-code) !important;
padding: 1px !important;
display: block;
color: var(--code-block) !important;
font-weight: 500;
text-indent: 0px !important; }
/*remove the border of codeblock in editor */
.HyperMD-codeblock-bg {
border: 0px !important; }
/*an active line highlight in vim normal mode
.cm-fat-cursor .CodeMirror-activeline .CodeMirror-linebackground{
background-color: var(--text-selection) !important;
} */
/* in-line block for preview */
code {
color: var(--inline-code) !important;
bottom: 0px !important; }
/* graph css */
.theme-dark .graph-view.color-arrow {
color: #50fa7b; }
.theme-dark .graph-view.color-fill-tag {
color: #ffb86c; }
.theme-dark .graph-view.color-fill-attachment {
color: #ff5555; }
.theme-dark .graph-view.color-fill-unresolved {
color: #6272a4; }
.search-result-collapse-indicator {
position: absolute;
left: 0;
top: -3px;
color: var(--text-faint);
transition: transform 100ms ease-in-out;
padding: 0px !important; }
body {
font-size: var(--font-size-normal); }
.nav-file-title,
.nav-folder-title {
border: 1px solid transparent;
border-radius: 3px;
cursor: pointer;
color: var(--text-muted);
font-size: 1rem;
line-height: 20px;
padding: 1px 20px 0 26px;
position: relative;
white-space: nowrap;
width: max-content;
min-width: 100%; }
.markdown-preview-view .list-collapse-indicator {
margin-left: -60px;
padding-left: 8px; }
/* rule line when there are checkboxes*/
ul .task-list-item ul::before {
left: 0.15em !important; }
/***************************************/
/* Checkbox */
/***************************************/
.markdown-preview-view .task-list-item-checkbox {
-webkit-appearance: none;
top: 0.2em !important;
right: 8px;
box-sizing: border-box;
position: relative;
width: 1rem;
height: 1rem;
margin: 0;
box-shadow: 0 0 0.1em var(--text-muted); }
.markdown-preview-view .task-list-item-checkbox:checked::before {
content: '✓';
position: absolute;
left: -1px;
top: -3px;
color: var(--text-accent);
font-size: 1rem;
line-height: 1.25rem;
width: 1.2rem;
text-align: center;
text-shadow: 0 0 0.1rem var(--text-accent); }
.markdown-preview-view ul > li.task-list-item.is-checked {
text-decoration: none; }
.checkbox-container {
background-color: var(--background-primary); }
/**************************************/
/* note header bar for non-andy mode */
/* activated in dark mode */
/**************************************/
/* header */
.theme-dark .view-header {
background-color: var(--background-primary) !important;
border-top: 1px solid var(--border-color) !important;
border-bottom: 1px solid var(--border-color) !important; }
.theme-dark .view-header-title-container:after {
background: linear-gradient(to bottom, transparent, var(--background-primary)) !important; }
.theme-dark .workspace-leaf.mod-active .view-header {
background-color: var(--background-primary-alt) !important;
border-top: 0px !important;
border-bottom: 3px solid var(--interactive-accent) !important; }
.workspace-leaf.mod-active .view-header-title-container:after {
background: linear-gradient(to bottom, transparent, var(--background-secondary-alt)) !important; }
.workspace-leaf.mod-active .view-header-title,
.workspace-leaf.mod-active .view-header-icon {
color: var(--background-modifier-border); }
.view-header-title,
.view-header-icon,
.view-action {
color: var(--text-faint); }
.cm-header-1 {
font-family: var(--font-family-editor);
font-weight: 500;
font-size: var(--font-size-h1);
color: var(--text-title-h1); }
.cm-header-2 {
font-family: var(--font-family-editor);
font-weight: 500;
font-size: var(--font-size-h2);
color: var(--text-title-h2); }
.cm-header-3 {
font-family: var(--font-family-editor);
font-weight: 500;
font-size: var(--font-size-h3);
color: var(--text-title-h3); }
.cm-header-4 {
font-family: var(--font-family-editor);
font-weight: 500;
font-size: var(--font-size-h4);
color: var(--text-title-h4); }
.cm-header-5 {
font-family: var(--font-family-editor);
font-weight: 500;
font-size: var(--font-size-h5);
color: var(--text-title-h5); }
.cm-header-6 {
font-family: var(--font-family-editor);
font-weight: 500;
font-size: var(--font-size-h6);
color: var(--text-title-h6); }
.markdown-preview-view h1 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h1);
color: var(--text-title-h1); }
.markdown-preview-view h2 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h2);
color: var(--text-title-h2); }
.markdown-preview-view h3 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h3);
color: var(--text-title-h3); }
.markdown-preview-view h4 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h4);
color: var(--text-title-h4); }
.markdown-preview-view h5 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h5);
color: var(--text-title-h5); }
.markdown-preview-view h6 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h6);
color: var(--text-title-h6); }
.markdown-preview-view h1 {
font-weight: 900; }
.markdown-preview-view h2 {
font-weight: 800; }
.markdown-preview-view h3 {
font-weight: 700; }
.markdown-preview-view h4 {
font-weight: 600; }
.markdown-preview-view h5,
.markdown-preview-view h6 {
font-weight: 500; }

View File

@@ -1,802 +0,0 @@
@charset "UTF-8";
/*------------- --------------------*/
/* Typography */
/*------------- --------------------*/
/*-----------------------------*/
/* Colors */
/*-----------------------------*/
/*-------------------------------------*/
/* CSS Variables */
/*-------------------------------------*/
:root {
--font-size-normal: 18px;
--font-size-code: 15px;
--font-size-side-dock: 15px;
--font-size-side-dock-title: 18px;
--font-size-status-bar: 15px;
--font-size-h1: 30px;
--font-size-h2: 25px;
--font-size-h3: 21px;
--font-size-h4: 20px;
--font-size-h5: 19px;
--font-size-h6: 18px;
--font-family-editor: FiraCode Nerd Font Mono, Menlo, Monaco, Courier New, monospace;
--font-family-preview: Ideal Sans, Avenir Next, Helvetica, Arial, sans-serif;
--font-family-preview-heading: Sentinel, Garamond, Georgia, serif; }
.theme-light,
.theme-dark {
--background-primary: #011628;
--background-primary-alt: #011c32;
--background-secondary: #011c32;
--background-secondary-alt: #02223c;
--background-accent: #f8f8f2;
--background-modifier-border: #f8f8f2;
--background-modifier-form-field: rgba(0, 0, 0, 0.2);
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.5);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-success: #50fa7b;
/*no sure*/
--background-modifier-error: #3d0000;
/*no sure*/
--background-modifier-error-rgb: 61, 0, 0;
--background-modifier-error-hover: #470000;
--background-modifier-cover: rgba(0, 0, 0, 0.6);
--text-accent: #ffeb95;
--text-accent-hover: #8be9fd;
--text-normal: #f8f8f2;
--text-muted: #f8f8f2;
--text-faint: #7fdbca;
--text-highlight-bg: rgba(55, 139, 123, 0.8);
--text-error: #ff79c6;
--text-error-hover: #ff79c6;
--text-selection: #6272a4;
/* Chromium precess this color with alpha channel */
--text-on-accent: #bd93f9;
--interactive-normal: #ffb86c;
--interactive-hover: #ff5555;
--interactive-accent: #ffeb95;
--interactive-accent-rgb: 123, 108, 217;
--interactive-accent-hover: #ff5555;
--scrollbar-active-thumb-bg: #282a36;
--scrollbar-bg: #282a36;
--scrollbar-thumb-bg: #282a36;
--text-title-h1: #ff79c6;
--text-title-h2: #82aaff;
--text-title-h3: #c5e478;
--text-title-h4: #ffb86c;
--text-title-h5: #50fa7b;
--text-title-h6: #8be9fd;
--inline-code: #bd93f9;
--code-block: #8be9fd;
--pre-code: #44475a;
--blockquote-border: #ffb86c;
--vim-cursor: #ff5555;
--border-color: #2b2727;
/*also like transparent*/ }
/*-------------------------------------*/
/* Search the following lines */
/* to jump to specific section */
/*-------------------------------------*/
/* resize-handle and borders */
/* tags */
/* link */
/* Cursor */
/* basic format in EDITOR and PREVIEW */
/* Headings - EDITOR and PREVIEW */
/* Code block in Preview */
/* Code block in Editor */
/* Brackets */
/* Blockquote */
/* table */
/* Checkbox */
/* html in editor */
/* popover */
/* Side panel */
/* internal embedded link in preview */
/* graph view */
/* settings */
/* Hide side bar */
/* width of content */
/* note header bar for non-andy mode */
/* andy mode activated in light mode */
/* at a rule line before ul list *
/* Hide Scrollbar (recommend for mac) */
/*-------------------------------------*/
/***************************************/
/* resize-handle and borders */
/***************************************/
/*vertical resize-handle*/
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
width: 1px !important;
background-color: var(--border-color); }
/*horizontal resize-handle*/
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
height: 1px !important;
background-color: var(--border-color); }
/*workspace ribbon when collapsed*/
.workspace-ribbon.is-collapsed {
background-color: var(--background-primary-alt); }
/*the vertical split*/
.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content,
.workspace-split.mod-vertical > .workspace-split,
.workspace-split.mod-vertical > .workspace-leaf,
.workspace-tabs {
padding-right: 0px; }
/*status-bar*/
.status-bar {
font-size: var(--font-size-status-bar);
background-color: var(--background-secondary-alt);
border-top: 0px; }
.document-search-container {
border-top: 0px;
border-right: 0px;
z-index: inherit; }
.workspace-ribbon.mod-left.is-collapsed {
border-right: 1px solid var(--border-color); }
.workspace-ribbon.mod-right.is-collapsed {
border-left: 1px solid var(--border-color); }
/*************************************/
/* tags */
/*************************************/
/* Tag hover in preview */
a.tag:hover {
color: var(--text-accent) !important; }
/* Tag Color in editor and preview*/
.cm-hashtag,
a.tag {
color: var(--text-accent-hover) !important;
text-decoration: none !important;
font-style: normal !important; }
/*********************************/
/* link */
/*********************************/
/* link */
a,
.internal-link,
.cm-hmd-internal-link,
.cm-link,
.cm-formatting-link,
.cm-url {
text-decoration: none !important; }
/* the url string in editor */
.cm-s-obsidian span.cm-string {
color: var(--text-accent-hover) !important; }
/* make external links italics to differentiate */
a:not(.internal-link) {
font-style: italic; }
/*footnote*/
.cm-s-obsidian pre.HyperMD-footnote span.cm-hmd-footnote,
.cm-s-obsidian span.cm-footref {
color: var(--text-accent) !important; }
/***************************************/
/* Cursor */
/***************************************/
/* Cursor color and opacity */
.cm-fat-cursor .CodeMirror-cursor,
.cm-animate-fat-cursor {
width: 0.5em;
background: var(--vim-cursor);
opacity: 60% !important; }
/**************************************/
/* basic format in EDITOR and PREVIEW */
/**************************************/
/* font for everything outside of editor/preview panes */
.app-container {
font-family: var(--font-family-preview); }
/* set the text selection color for preview mode */
::selection {
background-color: var(--text-selection); }
/* bold in preview and editor */
strong,
.cm-strong {
font-weight: 600;
color: #50fa7b; }
/* emphasis in preview and editor */
em,
.cm-em {
color: var(--text-muted);
font-style: italic; }
/* strikethrough in preview and editor */
s,
.cm-strikethrough {
color: var(--text-muted); }
/* list in editor */
.cm-s-obsidian span.cm-formatting-list {
color: var(--text-normal) !important; }
/* horizontal line in preview */
.markdown-preview-view hr {
background-color: var(--text-faint) !important; }
/* embedded images */
img {
display: block;
margin-left: auto;
margin-right: auto; }
/* img hover zoom out img*/
img:hover {
transform: scale(1.04);
transition: transform 0.25s ease-in-out 0s; }
.community-theme img:hover {
transform: none; }
/***************************************/
/* Code block in Preview */
/***************************************/
/* code blocks in preview */
pre code {
font-family: monaco !important;
font-size: var(--font-size-code) !important;
padding: 6px !important;
line-height: normal;
display: block;
color: var(--code-block) !important; }
/* padding of code blocks in preview */
.markdown-preview-view pre {
padding: 0px !important; }
/* font-size of in-line block for preview */
.markdown-preview-view code {
font-size: var(--font-size-code); }
/* remove the shadow that typically affect light mode */
.theme-dark code[class*='language-'],
.theme-dark pre[class*='language-'],
.theme-light code[class*='language-'],
.theme-light pre[class*='language-'] {
text-shadow: none !important;
color: var(--text-faint) !important;
background-color: var(--pre-code); }
/***************************************/
/* Brackets */
/***************************************/
.cm-s-obsidian span.cm-formatting-link {
color: var(--text-accent) !important; }
/***************************************/
/* Blockquote */
/***************************************/
/* for editor */
.cm-quote {
color: var(--text-normal) !important;
font-style: italic; }
/* for preview */
.markdown-preview-view blockquote {
background-color: var(--pre-code);
border: 0px solid;
border-color: var(--blockquote-border) !important;
border-left-width: 4px !important;
border-radius: 0 8px 8px 0;
line-height: 1.5em;
margin: 30px 0px;
font-style: italic; }
/***************************************/
/* table */
/***************************************/
th {
font-weight: 800 !important; }
.markdown-preview-view th {
font-weight: 800;
background-color: var(--background-secondary) !important; }
thead {
border-bottom: 3px solid var(--background-modifier-border); }
.table {
padding: 4px;
line-height: normal;
display: block;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
/***************************************/
/* popover */
/***************************************/
.popover {
border: 1px solid var(--border-color);
background-color: var(--background-secondary); }
/***************************************/
/* Side panel */
/***************************************/
/* search result in backlink or file search */
.search-result-file-title {
font-size: 15px; }
.search-result-file-matches,
.search-empty-state {
font-size: var(--font-size-side-dock); }
/*decrease the spacing between result items*/
.search-result-file-title,
.search-result-file-match {
padding: 0px 10px; }
.nav-file-title,
.nav-folder-title {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; }
/*backlink pane*/
.workspace-leaf-content[data-type='backlink'] .view-content {
background-color: var(--background-secondary); }
.workspace-leaf-content[data-type='tag'] .tag-pane-tag-count,
.workspace-leaf-content[data-type='tag'] .tag-pane-tag-text {
font-size: var(--font-size-side-dock); }
.workspace-leaf-content[data-type='backlink'] .search-result-file-matches {
font-size: var(--font-size-side-dock); }
/***************************************/
/* internal embedded link in preview */
/***************************************/
/* Naked Embeds */
.markdown-embed-title {
display: none; }
.markdown-preview-view .markdown-embed-content > :first-child {
margin-top: 0; }
.markdown-preview-view .markdown-embed-content > :last-child {
margin-bottom: 0; }
/*remove the following two line, you will get border and scroll*/
.markdown-preview-view .markdown-embed {
border: none;
padding: 0;
margin: 0; }
.markdown-preview-view .markdown-embed-content {
max-height: unset;
background-color: var(--background-secondary); }
/* the link on the top right corner*/
.markdown-embed-link {
color: var(--text-faint) !important; }
.markdown-embed-link:hover {
color: var(--text-accent) !important; }
/***************************************/
/* graph view */
/***************************************/
.graph-view.color-circle,
.graph-view.color-fill-highlight,
.graph-view.color-line-highlight {
color: var(--text-accent) !important; }
.graph-view.color-text {
color: var(--text-normal) !important; }
.graph-view.color-line {
color: #6272a4; }
.graph-view.color-fill {
color: var(--text-muted); }
.workspace-leaf-content[data-type='graph'] .view-content {
background-color: var(--background-primary); }
/***************************************/
/* settings */
/***************************************/
.modal.mod-settings button:not(.mod-cta):hover {
background-color: var(--interactive-accent-hover); }
/***************************************/
/* Hide side bar */
/***************************************/
.workspace-ribbon:not(:hover) .workspace-ribbon-collapse-btn,
.workspace-ribbon:not(:hover) .side-dock-actions,
.workspace-ribbon:not(:hover) .side-dock-settings {
display: none;
transition: all 300ms ease-in-out; }
.workspace-ribbon:not(:hover) {
width: 0px;
transition: all 300ms ease-in-out; }
.workspace-split.mod-left-split {
margin-left: 0px; }
.workspace-split.mod-right-split {
margin-right: 0px; }
/***************************************/
/* width of content */
/***************************************/
.markdown-source-view.is-readable-line-width .CodeMirror {
max-width: 900px;
margin-left: auto;
margin-right: auto; }
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
max-width: 900px;
margin-left: auto;
margin-right: auto; }
/* shift sticky position, so titles will stack up to the left */
/* This will currently stack to a maximum of 10 before resetting */
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-8) {
left: calc(var(--sticky-left) * 0); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-7) {
left: calc(var(--sticky-left) * 1); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-6) {
left: calc(var(--sticky-left) * 2); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-5) {
left: calc(var(--sticky-left) * 3); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-4) {
left: calc(var(--sticky-left) * 4); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-3) {
left: calc(var(--sticky-left) * 5); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-2) {
left: calc(var(--sticky-left) * 6); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-1) {
left: calc(var(--sticky-left) * 7); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n + 0) {
left: calc(var(--sticky-left) * 8); }
.theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n + 1) {
left: calc(var(--sticky-left) * 9); }
/* now it's time for the fancy vertical titles */
/* first we'll add a bit of gap for the title to sit inside of */
.theme-light .workspace-leaf-content {
padding-left: var(--sticky-left);
position: relative; }
/* this is where the magic happens */
.theme-light .view-header {
writing-mode: vertical-lr;
border-right: 1px solid var(--border-color);
border-left: 0px !important;
border-top: none;
border-bottom: none;
height: auto;
width: 36px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: var(--background-primary) !important; }
/* fix the long-title-obscuring shadows */
.theme-light .view-header-title-container:after {
width: 100%;
height: 30px;
top: unset;
bottom: 0;
background: linear-gradient(to bottom, transparent, var(--background-primary)) !important; }
/* unset the title container height and swap padding */
.theme-light .view-header-title-container {
height: unset;
padding-left: unset;
padding-top: 5px; }
/* active titles have different border colours */
.theme-light .workspace-leaf.mod-active .view-header {
background-color: var(--background-secondary-alt) !important;
border-right: 3px solid var(--interactive-accent) !important;
border-left: 0px;
border-bottom: none; }
/* swap the padding/margin around for the header and actions icons */
.theme-light .view-header-icon,
.theme-light .view-actions {
padding: 10px 5px; }
.theme-light .view-action {
margin: 8px 0; }
/* get rid of the gap left by the now-missing horizontal title */
.theme-light .view-content {
height: 100%; }
/* make the fake drop target overlay have a background so you can see it. */
/* TODO: figure out how the fake target overlay works so we can put the title back, too */
.theme-light .workspace-fake-target-overlay {
background-color: var(--background-primary); }
/*preview padding too small*/
.theme-light .markdown-preview-view,
.theme-light .mod-single-child .markdown-preview-view {
font-family: var(--font-family-preview);
font-size: var(--font-size-normal);
padding-top: 5px;
padding-left: 4% !important;
padding-right: 2% !important; }
/***************************************/
/* at a rule line before ul list */
/***************************************/
ul ul {
position: relative; }
ul ul::before {
content: '';
border-left: 1px solid var(--border-color);
position: absolute; }
ul ul::before {
left: -1em;
top: 0;
bottom: 0; }
/***************************************/
/* Code block in Editor */
/***************************************/
/* in-line block for editor */
.cm-s-obsidian span.cm-inline-code,
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code,
.cm-s-obsidian
span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code) {
background-color: var(--pre-code-bg);
color: var(--inline-code) !important;
bottom: 0px !important; }
/* Editor CodeBlock TEXT Appearance */
.cm-s-obsidian pre.HyperMD-codeblock {
font-family: monaco !important;
font-size: var(--font-size-code) !important;
padding: 1px !important;
display: block;
color: var(--code-block) !important;
font-weight: 500;
text-indent: 0px !important; }
/*remove the border of codeblock in editor */
.HyperMD-codeblock-bg {
border: 0px !important; }
/*an active line highlight in vim normal mode
.cm-fat-cursor .CodeMirror-activeline .CodeMirror-linebackground{
background-color: var(--text-selection) !important;
} */
/* in-line block for preview */
code {
color: var(--inline-code) !important;
bottom: 0px !important; }
/* graph css */
.theme-dark .graph-view.color-arrow {
color: #50fa7b; }
.theme-dark .graph-view.color-fill-tag {
color: #ffb86c; }
.theme-dark .graph-view.color-fill-attachment {
color: #ff5555; }
.theme-dark .graph-view.color-fill-unresolved {
color: #6272a4; }
.search-result-collapse-indicator {
position: absolute;
left: 0;
top: -3px;
color: var(--text-faint);
transition: transform 100ms ease-in-out;
padding: 0px !important; }
body {
font-size: var(--font-size-normal); }
.nav-file-title,
.nav-folder-title {
border: 1px solid transparent;
border-radius: 3px;
cursor: pointer;
color: var(--text-muted);
font-size: 1rem;
line-height: 20px;
padding: 1px 20px 0 26px;
position: relative;
white-space: nowrap;
width: max-content;
min-width: 100%; }
a:not(.internal-link) {
font-style: normal; }
.cm-s-obsidian span.cm-url {
color: var(--text-accent); }
.markdown-preview-view .list-collapse-indicator {
margin-left: -60px;
padding-left: 8px; }
li:not(.is-checked) {
color: white; }
/* rule line when there are checkboxes*/
ul .task-list-item ul::before {
left: 0.15em !important; }
/***************************************/
/* Checkbox */
/***************************************/
.markdown-preview-view ul > li.task-list-item {
list-style: none;
text-indent: -16px; }
.markdown-preview-view .task-list-item-checkbox {
-webkit-appearance: none;
top: 0.2em !important;
right: 8px;
box-sizing: border-box;
position: relative;
width: 1rem;
height: 1rem;
margin: 0;
box-shadow: 0 0 0.1em var(--text-muted); }
.markdown-preview-view .task-list-item-checkbox:checked::before {
content: '✓';
position: absolute;
left: -1px;
top: -3px;
color: var(--text-accent);
font-size: 1rem;
line-height: 1.25rem;
width: 1.2rem;
text-align: center;
text-shadow: 0 0 0.1rem var(--text-accent); }
.markdown-preview-view ul > li.task-list-item.is-checked {
text-decoration: none; }
.checkbox-container {
background-color: var(--background-primary); }
/**************************************/
/* note header bar for non-andy mode */
/* activated in dark mode */
/**************************************/
/* header */
.theme-dark .view-header {
background-color: var(--background-primary) !important;
border-top: 1px solid var(--border-color) !important;
border-bottom: 1px solid var(--border-color) !important; }
.theme-dark .view-header-title-container:after {
background: linear-gradient(to bottom, transparent, var(--background-primary)) !important; }
.theme-dark .workspace-leaf.mod-active .view-header {
background-color: var(--background-primary-alt) !important;
border-top: 0px !important;
border-bottom: 3px solid var(--interactive-accent) !important; }
.workspace-leaf.mod-active .view-header-title-container:after {
background: linear-gradient(to bottom, transparent, var(--background-secondary-alt)) !important; }
.workspace-leaf.mod-active .view-header-title,
.workspace-leaf.mod-active .view-header-icon {
color: var(--background-modifier-border); }
.view-header-title,
.view-header-icon,
.view-action {
color: var(--text-faint); }
/** Font weights appear lighter than Preview mode. **/
.cm-header.cm-header-1 {
font-family: var(--font-family-editor);
font-weight: 900;
font-size: var(--font-size-h1);
color: var(--text-title-h1); }
.cm-header.cm-header-2 {
font-family: var(--font-family-editor);
font-weight: 900;
font-size: var(--font-size-h2);
color: var(--text-title-h2); }
.cm-header.cm-header-3 {
font-family: var(--font-family-editor);
font-weight: 800;
font-size: var(--font-size-h3);
color: var(--text-title-h3); }
.cm-header.cm-header-4 {
font-family: var(--font-family-editor);
font-weight: 700;
font-size: var(--font-size-h4);
color: var(--text-title-h4); }
.cm-header.cm-header-5 {
font-family: var(--font-family-editor);
font-weight: 600;
font-size: var(--font-size-h5);
color: var(--text-title-h5); }
.cm-header.cm-header-6 {
font-family: var(--font-family-editor);
font-weight: 600;
font-size: var(--font-size-h6);
color: var(--text-title-h6); }
/* normal text for non-headings and code of editor */
.cm-s-obsidian,
.mod-single-child .cm-s-obsidian {
font-family: var(--font-family-editor);
font-size: var(--font-size-normal); }
.markdown-preview-view h1 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h1);
font-weight: 900;
color: var(--text-title-h1); }
.markdown-preview-view h2 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h2);
font-weight: 800;
color: var(--text-title-h2); }
.markdown-preview-view h3 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h3);
font-weight: 700;
color: var(--text-title-h3); }
.markdown-preview-view h4 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h4);
font-weight: 600;
color: var(--text-title-h4); }
.markdown-preview-view h5 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h5);
font-weight: 500;
color: var(--text-title-h5); }
.markdown-preview-view h6 {
font-family: var(--font-family-preview-heading);
font-size: var(--font-size-h6);
font-weight: 500;
color: var(--text-title-h6); }

164
.obsidian/workspace.json vendored Normal file
View File

@@ -0,0 +1,164 @@
{
"main": {
"id": "390ce2f9b053bb3c",
"type": "split",
"children": [
{
"id": "0ce7b63055adad06",
"type": "tabs",
"children": [
{
"id": "6519938022b3fdc8",
"type": "leaf",
"state": {
"type": "markdown",
"state": {
"file": "notes/Obsidian Theme Demo File.md",
"mode": "source",
"source": false
}
}
}
]
}
],
"direction": "vertical"
},
"left": {
"id": "7e11ed0b2ad341ae",
"type": "split",
"children": [
{
"id": "9b2b54a0dbbb215d",
"type": "tabs",
"children": [
{
"id": "4cd46a0ca99c06f1",
"type": "leaf",
"state": {
"type": "file-explorer",
"state": {
"sortOrder": "alphabetical"
}
}
},
{
"id": "e8b0550146f5c99e",
"type": "leaf",
"state": {
"type": "search",
"state": {
"query": "",
"matchingCase": false,
"explainSearch": false,
"collapseAll": false,
"extraContext": false,
"sortOrder": "alphabetical"
}
}
},
{
"id": "924f2f4b672c3982",
"type": "leaf",
"state": {
"type": "bookmarks",
"state": {}
}
}
]
}
],
"direction": "horizontal",
"width": 300
},
"right": {
"id": "8bb12e8b3365261b",
"type": "split",
"children": [
{
"id": "6217fad8ae07b96b",
"type": "tabs",
"children": [
{
"id": "f2632ace54f501f6",
"type": "leaf",
"state": {
"type": "calendar",
"state": {}
}
},
{
"id": "09bebd2aba949028",
"type": "leaf",
"state": {
"type": "backlink",
"state": {
"file": "notes/Obsidian Theme Demo File.md",
"collapseAll": false,
"extraContext": false,
"sortOrder": "alphabetical",
"showSearch": false,
"searchQuery": "",
"backlinkCollapsed": false,
"unlinkedCollapsed": true
}
}
},
{
"id": "ef9dea5e933e8a6c",
"type": "leaf",
"state": {
"type": "outgoing-link",
"state": {
"file": "notes/Obsidian Theme Demo File.md",
"linksCollapsed": false,
"unlinkedCollapsed": true
}
}
},
{
"id": "8a24cc53f3c9685a",
"type": "leaf",
"state": {
"type": "tag",
"state": {
"sortOrder": "frequency",
"useHierarchy": true
}
}
},
{
"id": "c9d3216a78fba7d4",
"type": "leaf",
"state": {
"type": "outline",
"state": {
"file": "notes/Obsidian Theme Demo File.md"
}
}
}
]
}
],
"direction": "horizontal",
"width": 300
},
"left-ribbon": {
"hiddenItems": {
"switcher:Open quick switcher": false,
"graph:Open graph view": false,
"canvas:Create new canvas": false,
"command-palette:Open command palette": false,
"markdown-importer:Open format converter": false,
"workspaces:Manage workspace layouts": false,
"periodic-notes:Open today": false,
"templater-obsidian:Templater": false
}
},
"active": "6519938022b3fdc8",
"lastOpenFiles": [
"obsidian.css",
"obsidian.css.md",
"notes/Obsidian Office Hours (033).md"
]
}