init
This commit is contained in:
Thaddeus Hughes
BIN
.obsidian/themes/.syncthing.Blackbird.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Blackbird.css.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/.syncthing.Kanagawa.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Kanagawa.css.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/.syncthing.Monokai.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Monokai.css.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/.syncthing.Obsidianite.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Obsidianite.css.tmp
vendored
Normal file
Binary file not shown.
168
.obsidian/themes/.syncthing.Primary.css.tmp
vendored
Normal file
168
.obsidian/themes/.syncthing.Primary.css.tmp
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
.obsidian/themes/.syncthing.Sandstorm.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Sandstorm.css.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/.syncthing.Terminal.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Terminal.css.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/.syncthing.Things.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Things.css.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/.syncthing.Typewriter.css.tmp
vendored
Normal file
BIN
.obsidian/themes/.syncthing.Typewriter.css.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/AbsoluteGruv/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/AbsoluteGruv/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/AbsoluteGruv/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/AbsoluteGruv/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
6
.obsidian/themes/AbsoluteGruv/manifest.json
vendored
Normal file
6
.obsidian/themes/AbsoluteGruv/manifest.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "AbsoluteGruv",
|
||||
"version": "0.0.0",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "kkY"
|
||||
}
|
||||
876
.obsidian/themes/AbsoluteGruv/theme.css
vendored
Normal file
876
.obsidian/themes/AbsoluteGruv/theme.css
vendored
Normal file
@@ -0,0 +1,876 @@
|
||||
/* 1. Font */
|
||||
body {
|
||||
/* font stacks taken directly from Notion */
|
||||
--font-monospace: "Source Code Pro", "Source Code Pro", "Source Code Pro";
|
||||
-webkit-font-smoothing: auto;
|
||||
}
|
||||
|
||||
/* 2. Colours */
|
||||
:root
|
||||
{
|
||||
/* 2.1 Dark theme color variables */
|
||||
--bg0-dark: #1d2021;
|
||||
--bg1-dark: #3c3836;
|
||||
--bg-dark: #282828;
|
||||
--bg2-dark: #504945;
|
||||
--bg3-dark: #665c54;
|
||||
--bg4-dark: #7c6f64;
|
||||
--bg5-dark: #928374;
|
||||
--bg_visual: #503946;
|
||||
--bg_red: #cc241d;
|
||||
--bg_green: #98971a;
|
||||
--bg_blue: #458588;
|
||||
--bg_yellow: #d79921;
|
||||
--shadow: #00000070;
|
||||
|
||||
--fg-dark: #ebdbb2;
|
||||
--grey0-dark: #7f897d;
|
||||
--grey1-dark: #859289;
|
||||
--grey2-dark: #9aa79d;
|
||||
|
||||
--faded-red: #fb4934;
|
||||
--faded-orange: #fe8019;
|
||||
--faded-yellow: #fabd2f;
|
||||
--faded-green: #b8bb26;
|
||||
--faded-aqua: #8ec07c;
|
||||
--faded-blue: #83a598;
|
||||
--faded-purple: #d3869b;
|
||||
|
||||
--dim-red: #cc241d;
|
||||
--dim-orange: #d65d0e;
|
||||
--dim-yellow: #d79921;
|
||||
--dim-green: #98971a;
|
||||
--dim-aqua: #689d6a;
|
||||
--dim-blue: #458588;
|
||||
--dim-purple: #b16286;
|
||||
|
||||
|
||||
/* 2.2 Light theme color variables */
|
||||
--bg0-light: #f0edd8;
|
||||
--bg1-light: #f6f1dd;
|
||||
--bg-light: #fdf6e3;
|
||||
--bg2-light: #f3efda;
|
||||
--bg3-light: #edead5;
|
||||
--bg4-light: #e4e1cd;
|
||||
--bg5-light: #dfdbc8;
|
||||
--grey0-light: #a4ad9e;
|
||||
--grey1-light: #939f91;
|
||||
--grey2-light: #879686;
|
||||
--shadow-light: #3c474d20;
|
||||
|
||||
|
||||
--bg_visual_light: #eaedc8;
|
||||
--bg_red_light: #fbe3da;
|
||||
--bg_green_light: #f0f1d2;
|
||||
--bg_blue_light: #e9f0e9;
|
||||
--bg_yellow_light: #faedcd;
|
||||
|
||||
--fg-light: #5c6a72;
|
||||
|
||||
--light-red: #f85552;
|
||||
--light-orange: #f57d26;
|
||||
--light-yellow: #bf983d;
|
||||
--light-green: #899c40;
|
||||
--light-aqua: #569d79;
|
||||
--light-blue: #5a93a2;
|
||||
--light-purple: #b87b9d;
|
||||
|
||||
--light-dim-red: #f1706f;
|
||||
--light-dim-orange: #f39459;
|
||||
--light-dim-yellow: #e4b649;
|
||||
--light-dim-green: #a4bb4a;
|
||||
--light-dim-aqua: #6ec398;
|
||||
--light-dim-blue: #6cb3c6;
|
||||
--light-dim-purple: #e092be;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* 2.3 Dark theme implementation */
|
||||
.theme-dark
|
||||
{
|
||||
--background-primary: var(--bg-dark);
|
||||
--background-primary-alt: var(--bg-dark);
|
||||
--background-secondary: var(--bg-dark);
|
||||
--background-secondary-alt: var(--bg-dark);
|
||||
--text-normal: var(--fg-dark);
|
||||
--text-faint: var(--grey1-dark);
|
||||
--text-title-h1: var(--dim-red);
|
||||
--text-title-h2: var(--dim-orange);
|
||||
--text-title-h3: var(--dim-yellow);
|
||||
--text-title-h4: var(--dim-green);
|
||||
--text-title-h5: var(--dim-aqua);
|
||||
--text-title-h6: var(--dim-purple);
|
||||
--text-link: var(--faded-blue);
|
||||
--text-a: var(--dim-aqua);
|
||||
--text-a-hover: var(--faded-aqua);
|
||||
--text-mark: rgba(215, 153, 33, 0.4); /* light-yellow */
|
||||
--pre-code: var(--bg1-dark);
|
||||
--text-highlight-bg: var(--bg_green);
|
||||
--interactive-accent: var(--dim-aqua);
|
||||
--interactive-before: var(--bg5-dark);
|
||||
--background-modifier-border: var(--bg5-dark);
|
||||
--text-accent: var(--dim-blue);
|
||||
--interactive-accent-rgb: var(--dim-blue);
|
||||
--inline-code: var(--dim-blue);
|
||||
--code-block: var(--fg-dark);
|
||||
--vim-cursor: var(--faded-blue);
|
||||
--text-selection: var(--bg5-dark);
|
||||
}
|
||||
|
||||
/* 2.4 Light theme implementation */
|
||||
.theme-light
|
||||
{
|
||||
--background-primary: var(--bg-light);
|
||||
--background-primary-alt: var(--bg-light);
|
||||
--background-secondary: var(--bg-light);
|
||||
--background-secondary-alt: var(--bg-light);
|
||||
--text-normal: var(--fg-light);
|
||||
--text-faint: var(--grey1-light);
|
||||
--text-title-h1: var(--light-red);
|
||||
--text-title-h2: var(--light-orange);
|
||||
--text-title-h3: var(--light-yellow);
|
||||
--text-title-h4: var(--light-green);
|
||||
--text-title-h5: var(--light-aqua);
|
||||
--text-title-h6: var(--light-purple);
|
||||
--text-link: var(--light-blue);
|
||||
--text-a: var(--light-dim-blue);
|
||||
--text-a-hover: var(--light-blue);
|
||||
--text-mark: rgba(215, 153, 33, 0.4); /* light-yellow */
|
||||
--pre-code: var(--bg1-light);
|
||||
--text-highlight-bg: var(--light-dim-green);
|
||||
--interactive-accent: var(--bg5-light);
|
||||
--interactive-before: var(--bg5-light);
|
||||
--background-modifier-border: var(--bg5-light);
|
||||
--text-accent: var(--bg5-light);
|
||||
--interactive-accent-rgb: var(--light-dim-green);
|
||||
--inline-code: var(--light-blue);
|
||||
--code-block: var(--fg-light);
|
||||
--vim-cursor: var(--light-blue);
|
||||
--text-selection: rgba(189, 174, 147, 0.5); /* light3 */
|
||||
}
|
||||
|
||||
.theme-dark code[class*="language-"],
|
||||
.theme-dark pre[class*="language-"],
|
||||
.theme-light code[class*="language-"],
|
||||
.theme-light pre[class*="language-"]
|
||||
{
|
||||
text-shadow: none !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
}
|
||||
|
||||
/* 3. General UI */
|
||||
.view-header-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* 3.1. Title bar */
|
||||
.titlebar {
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
.titlebar-inner {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.graph-view.color-circle,
|
||||
.graph-view.color-fill-highlight,
|
||||
.graph-view.color-line-highlight
|
||||
{
|
||||
color: var(--interactive-accent-rgb) !important;
|
||||
}
|
||||
.graph-view.color-text
|
||||
{
|
||||
color: var(--text-a-hover) !important;
|
||||
}
|
||||
/*
|
||||
.graph-view.color-fill
|
||||
{
|
||||
color: var(--background-secondary);
|
||||
}*/
|
||||
.graph-view.color-line
|
||||
{
|
||||
color: #504945;
|
||||
}
|
||||
|
||||
|
||||
html,
|
||||
body
|
||||
{
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
strong
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
a,
|
||||
.cm-hmd-internal-link
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.cm-hmd-internal-link:hover,
|
||||
.cm-url
|
||||
{
|
||||
color: var(--text-a-hover) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
mark
|
||||
{
|
||||
background-color: var(--text-mark) !important;
|
||||
}
|
||||
|
||||
.view-actions a
|
||||
{
|
||||
color: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.view-actions a:hover
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-bg
|
||||
{
|
||||
background-color: var(--pre-code) !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock
|
||||
{
|
||||
line-height: 1.4em !important;
|
||||
color: var(--code-block) !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-begin
|
||||
{
|
||||
border-top-left-radius: 4px !important;
|
||||
border-top-right-radius: 4px !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-end
|
||||
{
|
||||
border-bottom-left-radius: 4px !important;
|
||||
border-bottom-right-radius: 4px !important;
|
||||
}
|
||||
|
||||
th
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
thead
|
||||
{
|
||||
border-bottom: 2px solid var(--background-modifier-border) !important;
|
||||
}
|
||||
|
||||
.HyperMD-table-row
|
||||
{
|
||||
line-height: normal !important;
|
||||
padding-left: 4px !important;
|
||||
padding-right: 4px !important;
|
||||
/* background-color: var(--pre-code) !important; */
|
||||
}
|
||||
|
||||
.HyperMD-table-row-0
|
||||
{
|
||||
padding-top: 4px !important;
|
||||
}
|
||||
|
||||
.CodeMirror-foldgutter-folded,
|
||||
.is-collapsed .nav-folder-collapse-indicator
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.nav-file, .nav-folder {
|
||||
padding: 0px 2px;
|
||||
}
|
||||
|
||||
.nav-file-title, .nav-folder-title {
|
||||
width: 100%;
|
||||
cursor: default;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-file .is-active {
|
||||
--background-secondary-alt: var(--bg-dark);
|
||||
--text-normal: #ebdbb2;
|
||||
}
|
||||
|
||||
.nav-file-title-content, .nav-folder-title-content {
|
||||
text-indent: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*.nav-file-tag
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.is-active .nav-file-title
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
background-color: var(--background-primary-alt) !important;
|
||||
}
|
||||
|
||||
.nav-file-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;
|
||||
}*/
|
||||
|
||||
/*img
|
||||
{
|
||||
display: block !important;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}*/
|
||||
|
||||
.HyperMD-list-line
|
||||
{
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.CodeMirror-code,
|
||||
.CodeMirror-linenumber,
|
||||
.cm-formatting
|
||||
{
|
||||
font-family: var(--font-monospace) !important;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.markdown-preview-section pre code,
|
||||
.markdown-preview-section code
|
||||
{
|
||||
font-size: 0.9em !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
}
|
||||
|
||||
.markdown-preview-section pre code
|
||||
{
|
||||
padding: 4px !important;
|
||||
line-height: 1.4em !important;
|
||||
display: block !important;
|
||||
color: var(--code-block) !important;
|
||||
}
|
||||
|
||||
.markdown-preview-section code
|
||||
{
|
||||
color: #83a598 !important;
|
||||
background-color: #3c3836 !important;
|
||||
padding: 3px !important;
|
||||
}
|
||||
|
||||
.cm-s-obsidian,
|
||||
.cm-inline-code
|
||||
{
|
||||
-webkit-font-smoothing: auto !important;
|
||||
}
|
||||
|
||||
.cm-inline-code
|
||||
{
|
||||
color: var(--inline-code) !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
padding: 1px !important;
|
||||
}
|
||||
|
||||
.workspace-leaf-header-title
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.side-dock-title
|
||||
{
|
||||
padding-top: 15px !important;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.side-dock-ribbon-tab:hover,
|
||||
.side-dock-ribbon-action:hover,
|
||||
.side-dock-ribbon-action.is-active:hover,
|
||||
.nav-action-button:hover,
|
||||
.side-dock-collapse-btn:hover
|
||||
{
|
||||
color: var(--text-a);
|
||||
}
|
||||
|
||||
.side-dock
|
||||
{
|
||||
border-right: 0 !important;
|
||||
}
|
||||
|
||||
.cm-s-obsidian,
|
||||
.markdown-preview-view
|
||||
{
|
||||
/* padding-left: 10px !important; */
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
/* 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(--background-secondary-alt);
|
||||
}
|
||||
|
||||
/* horizontal resize-handle */
|
||||
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle
|
||||
{
|
||||
height: 1px !important;
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
/* Remove vertical split padding */
|
||||
.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;
|
||||
}
|
||||
|
||||
.workspace-tabs .workspace-leaf {
|
||||
border: transparent;
|
||||
}
|
||||
|
||||
.markdown-embed-title
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.markdown-embed
|
||||
{
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
margin-left: 10px !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.cm-header-1,
|
||||
.markdown-preview-section h1
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 34px !important;
|
||||
color: var(--text-title-h1) !important;
|
||||
}
|
||||
|
||||
.cm-header-2,
|
||||
.markdown-preview-section h2
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 26px !important;
|
||||
color: var(--text-title-h2) !important;
|
||||
}
|
||||
|
||||
.cm-header-3,
|
||||
.markdown-preview-section h3
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 22px !important;
|
||||
color: var(--text-title-h3) !important;
|
||||
}
|
||||
|
||||
.cm-header-4,
|
||||
.markdown-preview-section h4
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 20px !important;
|
||||
color: var(--text-title-h4) !important;
|
||||
}
|
||||
|
||||
.cm-header-5,
|
||||
.markdown-preview-section h5
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 18px !important;
|
||||
color: var(--text-title-h5) !important;
|
||||
}
|
||||
|
||||
.cm-header-6,
|
||||
.markdown-preview-section h6
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 18px !important;
|
||||
color: var(--text-title-h6) !important;
|
||||
}
|
||||
|
||||
.suggestion-item.is-selected
|
||||
{
|
||||
background-color: var(--text-selection);
|
||||
}
|
||||
|
||||
.empty-state-container:hover
|
||||
{
|
||||
background-color: var(--background-secondary-alt);
|
||||
border: 5px solid var(--interactive-accent) !important;
|
||||
}
|
||||
|
||||
.checkbox-container
|
||||
{
|
||||
background-color: var(--interactive-before);
|
||||
}
|
||||
|
||||
.checkbox-container:after
|
||||
{
|
||||
background-color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.mod-cta
|
||||
{
|
||||
color: var(--background-secondary-alt) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.mod-cta a
|
||||
{
|
||||
color: var(--background-secondary-alt) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.mod-cta:hover
|
||||
{
|
||||
background-color: var(--interactive-before) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.CodeMirror-cursor
|
||||
{
|
||||
background-color: var(--vim-cursor) !important;
|
||||
opacity: 60% !important;
|
||||
}
|
||||
|
||||
input.task-list-item-checkbox {
|
||||
border: 1px solid var(--faded-blue);
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
input.task-list-item-checkbox:checked
|
||||
{
|
||||
background-color: var(--faded-blue);
|
||||
box-shadow: inset 0 0 0 2px var(--background-primary);
|
||||
}
|
||||
|
||||
::selection
|
||||
{
|
||||
background-color: var(--text-selection) !important;
|
||||
}
|
||||
|
||||
.mermaid .note
|
||||
{
|
||||
fill: var(--dark3) !important;
|
||||
}
|
||||
|
||||
.frontmatter-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Bullet point relationship lines */
|
||||
.cm-hmd-list-indent .cm-tab, ul ul { position: relative; }
|
||||
.cm-hmd-list-indent .cm-tab::before, ul ul::before {
|
||||
content:'';
|
||||
border-left: 1px solid var(--dim-blue);
|
||||
position: absolute;
|
||||
}
|
||||
.cm-hmd-list-indent .cm-tab::before { left: 0; top: -5px; bottom: -4px;
|
||||
}
|
||||
ul ul::before { left: -11px; top: 0; bottom: 0;
|
||||
}
|
||||
|
||||
/*----------------------------------------------------------------------------------------*/
|
||||
/* ENhanced GRub */
|
||||
/*----------------------------------------------------------------------------------------*/
|
||||
|
||||
/* sidebar tabs */
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tab-header-container,
|
||||
body:not(.show-sidebar-tabs) .workspace-tab-header-container * {
|
||||
transition: var(--medium-transition)
|
||||
}
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tab-header-container:is(:hover *,
|
||||
:hover) {
|
||||
transition: var(--quick-transition);
|
||||
transition-delay: var(--transition-delay-passing-over-protection)
|
||||
}
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tab-header-container:not(:hover) {
|
||||
height: 11px;
|
||||
box-shadow: var(--small-reverted-inset-shadow);
|
||||
padding-top: 0;
|
||||
padding-bottom: 0
|
||||
}
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tabs:nth-child(3) .workspace-tab-header-container:not(:hover) {
|
||||
box-shadow: var(--medium-reverted-inset-shadow)
|
||||
}
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tabs:not(:nth-child(3)) .workspace-tab-header-container {
|
||||
border-top: var(--basic-border)
|
||||
}
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tabs.workspace-tabs.workspace-tabs.workspace-tabs .workspace-tab-header-container:hover {
|
||||
height: 55px;
|
||||
box-shadow: var(--big-reverted-inset-shadow);
|
||||
padding-bottom: 4px
|
||||
}
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tab-header-container:hover .workspace-tab-header {
|
||||
margin-top: 10px
|
||||
}
|
||||
|
||||
body:not(.show-sidebar-tabs) .workspace-tabs .workspace-tab-header-container:not(:hover) .workspace-tab-header,
|
||||
body:not(.show-sidebar-tabs) .workspace-tabs .workspace-tab-header-container:not(:hover) .workspace-tab-header svg {
|
||||
opacity: 0;
|
||||
border: none
|
||||
}
|
||||
|
||||
/* title bar showing */
|
||||
|
||||
|
||||
body:not(.show-titlebar) .titlebar {
|
||||
display: none
|
||||
}
|
||||
|
||||
.mod-macos:not(.show-titlebar) .mod-left-split .workspace-tabs:nth-child(3) .workspace-tab-header-container {
|
||||
height: calc(var(--mac-traffic-light-padding) + 37px);
|
||||
padding-top: calc(var(--mac-traffic-light-padding) + 5px)
|
||||
}
|
||||
|
||||
body.mod-macos:not(.show-titlebar) .workspace-split.mod-left-split.is-collapsed~.mod-root .workspace-leaf:nth-child(2) .view-header {
|
||||
padding-left: 7vh
|
||||
}
|
||||
|
||||
.theme-dark:not(.show-titlebar):not(.is-mobile),
|
||||
.theme-light:not(.show-titlebar):not(.is-mobile) {
|
||||
padding: 0!important
|
||||
}
|
||||
|
||||
/* code below breaks notifications */
|
||||
/*
|
||||
body:not(.show-titlebar) .workspace-ribbon.mod-left {
|
||||
margin-top: calc(var(--mac-traffic-light-padding) + var(--normal-top-padding))
|
||||
}
|
||||
|
||||
body:not(.show-titlebar) .workspace-ribbon.mod-right {
|
||||
margin-top: var(--normal-top-padding)
|
||||
}
|
||||
|
||||
body.show-titlebar .workspace-ribbon.mod-left {
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
body:not(.show-titlebar-text) .titlebar-text {
|
||||
display: none
|
||||
}
|
||||
|
||||
.titlebar-text {
|
||||
font-family: var(--menu-font);
|
||||
color: var(--text-normal);
|
||||
margin-left: var(--cover-width);
|
||||
--cover-width: 18ch
|
||||
}
|
||||
|
||||
.titlebar-text::AFTER {
|
||||
content: " ";
|
||||
white-space: pre-wrap;
|
||||
background-color: var(--bg2);
|
||||
margin-left: calc(var(--cover-width) * -1)
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
background-color: var(--bg2);
|
||||
border-bottom: var(--thin-border)
|
||||
}
|
||||
|
||||
body:not(.show-titlebar) .workspace-ribbon-collapse-btn {
|
||||
border-top: var(--basic-border)
|
||||
}
|
||||
|
||||
.workspace-ribbon-collapse-btn svg {
|
||||
stroke-width: 4px
|
||||
}
|
||||
|
||||
body:not(.show-titlebar):not(.is-mobile)>div.notice-container {
|
||||
top: 0
|
||||
}
|
||||
|
||||
div.notice-container .notice {
|
||||
font-family: var(--button-font);
|
||||
font-size: calc(var(--button-font-size) * .9);
|
||||
letter-spacing: .6px;
|
||||
color: var(--text-normal);
|
||||
background-color: var(--notice-bg);
|
||||
box-shadow: var(--small-shadow), var(--notice-inset-shadow);
|
||||
padding: 5px 12px 7px;
|
||||
border: var(--notice-border);
|
||||
border-radius: var(--roundish)
|
||||
}
|
||||
|
||||
body.mod-macos:not(.show-sidebar-tabs):not(.show-titlebar) .mod-left-split .workspace-tabs:nth-child(3) .workspace-tab-header-container:not(:hover) {
|
||||
height: 17px
|
||||
}
|
||||
|
||||
body.mod-macos:not(.show-sidebar-tabs):not(.show-titlebar) .mod-left-split .workspace-tabs:nth-child(3) .workspace-tab-header-container:hover .workspace-tab-header {
|
||||
margin-top: 2px
|
||||
}*/
|
||||
|
||||
/* show scrollbar */
|
||||
|
||||
body:not(.show-scrollbar) ::-WEBKIT-SCROLLBAR {
|
||||
display: none
|
||||
}
|
||||
|
||||
body:not(.show-scrollbar) .workspace-split.mod-root .workspace-leaf-content[data-type=style-settings] ::-WEBKIT-SCROLLBAR {
|
||||
display: none
|
||||
}
|
||||
|
||||
.workspace-split.mod-root .workspace-leaf-content[data-type=style-settings] {
|
||||
font-size: var(--menu-font-size)
|
||||
}
|
||||
|
||||
.mod-root .workspace-leaf-content[data-type=style-settings] .view-content {
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
/* images left ailgned */
|
||||
|
||||
body:not(.left-aligned-embeds) .image-embed[alt]::AFTER {
|
||||
text-align: center;
|
||||
white-space: pre
|
||||
}
|
||||
|
||||
body:not(.left-aligned-embeds) .view-content img:not(.link-favicon) {
|
||||
margin-right: auto;
|
||||
margin-left: auto
|
||||
}
|
||||
|
||||
body:not(.left-aligned-embeds) div.mermaid {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.mermaid {
|
||||
font-size: .9em;
|
||||
--mermaid-font: var(--original-font)
|
||||
}
|
||||
|
||||
.pdf-embed iframe {
|
||||
border-radius: var(--roundish)
|
||||
}
|
||||
|
||||
body:not(.left-aligned-embeds) .pdf-embed.pdf-embed {
|
||||
margin-right: auto!important;
|
||||
margin-left: auto!important
|
||||
}
|
||||
|
||||
body:not(.left-aligned-embeds) :is(.oz-pdf-widget-cm6,
|
||||
div.oz-image-widget-cm6,
|
||||
div.oz-image-widget)>:is(embed,
|
||||
img) {
|
||||
margin-right: auto;
|
||||
margin-left: auto
|
||||
}
|
||||
|
||||
body div.oz-image-widget>img:active {
|
||||
border: none
|
||||
}
|
||||
|
||||
/* remove collapsed panes' borders */ /* @dxps' suggestion */
|
||||
|
||||
body:not(.collapsed-borders) .workspace-ribbon.mod-left.is-collapsed {
|
||||
border-right-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
body:not(.collapsed-borders) .workspace-ribbon.mod-right.is-collapsed {
|
||||
border-left-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
/* remove status bar border */ /* @dxps' suggestion */
|
||||
|
||||
body:not(.status-bar-border) .status-bar {
|
||||
border-top-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
|
||||
/*img{
|
||||
margin-left: initial;
|
||||
}*/
|
||||
|
||||
/* bold color */
|
||||
|
||||
strong,
|
||||
.cm-s-obsidian .cm-strong.cm-header,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-1,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-2,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-3,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-4,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-5,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-6,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-1,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-2,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-3,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-4,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-5,
|
||||
.cm-s-obsidian .cm-strong.cm-header.cm-header-6,
|
||||
.cm-header.cm-header-3.cm-hmd-internal-link,
|
||||
.markdown-preview-section strong,
|
||||
.cm-s-obsidian .cm-strong {
|
||||
color: #ebdbb2;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------*/
|
||||
/* @settings
|
||||
name: Gruvmeplease ⟡
|
||||
id: grubbed
|
||||
settings:
|
||||
-
|
||||
id: show-hide-elements
|
||||
title: 🙈 Show/Hide UI Elements
|
||||
description: Re-enable elements hidden by this theme
|
||||
type: heading
|
||||
level: 1
|
||||
collapsed: true
|
||||
-
|
||||
id: show-sidebar-tabs
|
||||
title: Permanently show the Sidebar Tabs
|
||||
type: class-toggle
|
||||
description: When false, the Sidebar Tabs become visible upon hovering.
|
||||
default: false
|
||||
-
|
||||
id: show-titlebar
|
||||
title: Re-enable Title Bar
|
||||
type: class-toggle
|
||||
description: Enable this to have a title bar, for example to move the Obsidian window
|
||||
default: false
|
||||
-
|
||||
id: show-scrollbar
|
||||
title: Re-enable Scrollbars
|
||||
type: class-toggle
|
||||
description: When false, only the scroll bars in the Editor are shown.
|
||||
default: false
|
||||
-
|
||||
id: collapsed-borders
|
||||
title: Re-enable collapsed panes' borders
|
||||
type: class-toggle
|
||||
description: When false, collapsed panes' borders won't show.
|
||||
default: false
|
||||
-
|
||||
id: status-bar-border
|
||||
title: Re-enable status bar border
|
||||
type: class-toggle
|
||||
description: When false, status bar's border won't show.
|
||||
default: false
|
||||
*/
|
||||
7
.obsidian/themes/AnuPpuccin/manifest.json
vendored
Normal file
7
.obsidian/themes/AnuPpuccin/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "AnuPpuccin",
|
||||
"version": "1.5.0",
|
||||
"minAppVersion": "1.6.0",
|
||||
"author": "Anubis",
|
||||
"authorUrl": "https://github.com/AnubisNekhet"
|
||||
}
|
||||
9080
.obsidian/themes/AnuPpuccin/theme.css
vendored
Normal file
9080
.obsidian/themes/AnuPpuccin/theme.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
168
.obsidian/themes/Blackbird.css
vendored
Normal file
168
.obsidian/themes/Blackbird.css
vendored
Normal file
@@ -0,0 +1,168 @@
|
||||
/* 1. Colours! Overriding both themes */
|
||||
.theme-dark {
|
||||
--color-1: #FDF7CD;
|
||||
--color-2: #00ECD8;
|
||||
--color-3: #E92741;
|
||||
--color-4: #3EC840;
|
||||
--color-5: #E1DC3F;
|
||||
--color-6: #418FDD;
|
||||
--color-7: #FF9900;
|
||||
|
||||
--background-primary: #000000;
|
||||
--background-primary-alt: #000000;
|
||||
--background-secondary: #000000;
|
||||
--background-secondary-alt: #000000;
|
||||
|
||||
--text-normal: var(--color-1);
|
||||
--text-muted: var(--color-5);
|
||||
--text-accent: var(--color-3);
|
||||
--text-on-accent: var(--color-1);
|
||||
|
||||
/* obsidian dark defaults (overriding for light) */
|
||||
--text-selection: rgba(0, 122, 255, 0.2);
|
||||
--text-on-accent: rgba(0, 0, 0, 0.8);
|
||||
--interactive-accent-rgb: 72, 54, 153;
|
||||
--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2);
|
||||
--scrollbar-bg: rgba(255, 255, 255, 0.05);
|
||||
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.theme-light {
|
||||
--color-1: #020832;
|
||||
--color-2: #0066ff;
|
||||
--color-3: #020832;
|
||||
--color-4: #c137bf;
|
||||
--color-5: #020832;
|
||||
--color-6: #be7022;
|
||||
--color-7: #0066ff;
|
||||
|
||||
--text-accent: var(--color-3);
|
||||
--text-on-accent: var(--color-1);
|
||||
}
|
||||
|
||||
/* 2. UI */
|
||||
|
||||
.titlebar-inner {
|
||||
color: var(--color-normal);
|
||||
}
|
||||
|
||||
.titlebar-button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.suggestion-item.is-selected {
|
||||
background-color: var(--text-selection);
|
||||
}
|
||||
|
||||
/* 3. Editor and preview */
|
||||
.cm-s-obsidian,
|
||||
.markdown-preview-view {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
|
||||
/* 3.1. Headers */
|
||||
.cm-s-obsidian .cm-header,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 600;
|
||||
overflow: visible;
|
||||
color: var(--color-3);
|
||||
}
|
||||
|
||||
.markdown-preview-view h6 {
|
||||
color: var(--color-3);
|
||||
}
|
||||
|
||||
/* 3.3. External links */
|
||||
.cm-s-obsidian span.cm-link ,
|
||||
a {
|
||||
color: var(--color-5);
|
||||
}
|
||||
|
||||
.cm-s-obsidian .cm-formatting-link+.cm-formatting-link-string+.cm-url,
|
||||
.cm-s-obsidian .cm-string.cm-url,
|
||||
.cm-s-obsidian span.cm-url {
|
||||
color: var(--color-1);
|
||||
}
|
||||
|
||||
.cm-s-obsidian .cm-string.cm-url.cm-hmd-footref2 {
|
||||
color:var(--color-2);
|
||||
}
|
||||
|
||||
/* 3.4. Internal links */
|
||||
.cm-s-obsidian span.cm-hashtag,
|
||||
.cm-s-obsidian span.cm-hmd-internal-link,
|
||||
a.internal-link,
|
||||
a.tag {
|
||||
color: var(--color-2);
|
||||
}
|
||||
|
||||
/* 3.5. blockquotes, embeds, tables */
|
||||
.cm-s-obsidian span.cm-quote {
|
||||
color: var(--color-1);
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-builtin,
|
||||
.cm-s-obsidian span.cm-hr {
|
||||
color: var(--color-2);
|
||||
}
|
||||
|
||||
/* 3.6. Code */
|
||||
.cm-s-obsidian span.cm-inline-code,
|
||||
code {
|
||||
color: var(--color-1);
|
||||
}
|
||||
|
||||
.markdown-preview-view code {
|
||||
color: var(--color-1);
|
||||
}
|
||||
|
||||
.cm-s-obsidian pre.HyperMD-codeblock {
|
||||
color: var(--color-1);
|
||||
}
|
||||
|
||||
/* 4. Graph view */
|
||||
.graph-view.color-fill {
|
||||
/* default */
|
||||
}
|
||||
|
||||
.graph-view.color-fill-unresolved {
|
||||
color: var(--color-1);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.graph-view.color-line {
|
||||
/* color: var(--color-6); */
|
||||
}
|
||||
|
||||
.graph-view.color-arrow {
|
||||
color: var(--color-5);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.graph-view.color-text {
|
||||
color: var(--color-1);
|
||||
}
|
||||
|
||||
.graph-view.color-fill-highlight {
|
||||
color: var(--color-6);
|
||||
}
|
||||
|
||||
.graph-view.color-line-highlight {
|
||||
color: var(--color-6);
|
||||
}
|
||||
|
||||
.theme-light .graph-view.color-fill-attachment,
|
||||
.theme-dark .graph-view.color-fill-attachment {
|
||||
color: var(--color-6);
|
||||
}
|
||||
|
||||
.theme-dark .graph-view.color-fill-tag,
|
||||
.theme-light .graph-view.color-fill-tag {
|
||||
color: var(--color-4);
|
||||
}
|
||||
7
.obsidian/themes/Cardstock/manifest.json
vendored
Normal file
7
.obsidian/themes/Cardstock/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Cardstock",
|
||||
"version": "2.0.5",
|
||||
"minAppVersion": "0.8.0",
|
||||
"author": "cassidoo",
|
||||
"authorUrl": "https://github.com/cassidoo"
|
||||
}
|
||||
590
.obsidian/themes/Cardstock/theme.css
vendored
Normal file
590
.obsidian/themes/Cardstock/theme.css
vendored
Normal file
@@ -0,0 +1,590 @@
|
||||
:root {
|
||||
--main-bg: #ffffff;
|
||||
--beige: #f0eae2;
|
||||
--dark-beige: #e6dbcc;
|
||||
--light-beige: #f8f5f1;
|
||||
--red: #c95454;
|
||||
--red-rgb: 201, 84, 84;
|
||||
--red-hsl: 0, 52, 55.9;
|
||||
--red-deep: #c43131;
|
||||
--text: #2d2c2c;
|
||||
--heading-text: #000000;
|
||||
--light-text: #949494;
|
||||
|
||||
--highlight: #f3e118;
|
||||
--highlight-dark: #756b13;
|
||||
|
||||
--green: #06b43c;
|
||||
|
||||
--foldgutter-width: 1.8rem;
|
||||
|
||||
--border-width: 1px; /* default */
|
||||
|
||||
/* #988982 */
|
||||
|
||||
/* Dark Mode */
|
||||
--dark-bg: #2f2a27;
|
||||
--dark-secondary: #38312e;
|
||||
--dark-alternate: #988982;
|
||||
--dark-light-text: #473e3a;
|
||||
--dark-lightness: #bbb1ac;
|
||||
|
||||
/* Headings */
|
||||
--h1: 2.5em;
|
||||
--h2: 2em;
|
||||
|
||||
/* Shared */
|
||||
|
||||
--text-on-accent: var(--red); /* text on dark */
|
||||
--text-on-accent-inverted: var(--red); /* text on light */
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
--background-primary: var(--dark-bg);
|
||||
--background-primary-alt: var(--dark-secondary);
|
||||
--background-secondary: var(--dark-bg);
|
||||
--background-secondary-alt: var(--dark-secondary);
|
||||
|
||||
--darky-dark: var(--dark-bg);
|
||||
|
||||
--background-modifier-hover: var(--dark-bg);
|
||||
--background-modifier-active-hover: var(--dark-secondary);
|
||||
|
||||
--background-modifier-border: var(--dark-secondary);
|
||||
--background-modifier-border-hover: var(--red-deep);
|
||||
--background-modifier-border-focus: var(--red-deep);
|
||||
|
||||
--background-modifier-message: var(--red); /* messages background */
|
||||
|
||||
--background-modifier-error: var(--red);
|
||||
--background-modifier-error-rgb: var(--red-rgb);
|
||||
--background-modifier-error-hover: var(--red-deep);
|
||||
|
||||
--background-modifier-success: var(--red);
|
||||
--background-modifier-success-rgb: var(--red-rgb);
|
||||
|
||||
--background-modifier-form-field: var(--dark-bg);
|
||||
|
||||
--callout-blend-mode: normal;
|
||||
|
||||
--interactive-normal: var(--dark-light-text);
|
||||
--interactive-hover: var(--dark-secondary);
|
||||
--interactive-accent: var(--red);
|
||||
--interactive-accent-hsl: var(--red-hsl);
|
||||
--interactive-accent-hover: var(--red);
|
||||
|
||||
--text-normal: var(--main-bg);
|
||||
--text-muted: var(--beige);
|
||||
--text-faint: var(--light-text);
|
||||
|
||||
--text-error: var(--red);
|
||||
--text-success: #ccff00;
|
||||
--text-accent: var(--red);
|
||||
--text-accent-hover: var(--red-deep);
|
||||
|
||||
--text-highlight-bg: var(--highlight-dark);
|
||||
--text-selection: #171413;
|
||||
|
||||
--nav-item-color: var(--text-muted);
|
||||
--nav-item-color-hover: var(--main-bg);
|
||||
--nav-item-color-active: var(--main-bg);
|
||||
--nav-item-color-selected: var(--main-bg);
|
||||
--nav-item-color-highlighted: var(--main-bg);
|
||||
--nav-item-background-hover: var(--dark-bg);
|
||||
--nav-item-background-active: var(--red);
|
||||
--nav-item-background-selected: var(--red);
|
||||
|
||||
--scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.2);
|
||||
--scrollbar-bg: rgba(0, 0, 0, 0.05);
|
||||
--scrollbar-thumb-bg: rgba(0, 0, 0, 0.1);
|
||||
|
||||
--highlight-mix-blend-mode: darken;
|
||||
--alternate-lights: var(--dark-alternate);
|
||||
--modal-buttons: var(--main-bg);
|
||||
--pre-bg: var(--background-primary-alt);
|
||||
--handle-icon: var(--main-bg);
|
||||
}
|
||||
|
||||
.theme-light {
|
||||
--background-primary: var(--main-bg);
|
||||
--background-primary-alt: var(--beige);
|
||||
--background-secondary: var(--main-bg);
|
||||
--background-secondary-alt: var(--beige);
|
||||
|
||||
--darky-dark: var(--dark-beige);
|
||||
|
||||
--background-modifier-hover: var(--beige);
|
||||
--background-modifier-active-hover: var(--dark-beige);
|
||||
|
||||
--background-modifier-border: var(--beige);
|
||||
--background-modifier-border-hover: var(--red-deep);
|
||||
--background-modifier-border-focus: var(--red-deep);
|
||||
|
||||
--background-modifier-error: var(--red);
|
||||
--background-modifier-error-rgb: var(--red-rgb);
|
||||
--background-modifier-error-hover: var(--red-deep);
|
||||
|
||||
--background-modifier-success: var(--red);
|
||||
--background-modifier-success-rgb: var(--red-rgb);
|
||||
|
||||
--background-modifier-message: var(--red); /* messages background */
|
||||
|
||||
--background-modifier-form-field: var(--main-bg);
|
||||
|
||||
--code-background: var(--light-beige);
|
||||
|
||||
--interactive-normal: var(--beige);
|
||||
--interactive-hover: var(--light-beige);
|
||||
--interactive-accent: var(--red);
|
||||
--interactive-accent-hsl: var(--red-hsl);
|
||||
--interactive-accent-hover: var(--red);
|
||||
|
||||
--text-normal: var(--text);
|
||||
--text-muted: var(--light-text);
|
||||
--text-faint: var(--light-text);
|
||||
|
||||
--text-error: var(--red);
|
||||
--text-success: var(--green);
|
||||
--text-accent: var(--red);
|
||||
--text-accent-hover: var(--red-deep);
|
||||
|
||||
--text-highlight-bg: var(--highlight);
|
||||
--text-selection: var(--dark-beige);
|
||||
|
||||
--nav-item-color: var(--text-muted);
|
||||
--nav-item-color-hover: var(--text);
|
||||
--nav-item-color-active: var(--main-bg);
|
||||
--nav-item-color-selected: var(--main-bg);
|
||||
--nav-item-color-highlighted: var(--main-bg);
|
||||
--nav-item-background-hover: var(--dark-beige);
|
||||
--nav-item-background-active: var(--red);
|
||||
--nav-item-background-selected: var(--red);
|
||||
|
||||
--scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.2);
|
||||
--scrollbar-bg: rgba(0, 0, 0, 0.05);
|
||||
--scrollbar-thumb-bg: rgba(0, 0, 0, 0.1);
|
||||
--highlight-mix-blend-mode: darken;
|
||||
--alternate-lights: var(--light-beige);
|
||||
--modal-buttons: var(--text-faint);
|
||||
--pre-bg: var(--light-beige);
|
||||
--handle-icon: #000000;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
font-size: 20px !important;
|
||||
color: var(--text-normal);
|
||||
--font-headings: "Source Serif Pro", "Source Serif 4", "Source Serif",
|
||||
"Rockwell", "New York", serif;
|
||||
--font-text: "DM Sans", "Avenir Next", "Avenir", sans-serif;
|
||||
--font-monospace: MonoLisa, "Source Code Pro", monospace;
|
||||
|
||||
--inline-title-size: 0.8rem;
|
||||
--inline-title-color: var(--text-muted);
|
||||
--inline-title-weight: 700;
|
||||
|
||||
--titlebar-background: var(--darky-dark);
|
||||
--titlebar-background-focused: var(--darky-dark);
|
||||
|
||||
--ribbon-background-collapsed: var(--background-primary-alt);
|
||||
|
||||
--tab-background-active: transparent;
|
||||
--tab-container-background: var(--background-secondary);
|
||||
--tab-divider-color: var(--background-secondary-alt);
|
||||
--tab-outline-color: var(--background-secondary-alt);
|
||||
--tab-outline-width: 1px;
|
||||
--tab-curve: 10px;
|
||||
--tab-radius: 10px;
|
||||
--tab-radius-active: 10px 10px 0 0;
|
||||
--tab-max-width: 350px;
|
||||
|
||||
--scrollbar-active-thumb-bg: var(--background-secondary);
|
||||
--scrollbar-bg: var(--darky-dark);
|
||||
--scrollbar-thumb-bg: var(--darky-dark);
|
||||
|
||||
--divider-vertical-height: calc(100% - 90px) !important;
|
||||
|
||||
--tag-background: rgba(var(--red-rgb), 0.1);
|
||||
|
||||
/* --callout-title-color: white; */
|
||||
}
|
||||
|
||||
.inline-title {
|
||||
position: relative;
|
||||
left: -20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.inline-title::before {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
display: inline-block;
|
||||
content: ">";
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.cm-hashtag {
|
||||
font-family: var(--font-monospace) !important;
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
|
||||
.workspace-leaf-content {
|
||||
background-color: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.workspace-split.mod-root .view-content {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
.cm-header-1,
|
||||
.cm-header-2,
|
||||
.cm-header-3,
|
||||
.cm-header-4,
|
||||
.cm-header-5,
|
||||
.cm-header-6 {
|
||||
font-family: var(--font-headings);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.HyperMD-header {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.workspace-leaf-resize-handle:hover {
|
||||
background-color: var(--dark-beige);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.workspace-ribbon.mod-right.is-collapsed {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.workspace-tab-header,
|
||||
.workspace-tab-header-container-inner {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.workspace-ribbon,
|
||||
.workspace-tabs,
|
||||
.workspace-tab-container-before.is-before-active,
|
||||
.workspace-tab-header.is-after-active,
|
||||
.workspace-tabs .workspace-leaf,
|
||||
.workspace-tab-header.is-active,
|
||||
.workspace-ribbon.is-collapsed,
|
||||
.status-bar {
|
||||
background: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
|
||||
position: relative;
|
||||
top: 5px;
|
||||
background: var(--background-primary-alt);
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
box-sizing: border-box;
|
||||
opacity: 0.8;
|
||||
transition: top 200ms ease-in-out, opacity 200ms ease-in-out;
|
||||
}
|
||||
|
||||
.mod-root
|
||||
.workspace-tab-header:not(.is-active):hover
|
||||
.workspace-tab-header-inner {
|
||||
top: 3px;
|
||||
background: var(--background-primary-alt);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.workspace-tab-header.is-active,
|
||||
.mod-active .view-header-icon {
|
||||
color: var(--handle-icon);
|
||||
}
|
||||
|
||||
.view-header {
|
||||
background: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.is-focused .workspace-leaf.mod-active .view-header {
|
||||
background: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.is-focused .workspace-leaf.mod-active .view-header .clickable-icon {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.is-focused
|
||||
.workspace-leaf.mod-active
|
||||
.view-header
|
||||
.clickable-icon:hover[aria-disabled="false"] {
|
||||
background: var(--beige);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.is-focused
|
||||
.workspace-leaf.mod-active
|
||||
.view-header
|
||||
.clickable-icon[aria-disabled="true"] {
|
||||
color: var(--text-muted);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.workspace-split.mod-root .workspace-tab-header.is-active::before,
|
||||
.workspace-split.mod-root .workspace-tab-header.is-active::after {
|
||||
box-shadow: inset 0 0 0 var(--tab-outline-width) transparent,
|
||||
0 0 0 calc(var(--tab-curve) * 4) var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.view-header-title-container:not(.mod-at-end):after {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.nav-buttons-container {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.suggestion-item.is-selected {
|
||||
background-color: var(--background-primary-alt);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
body:not(.is-mobile) .modal-container .modal-bg {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.setting-add-hotkey-button,
|
||||
.setting-restore-hotkey-button {
|
||||
color: var(--modal-buttons);
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber,
|
||||
.cm-formatting {
|
||||
font-family: var(--font-monospace) !important;
|
||||
color: var(--text-muted);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.markdown-preview-section,
|
||||
.markdown-source-view {
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.markdown-preview-section h1 {
|
||||
font-family: var(--font-headings);
|
||||
font-size: var(--h1);
|
||||
}
|
||||
|
||||
.HyperMD-codeblock {
|
||||
line-height: 1.5 !important;
|
||||
color: var(--red) !important;
|
||||
}
|
||||
|
||||
.nav-file-title,
|
||||
.nav-folder-title {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.markdown-preview-view pre {
|
||||
border: 2px solid var(--background-primary-alt);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.markdown-preview-view ul {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.markdown-preview-view ol {
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.markdown-preview-view ul li {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.markdown-preview-view li ul {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-inline-code,
|
||||
.markdown-rendered code {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.cm-s-obsidian div.HyperMD-codeblock-begin-bg,
|
||||
.cm-s-obsidian div.HyperMD-codeblock-end-bg,
|
||||
.cm-s-obsidian div.HyperMD-codeblock-bg {
|
||||
background: var(--pre-bg);
|
||||
}
|
||||
|
||||
/*/ var(--background-primary-alt); for pre*/
|
||||
|
||||
.document-search-button {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
|
||||
.document-search-button:hover {
|
||||
background: var(--red);
|
||||
color: var(--main-bg);
|
||||
}
|
||||
|
||||
.markdown-rendered button.copy-code-button {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.markdown-rendered button.copy-code-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
thead,
|
||||
.frontmatter-container {
|
||||
background: var(--alternate-lights);
|
||||
}
|
||||
|
||||
.markdown-preview-view blockquote {
|
||||
border: 0px solid;
|
||||
border-color: var(--red) !important;
|
||||
border-left-width: 2px !important;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.CodeMirror-foldgutter {
|
||||
width: var(--foldgutter-width);
|
||||
}
|
||||
|
||||
.CodeMirror-guttermarker-subtle {
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
opacity: 0.5;
|
||||
line-height: var(--foldgutter-width);
|
||||
height: var(--foldgutter-width);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.CodeMirror-guttermarker-subtle:hover {
|
||||
opacity: 1;
|
||||
background-color: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.CodeMirror-foldgutter-open::after {
|
||||
content: "\25BC";
|
||||
}
|
||||
|
||||
.CodeMirror-foldgutter-folded::after {
|
||||
content: "\25BA";
|
||||
}
|
||||
|
||||
.markdown-preview-view .internal-link.is-unresolved {
|
||||
color: var(--text-muted);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav-buttons-container {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.theme-dark .nav-buttons-container {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
|
||||
.theme-light .nav-buttons-container {
|
||||
background: var(--alternate-lights);
|
||||
}
|
||||
|
||||
.nav-action-button {
|
||||
margin: 0 3px;
|
||||
transition: background-image 300ms linear;
|
||||
}
|
||||
|
||||
.side-dock-ribbon-action:hover {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.markdown-preview-view .task-list-item {
|
||||
padding-inline-start: 25px;
|
||||
}
|
||||
|
||||
.graph-control-section input[type="range"] {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
|
||||
.popover.hover-popover {
|
||||
font-family: var(--font-headings);
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.popover.hover-popover:hover {
|
||||
background: var(--background-primary);
|
||||
border: 1px solid var(--red);
|
||||
transition: border 300ms linear;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
background-color: var(--red);
|
||||
color: var(--background-primary);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.tooltip .tooltip-arrow {
|
||||
border-bottom: 5px solid var(--red);
|
||||
}
|
||||
|
||||
.tooltip.mod-right .tooltip-arrow {
|
||||
border-right: 5px solid var(--red);
|
||||
}
|
||||
|
||||
.tooltip.mod-left .tooltip-arrow {
|
||||
border-left: 5px solid var(--red);
|
||||
}
|
||||
|
||||
.tooltip.mod-top .tooltip-arrow {
|
||||
border-top: 5px solid var(--red);
|
||||
}
|
||||
|
||||
.titlebar-text {
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.titlebar-button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.titlebar-button:hover {
|
||||
color: var(--red);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.titlebar-button.mod-close:hover {
|
||||
color: var(--main-bg);
|
||||
}
|
||||
|
||||
.titlebar-button svg {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
h1::selection,
|
||||
h2::selection,
|
||||
h3::selection,
|
||||
h4::selection {
|
||||
background: var(--red);
|
||||
color: var(--main-bg);
|
||||
}
|
||||
|
||||
/* Needed for legacy editor */
|
||||
pre.HyperMD-header.HyperMD-header-1.CodeMirror-line {
|
||||
font-size: var(--h1);
|
||||
}
|
||||
|
||||
pre.HyperMD-header.HyperMD-header-2.CodeMirror-line {
|
||||
font-size: var(--h2);
|
||||
}
|
||||
BIN
.obsidian/themes/Dark Graphite Pie/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Dark Graphite Pie/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Dark Graphite Pie/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Dark Graphite Pie/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
6
.obsidian/themes/Dark Graphite Pie/manifest.json
vendored
Normal file
6
.obsidian/themes/Dark Graphite Pie/manifest.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "Dark Graphite Pie",
|
||||
"version": "0.0.0",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "kitchenrunner"
|
||||
}
|
||||
965
.obsidian/themes/Dark Graphite Pie/theme.css
vendored
Normal file
965
.obsidian/themes/Dark Graphite Pie/theme.css
vendored
Normal file
@@ -0,0 +1,965 @@
|
||||
/* ======= # Obsidian CSS Dark Graphite Pie ==============*/
|
||||
|
||||
/* Structure of theme
|
||||
|
||||
## Credits
|
||||
|
||||
## Fonts & Colors
|
||||
|
||||
## Inside a note
|
||||
### Headers
|
||||
#### Edit mode
|
||||
#### Reading mode
|
||||
#### Live Preview
|
||||
### Plain text
|
||||
#### Edit mode
|
||||
#### Reading mode
|
||||
#### Live Preview
|
||||
### Tags
|
||||
#### Edit mode
|
||||
#### Reading mode
|
||||
#### Live Preview
|
||||
### Lists
|
||||
#### Edit mode
|
||||
#### Reading mode
|
||||
#### Live Preview
|
||||
### Quotes
|
||||
#### Edit mode
|
||||
#### Reading mode
|
||||
#### Live Preview
|
||||
### Blocks of code
|
||||
#### Edit mode
|
||||
#### Reading mode
|
||||
#### Live Preview
|
||||
### Scroll
|
||||
#### Edit mode
|
||||
#### Reading mode
|
||||
#### Live Preview
|
||||
## Local graph
|
||||
## Global graph
|
||||
## The area around the note
|
||||
### App Ribbon
|
||||
### File Explorer
|
||||
### Search
|
||||
### Outline
|
||||
### Tag Pane
|
||||
### Quick Switcher
|
||||
### Command Palette
|
||||
### Other panes
|
||||
### Note name
|
||||
## System menu
|
||||
|
||||
*/
|
||||
|
||||
/* ======= ## CREDITS ==============*/
|
||||
|
||||
/* Theme for wonderful [Obsidian](https://obsidian.md/) app. I would be glad if someone will like and use it.
|
||||
|
||||
I’m not sure if I have the right to give this theme any unique name, since I don’t know CSS and glued this theme out of the three themes I like most:
|
||||
|
||||
- Obsidian dark rmx by _ph: https://github.com/cannibalox/Obsdn-dark-rmx/releases (used as a starter kit)
|
||||
- Obsidian Red Graphite by Seanwcom: https://github.com/seanwcom/Red-Graphite-for-Obsidian (left panel styling and colors)
|
||||
- Cybertron by Nick Milo: https://github.com/nickmilo/Cybertron (colors for graph in dark theme)
|
||||
- Typora Pie by kevinzhao2233: https://github.com/kevinzhao2233/typora-theme-pie (look of quotes)
|
||||
|
||||
Initially, I wanted to adapt the Pie theme, which I often used in Typora, but in the end the themes listed above were so good that I could not choose any one.
|
||||
|
||||
Since version 0.9.2 I am already making independent changes without following the changes in the listed themes. I will indicate changings in the changelog: https://github.com/ryjjin/Obsidian-Dark-Graphite-Pie-theme */
|
||||
|
||||
|
||||
/* ======= ## Fonts & Colors ==============*/
|
||||
|
||||
body {
|
||||
font-size: 1rem;
|
||||
color: var(--text-normal-original);
|
||||
font-family: Source Code Pro, Fira Code, monospace;
|
||||
--font-monospace: Source Code Pro, Fira Code, monospace;
|
||||
--default-font: Source Code Pro, Fira Code, monospace;
|
||||
}
|
||||
.CodeMirror pre.CodeMirror-line {
|
||||
font-size: 1rem;
|
||||
font-family: Source Code Pro, Fira Code, monospace;
|
||||
color: var(--text-normal-original);
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
--background-primary: #212121;
|
||||
--background-modifier-border: #303030;
|
||||
--background-primary-alt: #171717;
|
||||
--background-secondary: #212121;
|
||||
--background-secondary-alt: #000000;
|
||||
--background-modifier-box-shadow: rgba(0, 0, 0, 0.85);
|
||||
--background-nav-alt: rgb(58, 62, 63);
|
||||
--background-nav-file-tag: rgb(116, 190, 247);
|
||||
--background-nav-selected: #3e93d8;
|
||||
--background-nav: rgb(41, 44, 46);
|
||||
--text-accent: #3e93d8;
|
||||
--text-accent-hover: #2b60af;
|
||||
--text-normal: #dcddde;
|
||||
--text-normal-original: #dcddde;
|
||||
--text-muted: #999;
|
||||
--text-faint: #666;
|
||||
--text-error: #ff3333;
|
||||
--text-error-hover: #990000;
|
||||
--text-matched: #0cf32b;
|
||||
--text-on-accent: #dcddde;
|
||||
--text-selection: rgba(6, 66, 113, 0.99);
|
||||
--text-highlight-bg: rgba(26, 73, 100, 0.66);
|
||||
--text-nav-selected: rgb(255, 255, 255);
|
||||
--text-nav: rgb(190, 190, 190);
|
||||
--interactive-normal: #2a2a2a;
|
||||
--interactive-hover: #303030;
|
||||
--interactive-accent: rgb(32, 171, 233);
|
||||
--interactive-accent-rgb: 32, 171, 233;
|
||||
--interactive-accent-hover: #1da3d6;
|
||||
--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2);
|
||||
--scrollbar-bg: rgba(255, 255, 255, 0);
|
||||
--scrollbar-thumb-bg: rgba(81, 144, 175, 0.36);
|
||||
--accent-strong: #3e93d8;
|
||||
--accent-mild: #3e93d8;
|
||||
--bw: #ffffff;
|
||||
--graph-circle:#fcf601;
|
||||
--graph-line: #26798c;
|
||||
--graph-bg: rgb(22, 22, 22);
|
||||
--graph-text:#cccccc;
|
||||
--graphtag: #5dbcd2;
|
||||
--graph-attach: #d669bc;
|
||||
--graph-unresolved: #9e8aff;
|
||||
}
|
||||
|
||||
.theme-light {
|
||||
--background-primary: #ffffff;
|
||||
--background-primary-alt: #f0f2f5;
|
||||
--background-secondary: rgb(57, 63, 63);
|
||||
--background-secondary-alt: rgb(203, 77, 73);
|
||||
--background-accent: #fff;
|
||||
--background-modifier-border: #ddd;
|
||||
--background-modifier-form-field: #fff;
|
||||
--background-modifier-form-field-highlighted: #fff;
|
||||
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
|
||||
--background-modifier-success: #a4e7c3;
|
||||
--background-modifier-error: #e68787;
|
||||
--background-modifier-error-rgb: rgb(230, 135, 135);
|
||||
--background-modifier-error-hover: #ff9494;
|
||||
--background-modifier-cover: rgba(0, 0, 0, 0.8);
|
||||
--background-nav-alt: rgb(58, 62, 63);
|
||||
--background-nav-file-tag: rgb(203, 77, 73);
|
||||
--background-nav-selected: rgb(203, 77, 73);
|
||||
--background-nav: rgb(41, 44, 46);
|
||||
--text-accent: rgb(203, 77, 73);
|
||||
--text-accent-hover: rgb(203, 77, 73);
|
||||
--text-normal: rgb(203, 77, 73);
|
||||
--text-normal-original: #2e3338;
|
||||
--text-muted: rgb(143, 147, 143);
|
||||
--text-faint: #999999;
|
||||
--text-error: #ce2222;
|
||||
--text-error-hover: #cb2c22;
|
||||
--text-highlight-bg: rgba(240, 255, 82, 0.76);
|
||||
--text-selection: rgba(134, 202, 255, 0.99);
|
||||
--text-on-accent: #f2f2f2;
|
||||
--text-matched: #000000;
|
||||
--text-nav-selected: rgb(255, 255, 255);
|
||||
--text-nav: rgb(190, 190, 190);
|
||||
--interactive-normal: #f2f3f5;
|
||||
--interactive-hover: #e9e9e9;
|
||||
--interactive-accent: rgb(34, 182, 226);
|
||||
--interactive-accent-rgb: 34, 182, 226;
|
||||
--interactive-accent-hover: #1da3d6;
|
||||
--scrollbar-active-thumb-bg: rgb(97, 170, 221);
|
||||
--scrollbar-bg: rgba(0, 0, 0, 0);
|
||||
--scrollbar-thumb-bg: rgb(0, 0, 0);
|
||||
--accent-strong: #ff3333;
|
||||
--accent-mild: #e0a330;
|
||||
--bw: #000000;
|
||||
--graph-circle:#ec0c0c;
|
||||
--graph-line: #cccccc;
|
||||
--graph-bg: rgb(255, 255, 255);
|
||||
--graph-text:#969696;
|
||||
--graphtag: #b9ec41;
|
||||
--graph-attach: #83D4F4;
|
||||
--graph-unresolved: rgb(143, 147, 143);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* ======= ## Inside a note ==============*/
|
||||
|
||||
/* ======= ### Headers ==============*/
|
||||
|
||||
/* ------- #### Edit mode --------------*/
|
||||
|
||||
/* Changing size/color of the header hashtags ## */
|
||||
.cm-formatting-header {
|
||||
color: var(--text-faint);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.cm-header.cm-header-1 {
|
||||
font-size: 2rem;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
div.HyperMD-header.HyperMD-header-1.cm-line {
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid var(--text-accent);
|
||||
}
|
||||
|
||||
.cm-header.cm-header-2 {
|
||||
font-size: 1.6rem;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
div.HyperMD-header.HyperMD-header-2.cm-line {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 6px;
|
||||
border-bottom: 1px solid var(--text-faint);
|
||||
}
|
||||
|
||||
/* ------- #### Reading mode --------------*/
|
||||
|
||||
.markdown-preview-view h1 {
|
||||
font-size: 2rem;
|
||||
line-height: 40px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid var(--text-accent);
|
||||
}
|
||||
|
||||
.markdown-preview-view h2 {
|
||||
font-size: 1.6rem;
|
||||
line-height: 36px;
|
||||
padding-top: 14px;
|
||||
padding-bottom: 6px;
|
||||
border-bottom: 1px solid var(--text-faint);
|
||||
}
|
||||
|
||||
.markdown-preview-view hr {
|
||||
height: 1px;
|
||||
border: none;
|
||||
background-color: var(--text-accent);
|
||||
}
|
||||
|
||||
|
||||
/* ------- #### Live Preview --------------*/
|
||||
|
||||
|
||||
|
||||
/* ======= ### Plain text ==============*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Edit mode --------------*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Reading mode --------------*/
|
||||
|
||||
.markdown-preview-view {
|
||||
color: var(--text-normal-original);
|
||||
}
|
||||
|
||||
/* ------- #### Live Preview --------------*/
|
||||
|
||||
|
||||
|
||||
/* ======= ### Tags ==============*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Edit mode --------------*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Reading mode --------------*/
|
||||
|
||||
.tag {
|
||||
background-color: var(--text-accent);
|
||||
border: none;
|
||||
color: white !important;
|
||||
font-size: 0.7rem;
|
||||
line-height: 1.6em;
|
||||
padding: 0px 7px 1px 7px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
display: inline-block;
|
||||
margin: 0px 4px;
|
||||
cursor: pointer;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.tag:hover {
|
||||
color: white;
|
||||
background-color: var(--text-accent-hover);
|
||||
}
|
||||
|
||||
.tag[href^="#obsidian"] {
|
||||
background-color: #4d3ca6;
|
||||
}
|
||||
|
||||
.tag[href^="#important"] {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.tag[href^="#стартовал_проект"] {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.tag[href^="#высокий_шанс"] {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.tag[href^="#complete"] {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.tag[href^="#ожидание"] {
|
||||
background-color: orange;
|
||||
}
|
||||
.tag[href^="#идет_конкурс"] {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.tag[href^="#средний_шанс"] {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.tag[href^="#inprogress"] {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.tag[href^="#daily_notes"] {
|
||||
background-color: #4d3ca6;
|
||||
}
|
||||
|
||||
.tag[href^="#tasklist"] {
|
||||
background-color: #4d3ca6;
|
||||
}
|
||||
|
||||
.tag[href^="#TIER1"] {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.tag[href^="#TIER2"] {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.tag[href^="#TIER3"] {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.tag[href^="#DISQUALIFIED"] {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
/* ------- #### Live Preview --------------*/
|
||||
|
||||
|
||||
|
||||
/* ======= ### Lists ==============*/
|
||||
|
||||
|
||||
/* ------- #### Edit mode --------------*/
|
||||
|
||||
/* Coloring the list bullets/numbers */
|
||||
.cm-s-obsidian span.cm-formatting-list {
|
||||
color: var(--text-accent);
|
||||
font-size: 0.85rem;
|
||||
font-weight: 500;
|
||||
font-family: var(--font-monospace);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------- #### Reading mode --------------*/
|
||||
|
||||
/* trace indentation lines by death_au */
|
||||
|
||||
.cm-hmd-list-indent .cm-tab,
|
||||
ul ul {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cm-hmd-list-indent .cm-tab::before,
|
||||
ul ul::before {
|
||||
content: "";
|
||||
border-left: 2px solid var(--background-modifier-border); /*rgba(20,122,255,0.3);*/
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cm-hmd-list-indent .cm-tab::before {
|
||||
left: 0;
|
||||
top: -5px;
|
||||
bottom: -4px;
|
||||
}
|
||||
|
||||
ul ul::before {
|
||||
left: -15px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/*TASKLIST in Preview mode: change the color of the "checked" mark via hue-rotate filter;
|
||||
*the block has been added, since apparently in the current version of the application, by default such a filter with a different value is enabled for this block, and if the block is not added, the colors indicated in the blocks below are displayed incorrectly
|
||||
|
||||
the base color used for the checklist looks like #3E93D8, is equivalent to HSL(207, 66%, 55%)
|
||||
- therefore, for a dark theme, we just need to cancel the current hue-rotate filter value, by input own value
|
||||
- for light theme we need to convert color HSL(207, 66%, 55%) to to HSL(2, 56%, 54%) (equal to RGB(207, 77, 73))
|
||||
|
||||
This version works fine on Mac and Linux, but don't work on Win
|
||||
-----------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.theme-dark .markdown-preview-view .task-list-item-checkbox {
|
||||
filter: hue-rotate(360deg) brightness(120%) contrast(120%);
|
||||
}
|
||||
|
||||
.theme-light .markdown-preview-view .task-list-item-checkbox {
|
||||
content: '';
|
||||
filter: hue-rotate(130deg) saturate(80%) brightness(90%) contrast(110%);
|
||||
}
|
||||
|
||||
/*TASKLIST in Preview mode: how to make it not-line-through*/
|
||||
|
||||
.markdown-preview-view ul > li.task-list-item.is-checked {
|
||||
text-decoration: none;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
/* ------- #### Live Preview --------------*/
|
||||
|
||||
input.task-list-item-checkbox {
|
||||
filter: hue-rotate(130deg) saturate(80%) brightness(90%) contrast(110%);
|
||||
}
|
||||
|
||||
|
||||
/* ======= ### Quotes ==============*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Edit mode --------------*/
|
||||
|
||||
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
|
||||
position: relative;
|
||||
border: none;
|
||||
border-left: 2px solid var(--text-accent);
|
||||
background-color: var(--background-primary-alt);
|
||||
color: #8c8c8c;
|
||||
font-style: normal;
|
||||
text-indent: 0;;
|
||||
}
|
||||
|
||||
/* ------- #### Reading mode --------------*/
|
||||
|
||||
/* Add quotation character before quote */
|
||||
/*--- 引用块 ---*/
|
||||
|
||||
blockquote {
|
||||
position: relative;
|
||||
border: none;
|
||||
border-left: 2px solid var(--text-accent);
|
||||
color: #8c8c8c;
|
||||
font-style: normal;
|
||||
padding: 1em 1em 1em;
|
||||
margin: 1em 1em 1em;
|
||||
line-height: 1.6;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
blockquote blockquote {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
blockquote a {
|
||||
color: var(--text-accent);
|
||||
}
|
||||
|
||||
blockquote:before {
|
||||
content: '“';
|
||||
position: relative;
|
||||
left: 0px;
|
||||
top: 0;
|
||||
color: var(--text-accent);
|
||||
font-size: 2rem;
|
||||
font-family: Source Code Pro, monospace;
|
||||
line-height: 1em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* ------- #### Live Preview --------------*/
|
||||
|
||||
|
||||
|
||||
/* ======= ### Blocks of code ==============*/
|
||||
|
||||
/* ------- #### Edit mode --------------*/
|
||||
|
||||
/* color of inline code */
|
||||
.cm-s-obsidian span.cm-inline-code {
|
||||
color: var(--text-accent);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* ------- #### Reading mode --------------*/
|
||||
|
||||
/* color and border of inline code (between the ticks) */
|
||||
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code),
|
||||
.markdown-preview-section code {
|
||||
background-color: var(--background-inline-code);
|
||||
border: 0px solid var(--border-inline-code);
|
||||
padding: 4px 4px;
|
||||
font-weight: 600;
|
||||
color: var(--text-accent);
|
||||
}
|
||||
|
||||
/* ------- #### Live Preview --------------*/
|
||||
|
||||
/*========= remove rounded corners =======*/
|
||||
|
||||
.workspace-tab-header.is-active {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
|
||||
.workspace-tab-header.is-before-active .workspace-tab-header-inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
|
||||
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content,
|
||||
.workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
|
||||
border-top-left-radius: 0px;
|
||||
}
|
||||
|
||||
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
|
||||
border-top-right-radius: 0px;
|
||||
}
|
||||
|
||||
/*======= flat status bar ====*/
|
||||
|
||||
.status-bar {
|
||||
background-color: var(--background-nav);
|
||||
border-top: 0px solid var(--background-modifier-border);
|
||||
color: var(--text-accent);
|
||||
}
|
||||
|
||||
/* ======= ### Scroll ==============*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Edit mode --------------*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Reading mode --------------*/
|
||||
|
||||
|
||||
|
||||
/* ------- #### Live Preview --------------*/
|
||||
|
||||
|
||||
|
||||
/* ======= ## Local graph ==============*/
|
||||
|
||||
|
||||
|
||||
/* ======= ## Global graph ==============*/
|
||||
|
||||
.graph-view.color-fill {
|
||||
color: var(--graph-circle);
|
||||
}
|
||||
|
||||
.graph-view.color-circle {
|
||||
color: var(--graph-circle);
|
||||
}
|
||||
|
||||
.graph-view.color-line {
|
||||
color: var(--graph-line);
|
||||
}
|
||||
|
||||
.graph-view.color-text {
|
||||
color: var(--graph-text);
|
||||
}
|
||||
|
||||
.graph-view.color-fill-highlight {
|
||||
color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.graph-view.color-line-highlight {
|
||||
color: rgb(var(--interactive-accent-rgb));
|
||||
}
|
||||
|
||||
.graph-view.color-fill-tag {
|
||||
color: var(--graphtag) !important;
|
||||
}
|
||||
.graph-view.color-fill-attachment {
|
||||
color: var(--graph-attach) !important;
|
||||
}
|
||||
.graph-view.color-fill-unresolved {
|
||||
color: var(--graph-unresolved);
|
||||
opacity: 1;
|
||||
}
|
||||
.graph-view.color-arrow {
|
||||
color: var(--graph-line);
|
||||
opacity: 1;
|
||||
}
|
||||
.graph-controls {
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 6px;
|
||||
padding: 2px 10px 8px 0px;
|
||||
background-color: var(--background-primary-alt);
|
||||
min-width: 100px;
|
||||
max-width: 240px;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: 0px;
|
||||
max-height: calc(100% - 16px);
|
||||
overflow: auto;
|
||||
}
|
||||
.graph-controls-button.mod-close svg,
|
||||
.graph-controls-button.mod-reset svg {
|
||||
width:12px;
|
||||
height:12px;
|
||||
}
|
||||
.graph-controls-button.mod-open svg {
|
||||
width:14px;
|
||||
height:14px;
|
||||
}
|
||||
.graph-controls.is-close {
|
||||
min-width: inherit;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
padding: 6px 8px 2px 8px;
|
||||
}
|
||||
.graph-controls.is-close svg {
|
||||
color:var(--text-muted);
|
||||
}
|
||||
.collapsible-item-children {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.graph-controls input[type='text'],
|
||||
.graph-controls input[type='range'] {
|
||||
width: 100%;
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
.graph-controls .setting-item {
|
||||
padding: 7px 0;
|
||||
}
|
||||
.graph-controls .setting-item.mod-slider .setting-item-control,
|
||||
.graph-controls .setting-item.mod-search-setting .setting-item-control {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.graph-controls .setting-item.mod-toggle .setting-item-control {
|
||||
padding-top: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.graph-controls .setting-item-name {
|
||||
font-size: 0.75rem;
|
||||
color: var(--text-muted);
|
||||
display: inline-block;
|
||||
}
|
||||
.setting-item-description {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.setting-item {
|
||||
border-top: none;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.graph-controls .collapsible-item-children {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.graph-control-section-header {
|
||||
font-weight: 600;
|
||||
font-size: 0.75rem;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
.graph-control-section:not(:last-child) .collapsible-item-children {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 2px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.graph-controls .setting-item {
|
||||
padding: 0px 0 0px 0;
|
||||
}
|
||||
.graph-controls input[type='range'] {
|
||||
-webkit-appearance: none;
|
||||
background-color: var(--background-modifier-border);
|
||||
border-radius: 2px;
|
||||
height: 2px;
|
||||
}
|
||||
.graph-controls input[type='range']::-webkit-slider-thumb {
|
||||
width: 13px;
|
||||
height: 9px;
|
||||
border-radius: 20%;
|
||||
border-left: 4px solid var(--text-accent2);
|
||||
cursor: pointer;
|
||||
top: -2px;
|
||||
}
|
||||
.graph-controls .checkbox-container {
|
||||
cursor: pointer;
|
||||
background-color: var(--text-faint);
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
height: 12px;
|
||||
position: relative;
|
||||
top: 6px;
|
||||
user-select: none;
|
||||
width: 26px;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
.graph-controls .checkbox-container.is-enabled {
|
||||
background-color: var(--interactive-accent);
|
||||
}
|
||||
.graph-controls .checkbox-container:after {
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: var(--text-on-accent);
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
margin: 1px 2px 1px 3px;
|
||||
border-radius: 2px;
|
||||
transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out;
|
||||
left: -4px;
|
||||
transform: translate3d(3px, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.graph-controls .checkbox-container.is-enabled:after {
|
||||
transform: translate3d(14px, 0, 0);
|
||||
}
|
||||
.view-content > iframe {
|
||||
background-color: var(--graph-bg);
|
||||
}
|
||||
/*==== codemirror line numbers gutter edit mode ====*/
|
||||
|
||||
.cm-s-obsidian .CodeMirror-linenumber {
|
||||
color: var(--text-accent);
|
||||
opacity: 0.3;
|
||||
font-size: 0.875rem;
|
||||
font-family: Source Code Pro, monospace;
|
||||
}
|
||||
|
||||
.CodeMirror-gutter-elt {
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber {
|
||||
padding: 0 3px 0 0px;
|
||||
min-width: 20px;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ======= ## The area around the note ==============*/
|
||||
|
||||
/* ======= ### App Ribbon ==============*/
|
||||
|
||||
.workspace-ribbon {
|
||||
background-color: var(--background-nav-alt);
|
||||
}
|
||||
|
||||
.workspace-ribbon.side-dock-ribbon.mod-left {
|
||||
background-color: var(--background-nav);
|
||||
}
|
||||
|
||||
.workspace-tab-header-container {
|
||||
background-color: var(--background-nav);
|
||||
}
|
||||
|
||||
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner, .workspace-tab-container-after.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-after-active .workspace-tab-header-inner {
|
||||
background-color: var(--background-nav);
|
||||
}
|
||||
|
||||
/* ======= ### File Explorer ==============*/
|
||||
|
||||
/* The name of the vault */
|
||||
.nav-folder.mod-root > .nav-file-title, .nav-folder.mod-root > .nav-folder-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-file-tag {
|
||||
background-color: var(--background-nav);
|
||||
}
|
||||
|
||||
.nav-file-title-content, .nav-folder-title-content {
|
||||
color: var(--text-nav);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.nav-file-title.is-active, .nav-folder-title.is-active {
|
||||
background-color: var(--background-secondary-alt);
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.nav-file-title-content:hover, .nav-folder-title.hover {
|
||||
background-color: var(--background-secondary-alt);
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
body.is-grabbing {
|
||||
background-color: var(--background-secondary-alt);
|
||||
color: var(--text-on-accent);
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
/* ======= ### Search ==============*/
|
||||
|
||||
.workspace-leaf-content[data-type='search'] .search-result-file-matches {
|
||||
color: var(--text-nav);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.tree-item-flair {
|
||||
background-color: var(--interactive-accent);
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.nav-action-button.is-active {
|
||||
background-color: var(--background-nav);
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.search-input-container input {
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-normal-original);
|
||||
}
|
||||
|
||||
/* ======= ### Outline ==============*/
|
||||
|
||||
.tree-item-inner {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
/* ======= ### Tag Pane ==============*/
|
||||
|
||||
|
||||
|
||||
/* ======= ### Quick Switcher ==============*/
|
||||
|
||||
.suggestion-item {
|
||||
color:var(--text-faint);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.nav-file-title.is-being-dragged,
|
||||
.nav-file-title.is-active,
|
||||
div.collapsible-item-self.tag-pane-tag.pane-list-item.is-clickable:hover,
|
||||
div.tag-pane-tag.pane-clickable-item.pane-list-item:hover,
|
||||
div.collapsible-item-self.is-clickable:hover,
|
||||
div.tree-item-self.tag-pane-tag.is-clickable:hover,
|
||||
div.tree-item-self.is-clickable:hover,
|
||||
.suggestion-item.is-selected,
|
||||
div.suggestion-note.is-selected,
|
||||
body:not(.is-grabbing) .nav-file-title.is-active:hover {
|
||||
background-color:var(--background-nav-selected);
|
||||
color:var(--text-nav-selected);
|
||||
}
|
||||
|
||||
/* ======= ### Command Palette ==============*/
|
||||
|
||||
|
||||
|
||||
/* ======= ### Other panes ==============*/
|
||||
|
||||
|
||||
|
||||
/* ======= ### Note name ==============*/
|
||||
|
||||
.workspace-leaf.mod-active .view-header-title {
|
||||
color: var(--text-normal-original);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
/* Font adjustments for pane headers */
|
||||
.view-header-title {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.workspace-leaf.mod-active .view-header {
|
||||
background-color: var(--background-primary-alt);
|
||||
border-bottom: 2px solid var(--interactive-accent);
|
||||
}
|
||||
|
||||
/* ======= ## System menu ==============*/
|
||||
|
||||
.vertical-tab-header {
|
||||
background-color: var(--background-nav);
|
||||
}
|
||||
|
||||
.horizontal-tab-nav-item, .vertical-tab-nav-item {
|
||||
background-color: var(--background-nav);
|
||||
color: var(--text-muted);
|
||||
padding: 10px 6px 10px 24px;
|
||||
cursor: default;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.setting-item-name, .modal-title {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.modal {
|
||||
background-color: var(--background-secondary);
|
||||
border: 1px solid var(--background-modifier-box-shadow);
|
||||
}
|
||||
|
||||
.community-plugin-search, .community-plugin-search-results {
|
||||
background-color: var(--background-secondary);
|
||||
}
|
||||
|
||||
.modal button:not(.mod-cta):not(.mod-warning), .modal.mod-settings button:not(.mod-cta):not(.mod-warning), .setting-hotkey.mod-empty {
|
||||
background-color: var(--background-modifier-box-shadow);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.setting-hotkey {
|
||||
background-color: var(--graph-attach);
|
||||
color: var(--text-normal-original);
|
||||
}
|
||||
|
||||
.community-plugin-item {
|
||||
background-color: var(--background-secondary);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.community-plugin-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.community-plugin-info, .community-plugin-readme {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.vertical-tab-content {
|
||||
background-color: var(--background-secondary);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.setting-item-control select {
|
||||
color: var(--text-normal-original);
|
||||
}
|
||||
|
||||
.community-theme {
|
||||
background-color: var(--background-primary-alt);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
/* ======= ## Common Plugins ==============*/
|
||||
|
||||
.kanban-plugin__lane-header-wrapper {
|
||||
background-color: var(--background-primary-alt);
|
||||
background: var(--background-primary-alt);
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
|
||||
BIN
.obsidian/themes/Flexoki/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Flexoki/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Flexoki/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Flexoki/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Flexoki/manifest.json
vendored
Normal file
7
.obsidian/themes/Flexoki/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Flexoki",
|
||||
"version": "1.0.1",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "@kepano",
|
||||
"authorUrl": "https://twitter.com/kepano"
|
||||
}
|
||||
91
.obsidian/themes/Flexoki/theme.css
vendored
Normal file
91
.obsidian/themes/Flexoki/theme.css
vendored
Normal file
@@ -0,0 +1,91 @@
|
||||
/*
|
||||
Flexoki
|
||||
MIT License
|
||||
Copyright (c) 2023 Steph Ango
|
||||
https://stephango.com/flexoki
|
||||
*/
|
||||
.theme-light {
|
||||
--color-red-rgb: 175, 48, 41;
|
||||
--color-orange-rgb: 188, 82, 21;
|
||||
--color-yellow-rgb: 173, 131, 1;
|
||||
--color-green-rgb: 102, 128, 11;
|
||||
--color-cyan-rgb: 36, 131, 123;
|
||||
--color-blue-rgb: 32, 94, 166;
|
||||
--color-purple-rgb: 94, 64, 157;
|
||||
--color-pink-rgb: 160, 47, 111;
|
||||
|
||||
--color-red: #AF3029;
|
||||
--color-orange: #BC5215;
|
||||
--color-yellow: #AD8301;
|
||||
--color-green: #66800B;
|
||||
--color-cyan: #24837B;
|
||||
--color-blue: #205EA6;
|
||||
--color-purple: #5E409D;
|
||||
--color-pink: #A02F6F;
|
||||
}
|
||||
.theme-dark {
|
||||
--color-red-rgb: 209, 77, 65;
|
||||
--color-orange-rgb: 218, 112, 44;
|
||||
--color-yellow-rgb:208, 162, 21;
|
||||
--color-green-rgb: 135, 154, 57;
|
||||
--color-cyan-rgb: 58, 169, 159;
|
||||
--color-blue-rgb: 67, 133, 190;
|
||||
--color-purple-rgb: 139, 126, 200;
|
||||
--color-pink-rgb: 206, 93, 151;
|
||||
|
||||
--color-red: #D14D41;
|
||||
--color-orange: #DA702C;
|
||||
--color-yellow: #D0A215;
|
||||
--color-green: #879A39;
|
||||
--color-cyan: #3AA99F;
|
||||
--color-blue: #4385BE;
|
||||
--color-purple: #8B7EC8;
|
||||
--color-pink: #CE5D97;
|
||||
}
|
||||
body.theme-light {
|
||||
--accent-h: 175;
|
||||
--accent-s: 57%;
|
||||
--accent-l: 33%;
|
||||
|
||||
--color-base-00: #FFFCF0;
|
||||
--color-base-05: #FFFCF0;
|
||||
--color-base-10: #F2F0E5;
|
||||
--color-base-20: #F2F0E5;
|
||||
--color-base-25: #E6E4D9;
|
||||
|
||||
--color-base-30: #E6E4D9;
|
||||
--color-base-35: #DAD8CE;
|
||||
--color-base-40: #CECDC3;
|
||||
|
||||
--color-base-50: #B7B5AC;
|
||||
--color-base-60: #878580;
|
||||
--color-base-70: #6F6E69;
|
||||
--color-base-100: #100F0F;
|
||||
|
||||
--color-accent: var(--color-cyan);
|
||||
--color-accent-1: var(--color-cyan);
|
||||
|
||||
}
|
||||
body.theme-dark {
|
||||
--accent-h: 175;
|
||||
--accent-s: 49%;
|
||||
--accent-l: 45%;
|
||||
|
||||
--color-base-00: #100F0F;
|
||||
--color-base-05: #100F0F;
|
||||
--color-base-10: #1C1B1A;
|
||||
--color-base-20: #1C1B1A;
|
||||
--color-base-25: #282726;
|
||||
|
||||
--color-base-30: #282726;
|
||||
--color-base-35: #343331;
|
||||
--color-base-40: #403E3C;
|
||||
|
||||
--color-base-50: #575653;
|
||||
--color-base-60: #6F6E69;
|
||||
--color-base-70: #878580;
|
||||
--color-base-100: #CECDC3;
|
||||
|
||||
--color-accent: #24837B;
|
||||
--color-accent-1: #3AA99F;
|
||||
}
|
||||
609
.obsidian/themes/Kanagawa.css
vendored
Normal file
609
.obsidian/themes/Kanagawa.css
vendored
Normal file
@@ -0,0 +1,609 @@
|
||||
:root
|
||||
{
|
||||
/* Kanagawa from https://github.com/rebelot/kanagawa.nvim */
|
||||
/* Bg Shades*/
|
||||
--sumiInk0 : #16161D;
|
||||
--sumiInk1b : #181820;
|
||||
--sumiInk1 : #1F1F28;
|
||||
--sumiInk2 : #2A2A37;
|
||||
--sumiInk3 : #363646;
|
||||
--sumiInk4 : #54546D;
|
||||
|
||||
/* Popup and Floats*/
|
||||
--waveBlue1 : #223249;
|
||||
--waveBlue2 : #2D4F67;
|
||||
|
||||
/* Diff and Git*/
|
||||
--winterGreen : #2B3328;
|
||||
--winterYellow : #49443C;
|
||||
--winterRed : #43242B;
|
||||
--winterBlue : #252535;
|
||||
--autumnGreen : #76946A;
|
||||
--autumnRed : #C34043;
|
||||
--autumnYellow : #DCA561;
|
||||
|
||||
/* Diag*/
|
||||
--samuraiRed : #E82424;
|
||||
--roninYellow : #FF9E3B;
|
||||
--waveAqua1 : #6A9589;
|
||||
--dragonBlue : #658594;
|
||||
|
||||
/* Fg and Comments*/
|
||||
--oldWhite : #C8C093;
|
||||
--fujiWhite : #DCD7BA;
|
||||
--fujiGray : #727169;
|
||||
--springViolet1 : #938AA9;
|
||||
|
||||
--oniViolet : #957FB8;
|
||||
--crystalBlue : #7E9CD8;
|
||||
--springViolet2 : #9CABCA;
|
||||
--springBlue : #7FB4CA;
|
||||
--lightBlue : #A3D4D5; /* unused yet*/
|
||||
--waveAqua2 : #7AA89F; /* improve lightness: desaturated greenish Aqua*/
|
||||
|
||||
--springGreen : #98BB6C;
|
||||
--boatYellow1 : #938056;
|
||||
--boatYellow2 : #C0A36E;
|
||||
--carpYellow : #E6C384;
|
||||
|
||||
--sakuraPink : #D27E99;
|
||||
--waveRed : #E46876;
|
||||
--peachRed : #FF5D62;
|
||||
--surimiOrange : #FFA066;
|
||||
--katanaGray : #717C7C;
|
||||
|
||||
/* Gruvbox from https://github.com/insanum/obsidian_gruvbox */
|
||||
--dark0-hard: #1d2021;
|
||||
--dark0: #282828;
|
||||
--dark0-soft: #32302f;
|
||||
--dark1: #3c3836;
|
||||
--dark2: #504945;
|
||||
--dark3: #665c54;
|
||||
--dark4: #7c6f64;
|
||||
|
||||
--gray: #928374;
|
||||
|
||||
--light0-hard: #f9f5d7;
|
||||
--light0: #fbf1c7;
|
||||
--light0-soft: #f2e5bc;
|
||||
--light1: #ebdbb2;
|
||||
--light2: #d5c4a1;
|
||||
--light3: #bdae93;
|
||||
--light4: #a89984;
|
||||
|
||||
--bright-red: #fb4934;
|
||||
--bright-green: #b8bb26;
|
||||
--bright-yellow: #fabd2f;
|
||||
--bright-blue: #83a598;
|
||||
--bright-purple: #d3869b;
|
||||
--bright-aqua: #8ec07c;
|
||||
--bright-orange: #fe8019;
|
||||
|
||||
--neutral-red: #cc241d;
|
||||
--neutral-green: #98971a;
|
||||
--neutral-yellow: #d79921;
|
||||
--neutral-blue: #458588;
|
||||
--neutral-purple: #b16286;
|
||||
--neutral-aqua: #689d6a;
|
||||
--neutral-orange: #d65d0e;
|
||||
|
||||
--faded-red: #9d0006;
|
||||
--faded-green: #79740e;
|
||||
--faded-yellow: #b57614;
|
||||
--faded-blue: #076678;
|
||||
--faded-purple: #8f3f71;
|
||||
--faded-aqua: #427b58;
|
||||
--faded-orange: #af3a03;
|
||||
|
||||
}
|
||||
|
||||
.theme-dark
|
||||
{
|
||||
--background-primary: var(--sumiInk1);
|
||||
--background-primary-alt: var(--sumiInk1);
|
||||
--background-secondary: var(--sumiInk1b);
|
||||
--background-secondary-alt: var(--sumiInk2);
|
||||
--text-normal: var(--fujiWhite);
|
||||
--text-faint: var(--fujiGray);
|
||||
--text-title-h1: var(--neutral-red);
|
||||
--text-title-h2: var(--neutral-orange);
|
||||
--text-title-h3: var(--neutral-yellow);
|
||||
--text-title-h4: var(--neutral-green);
|
||||
--text-title-h5: var(--neutral-aqua);
|
||||
--text-title-h6: var(--neutral-blue);
|
||||
--text-link: var(--springBlue);
|
||||
--text-a: var(--dragonBlue);
|
||||
--text-a-hover: var(--peachRed);
|
||||
--text-a-url: var(--dragonBlue); /*hover internal link, graph view link and standalone links*. External Links no*/
|
||||
--text-mark: rgba(34, 50, 73, 0.4); /* waveBlue1 */
|
||||
--pre-code: var(--sumiInk0);
|
||||
--text-highlight-bg: var(--waveBlue1);
|
||||
--interactive-accent: var(--dragonBlue); /* vim cursor background AND highilight on right*/
|
||||
--interactive-before: var(--sumiInk4);
|
||||
--background-modifier-border: var(--dragonBlue);
|
||||
--text-accent: var(--autumnGreen);
|
||||
--interactive-accent-rgb: var(--springGreen);
|
||||
--inline-code: var(--springGreen);
|
||||
--code-block: var(--fujiGray);
|
||||
--vim-cursor-backgroung: var(--fujiWhite);
|
||||
--vim-cursor-color: var(--sumiInk1);
|
||||
--text-selection: rgba(34, 50, 73, 0.5); /* waveBlue1 */
|
||||
--text-tag: var(--springViolet1);
|
||||
--task-checkbox: var(--sumiInk4);
|
||||
--table-header: hsl(0, 0%, 14%);
|
||||
--table-row-even: hsl(0, 0%, 17%);
|
||||
--table-row-odd: hsl(0, 0%, 20%);
|
||||
--table-hover: var(--sumiInk2);
|
||||
}
|
||||
|
||||
.theme-light,
|
||||
|
||||
body {
|
||||
--font-text-theme: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
||||
|
||||
--font-monospace-theme: 'Hack Nerd Font', 'Source Code Pro', ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
||||
}
|
||||
|
||||
.theme-dark code[class*="language-"],
|
||||
.theme-dark pre[class*="language-"],
|
||||
.theme-light code[class*="language-"],
|
||||
.theme-light pre[class*="language-"]
|
||||
{
|
||||
text-shadow: none !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
}
|
||||
|
||||
.graph-view.color-circle,
|
||||
.graph-view.color-fill-highlight,
|
||||
.graph-view.color-line-highlight
|
||||
{
|
||||
color: var(--interactive-accent-rgb) !important;
|
||||
}
|
||||
.graph-view.color-text
|
||||
{
|
||||
color: var(--text-a-url) !important;
|
||||
}
|
||||
/*
|
||||
.graph-view.color-fill
|
||||
{
|
||||
color: var(--background-secondary);
|
||||
}
|
||||
.graph-view.color-line
|
||||
{
|
||||
color: var(--background-modifier-border);
|
||||
}
|
||||
*/
|
||||
|
||||
html,
|
||||
body
|
||||
{
|
||||
/* font-size: 16px !important; */
|
||||
}
|
||||
|
||||
strong
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
a,
|
||||
.cm-hmd-internal-link
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.cm-hmd-internal-link:hover,
|
||||
.cm-url
|
||||
{
|
||||
color: var(--text-a-url) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
a.tag, a.tag:hover {
|
||||
color: var(--text-tag) !important;
|
||||
background-color: var(--background-secondary-alt);
|
||||
padding: 2px 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
a.tag:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
mark
|
||||
{
|
||||
background-color: var(--text-mark);
|
||||
}
|
||||
|
||||
|
||||
.titlebar {
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
.titlebar-inner {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.view-actions a
|
||||
{
|
||||
color: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.view-actions a:hover
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-bg
|
||||
{
|
||||
background-color: var(--pre-code) !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock
|
||||
{
|
||||
line-height: 1.4em !important;
|
||||
color: var(--code-block) !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-begin
|
||||
{
|
||||
border-top-left-radius: 4px !important;
|
||||
border-top-right-radius: 4px !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-end
|
||||
{
|
||||
border-bottom-left-radius: 4px !important;
|
||||
border-bottom-right-radius: 4px !important;
|
||||
}
|
||||
|
||||
table {
|
||||
border: 1px solid var(--background-secondary) !important;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 600 !important;
|
||||
border: 0px !important;
|
||||
text-align: left;
|
||||
background-color: var(--table-header);
|
||||
color: var(--neutral-green);
|
||||
}
|
||||
|
||||
td {
|
||||
border-left: 0px !important;
|
||||
border-right: 0px !important;
|
||||
border-bottom: 1px solid var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
tr:nth-child(even){ background-color: var(--table-row-even) }
|
||||
tr:nth-child(odd){ background-color: var(--table-row-odd) }
|
||||
tr:hover { background-color: var(--table-hover); }
|
||||
|
||||
thead
|
||||
{
|
||||
border-bottom: 2px solid var(--background-modifier-border) !important;
|
||||
}
|
||||
|
||||
.HyperMD-table-row
|
||||
{
|
||||
line-height: normal !important;
|
||||
padding-left: 4px !important;
|
||||
padding-right: 4px !important;
|
||||
/* background-color: var(--pre-code) !important; */
|
||||
}
|
||||
|
||||
.HyperMD-table-row-0
|
||||
{
|
||||
/* padding-top: 4px !important; */
|
||||
}
|
||||
|
||||
.CodeMirror-foldgutter-folded,
|
||||
.is-collapsed .nav-folder-collapse-indicator
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.nav-file-tag
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.is-active .nav-file-title
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
background-color: var(--background-primary-alt) !important;
|
||||
}
|
||||
|
||||
.nav-file-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;
|
||||
}
|
||||
|
||||
.HyperMD-list-line
|
||||
{
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.cm-hashtag-begin
|
||||
{
|
||||
color: var(--text-tag) !important;
|
||||
background-color: var(--background-secondary-alt);
|
||||
padding: 2px 0 2px 4px;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.cm-hashtag-end
|
||||
{
|
||||
color: var(--text-tag) !important;
|
||||
background-color: var(--background-secondary-alt);
|
||||
padding: 2px 4px 2px 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.cm-hashtag-begin:hover, .cm-hashtag-end:hover
|
||||
{
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
.markdown-preview-section pre code,
|
||||
.markdown-preview-section code
|
||||
{
|
||||
font-size: 0.9em !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
}
|
||||
|
||||
.markdown-preview-section pre code
|
||||
{
|
||||
padding: 4px !important;
|
||||
line-height: 1.4em !important;
|
||||
display: block !important;
|
||||
color: var(--code-block) !important;
|
||||
}
|
||||
|
||||
.markdown-preview-section code
|
||||
{
|
||||
color: var(--inline-code) !important;
|
||||
}
|
||||
|
||||
.cm-s-obsidian,
|
||||
.cm-inline-code
|
||||
{
|
||||
-webkit-font-smoothing: auto !important;
|
||||
}
|
||||
|
||||
.cm-inline-code
|
||||
{
|
||||
color: var(--inline-code) !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
padding: 1px !important;
|
||||
}
|
||||
|
||||
.workspace-leaf-header-title
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.side-dock-title
|
||||
{
|
||||
padding-top: 15px !important;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.side-dock-ribbon-tab:hover,
|
||||
.side-dock-ribbon-action:hover,
|
||||
.side-dock-ribbon-action.is-active:hover,
|
||||
.nav-action-button:hover,
|
||||
.side-dock-collapse-btn:hover
|
||||
{
|
||||
color: var(--text-a);
|
||||
}
|
||||
|
||||
.side-dock
|
||||
{
|
||||
border-right: 0 !important;
|
||||
}
|
||||
|
||||
/* 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(--background-secondary-alt);
|
||||
}
|
||||
|
||||
/* horizontal resize-handle */
|
||||
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle
|
||||
{
|
||||
height: 1px !important;
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
/* Remove vertical split padding */
|
||||
.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;
|
||||
}
|
||||
|
||||
.markdown-embed-title
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.markdown-embed
|
||||
{
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
margin-left: 10px !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.cm-header-1.cm-link,
|
||||
h1 a
|
||||
{
|
||||
color: var(--text-title-h1) !important;
|
||||
}
|
||||
|
||||
.cm-header-2.cm-link,
|
||||
h2 a
|
||||
{
|
||||
color: var(--text-title-h2) !important;
|
||||
}
|
||||
|
||||
.cm-header-3.cm-link,
|
||||
h3 a
|
||||
{
|
||||
color: var(--text-title-h3) !important;
|
||||
}
|
||||
.cm-header-4.cm-link,
|
||||
h4 a
|
||||
{
|
||||
color: var(--text-title-h4) !important;
|
||||
}
|
||||
.cm-header-5.cm-link,
|
||||
h5 a
|
||||
{
|
||||
color: var(--text-title-h5) !important;
|
||||
}
|
||||
.cm-header-6.cm-link,
|
||||
h6 a
|
||||
{
|
||||
color: var(--text-title-h6) !important;
|
||||
}
|
||||
|
||||
.cm-header {
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.HyperMD-header-1,
|
||||
.markdown-preview-section h1
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 2.2em !important;
|
||||
color: var(--text-title-h1) !important;
|
||||
}
|
||||
|
||||
.HyperMD-header-2,
|
||||
.markdown-preview-section h2
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 2.0em !important;
|
||||
color: var(--text-title-h2) !important;
|
||||
}
|
||||
|
||||
.HyperMD-header-3,
|
||||
.markdown-preview-section h3
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 1.8em !important;
|
||||
color: var(--text-title-h3) !important;
|
||||
}
|
||||
|
||||
.HyperMD-header-4,
|
||||
.markdown-preview-section h4
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 1.6em !important;
|
||||
color: var(--text-title-h4) !important;
|
||||
}
|
||||
|
||||
.HyperMD-header-5,
|
||||
.markdown-preview-section h5
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 1.4em !important;
|
||||
color: var(--text-title-h5) !important;
|
||||
}
|
||||
|
||||
.HyperMD-header-6,
|
||||
.markdown-preview-section h6
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 1.2em !important;
|
||||
color: var(--text-title-h6) !important;
|
||||
}
|
||||
|
||||
.suggestion-item.is-selected
|
||||
{
|
||||
background-color: var(--background-secondary);
|
||||
}
|
||||
|
||||
.empty-state-action:hover
|
||||
{
|
||||
color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.empty-state-action:hover
|
||||
{
|
||||
color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.checkbox-container
|
||||
{
|
||||
background-color: var(--interactive-before);
|
||||
}
|
||||
|
||||
.checkbox-container:after
|
||||
{
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
.mod-cta
|
||||
{
|
||||
color: var(--background-secondary-alt) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.mod-cta a
|
||||
{
|
||||
color: var(--background-secondary-alt) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.mod-cta:hover
|
||||
{
|
||||
background-color: var(--interactive-before) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.CodeMirror-cursor
|
||||
{
|
||||
background-color: var(--vim-cursor-background) !important;
|
||||
color: var(--vim-cursor-color) !important;
|
||||
opacity: 60% !important;
|
||||
}
|
||||
|
||||
input.task-list-item-checkbox {
|
||||
border: 1px solid var(--task-checkbox);
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
input.task-list-item-checkbox:checked
|
||||
{
|
||||
background-color: var(--task-checkbox);
|
||||
box-shadow: inset 0 0 0 2px var(--background-primary);
|
||||
}
|
||||
|
||||
::selection
|
||||
{
|
||||
background-color: var(--text-selection) !important;
|
||||
}
|
||||
|
||||
.mermaid .note
|
||||
{
|
||||
fill: var(--dark3) !important;
|
||||
}
|
||||
|
||||
BIN
.obsidian/themes/Maple/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Maple/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Maple/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Maple/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Maple/manifest.json
vendored
Normal file
7
.obsidian/themes/Maple/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Maple",
|
||||
"version": "0.8.8",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "subframe7536",
|
||||
"authorUrl": "https://github.com/subframe7536"
|
||||
}
|
||||
6433
.obsidian/themes/Maple/theme.css
vendored
Normal file
6433
.obsidian/themes/Maple/theme.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
.obsidian/themes/Material Gruvbox/manifest.json
vendored
Normal file
7
.obsidian/themes/Material Gruvbox/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Material Gruvbox",
|
||||
"version": "1.1.0",
|
||||
"minAppVersion": "0.15.0",
|
||||
"author": "AllJavi",
|
||||
"authorUrl": "https://github.com/AllJavi"
|
||||
}
|
||||
814
.obsidian/themes/Material Gruvbox/theme.css
vendored
Normal file
814
.obsidian/themes/Material Gruvbox/theme.css
vendored
Normal file
@@ -0,0 +1,814 @@
|
||||
:root {
|
||||
/* DEFAULTS */
|
||||
--dark0-hard-x: 29,32,33;
|
||||
--dark0-hard: rgb(var(--dark0-hard-x));
|
||||
--dark0-x: 40,40,40;
|
||||
--dark0: rgb(var(--dark0-x));
|
||||
--dark0-soft-x: 50,48,47;
|
||||
--dark0-soft: rgb(var(--dark0-soft-x));
|
||||
--dark1-x: 60,56,54;
|
||||
--dark1: rgb(var(--dark1-x));
|
||||
--dark2-x: 80,73,69;
|
||||
--dark2: rgb(var(--dark2-x));
|
||||
--dark3-x: 102,92,84;
|
||||
--dark3: rgb(var(--dark3-x));
|
||||
--dark4-x: 124,111,100;
|
||||
--dark4: rgb(var(--dark4-x));
|
||||
--gray-x: 146,131,116;
|
||||
--gray: rgb(var(--gray-x));
|
||||
--dark-text-x: 101,71,53;
|
||||
--dark-text: rgb(var(--dark-text-x));
|
||||
--dark-text-faint-x: 179,126,93;
|
||||
--dark-text-faint: rgb(var(--dark-text-faint-x));
|
||||
--dark-text-muted-x: 115,81,69;
|
||||
--dark-text-muted: rgb(var(--dark-text-muted-x));
|
||||
|
||||
--light0-hard-x: 249,245,215;
|
||||
--light0-hard: rgb(var(--light0-hard-x));
|
||||
--light0-x: 251,241,199;
|
||||
--light0: rgb(var(--light0-x));
|
||||
--light0-soft-x: 242,229,188;
|
||||
--light0-soft: rgb(var(--light0-soft-x));
|
||||
--light1-x: 235,219,178;
|
||||
--light1: rgb(var(--light1-x));
|
||||
--light2-x: 213,196,161;
|
||||
--light2: rgb(var(--light2-x));
|
||||
--light3-x: 189,174,147;
|
||||
--light3: rgb(var(--light3-x));
|
||||
--light4-x: 168,153,132;
|
||||
--light4: rgb(var(--light4-x));
|
||||
--light-text-x: 212,190,152;
|
||||
--light-text: rgb(var(--light-text-x));
|
||||
|
||||
--neutral-red-x: 234,105,98;
|
||||
--neutral-red: rgb(var(--neutral-red-x));
|
||||
--neutral-green-x: 169,182,101;
|
||||
--neutral-green: rgb(var(--neutral-green-x));
|
||||
--neutral-yellow-x: 231,138,78;
|
||||
--neutral-yellow: rgb(var(--neutral-yellow-x));
|
||||
--neutral-blue-x: 125,174,163;
|
||||
--neutral-blue: rgb(var(--neutral-blue-x));
|
||||
--neutral-purple-x: 211,134,155;
|
||||
--neutral-purple: rgb(var(--neutral-purple-x));
|
||||
--neutral-aqua-x: 137,180,130;
|
||||
--neutral-aqua: rgb(var(--neutral-aqua-x));
|
||||
|
||||
--faded-red-x: 193,74,74;
|
||||
--faded-red: rgb(var(--faded-red-x));
|
||||
--faded-green-x: 108,120,46;
|
||||
--faded-green: rgb(var(--faded-green-x));
|
||||
--faded-yellow-x: 195,94,10;
|
||||
--faded-yellow: rgb(var(--faded-yellow-x));
|
||||
--faded-blue-x: 69,112,122;
|
||||
--faded-blue: rgb(var(--faded-blue-x));
|
||||
--faded-purple-x: 148,94,128;
|
||||
--faded-purple: rgb(var(--faded-purple-x));
|
||||
--faded-aqua-x: 76,122,93;
|
||||
--faded-aqua: rgb(var(--faded-aqua-x));
|
||||
|
||||
/* @settings
|
||||
name: Gruvbox Material Color Overrides
|
||||
id: gruvbox-material-theme-override
|
||||
settings:
|
||||
- id: section-dark
|
||||
title: Dark Theme
|
||||
type: heading
|
||||
level: 2
|
||||
collapsed: true
|
||||
|
||||
- id: dark0-hard
|
||||
title: Dark 0 Hard
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#1d2021'
|
||||
alt-format:
|
||||
- id: dark0-hard-x
|
||||
format: hex
|
||||
|
||||
- id: dark0
|
||||
title: Dark 0
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#282828'
|
||||
alt-format:
|
||||
- id: dark0-x
|
||||
format: hex
|
||||
|
||||
- id: dark0-soft
|
||||
title: Dark 0 Soft
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#282828'
|
||||
alt-format:
|
||||
- id: dark0-soft-x
|
||||
format: hex
|
||||
|
||||
- id: dark1
|
||||
title: Dark 1
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#3c3836'
|
||||
alt-format:
|
||||
- id: dark1-x
|
||||
format: hex
|
||||
|
||||
- id: dark2
|
||||
title: Dark 2
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#504945'
|
||||
alt-format:
|
||||
- id: dark2-x
|
||||
format: hex
|
||||
|
||||
- id: dark3
|
||||
title: Dark 3
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#665c54'
|
||||
alt-format:
|
||||
- id: dark3-x
|
||||
format: hex
|
||||
|
||||
- id: dark4
|
||||
title: Dark 4
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#7c6f64'
|
||||
alt-format:
|
||||
- id: dark4-x
|
||||
format: hex
|
||||
|
||||
- id: section-light
|
||||
title: Light Theme
|
||||
type: heading
|
||||
level: 2
|
||||
collapsed: true
|
||||
|
||||
- id: light0-hard
|
||||
title: Light 0 Hard
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#f9f5d7'
|
||||
alt-format:
|
||||
- id: light0-hard-x
|
||||
format: hex
|
||||
|
||||
- id: light0
|
||||
title: Light 0
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#fbf1c7'
|
||||
alt-format:
|
||||
- id: light0-x
|
||||
format: hex
|
||||
|
||||
- id: light0-soft
|
||||
title: Light 0 Soft
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#f2e5bc'
|
||||
alt-format:
|
||||
- id: light0-soft-x
|
||||
format: hex
|
||||
|
||||
- id: light1
|
||||
title: Light 1
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#ebdbb2'
|
||||
alt-format:
|
||||
- id: light1-x
|
||||
format: hex
|
||||
|
||||
- id: light2
|
||||
title: Light 2
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#d5c4a1'
|
||||
alt-format:
|
||||
- id: light2-x
|
||||
format: hex
|
||||
|
||||
- id: light3
|
||||
title: Light 3
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#bdae93'
|
||||
alt-format:
|
||||
- id: light3-x
|
||||
format: hex
|
||||
|
||||
- id: light4
|
||||
title: Light 4
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#a89984'
|
||||
alt-format:
|
||||
- id: light4-x
|
||||
format: hex
|
||||
|
||||
- id: section-general
|
||||
title: General Colors
|
||||
type: heading
|
||||
level: 2
|
||||
collapsed: false
|
||||
|
||||
- id: gray
|
||||
title: Gray
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#928374'
|
||||
alt-format:
|
||||
- id: gray-x
|
||||
format: hex
|
||||
|
||||
- id: section-general-text
|
||||
title: Text Colors
|
||||
type: heading
|
||||
level: 3
|
||||
collapsed: true
|
||||
|
||||
- id: dark-text
|
||||
title: Dark Text
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#654735'
|
||||
alt-format:
|
||||
- id: dark-text-x
|
||||
format: hex
|
||||
|
||||
- id: dark-text-faint
|
||||
title: Dark Text Faint
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#b37e5d'
|
||||
|
||||
- id: dark-text-muted
|
||||
title: Dark Text Muted
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#73513c'
|
||||
alt-format:
|
||||
- id: dark-text-muted-x
|
||||
format: hex
|
||||
|
||||
- id: light-text
|
||||
title: Light Text
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#d4be98'
|
||||
alt-format:
|
||||
- id: light-text-x
|
||||
format: hex
|
||||
|
||||
- id: light-text-faint
|
||||
title: Light Text Faint
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#b37e5d'
|
||||
alt-format:
|
||||
- id: light-text-faint-x
|
||||
format: hex
|
||||
|
||||
- id: light-text-muted
|
||||
title: Light Text Muted
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#73513c'
|
||||
alt-format:
|
||||
- id: light-text-muted-x
|
||||
format: hex
|
||||
|
||||
- id: section-general-neutral
|
||||
title: Neutral Colors
|
||||
type: heading
|
||||
level: 3
|
||||
collapsed: true
|
||||
|
||||
- id: neutral-red
|
||||
title: Red
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#ea6962'
|
||||
alt-format:
|
||||
- id: neutral-red-x
|
||||
format: hex
|
||||
|
||||
- id: neutral-green
|
||||
title: Green
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#a9b665'
|
||||
alt-format:
|
||||
- id: neutral-green-x
|
||||
format: hex
|
||||
|
||||
- id: neutral-yellow
|
||||
title: Yellow
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#e78a4e'
|
||||
alt-format:
|
||||
- id: neutral-yellow-x
|
||||
format: hex
|
||||
|
||||
- id: neutral-blue
|
||||
title: Blue
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#7daea3'
|
||||
alt-format:
|
||||
- id: neutral-blue-x
|
||||
format: hex
|
||||
|
||||
- id: neutral-purple
|
||||
title: Purple
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#d3869b'
|
||||
alt-format:
|
||||
- id: neutral-purple-x
|
||||
format: hex
|
||||
|
||||
- id: neutral-aqua
|
||||
title: Aqua
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#89b482'
|
||||
alt-format:
|
||||
- id: neutral-aqua-x
|
||||
format: hex
|
||||
|
||||
- id: section-general-faded
|
||||
title: Faded Colors
|
||||
type: heading
|
||||
level: 3
|
||||
collapsed: true
|
||||
|
||||
- id: faded-red
|
||||
title: Red
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#c14a4a'
|
||||
alt-format:
|
||||
- id: faded-red-x
|
||||
format: hex
|
||||
|
||||
- id: faded-green
|
||||
title: Green
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#6c782e'
|
||||
alt-format:
|
||||
- id: faded-green-x
|
||||
format: hex
|
||||
|
||||
- id: faded-yellow
|
||||
title: Yellow
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#c35e0a'
|
||||
alt-format:
|
||||
- id: faded-yellow-x
|
||||
format: hex
|
||||
|
||||
- id: faded-blue
|
||||
title: Blue
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#45707a'
|
||||
alt-format:
|
||||
- id: faded-blue-x
|
||||
format: hex
|
||||
|
||||
- id: faded-purple
|
||||
title: Purple
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#945e80'
|
||||
alt-format:
|
||||
- id: faded-purple-x
|
||||
format: hex
|
||||
|
||||
- id: faded-aqua
|
||||
title: Aqua
|
||||
type: variable-color
|
||||
format: rgb
|
||||
default: '#4c7a5d'
|
||||
alt-format:
|
||||
- id: faded-aqua-x
|
||||
format: hex
|
||||
*/
|
||||
}
|
||||
|
||||
body {
|
||||
--accent-h: 166; /* --neutral-blue #7daea3 */
|
||||
--accent-s: 23%;
|
||||
--accent-l: 58%;
|
||||
|
||||
--link-decoration: none;
|
||||
--link-decoration-hover: none;
|
||||
--link-external-decoration: none;
|
||||
--link-external-decoration-hover: none;
|
||||
|
||||
--tag-decoration: none;
|
||||
--tag-decoration-hover: underline;
|
||||
--tag-padding-x: .5em;
|
||||
--tag-padding-y: .2em;
|
||||
--tag-radius: .5em;
|
||||
|
||||
--tab-font-weight: 600;
|
||||
--bold-weight: 600;
|
||||
|
||||
--checkbox-radius: 0;
|
||||
|
||||
/* --list-indent: 2em; */
|
||||
|
||||
--embed-border-left: 6px double var(--interactive-accent);
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
--color-red-rgb: var(--neutral-red-x);
|
||||
--color-red: var(--neutral-red);
|
||||
--color-purple-rgb: var(--neutral-purple-x);
|
||||
--color-purple: var(--neutral-purple);
|
||||
--color-green-rgb: var(--neutral-green-x);
|
||||
--color-green: var(--neutral-green);
|
||||
--color-cyan-rgb: var(--neutral-blue-x);
|
||||
--color-cyan: var(--neutral-blue);
|
||||
--color-blue-rgb: var(--faded-blue-x);
|
||||
--color-blue: var(--faded-blue);
|
||||
--color-yellow-rgb: var(--neutral-yellow-x);
|
||||
--color-yellow: var(--neutral-yellow);
|
||||
--color-orange-rgb: var(--faded-yellow-x);
|
||||
--color-orange: var(--faded-yellow);
|
||||
--color-pink-rgb: var(--neutral-purple-x);
|
||||
--color-pink: var(--neutral-purple);
|
||||
|
||||
--background-primary: var(--dark0);
|
||||
--background-primary-alt: var(--dark0-soft);
|
||||
--background-secondary: var(--dark0-hard);
|
||||
--background-secondary-alt: var(--dark1);
|
||||
--background-modifier-border: var(--dark1);
|
||||
--background-accent: var(--dark0-soft);
|
||||
|
||||
--cursor-line-background: rgba(var(--dark1-x), 0.5);
|
||||
|
||||
--text-normal: var(--light-text);
|
||||
--text-faint: var(--light1);
|
||||
--text-muted: var(--light2);
|
||||
|
||||
--h1-color: var(--neutral-red);
|
||||
--h2-color: var(--neutral-yellow);
|
||||
--h3-color: var(--neutral-green);
|
||||
--h4-color: var(--neutral-aqua);
|
||||
--h5-color: var(--neutral-blue);
|
||||
--h6-color: var(--neutral-purple);
|
||||
|
||||
--text-highlight-bg: var(--neutral-yellow);
|
||||
--text-highlight-fg: var(--dark0-hard);
|
||||
|
||||
--text-accent: var(--neutral-yellow);
|
||||
--text-accent-hover: var(--faded-yellow);
|
||||
|
||||
--tag-color: var(--neutral-aqua);
|
||||
--tag-background: var(--dark2);
|
||||
--tag-background-hover: var(--dark1);
|
||||
|
||||
--titlebar-text-color-focused: var(--neutral-red);
|
||||
|
||||
--inline-title-color: var(--neutral-yellow);
|
||||
|
||||
--bold-color: var(--neutral-yellow);
|
||||
--italic-color: var(--neutral-yellow);
|
||||
|
||||
--checkbox-color: var(--light4);
|
||||
--checkbox-color-hover: var(--light4);
|
||||
--checkbox-border-color: var(--light4);
|
||||
--checkbox-border-color-hover: var(--light4);
|
||||
--checklist-done-color: rgba(var(--light2-x), 0.5);
|
||||
|
||||
--table-header-background: rgba(var(--dark0-x), 0.2);
|
||||
--table-header-background-hover: var(--dark2);
|
||||
--table-row-even-background: rgba(var(--dark2-x), 0.2);
|
||||
--table-row-odd-background: rgba(var(--dark2-x), 0.4);
|
||||
--table-row-background-hover: var(--dark2);
|
||||
|
||||
--text-selection: rgba(var(--neutral-red-x), 0.6);
|
||||
--flashing-background: rgba(var(--neutral-red-x), 0.3);
|
||||
|
||||
--code-normal: var(--neutral-blue);
|
||||
--code-background: var(--dark1);
|
||||
|
||||
--mermaid-note: var(--neutral-blue);
|
||||
--mermaid-actor: var(--dark2);
|
||||
--mermaid-loopline: var(--neutral-blue);
|
||||
|
||||
--icon-color-hover: var(--neutral-red);
|
||||
--icon-color-focused: var(--neutral-blue);
|
||||
|
||||
--nav-item-color-hover: var(--neutral-red);
|
||||
--nav-item-color-active: var(--neutral-aqua);
|
||||
--nav-file-tag: rgba(var(--neutral-yellow-x), 0.9);
|
||||
|
||||
--graph-line: var(--dark2);
|
||||
--graph-node: var(--light3);
|
||||
--graph-node-tag: var(--neutral-red);
|
||||
--graph-node-attachment: var(--neutral-green);
|
||||
|
||||
--calendar-hover: var(--neutral-red);
|
||||
--calendar-background-hover: var(--dark1);
|
||||
--calendar-week: var(--neutral-orange);
|
||||
--calendar-today: var(--neutral-orange);
|
||||
|
||||
--dataview-key: var(--text-faint);
|
||||
--dataview-key-background: rgba(var(--faded-red-x), 0.5);
|
||||
--dataview-value: var(--text-faint);
|
||||
--dataview-value-background: rgba(var(--neutral-green-x), 0.3);
|
||||
|
||||
--tab-text-color-focused-active: var(--neutral-yellow);
|
||||
--tab-text-color-focused-active-current: var(--neutral-red);
|
||||
}
|
||||
|
||||
.theme-light {
|
||||
--color-red-rgb: var(--faded-red-x);
|
||||
--color-red: var(--faded-red);
|
||||
--color-purple-rgb: var(--faded-purple-x);
|
||||
--color-purple: var(--faded-purple);
|
||||
--color-green-rgb: var(--faded-green-x);
|
||||
--color-green: var(--faded-green);
|
||||
--color-cyan-rgb: var(--neutral-blue-x);
|
||||
--color-cyan: var(--neutral-blue);
|
||||
--color-blue-rgb: var(--faded-blue-x);
|
||||
--color-blue: var(--faded-blue);
|
||||
--color-yellow-rgb: var(--neutral-yellow-x);
|
||||
--color-yellow: var(--neutral-yellow);
|
||||
--color-orange-rgb: var(--faded-yellow-x);
|
||||
--color-orange: var(--faded-yellow);
|
||||
--color-pink-rgb: var(--faded-purple-x);
|
||||
--color-pink: var(--faded-purple);
|
||||
|
||||
--background-primary: var(--light0-hard);
|
||||
--background-primary-alt: var(--light0-hard);
|
||||
--background-secondary: var(--light1);
|
||||
--background-secondary-alt: var(--light1);
|
||||
--background-modifier-border: var(--light2);
|
||||
--background-accent: var(--light0-soft);
|
||||
|
||||
--cursor-line-background: rgba(var(--light1-x), 0.5);
|
||||
|
||||
--text-normal: var(--dark-text);
|
||||
--text-faint: var(--dark-text-faint);
|
||||
--text-muted: var(--dark-text-muted);
|
||||
|
||||
--h1-color: var(--faded-red);
|
||||
--h2-color: var(--faded-yellow);
|
||||
--h3-color: var(--faded-green);
|
||||
--h4-color: var(--faded-aqua);
|
||||
--h5-color: var(--faded-blue);
|
||||
--h6-color: var(--faded-purple);
|
||||
|
||||
--text-highlight-bg: var(--faded-yellow);
|
||||
--text-highlight-fg: var(--light0-hard);
|
||||
|
||||
--text-accent: var(--neutral-yellow);
|
||||
--text-accent-hover: var(--faded-yellow);
|
||||
|
||||
--tag-color: var(--faded-aqua);
|
||||
--tag-background: var(--light1);
|
||||
--tag-background-hover: rgba(var(--light1-x), 0.6);
|
||||
|
||||
--titlebar-text-color-focused: var(--bright-red);
|
||||
|
||||
--inline-title-color: var(--neutral-yellow);
|
||||
|
||||
--bold-color: var(--faded-yellow);
|
||||
--italic-color: var(--faded-yellow);
|
||||
|
||||
--checkbox-color: var(--light4);
|
||||
--checkbox-color-hover: var(--light4);
|
||||
--checkbox-border-color: var(--light4);
|
||||
--checkbox-border-color-hover: var(--light4);
|
||||
--checklist-done-color: rgba(var(--dark2-x), 0.4);
|
||||
|
||||
--table-header-background: rgba(var(--light3-x), 0.4);
|
||||
--table-header-background-hover: var(--light2);
|
||||
--table-row-even-background: rgba(var(--light1-x), 0.2);
|
||||
--table-row-odd-background: rgba(var(--light1-x), 0.7);
|
||||
--table-row-background-hover: var(--light2);
|
||||
|
||||
--text-selection: rgba(var(--neutral-red-x), 0.6);
|
||||
--flashing-background: rgba(var(--neutral-red-x), 0.3);
|
||||
|
||||
--code-normal: var(--neutral-blue);
|
||||
--code-background: var(--light1);
|
||||
|
||||
--mermaid-note: var(--neutral-blue);
|
||||
--mermaid-actor: var(--light3);
|
||||
--mermaid-loopline: var(--faded-blue);
|
||||
|
||||
--icon-color-hover: var(--neutral-red);
|
||||
--icon-color-focused: var(--neutral-blue);
|
||||
|
||||
--nav-item-color-hover: var(--neutral-red);
|
||||
--nav-item-color-active: var(--faded-blue);
|
||||
--nav-file-tag: rgba(var(--faded-blue-x), 0.9);
|
||||
|
||||
--graph-line: var(--light3);
|
||||
--graph-node: var(--gray);
|
||||
--graph-node-tag: var(--faded-red);
|
||||
--graph-node-attachment: var(--neutral-green);
|
||||
|
||||
--calendar-hover: var(--neutral-red);
|
||||
--calendar-background-hover: var(--light1);
|
||||
--calendar-week: var(--neutral-red);
|
||||
--calendar-today: var(--neutral-red);
|
||||
|
||||
--dataview-key: var(--text-faint);
|
||||
--dataview-key-background: rgba(var(--faded-red-x), 0.3);
|
||||
--dataview-value: var(--text-faint);
|
||||
--dataview-value-background: rgba(var(--neutral-green-x), 0.2);
|
||||
|
||||
--tab-text-color-focused-active: var(--neutral-yellow);
|
||||
--tab-text-color-focused-active-current: var(--neutral-red);
|
||||
}
|
||||
|
||||
table {
|
||||
border: 1px solid var(--background-secondary) !important;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: 2px solid var(--background-modifier-border) !important;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 600 !important;
|
||||
border: 1px solid var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
td {
|
||||
border-left: 1px solid var(--background-secondary) !important;
|
||||
border-right: 1px solid var(--background-secondary) !important;
|
||||
border-bottom: 1px solid var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered tbody tr:nth-child(even) {
|
||||
background-color: var(--table-row-even-background) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered tbody tr:nth-child(odd) {
|
||||
background-color: var(--table-row-odd-background) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered tbody tr:nth-child(even):hover,
|
||||
.markdown-rendered tbody tr:nth-child(odd):hover
|
||||
{
|
||||
background-color: var(--table-row-background-hover) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered mark {
|
||||
background-color: var(--text-highlight-bg) !important;
|
||||
color: var(--text-highlight-fg) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered mark a {
|
||||
color: var(--red) !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.search-result-file-matched-text {
|
||||
color: var(--text-highlight-fg) !important;
|
||||
}
|
||||
|
||||
.cm-hashtag-begin:hover,
|
||||
.cm-hashtag-end:hover
|
||||
{
|
||||
color: var(--text-accent);
|
||||
/* background-color: var(--tag-background-hover); */
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
border: 1px solid var(--checkbox-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked {
|
||||
background-color: var(--checkbox-color);
|
||||
box-shadow: inset 0 0 0 2px var(--background-primary);
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"]
|
||||
{
|
||||
line-height: var(--line-height-tight) !important;
|
||||
}
|
||||
|
||||
/* Keep highlight/marks the same between viewer and editor. */
|
||||
.cm-highlight {
|
||||
color: var(--text-highlight-fg) !important;
|
||||
}
|
||||
|
||||
/* Keep inline code the same between viewer and editor. */
|
||||
.cm-inline-code {
|
||||
border-radius: var(--radius-s);
|
||||
font-size: var(--code-size);
|
||||
padding: 0.1em 0.25em;
|
||||
}
|
||||
|
||||
/* Keep list bullet padding the same between viewer and editor. */
|
||||
.cm-formatting-list {
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
Keep sub-list indenting the same between viewer and editor.
|
||||
This assumes --list-indent is default at 2em.
|
||||
*/
|
||||
/*
|
||||
.cm-indent
|
||||
{
|
||||
text-indent: 1em !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.mermaid .note {
|
||||
fill: var(--mermaid-note) !important;
|
||||
}
|
||||
|
||||
.mermaid .actor {
|
||||
fill: var(--mermaid-actor) !important;
|
||||
}
|
||||
|
||||
.mermaid .loopLine {
|
||||
stroke: var(--mermaid-loopline) !important;
|
||||
}
|
||||
|
||||
.calendar .week-num {
|
||||
color: var(--calendar-week) !important;
|
||||
}
|
||||
|
||||
.calendar .today {
|
||||
color: var(--calendar-today) !important;
|
||||
}
|
||||
|
||||
.calendar .week-num:hover,
|
||||
.calendar .day:hover
|
||||
{
|
||||
color: var(--calendar-hover) !important;
|
||||
background-color: var(--calendar-background-hover) !important;
|
||||
}
|
||||
|
||||
.markdown-embed-title {
|
||||
color: var(--yellow);
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.cm-active {
|
||||
background-color: var(--cursor-line-background) !important;
|
||||
}
|
||||
|
||||
.nav-file-tag {
|
||||
color: var(--nav-file-tag) !important;
|
||||
}
|
||||
|
||||
.is-flashing {
|
||||
background-color: var(--flashing-background) !important;
|
||||
}
|
||||
|
||||
.dataview.inline-field-key {
|
||||
border-top-left-radius: var(--radius-s);
|
||||
border-bottom-left-radius: var(--radius-s);
|
||||
padding-left: 4px;
|
||||
font-family: var(--font-monospace);
|
||||
font-size: var(--font-smaller);
|
||||
color: var(--dataview-key) !important;
|
||||
background-color: var(--dataview-key-background) !important;
|
||||
}
|
||||
|
||||
.dataview.inline-field-value {
|
||||
border-top-right-radius: var(--radius-s);
|
||||
border-bottom-right-radius: var(--radius-s);
|
||||
padding-right: 4px;
|
||||
font-family: var(--font-monospace);
|
||||
font-size: var(--font-smaller);
|
||||
color: var(--dataview-value) !important;
|
||||
background-color: var(--dataview-value-background) !important;
|
||||
}
|
||||
|
||||
.suggestion-highlight {
|
||||
color: var(--bright-red);
|
||||
}
|
||||
|
||||
.cm-line .cm-strong {
|
||||
color: var(--bold-color) !important;
|
||||
}
|
||||
|
||||
.cm-line .cm-em {
|
||||
color: var(--italic-color) !important;
|
||||
}
|
||||
BIN
.obsidian/themes/Minimal/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Minimal/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Minimal/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Minimal/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Minimal/manifest.json
vendored
Normal file
7
.obsidian/themes/Minimal/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Minimal",
|
||||
"version": "6.0.13",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "@kepano",
|
||||
"authorUrl": "https://twitter.com/kepano"
|
||||
}
|
||||
1702
.obsidian/themes/Minimal/theme.css
vendored
Normal file
1702
.obsidian/themes/Minimal/theme.css
vendored
Normal file
File diff suppressed because one or more lines are too long
252
.obsidian/themes/Monokai.css
vendored
Normal file
252
.obsidian/themes/Monokai.css
vendored
Normal file
@@ -0,0 +1,252 @@
|
||||
|
||||
:root
|
||||
{
|
||||
--dark0: #2d2a2e;
|
||||
--dark1: #221f22;
|
||||
|
||||
--accent: #c1c0c0;
|
||||
|
||||
--plainwhite: white;
|
||||
|
||||
--light0: #d8dee9;
|
||||
--light1: #e5e9f0;
|
||||
--light2: #eceff4;
|
||||
|
||||
--red: #ff6188;
|
||||
--orange: #fc9867;
|
||||
--yellow: #ebcb8b;
|
||||
--green: #a9dc76;
|
||||
--blue: #78dce8;
|
||||
--purple: #ab9df2;
|
||||
}
|
||||
|
||||
.theme-dark,
|
||||
.theme-light
|
||||
{
|
||||
--font-monospace: 'Ubunut Mono', monospace;
|
||||
--background-primary: var(--dark0);
|
||||
--background-primary-alt: var(--dark0);
|
||||
--background-secondary: var(--dark1);
|
||||
--background-secondary-alt: var(--dark1);
|
||||
--text-normal: var(--plainwhite);
|
||||
--text-faint: var(--light0);
|
||||
--text-muted: var(--light1);
|
||||
--text-title-h1: var(--red);
|
||||
--text-title-h2: var(--orange);
|
||||
--text-title-h3: var(--yellow);
|
||||
--text-title-h4: var(--green);
|
||||
--text-title-h5: var(--purple);
|
||||
--text-link: var(--yellow);
|
||||
--text-a: var(--purple);
|
||||
--text-a-hover: var(--light0);
|
||||
--text-mark: var(--yellow);
|
||||
--pre-code: var(--dark1);
|
||||
--interactive-accent: var(--accent);
|
||||
--interactive-before: var(--dark0);
|
||||
--background-modifier-border: var(--dark1);
|
||||
--text-accent: var(--orange);
|
||||
--interactive-accent-rgb: var(--orange);
|
||||
--inline-code: var(--red);
|
||||
--code-block: var(--red);
|
||||
--vim-cursor: var(--light0);
|
||||
|
||||
/* --text-highlight-bg: none; */
|
||||
}
|
||||
|
||||
.markdown-source-view { font-family: "jetbrains mono ", monospace; }
|
||||
|
||||
.theme-dark code[class*="language-"],
|
||||
.theme-dark pre[class*="language-"],
|
||||
.theme-light code[class*="language-"],
|
||||
.theme-light pre[class*="language-"]
|
||||
{
|
||||
text-shadow: none !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
}
|
||||
|
||||
.graph-view.color-circle,
|
||||
.graph-view.color-fill-highlight,
|
||||
.graph-view.color-line-highlight
|
||||
{
|
||||
color: var(--interactive-accent-rgb) !important;
|
||||
}
|
||||
.graph-view.color-text
|
||||
{
|
||||
color: var(--text-a-hover) !important;
|
||||
}
|
||||
|
||||
html,
|
||||
body
|
||||
{
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
strong
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
a,
|
||||
.cm-hmd-internal-link
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.cm-hmd-internal-link:hover,
|
||||
.cm-url
|
||||
{
|
||||
color: var(--text-a-hover) !important;
|
||||
}
|
||||
|
||||
|
||||
.view-actions a
|
||||
{
|
||||
color: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.view-actions a:hover
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
.HyperMD-codeblock
|
||||
{
|
||||
line-height: 1.4em !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
color: var(--code-block) !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-begin
|
||||
{
|
||||
border-top-left-radius: 4px !important;
|
||||
border-top-right-radius: 4px !important;
|
||||
}
|
||||
|
||||
.HyperMD-codeblock-end
|
||||
{
|
||||
border-bottom-left-radius: 4px !important;
|
||||
border-bottom-right-radius: 4px !important;
|
||||
}
|
||||
|
||||
|
||||
.CodeMirror-foldgutter-folded,
|
||||
.is-collapsed .nav-folder-collapse-indicator
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.nav-file-tag
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
}
|
||||
|
||||
.is-active .nav-file-title
|
||||
{
|
||||
color: var(--text-a) !important;
|
||||
background-color: var(--background-primary-alt) !important;
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber,
|
||||
.cm-formatting
|
||||
{
|
||||
font-family: var(--font-monospace) !important;
|
||||
}
|
||||
|
||||
.cm-formatting.cm-formatting-task.cm-meta {
|
||||
color: darkgray;
|
||||
}
|
||||
|
||||
.cm-hmd-table-sep { color: darkgray !important; }
|
||||
|
||||
[role=presentaton] {
|
||||
color: darkgray !important;
|
||||
}
|
||||
|
||||
.cm-inline-code
|
||||
{
|
||||
color: var(--inline-code) !important;
|
||||
background-color: var(--pre-code) !important;
|
||||
padding: 1px !important;
|
||||
}
|
||||
|
||||
.cm-header-1,
|
||||
.markdown-preview-section h1
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 34px !important;
|
||||
color: var(--text-title-h1) !important;
|
||||
}
|
||||
|
||||
.cm-header-2,
|
||||
.markdown-preview-section h2
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 26px !important;
|
||||
color: var(--text-title-h2) !important;
|
||||
}
|
||||
|
||||
.cm-header-3,
|
||||
.markdown-preview-section h3
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 22px !important;
|
||||
color: var(--text-title-h3) !important;
|
||||
}
|
||||
|
||||
.cm-header-4,
|
||||
.markdown-preview-section h4
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 20px !important;
|
||||
color: var(--text-title-h4) !important;
|
||||
}
|
||||
|
||||
.cm-header-5,
|
||||
.cm-header-6,
|
||||
.markdown-preview-section h5,
|
||||
.markdown-preview-section h6
|
||||
{
|
||||
font-weight: 500 !important;
|
||||
font-size: 18px !important;
|
||||
color: var(--text-title-h5) !important;
|
||||
}
|
||||
|
||||
.suggestion-item.is-selected
|
||||
{
|
||||
background-color: var(--background-secondary);
|
||||
}
|
||||
|
||||
.empty-state-container:hover
|
||||
{
|
||||
background-color: var(--background-secondary-alt);
|
||||
border: 5px solid var(--interactive-accent) !important;
|
||||
}
|
||||
|
||||
.mod-cta
|
||||
{
|
||||
color: var(--background-secondary-alt) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.mod-cta:hover
|
||||
{
|
||||
background-color: var(--interactive-before) !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.CodeMirror-cursor
|
||||
{
|
||||
background-color: var(--vim-cursor) !important;
|
||||
opacity: 60% !important;
|
||||
}
|
||||
|
||||
|
||||
.workspace-leaf.mod-active .view-header-title-container:after {
|
||||
background: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
BIN
.obsidian/themes/Notation/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Notation/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Notation/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Notation/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
6
.obsidian/themes/Notation/manifest.json
vendored
Normal file
6
.obsidian/themes/Notation/manifest.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "Notation",
|
||||
"version": "0.0.0",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "deathau"
|
||||
}
|
||||
831
.obsidian/themes/Notation/theme.css
vendored
Normal file
831
.obsidian/themes/Notation/theme.css
vendored
Normal file
@@ -0,0 +1,831 @@
|
||||
/***** TABLE OF CONTENTS *****/
|
||||
/* 1. Font
|
||||
/* 2. Colours
|
||||
/* 2.1. Hue options (change these numbers for an entirely new look!)
|
||||
/* 2.2. Dark theme
|
||||
/* 2.3. Light theme
|
||||
/* 2.4. Common (calculated)
|
||||
/* 3. General UI
|
||||
/* 3.1. Title Bar
|
||||
/* 4. Markdown (editor / preview)
|
||||
/* 4.1. Headings
|
||||
/* 4.1.1. Fix font weights
|
||||
/* 4.2. Links
|
||||
/* 4.2.1. Nifty arrow before internal links (also applies to embeds)
|
||||
/* 4.3. Embeds
|
||||
/* 4.4. Tables
|
||||
/* 4.5. Popovers
|
||||
/* 4.6. Task Lists
|
||||
/* 4.7. Blockquotes
|
||||
/* 4.8. Code
|
||||
/* 4.9. Bulleted lists
|
||||
/* 4.10. Misc Fixes
|
||||
/* 5. Graph view colours
|
||||
/* 6. Notion Colour Blocks
|
||||
/* 7. In-document header (scrolls with the document) [remove for compatibility with Andy's mode]
|
||||
/* 7.1. Adjustments for non-in-document headers (graphs, etc)\
|
||||
/* 7.2. Active pane border
|
||||
/* 7.3. Misc fixes
|
||||
/* 8. Tags
|
||||
/* 8.1. Tag custom colours
|
||||
/***** *****/
|
||||
|
||||
/* 1. Font */
|
||||
body {
|
||||
/* font stacks taken directly from Notion */
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
--font-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
-webkit-font-smoothing: auto;
|
||||
}
|
||||
|
||||
/* 2. Colours */
|
||||
/* 2.1. Hue options ( change these numbers for an entirely new look!) */
|
||||
body.theme-light,
|
||||
body.theme-dark {
|
||||
/* change these numbers for an entirely new look */
|
||||
--hue: 203;
|
||||
--sat: 8%;
|
||||
--interactive-accent-rgb: 46, 170, 220;
|
||||
--code: #EB5757;
|
||||
|
||||
--opacity-translucency: 0.7;
|
||||
}
|
||||
|
||||
/* 2.2. Dark theme */
|
||||
.theme-dark {
|
||||
--L0: 0%;
|
||||
--L1: 20%;
|
||||
--L2: 23%;
|
||||
--L3: 26%;
|
||||
|
||||
--text-rgb: 255, 255, 255;
|
||||
|
||||
--text-highlight-bg: rgb(89, 86, 59);
|
||||
--text-selection: hsla(211, 100%, 50%, 0.2);
|
||||
--interactive-normal: #2a2a2a;
|
||||
--interactive-hover: #303030;
|
||||
|
||||
--text-gray: rgba(255, 255, 255, 0.6);
|
||||
--text-brown: rgb(147, 114, 100);
|
||||
--text-orange: rgb(255, 163, 68);
|
||||
--text-yellow: rgb(255, 220, 73);
|
||||
--text-green: rgb(77, 171, 154);
|
||||
--text-blue: rgb(82, 156, 202);
|
||||
--text-purple: rgb(154, 109, 215);
|
||||
--text-pink: rgb(226, 85, 161);
|
||||
--text-red: rgb(255, 115, 105);
|
||||
|
||||
--background-gray: rgb(69, 75, 78);
|
||||
--background-brown: rgb(67, 64, 64);
|
||||
--background-orange: rgb(89, 74, 58);
|
||||
--background-yellow: rgb(89, 86, 59);
|
||||
--background-green: rgb(53, 76, 75);
|
||||
--background-blue: rgb(54, 73, 84);
|
||||
--background-purple: rgb(68, 63, 87);
|
||||
--background-pink: rgb(83, 59, 76);
|
||||
--background-red: rgb(89, 65, 65);
|
||||
}
|
||||
|
||||
/* 2.3. Light theme */
|
||||
.theme-light {
|
||||
--L0: 0%;
|
||||
--L1: 100%;
|
||||
--L2: 96%;
|
||||
--L3: 90%;
|
||||
|
||||
--text-rgb: 55, 53, 47;
|
||||
|
||||
--text-highlight-bg: rgb(251, 243, 219);
|
||||
--text-selection: rgba(0, 122, 255, 0.15);
|
||||
--interactive-normal: #f2f3f5;
|
||||
--interactive-hover: #e9e9e9;
|
||||
|
||||
--text-gray: rgba(55, 53, 47, 0.6);
|
||||
--text-brown: rgb(100, 71, 58);
|
||||
--text-orange: rgb(217, 115, 13);
|
||||
--text-yellow: rgb(223, 171, 1);
|
||||
--text-green: rgb(15, 123, 108);
|
||||
--text-blue: rgb(11, 110, 153);
|
||||
--text-purple: rgb(105, 64, 165);
|
||||
--text-pink: rgb(173, 26, 114);
|
||||
--text-red: rgb(224, 62, 62);
|
||||
|
||||
--background-gray: rgb(235, 236, 237);
|
||||
--background-brown: rgb(233, 229, 227);
|
||||
--background-orange: rgb(250, 235, 221);
|
||||
--background-yellow: rgb(251, 243, 219);
|
||||
--background-green: rgb(221, 237, 234);
|
||||
--background-blue: rgb(221, 235, 241);
|
||||
--background-purple: rgb(234, 228, 242);
|
||||
--background-pink: rgb(244, 223, 235);
|
||||
--background-red: rgb(251, 228, 228);
|
||||
}
|
||||
|
||||
/* 2.4. Common (calculated) */
|
||||
body.theme-light,
|
||||
body.theme-dark {
|
||||
--background-primary: hsl(var(--hue), var(--sat), var(--L1));
|
||||
--background-primary-alt: hsl(var(--hue), var(--sat), var(--L3));
|
||||
--background-secondary: hsl(var(--hue), var(--sat), var(--L2));
|
||||
--background-secondary-alt: hsl(var(--hue), var(--sat), var(--L3));
|
||||
--background-accent: hsl(var(--hue), var(--sat), var(--L0));
|
||||
--background-modifier-border: rgba(var(--text-rgb), 0.14);
|
||||
--text-accent: rgba(var(--text-rgb), 0.45);
|
||||
--text-accent-hover: rgba(var(--text-rgb), 0.45);
|
||||
--text-normal: rgba(var(--text-rgb), 0.9);
|
||||
--text-muted: rgba(var(--text-rgb), 0.45);
|
||||
--text-faint: rgba(var(--text-rgb), 0.25);
|
||||
--text-on-accent: rgba(var(--text-rgb), 0.9);
|
||||
--interactive-accent: rgb(var(--interactive-accent-rgb));
|
||||
--interactive-accent-hover: rgba(var(--interactive-accent-rgb), 0.8);
|
||||
}
|
||||
|
||||
body.theme-light {
|
||||
--background-primary-alt: hsl(var(--hue), var(--sat), var(--L2));
|
||||
}
|
||||
|
||||
/* 3. General UI */
|
||||
.view-header-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* 3.1. Title bar */
|
||||
.titlebar {
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
.titlebar-inner {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
/* 4. Markdown (editor / preview)
|
||||
/* 4.1. Headings */
|
||||
.markdown-preview-view h1 {
|
||||
font-size: 30px;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.markdown-preview-view h2 {
|
||||
font-size: 24px;
|
||||
margin-top: 23px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.markdown-preview-view h3,
|
||||
.markdown-preview-view h4,
|
||||
.markdown-preview-view h5,
|
||||
.markdown-preview-view h6 {
|
||||
font-size: 20px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.cm-s-obsidian .cm-header-1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.cm-s-obsidian .cm-header-2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.cm-s-obsidian .cm-header-3,
|
||||
.cm-s-obsidian .cm-header-4,
|
||||
.cm-s-obsidian .cm-header-5,
|
||||
.cm-s-obsidian .cm-header-6 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.cm-s-obsidian .cm-header-6 {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
/* 4.1.1. Fix font weights */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
strong,
|
||||
.cm-s-obsidian .cm-header {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* 4.2. Links */
|
||||
.external-link {
|
||||
background-image: none;
|
||||
/* no external link indicator */
|
||||
padding: 0;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.markdown-preview-view .internal-link,
|
||||
.popover.hover-popover .markdown-embed .internal-link {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 500;
|
||||
line-height: 1.3;
|
||||
border-bottom: 1px solid var(--background-modifier-border);
|
||||
color: var(--text-normal);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-preview-view .internal-link.is-unresolved {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-link.cm-hmd-barelink {
|
||||
/* Not actually a link */
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
/* 4.2.1. Nifty arrow before internal links (also applies to embeds) */
|
||||
.internal-link::before,
|
||||
.markdown-embed-link::before {
|
||||
content: " ";
|
||||
background-color: var(--text-normal);
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon points='5.4 26 24 7.4 24 20 26 20 26 4 10 4 10 6 22.6 6 4 24.6'%3E%3C/polygon%3E%3C/svg%3E");
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-right: 2px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.markdown-preview-view .internal-link.is-unresolved::before {
|
||||
background-color: var(--text-muted);
|
||||
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.977 14.963c.407 0 .747-.324.747-.723V8.72h5.362c.399 0 .74-.34.74-.747a.746.746 0 00-.74-.738H8.724V1.706c0-.398-.34-.722-.747-.722a.732.732 0 00-.739.722v5.529h-5.37a.746.746 0 00-.74.738c0 .407.341.747.74.747h5.37v5.52c0 .399.332.723.739.723z"></path></svg>');
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
}
|
||||
|
||||
/* 4.3. embeds (mimics embedded tables from Notion) */
|
||||
.markdown-embed-title,
|
||||
.markdown-embed-content h1:first-child,
|
||||
.markdown-embed-content h2:first-child,
|
||||
.markdown-embed-content h3:first-child,
|
||||
.markdown-embed-content h4:first-child,
|
||||
.markdown-embed-content h5:first-child,
|
||||
.markdown-embed-content h6:first-child {
|
||||
font-size: 1.25em;
|
||||
line-height: 1.5;
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.markdown-embed-title {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.markdown-preview-view .markdown-embed {
|
||||
border: none;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid var(--background-modifier-border);
|
||||
border-radius: 0;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.markdown-embed .markdown-preview-view {
|
||||
padding-left: 8px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.markdown-embed-link {
|
||||
color: var(--text-normal);
|
||||
right: unset;
|
||||
left: 0;
|
||||
top: 3px;
|
||||
height: 30px;
|
||||
width: calc(100% - 20px);
|
||||
margin-left: 4px;
|
||||
border-bottom: 1px solid var(--background-modifier-border);
|
||||
}
|
||||
|
||||
.markdown-embed-link::before {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.markdown-embed-link svg {
|
||||
display: none;
|
||||
/* hide the svg link icon, gets replaced with a nifty arrow */
|
||||
}
|
||||
|
||||
/* 4.4. Tables */
|
||||
/* fix for long markdown editor text (tables) getting cut off */
|
||||
.CodeMirror-scroll {
|
||||
margin-right: -10px;
|
||||
}
|
||||
|
||||
/* table headers and first column styling */
|
||||
.markdown-preview-view th:first-child,
|
||||
.markdown-preview-view td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.markdown-preview-view th:last-child,
|
||||
.markdown-preview-view td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.markdown-preview-view th {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.markdown-preview-view td:first-child {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-preview-view hr {
|
||||
height: 1px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* 4.5. Popovers */
|
||||
.popover.hover-popover .markdown-embed-link {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* 4.6. Task lists */
|
||||
.markdown-preview-view .task-list-item-checkbox {
|
||||
-webkit-appearance: none;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid var(--text-normal);
|
||||
position: relative;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
margin-right: 4px;
|
||||
margin-bottom: 2px;
|
||||
transition: background-color 200ms ease-out 0s;
|
||||
cursor: pointer;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.markdown-preview-view .task-list-item-checkbox:checked {
|
||||
border: none;
|
||||
background-color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.markdown-preview-view .task-list-item-checkbox:hover {
|
||||
background-color: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
/* the SVG check mark */
|
||||
.markdown-preview-view .task-list-item-checkbox:checked::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
bottom: 2px;
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpolygon points='5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039'%3E%3C/polygon%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.markdown-preview-view ul>li.task-list-item.is-checked {
|
||||
text-decoration: line-through;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
/* 4.7. Blockquotes */
|
||||
.markdown-preview-view blockquote,
|
||||
.cm-s-obsidian pre.HyperMD-quote-1 {
|
||||
border: none;
|
||||
border-left: 3px solid currentcolor;
|
||||
}
|
||||
|
||||
/* for some reason messing with the padding and size like this caused weirdness
|
||||
with the editor mode cursor position. So just preview for now */
|
||||
.markdown-preview-view blockquote {
|
||||
padding: 0 0.9em;
|
||||
font-size: 1.2em;
|
||||
margin: 3px 2px;
|
||||
}
|
||||
|
||||
/* 4.8. Code */
|
||||
.markdown-preview-view code,
|
||||
.cm-s-obsidian span.cm-inline-code,
|
||||
.cm-s-obsidian pre.HyperMD-codeblock {
|
||||
color: var(--code);
|
||||
font-family: var(--font-monospace);
|
||||
}
|
||||
|
||||
.markdown-preview-view pre>code {
|
||||
padding: 24px 6px 24px 10px;
|
||||
color: var(--text-normal);
|
||||
display: block;
|
||||
overflow: auto;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
/* 4.9. Bulleted lists */
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding-inline-start: 24px;
|
||||
}
|
||||
|
||||
ul>li,
|
||||
ol>li {
|
||||
padding: 3px 2px;
|
||||
min-height: calc(1.5em + 6px);
|
||||
margin-top: 2px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
/* 4.10. Misc fixes */
|
||||
.cm-s-obsidian span.cm-quote {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
/* escape character */
|
||||
.cm-s-obsidian span.cm-hmd-escape-backslash {
|
||||
color: var(--text-faint);
|
||||
}
|
||||
|
||||
/* highlight */
|
||||
.markdown-preview-view mark {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
/* 5. Graph view colours */
|
||||
.graph-view.color-fill,
|
||||
.graph-view.color-arrow {
|
||||
color: hsl(var(--hue), var(--sat), 50%);
|
||||
}
|
||||
|
||||
.graph-view.color-fill-unresolved {
|
||||
color: hsl(var(--hue), var(--sat), 50%);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.graph-view.color-line {
|
||||
color: hsl(var(--hue), var(--sat), 50%);
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.graph-view.color-text {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.graph-view.color-fill-highlight {
|
||||
color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.graph-view.color-line-highlight {
|
||||
color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.theme-light .graph-view.color-fill-attachment,
|
||||
.theme-dark .graph-view.color-fill-attachment {
|
||||
color: var(--background-blue);
|
||||
}
|
||||
|
||||
.theme-dark .graph-view.color-fill-tag,
|
||||
.theme-light .graph-view.color-fill-tag {
|
||||
color: var(--text-yellow);
|
||||
}
|
||||
|
||||
/* 6. Notion Colour Blocks */
|
||||
/* Original idea from: https://gist.github.com/mklepaczewski/54e451f09994b9d450de81c8baaf8aa4 */
|
||||
/* but also with simpler classes so you can use `<span class='colour'>` as well */
|
||||
|
||||
.app-container .markdown-preview-view pre[class*="language-note-"] {
|
||||
padding: 3px 2px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre[class*="language-note-"] code[class*="language-note-"] {
|
||||
color: var(--text-normal);
|
||||
white-space: pre-wrap;
|
||||
font-family: var(--default-font);
|
||||
font-size: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-notice,
|
||||
.app-container .markdown-preview-view pre.language-note-gray-background,
|
||||
.app-container .markdown-preview-view pre.language-note-gray-bg,
|
||||
.gray-background,
|
||||
.gray-bg {
|
||||
background-color: var(--background-gray);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-brown-background,
|
||||
.app-container .markdown-preview-view pre.language-note-brown-bg,
|
||||
.brown-background,
|
||||
.brown-bg {
|
||||
background-color: var(--background-brown);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-orange-background,
|
||||
.app-container .markdown-preview-view pre.language-note-orange-bg,
|
||||
.orange-background,
|
||||
.orange-bg {
|
||||
background-color: var(--background-orange);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-warn,
|
||||
.app-container .markdown-preview-view pre.language-note-yellow-background,
|
||||
.app-container .markdown-preview-view pre.language-note-yellow-bg,
|
||||
.yellow-background,
|
||||
.yellow-bg {
|
||||
background-color: var(--background-yellow)
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-success,
|
||||
.app-container .markdown-preview-view pre.language-note-green-background,
|
||||
.app-container .markdown-preview-view pre.language-note-green-bg,
|
||||
.green-background,
|
||||
.green-bg {
|
||||
background-color: var(--background-green);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-info,
|
||||
.app-container .markdown-preview-view pre.language-note-blue-background,
|
||||
.app-container .markdown-preview-view pre.language-note-blue-bg,
|
||||
.blue-background,
|
||||
.blue-bg {
|
||||
background-color: var(--background-blue);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-purple-background,
|
||||
.app-container .markdown-preview-view pre.language-note-purple-bg,
|
||||
.purple-background,
|
||||
.purple-bg {
|
||||
background-color: var(--background-purple);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-pink-background,
|
||||
.app-container .markdown-preview-view pre.language-note-pink-bg,
|
||||
.pink-background,
|
||||
.pink-bg {
|
||||
background-color: var(--background-pink);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-danger,
|
||||
.app-container .markdown-preview-view pre.language-note-red-background,
|
||||
.app-container .markdown-preview-view pre.language-note-red-bg,
|
||||
.red-background,
|
||||
.red-bg {
|
||||
background-color: var(--background-red);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-gray,
|
||||
.app-container .markdown-preview-view pre.language-note-brown,
|
||||
.app-container .markdown-preview-view pre.language-note-orange,
|
||||
.app-container .markdown-preview-view pre.language-note-yellow,
|
||||
.app-container .markdown-preview-view pre.language-note-green,
|
||||
.app-container .markdown-preview-view pre.language-note-blue,
|
||||
.app-container .markdown-preview-view pre.language-note-purple,
|
||||
.app-container .markdown-preview-view pre.language-note-pink,
|
||||
.app-container .markdown-preview-view pre.language-note-red {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-gray code.language-note-gray,
|
||||
.gray {
|
||||
color: var(--text-gray);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-brown code.language-note-brown,
|
||||
.brown {
|
||||
color: var(--text-brown);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-orange code.language-note-orange,
|
||||
.orange {
|
||||
color: var(--text-orange);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-yellow code.language-note-yellow,
|
||||
.yellow {
|
||||
color: var(--text-yellow)
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-green code.language-note-green,
|
||||
.green {
|
||||
color: var(--text-green);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-blue code.language-note-blue,
|
||||
.blue {
|
||||
color: var(--text-blue);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-purple code.language-note-purple,
|
||||
.purple {
|
||||
color: var(--text-purple);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-pink code.language-note-pink,
|
||||
.pink {
|
||||
color: var(--text-pink);
|
||||
}
|
||||
|
||||
.app-container .markdown-preview-view pre.language-note-red code.language-note-red,
|
||||
.red {
|
||||
color: var(--text-red);
|
||||
}
|
||||
|
||||
/* 7. In-document header (scrolls with the document) [remove for compatibility with Andy's mode] */
|
||||
/* !!! Remove from here down if you want to use with Andy Matuschak mode V2 !!! */
|
||||
.markdown-preview-view,
|
||||
.markdown-source-view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* fix to padding top so that the editor and preview line up */
|
||||
.markdown-source-view.is-readable-line-width .CodeMirror {
|
||||
padding: 0;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.markdown-preview-view,
|
||||
.CodeMirror-lines {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.markdown-preview-view {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* This is where the magic happens */
|
||||
.workspace-leaf-content[data-type=markdown] .view-header,
|
||||
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .view-header {
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
height: auto;
|
||||
padding-top: 108px;
|
||||
}
|
||||
|
||||
.workspace-split.mod-root .workspace-leaf {
|
||||
background-color: var(--background-primary);
|
||||
}
|
||||
|
||||
.workspace>.workspace-split>.workspace-leaf:first-of-type:last-of-type .workspace-leaf-content[data-type=markdown] .view-header {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.workspace-leaf {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] {
|
||||
overflow: auto;
|
||||
position: unset;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] .view-header-title-container {
|
||||
width: 100%;
|
||||
margin-top: auto;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] .view-header-title-container:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] .view-header-title {
|
||||
font-size: 40px;
|
||||
line-height: 1.2em;
|
||||
padding: 3px 2px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
color: var(--text-normal);
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] .view-actions {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] .view-header-icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] .view-content {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type=markdown] .markdown-source-view {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.view-action {
|
||||
color: var(--text-normal);
|
||||
margin: 0;
|
||||
padding: 0 8px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
border-radius: 3px;
|
||||
transition: background-color 20ms ease-in 0s;
|
||||
}
|
||||
|
||||
.view-action>svg {
|
||||
max-width: 14px;
|
||||
max-height: 14px;
|
||||
}
|
||||
|
||||
.view-action:hover,
|
||||
.view-action.is-active {
|
||||
color: var(--text-normal);
|
||||
background-color: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
.workspace-split.mod-vertical>.workspace-leaf:not(:last-child) {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
/* 7.1. Adjustments for non-in-document headers (graphs, etc) */
|
||||
.workspace-leaf-content:not([data-type=markdown]) .view-header,
|
||||
.workspace-leaf.mod-active .workspace-leaf-content:not([data-type=markdown]) .view-header {
|
||||
border: none;
|
||||
background-color: var(--background-primary);
|
||||
}
|
||||
|
||||
.workspace-leaf-content:not([data-type=markdown]) .view-header-title-container:after,
|
||||
.workspace-leaf.mod-active .workspace-leaf-content:not([data-type=markdown]) .view-header-title-container:after {
|
||||
background: linear-gradient(to right, transparent, var(--background-primary));
|
||||
}
|
||||
|
||||
/* 7.2. Active pane border */
|
||||
/* Notion doesn't have multiple panes. And with the header modifications above,
|
||||
how do you tell which pane is active? I'm just putting a border around the
|
||||
active pane for now (unless there's only one pane) */
|
||||
.workspace-leaf.mod-active {
|
||||
border: 1px solid var(--interactive-accent);
|
||||
}
|
||||
|
||||
.workspace-leaf:not(.mod-active),
|
||||
.workspace>.workspace-split>.workspace-leaf:first-of-type:last-of-type {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* 7.3 Misc fixes */
|
||||
/* Fix for the search pane scrolling off the page */
|
||||
.markdown-source-view,
|
||||
.workspace-split.mod-root .view-content {
|
||||
position: unset;
|
||||
}
|
||||
|
||||
/* 8. Tags */
|
||||
a.tag,
|
||||
.cm-s-obsidian span.cm-hashtag,
|
||||
.tag-pane-tag-text {
|
||||
color: var(--text-normal);
|
||||
text-decoration: none;
|
||||
background-color: var(--background-yellow);
|
||||
padding: 3px 6px;
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-hashtag-begin {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right: none;
|
||||
padding-right: 0;
|
||||
font-size: 15px; /* why? I dunno. Just needs it to balance out */
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-hashtag-end {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* 8.1. Tag custom colours */
|
||||
/* As of Obsidian 0.9.0 there are custom classes for tags.
|
||||
* this theme provides varibles of the form --background-<color> and --text-<color> for the following colours:
|
||||
* gray, brown, orange, yellow, green, blue, purple, pink, red
|
||||
* If you want your own colours for your own specific tags you can copy and utilize this: */
|
||||
.cm-s-obsidian span.cm-hashtag.cm-tag-important,
|
||||
.tag[href="#important"] {
|
||||
background-color: var(--background-red);
|
||||
}
|
||||
BIN
.obsidian/themes/Obsidian gruvbox/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Obsidian gruvbox/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Obsidian gruvbox/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Obsidian gruvbox/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Obsidian gruvbox/manifest.json
vendored
Normal file
7
.obsidian/themes/Obsidian gruvbox/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Obsidian gruvbox",
|
||||
"version": "0.1.7",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "insanum",
|
||||
"authorUrl": "https://insanum.com"
|
||||
}
|
||||
500
.obsidian/themes/Obsidian gruvbox/theme.css
vendored
Normal file
500
.obsidian/themes/Obsidian gruvbox/theme.css
vendored
Normal file
@@ -0,0 +1,500 @@
|
||||
|
||||
:root
|
||||
{
|
||||
--dark0-hard_x: 29,32,33; /* #1d2021 */
|
||||
--dark0-hard: rgb(var(--dark0-hard_x));
|
||||
--dark0_x: 40,40,40; /* #282828 */
|
||||
--dark0: rgb(var(--dark0_x));
|
||||
--dark0-soft_x: 50,48,47; /* #32302f */
|
||||
--dark0-soft: rgb(var(--dark0-soft_x));
|
||||
--dark1_x: 60,56,54; /* #3c3836 */
|
||||
--dark1: rgb(var(--dark1_x));
|
||||
--dark2_x: 80,73,69; /* #504945 */
|
||||
--dark2: rgb(var(--dark2_x));
|
||||
--dark3_x: 102,92,84; /* #665c54 */
|
||||
--dark3: rgb(var(--dark3_x));
|
||||
--dark4_x: 124,111,100; /* #7c6f64 */
|
||||
--dark4: rgb(var(--dark4_x));
|
||||
--gray_x: 146,131,116; /* #928374 */
|
||||
--gray: rgb(var(--gray_x));
|
||||
|
||||
--light0-hard_x: 249,245,215; /* #f9f5d7 */
|
||||
--light0-hard: rgb(var(--light0-hard_x));
|
||||
--light0_x: 251,241,199; /* #fbf1c7 */
|
||||
--light0: rgb(var(--light0_x));
|
||||
--light0-soft_x: 242,229,188; /* #f2e5bc */
|
||||
--light0-soft: rgb(var(--light0-soft_x));
|
||||
--light1_x: 235,219,178; /* #ebdbb2 */
|
||||
--light1: rgb(var(--light1_x));
|
||||
--light2_x: 213,196,161; /* #d5c4a1 */
|
||||
--light2: rgb(var(--light2_x));
|
||||
--light3_x: 189,174,147; /* #bdae93 */
|
||||
--light3: rgb(var(--light3_x));
|
||||
--light4_x: 168,153,132; /* #a89984 */
|
||||
--light4: rgb(var(--light4_x));
|
||||
|
||||
--bright-red_x: 251,73,52; /* #fb4934 */
|
||||
--bright-red: rgb(var(--bright-red_x));
|
||||
--bright-green_x: 184,187,38; /* #b8bb26 */
|
||||
--bright-green: rgb(var(--bright-green_x));
|
||||
--bright-yellow_x: 250,189,47; /* #fabd2f */
|
||||
--bright-yellow: rgb(var(--bright-yellow_x));
|
||||
--bright-blue_x: 131,165,152; /* #83a598 */
|
||||
--bright-blue: rgb(var(--bright-blue_x));
|
||||
--bright-purple_x: 211,134,155; /* #d3869b */
|
||||
--bright-purple: rgb(var(--bright-purple_x));
|
||||
--bright-aqua_x: 142,192,124; /* #8ec07c */
|
||||
--bright-aqua: rgb(var(--bright-aqua_x));
|
||||
--bright-orange_x: 254,128,25; /* #fe8019 */
|
||||
--bright-orange: rgb(var(--bright-orange_x));
|
||||
|
||||
--neutral-red_x: 204,36,29; /* #cc241d */
|
||||
--neutral-red: rgb(var(--neutral-red_x));
|
||||
--neutral-green_x: 152,151,26; /* #98971a */
|
||||
--neutral-green: rgb(var(--neutral-green_x));
|
||||
--neutral-yellow_x: 215,153,33; /* #d79921 */
|
||||
--neutral-yellow: rgb(var(--neutral-yellow_x));
|
||||
--neutral-blue_x: 69,133,136; /* #458588 */
|
||||
--neutral-blue: rgb(var(--neutral-blue_x));
|
||||
--neutral-purple_x: 177,98,134; /* #b16286 */
|
||||
--neutral-purple: rgb(var(--neutral-purple_x));
|
||||
--neutral-aqua_x: 104,157,106; /* #689d6a */
|
||||
--neutral-aqua: rgb(var(--neutral-aqua_x));
|
||||
--neutral-orange_x: 214,93,14; /* #d65d0e */
|
||||
--neutral-orange: rgb(var(--neutral-orange_x));
|
||||
|
||||
--faded-red_x: 157,0,6; /* #9d0006 */
|
||||
--faded-red: rgb(var(--faded-red_x));
|
||||
--faded-green_x: 121,116,14; /* #79740e */
|
||||
--faded-green: rgb(var(--faded-green_x));
|
||||
--faded-yellow_x: 181,118,20; /* #b57614 */
|
||||
--faded-yellow: rgb(var(--faded-yellow_x));
|
||||
--faded-blue_x: 7,102,120; /* #076678 */
|
||||
--faded-blue: rgb(var(--faded-blue_x));
|
||||
--faded-purple_x: 143,63,113; /* #8f3f71 */
|
||||
--faded-purple: rgb(var(--faded-purple_x));
|
||||
--faded-aqua_x: 66,123,88; /* #427b58 */
|
||||
--faded-aqua: rgb(var(--faded-aqua_x));
|
||||
--faded-orange_x: 175,58,3; /* #af3a03 */
|
||||
--faded-orange: rgb(var(--faded-orange_x));
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
--accent-h: 12; /* --faded-red #9d0006 */
|
||||
--accent-s: 107%;
|
||||
--accent-l: 32%;
|
||||
|
||||
--link-decoration: none;
|
||||
--link-decoration-hover: none;
|
||||
--link-external-decoration: none;
|
||||
--link-external-decoration-hover: none;
|
||||
|
||||
--tag-decoration: none;
|
||||
--tag-decoration-hover: underline;
|
||||
--tag-padding-x: .5em;
|
||||
--tag-padding-y: .2em;
|
||||
--tag-radius: .5em;
|
||||
|
||||
--tab-font-weight: 600;
|
||||
--bold-weight: 600;
|
||||
|
||||
--checkbox-radius: 0;
|
||||
|
||||
/* --list-indent: 2em; */
|
||||
|
||||
--embed-border-left: 6px double var(--interactive-accent);
|
||||
}
|
||||
|
||||
.theme-dark
|
||||
{
|
||||
--color-red-rgb: var(--neutral-red_x);
|
||||
--color-red: var(--neutral-red);
|
||||
--color-purple-rgb: var(--neutral-purple_x);
|
||||
--color-purple: var(--neutral-purple);
|
||||
--color-green-rgb: var(--neutral-green_x);
|
||||
--color-green: var(--neutral-green);
|
||||
--color-cyan-rgb: var(--neutral-blue_x);
|
||||
--color-cyan: var(--neutral-blue);
|
||||
--color-blue-rgb: var(--faded-blue_x);
|
||||
--color-blue: var(--faded-blue);
|
||||
--color-yellow-rgb: var(--neutral-yellow_x);
|
||||
--color-yellow: var(--neutral-yellow);
|
||||
--color-orange-rgb: var(--neutral-orange_x);
|
||||
--color-orange: var(--neutral-orange);
|
||||
--color-pink-rgb: var(--bright-purple_x);
|
||||
--color-pink: var(--bright-purple);
|
||||
|
||||
--background-primary: var(--dark0);
|
||||
--background-primary-alt: var(--dark0);
|
||||
--background-secondary: var(--dark0-hard);
|
||||
--background-secondary-alt: var(--dark1);
|
||||
--background-modifier-border: var(--dark1);
|
||||
|
||||
--cursor-line-background: rgba(var(--dark1_x), 0.5);
|
||||
|
||||
--text-normal: var(--light0);
|
||||
--text-faint: var(--light1);
|
||||
--text-muted: var(--light2);
|
||||
|
||||
--h1-color: var(--neutral-red);
|
||||
--h2-color: var(--neutral-yellow);
|
||||
--h3-color: var(--neutral-green);
|
||||
--h4-color: var(--neutral-aqua);
|
||||
--h5-color: var(--neutral-blue);
|
||||
--h6-color: var(--neutral-purple);
|
||||
|
||||
--text-highlight-bg: var(--neutral-yellow);
|
||||
--text-highlight-fg: var(--dark0-hard);
|
||||
|
||||
--text-accent: var(--neutral-orange);
|
||||
--text-accent-hover: var(--bright-aqua);
|
||||
|
||||
--tag-color: var(--bright-aqua);
|
||||
--tag-background: var(--dark2);
|
||||
--tag-background-hover: var(--dark1);
|
||||
|
||||
--titlebar-text-color-focused: var(--bright-red);
|
||||
|
||||
--inline-title-color: var(--bright-yellow);
|
||||
|
||||
--bold-color: var(--neutral-yellow);
|
||||
--italic-color: var(--neutral-yellow);
|
||||
|
||||
--checkbox-color: var(--light4);
|
||||
--checkbox-color-hover: var(--light4);
|
||||
--checkbox-border-color: var(--light4);
|
||||
--checkbox-border-color-hover: var(--light4);
|
||||
--checklist-done-color: rgba(var(--light2_x), 0.5);
|
||||
|
||||
--table-header-background: rgba(var(--dark0_x), 0.2);
|
||||
--table-header-background-hover: var(--dark2);
|
||||
--table-row-even-background: rgba(var(--dark2_x), 0.2);
|
||||
--table-row-odd-background: rgba(var(--dark2_x), 0.4);
|
||||
--table-row-background-hover: var(--dark2);
|
||||
|
||||
--text-selection: rgba(var(--neutral-red_x), 0.6);
|
||||
--flashing-background: rgba(var(--neutral-red_x), 0.3);
|
||||
|
||||
--code-normal: var(--bright-blue);
|
||||
--code-background: var(--dark1);
|
||||
|
||||
--mermaid-note: var(--neutral-blue);
|
||||
--mermaid-actor: var(--dark2);
|
||||
--mermaid-loopline: var(--neutral-blue);
|
||||
|
||||
--icon-color-hover: var(--bright-red);
|
||||
--icon-color-focused: var(--bright-blue);
|
||||
|
||||
--nav-item-color-hover: var(--bright-red);
|
||||
--nav-item-color-active: var(--bright-aqua);
|
||||
--nav-file-tag: rgba(var(--neutral-yellow_x), 0.9);
|
||||
|
||||
--graph-line: var(--dark2);
|
||||
--graph-node: var(--light3);
|
||||
--graph-node-tag: var(--neutral-red);
|
||||
--graph-node-attachment: var(--neutral-green);
|
||||
|
||||
--calendar-hover: var(--bright-red);
|
||||
--calendar-background-hover: var(--dark1);
|
||||
--calendar-week: var(--neutral-orange);
|
||||
--calendar-today: var(--neutral-orange);
|
||||
|
||||
--dataview-key: var(--text-faint);
|
||||
--dataview-key-background: rgba(var(--faded-red_x), 0.5);
|
||||
--dataview-value: var(--text-faint);
|
||||
--dataview-value-background: rgba(var(--neutral-green_x), 0.3);
|
||||
}
|
||||
|
||||
.theme-light
|
||||
{
|
||||
--color-red-rgb: var(--neutral-red_x);
|
||||
--color-red: var(--neutral-red);
|
||||
--color-purple-rgb: var(--neutral-purple_x);
|
||||
--color-purple: var(--neutral-purple);
|
||||
--color-green-rgb: var(--neutral-green_x);
|
||||
--color-green: var(--neutral-green);
|
||||
--color-cyan-rgb: var(--neutral-blue_x);
|
||||
--color-cyan: var(--neutral-blue);
|
||||
--color-blue-rgb: var(--faded-blue_x);
|
||||
--color-blue: var(--faded-blue);
|
||||
--color-yellow-rgb: var(--neutral-yellow_x);
|
||||
--color-yellow: var(--neutral-yellow);
|
||||
--color-orange-rgb: var(--neutral-orange_x);
|
||||
--color-orange: var(--neutral-orange);
|
||||
--color-pink-rgb: var(--bright-purple_x);
|
||||
--color-pink: var(--bright-purple);
|
||||
|
||||
--background-primary: var(--light0-hard);
|
||||
--background-primary-alt: var(--light0-hard);
|
||||
--background-secondary: var(--light1);
|
||||
--background-secondary-alt: var(--light1);
|
||||
--background-modifier-border: var(--light2);
|
||||
|
||||
--cursor-line-background: rgba(var(--light1_x), 0.5);
|
||||
|
||||
--text-normal: var(--dark0);
|
||||
--text-faint: var(--dark3);
|
||||
--text-muted: var(--dark2);
|
||||
|
||||
--h1-color: var(--neutral-red);
|
||||
--h2-color: var(--neutral-yellow);
|
||||
--h3-color: var(--neutral-green);
|
||||
--h4-color: var(--neutral-aqua);
|
||||
--h5-color: var(--neutral-blue);
|
||||
--h6-color: var(--neutral-purple);
|
||||
|
||||
--text-highlight-bg: var(--bright-yellow);
|
||||
--text-highlight-fg: var(--dark0);
|
||||
|
||||
--text-accent: var(--neutral-orange);
|
||||
--text-accent-hover: var(--bright-aqua);
|
||||
|
||||
--tag-color: var(--neutral-aqua);
|
||||
--tag-background: var(--light1);
|
||||
--tag-background-hover: rgba(var(--light1_x), 0.6);
|
||||
|
||||
--titlebar-text-color-focused: var(--bright-red);
|
||||
|
||||
--inline-title-color: var(--bright-yellow);
|
||||
|
||||
--bold-color: var(--neutral-yellow);
|
||||
--italic-color: var(--neutral-yellow);
|
||||
|
||||
--checkbox-color: var(--light4);
|
||||
--checkbox-color-hover: var(--light4);
|
||||
--checkbox-border-color: var(--light4);
|
||||
--checkbox-border-color-hover: var(--light4);
|
||||
--checklist-done-color: rgba(var(--dark2_x), 0.4);
|
||||
|
||||
--table-header-background: rgba(var(--light3_x), 0.4);
|
||||
--table-header-background-hover: var(--light2);
|
||||
--table-row-even-background: rgba(var(--light1_x), 0.2);
|
||||
--table-row-odd-background: rgba(var(--light1_x), 0.7);
|
||||
--table-row-background-hover: var(--light2);
|
||||
|
||||
--text-selection: rgba(var(--neutral-red_x), 0.6);
|
||||
--flashing-background: rgba(var(--neutral-red_x), 0.3);
|
||||
|
||||
--code-normal: var(--bright-blue);
|
||||
--code-background: var(--light1);
|
||||
|
||||
--mermaid-note: var(--bright-blue);
|
||||
--mermaid-actor: var(--light3);
|
||||
--mermaid-loopline: var(--neutral-blue);
|
||||
|
||||
--icon-color-hover: var(--bright-red);
|
||||
--icon-color-focused: var(--bright-blue);
|
||||
|
||||
--nav-item-color-hover: var(--bright-red);
|
||||
--nav-item-color-active: var(--neutral-blue);
|
||||
--nav-file-tag: rgba(var(--neutral-blue_x), 0.9);
|
||||
|
||||
--graph-line: var(--light1);
|
||||
--graph-node: var(--gray);
|
||||
--graph-node-tag: var(--neutral-red);
|
||||
--graph-node-attachment: var(--bright-green);
|
||||
|
||||
--calendar-hover: var(--bright-red);
|
||||
--calendar-background-hover: var(--light1);
|
||||
--calendar-week: var(--bright-red);
|
||||
--calendar-today: var(--bright-red);
|
||||
|
||||
--dataview-key: var(--text-faint);
|
||||
--dataview-key-background: rgba(var(--faded-red_x), 0.3);
|
||||
--dataview-value: var(--text-faint);
|
||||
--dataview-value-background: rgba(var(--neutral-green_x), 0.2);
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border: 1px solid var(--background-secondary) !important;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
thead
|
||||
{
|
||||
border-bottom: 2px solid var(--background-modifier-border) !important;
|
||||
}
|
||||
|
||||
th
|
||||
{
|
||||
font-weight: 600 !important;
|
||||
border: 1px solid var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-left: 1px solid var(--background-secondary) !important;
|
||||
border-right: 1px solid var(--background-secondary) !important;
|
||||
border-bottom: 1px solid var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered tbody tr:nth-child(even)
|
||||
{
|
||||
background-color: var(--table-row-even-background) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered tbody tr:nth-child(odd)
|
||||
{
|
||||
background-color: var(--table-row-odd-background) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered tbody tr:nth-child(even):hover,
|
||||
.markdown-rendered tbody tr:nth-child(odd):hover
|
||||
{
|
||||
background-color: var(--table-row-background-hover) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered mark
|
||||
{
|
||||
background-color: var(--text-highlight-bg) !important;
|
||||
color: var(--text-highlight-fg) !important;
|
||||
}
|
||||
|
||||
.markdown-rendered mark a
|
||||
{
|
||||
color: var(--red) !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.search-result-file-matched-text
|
||||
{
|
||||
color: var(--text-highlight-fg) !important;
|
||||
}
|
||||
|
||||
.cm-hashtag-begin:hover, .cm-hashtag-end:hover
|
||||
{
|
||||
color: var(--text-accent);
|
||||
/* background-color: var(--tag-background-hover); */
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
input[type=checkbox]
|
||||
{
|
||||
border: 1px solid var(--checkbox-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked
|
||||
{
|
||||
background-color: var(--checkbox-color);
|
||||
box-shadow: inset 0 0 0 2px var(--background-primary);
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked:after
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"]
|
||||
{
|
||||
line-height: var(--line-height-tight) !important;
|
||||
}
|
||||
|
||||
/* Keep highlight/marks the same between viewer and editor. */
|
||||
.cm-highlight
|
||||
{
|
||||
color: var(--text-highlight-fg) !important;
|
||||
}
|
||||
|
||||
/* Keep inline code the same between viewer and editor. */
|
||||
.cm-inline-code
|
||||
{
|
||||
border-radius: var(--radius-s);
|
||||
font-size: var(--code-size);
|
||||
padding: 0.1em 0.25em;
|
||||
}
|
||||
|
||||
/* Keep list bullet padding the same between viewer and editor. */
|
||||
.cm-formatting-list
|
||||
{
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Keep sub-list indenting the same between viewer and editor.
|
||||
* This assumes --list-indent is default at 2em.
|
||||
*/
|
||||
/*
|
||||
.cm-indent
|
||||
{
|
||||
text-indent: 1em !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.mermaid .note
|
||||
{
|
||||
fill: var(--mermaid-note) !important;
|
||||
}
|
||||
|
||||
.mermaid .actor
|
||||
{
|
||||
fill: var(--mermaid-actor) !important;
|
||||
}
|
||||
|
||||
.mermaid .loopLine
|
||||
{
|
||||
stroke: var(--mermaid-loopline) !important;
|
||||
}
|
||||
|
||||
.calendar .week-num
|
||||
{
|
||||
color: var(--calendar-week) !important;
|
||||
}
|
||||
|
||||
.calendar .today
|
||||
{
|
||||
color: var(--calendar-today) !important;
|
||||
}
|
||||
|
||||
.calendar .week-num:hover,
|
||||
.calendar .day:hover
|
||||
{
|
||||
color: var(--calendar-hover) !important;
|
||||
background-color: var(--calendar-background-hover) !important;
|
||||
}
|
||||
|
||||
.markdown-embed-title
|
||||
{
|
||||
color: var(--yellow);
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.cm-active
|
||||
{
|
||||
background-color: var(--cursor-line-background) !important;
|
||||
}
|
||||
|
||||
.nav-file-tag
|
||||
{
|
||||
color: var(--nav-file-tag) !important;
|
||||
}
|
||||
|
||||
.is-flashing
|
||||
{
|
||||
background-color: var(--flashing-background) !important;
|
||||
}
|
||||
|
||||
.dataview.inline-field-key
|
||||
{
|
||||
border-top-left-radius: var(--radius-s);
|
||||
border-bottom-left-radius: var(--radius-s);
|
||||
padding-left: 4px;
|
||||
font-family: var(--font-monospace);
|
||||
font-size: var(--font-smaller);
|
||||
color: var(--dataview-key) !important;
|
||||
background-color: var(--dataview-key-background) !important;
|
||||
}
|
||||
|
||||
.dataview.inline-field-value
|
||||
{
|
||||
border-top-right-radius: var(--radius-s);
|
||||
border-bottom-right-radius: var(--radius-s);
|
||||
padding-right: 4px;
|
||||
font-family: var(--font-monospace);
|
||||
font-size: var(--font-smaller);
|
||||
color: var(--dataview-value) !important;
|
||||
background-color: var(--dataview-value-background) !important;
|
||||
}
|
||||
|
||||
1642
.obsidian/themes/Obsidianite.css
vendored
Normal file
1642
.obsidian/themes/Obsidianite.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
11083
.obsidian/themes/Primary.css
vendored
Normal file
11083
.obsidian/themes/Primary.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
.obsidian/themes/Sanctum/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Sanctum/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Sanctum/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Sanctum/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Sanctum/manifest.json
vendored
Normal file
7
.obsidian/themes/Sanctum/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Sanctum",
|
||||
"version": "1.1.9",
|
||||
"minAppVersion": "0.16.2",
|
||||
"author": "@jdanielmourao",
|
||||
"authorUrl": "https://github.com/jdanielmourao/"
|
||||
}
|
||||
8462
.obsidian/themes/Sanctum/theme.css
vendored
Normal file
8462
.obsidian/themes/Sanctum/theme.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
9934
.obsidian/themes/Sandstorm.css
vendored
Normal file
9934
.obsidian/themes/Sandstorm.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
.obsidian/themes/Shimmering Focus/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Shimmering Focus/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Shimmering Focus/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Shimmering Focus/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Shimmering Focus/manifest.json
vendored
Normal file
7
.obsidian/themes/Shimmering Focus/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Shimmering Focus",
|
||||
"version": "3.179",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "pseudometa",
|
||||
"authorUrl": "https://github.com/chrisgrieser/shimmering-focus"
|
||||
}
|
||||
443
.obsidian/themes/Shimmering Focus/theme.css
vendored
Normal file
443
.obsidian/themes/Shimmering Focus/theme.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
.obsidian/themes/Simple/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Simple/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Simple/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Simple/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Simple/manifest.json
vendored
Normal file
7
.obsidian/themes/Simple/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Simple",
|
||||
"version": "1.0.6",
|
||||
"minAppVersion": "1.0.6",
|
||||
"author": "Diego Eis",
|
||||
"authorUrl": "https://diegoeis.com/"
|
||||
}
|
||||
981
.obsidian/themes/Simple/theme.css
vendored
Normal file
981
.obsidian/themes/Simple/theme.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
.obsidian/themes/Solarized/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Solarized/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Solarized/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Solarized/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
7
.obsidian/themes/Solarized/manifest.json
vendored
Normal file
7
.obsidian/themes/Solarized/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Solarized",
|
||||
"version": "1.0.5-beta",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "harmtemolder",
|
||||
"authorUrl": "https://github.com/harmtemolder"
|
||||
}
|
||||
205
.obsidian/themes/Solarized/theme.css
vendored
Normal file
205
.obsidian/themes/Solarized/theme.css
vendored
Normal file
@@ -0,0 +1,205 @@
|
||||
:root {
|
||||
--base03-rgb: 0, 43, 54;
|
||||
--base03: rgb(var(--base03-rgb));
|
||||
--base02-rgb: 7, 54, 66;
|
||||
--base02: rgb(var(--base02-rgb));
|
||||
--base01-rgb: 88, 110, 117;
|
||||
--base01: rgb(var(--base01-rgb));
|
||||
--base00-rgb: 101, 123, 131;
|
||||
--base00: rgb(var(--base00-rgb));
|
||||
--base0-rgb: 131, 148, 150;
|
||||
--base0: rgb(var(--base0-rgb));
|
||||
--base1-rgb: 147, 161, 161;
|
||||
--base1: rgb(var(--base1-rgb));
|
||||
--base2-rgb: 238, 232, 213;
|
||||
--base2: rgb(var(--base2-rgb));
|
||||
--base3-rgb: 253, 246, 227;
|
||||
--base3: rgb(var(--base3-rgb));
|
||||
--yellow-rgb: 181, 137, 0;
|
||||
--yellow: rgb(var(--yellow-rgb));
|
||||
--orange-rgb: 203, 75, 22;
|
||||
--orange: rgb(var(--orange-rgb));
|
||||
--red-rgb: 220, 50, 47;
|
||||
--red: rgb(var(--red-rgb));
|
||||
--magenta-rgb: 211, 54, 130;
|
||||
--magenta: rgb(var(--magenta-rgb));
|
||||
--violet-rgb: 108, 113, 196;
|
||||
--violet: rgb(var(--violet-rgb));
|
||||
--blue-rgb: 38, 139, 210;
|
||||
--blue: rgb(var(--blue-rgb));
|
||||
--cyan-rgb: 42, 161, 152;
|
||||
--cyan: rgb(var(--cyan-rgb));
|
||||
--green-rgb: 133, 153, 0;
|
||||
--green: rgb(var(--green-rgb));
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
/* Overwrite default theme colors */
|
||||
--color-base-00: #1e1e1e;
|
||||
--color-base-10: #242424;
|
||||
--color-base-20: #262626;
|
||||
--color-base-25: var(--base03);
|
||||
--color-base-30: var(--base02);
|
||||
--color-base-35: var(--base02);
|
||||
--color-base-40: var(--base0);
|
||||
--color-base-50: #666;
|
||||
--color-base-60: #999;
|
||||
--color-base-70: #bababa;
|
||||
--color-base-100: #dadada;
|
||||
/* Background */
|
||||
--background-primary: var(--base03);
|
||||
--background-primary-alt: var(--base02);
|
||||
/* Text */
|
||||
--text-normal: var(--base0);
|
||||
--text-muted: var(--base00);
|
||||
--text-faint: var(--base01);
|
||||
}
|
||||
|
||||
.theme-light {
|
||||
/* Overwrite default theme colors */
|
||||
--color-base-00: var(--base2);
|
||||
--color-base-05: #fcfcfc;
|
||||
--color-base-10: var(--base2);
|
||||
--color-base-20: #f6f6f6;
|
||||
--color-base-25: #e3e3e3;
|
||||
--color-base-30: var(--base2);
|
||||
--color-base-35: var(--base2);
|
||||
--color-base-40: var(--base00);
|
||||
--color-base-50: #ababab;
|
||||
--color-base-60: #707070;
|
||||
--color-base-70: #5a5a5a;
|
||||
--color-base-100: #222222;
|
||||
/* Background */
|
||||
--background-primary: var(--base3);
|
||||
--background-primary-alt: var(--base2);
|
||||
/* Text */
|
||||
--text-normal: var(--base00);
|
||||
--text-muted: var(--base0);
|
||||
--text-faint: var(--base1);
|
||||
}
|
||||
|
||||
.theme-dark,
|
||||
.theme-light {
|
||||
/* Overwrite default theme colors */
|
||||
--color-red-rgb: var(--red-rgb);
|
||||
--color-red: var(--red);
|
||||
--color-green-rgb: var(--green-rgb);
|
||||
--color-green: var(--green);
|
||||
--color-orange: var(--orange);
|
||||
--color-yellow: var(--yellow);
|
||||
--color-cyan: var(--cyan);
|
||||
--color-blue: var(--blue);
|
||||
--color-purple: var(--violet);
|
||||
--color-pink: var(--magenta);
|
||||
--accent-h: 18;
|
||||
--accent-s: 80%;
|
||||
--accent-l: 44%;
|
||||
--interactive-accent: var(--color-accent);
|
||||
/* Background */
|
||||
--background-secondary: var(--background-primary);
|
||||
--background-secondary-alt: var(--background-primary-alt);
|
||||
/* Text */
|
||||
--text-on-accent: var(--background-primary);
|
||||
/* Headings */
|
||||
--text-title: var(--cyan);
|
||||
--heading-formatting: var(--text-title);
|
||||
--h1-color: var(--text-title);
|
||||
--h2-color: var(--text-title);
|
||||
--h3-color: var(--text-title);
|
||||
--h4-color: var(--text-title);
|
||||
--h5-color: var(--text-title);
|
||||
--h6-color: var(--text-title);
|
||||
/* Links */
|
||||
--link-color: var(--blue);
|
||||
--link-color-hover: var(--link-color);
|
||||
--link-decoration: none;
|
||||
--link-decoration-hover: underline;
|
||||
--link-external-color: var(--violet);
|
||||
--link-external-color-hover: var(--link-external-color);
|
||||
--link-external-decoration: none;
|
||||
--link-external-decoration-hover: underline;
|
||||
--link-unresolved-color: var(--red);
|
||||
--link-unresolved-color-hover: var(--link-unresolved-color);
|
||||
--link-unresolved-opacity: unset;
|
||||
--link-unresolved-decoration-color: var(--link-unresolved-color);
|
||||
/* Code */
|
||||
--code-normal: var(--text-normal);
|
||||
--code-comment: var(--cyan);
|
||||
--code-function: var(--blue);
|
||||
--code-important: var(--orange);
|
||||
--code-keyword: var(--green);
|
||||
--code-operator: var(--code-normal);
|
||||
--code-property: var(--code-normal);
|
||||
--code-punctuation: var(--code-normal);
|
||||
--code-string: var(--cyan);
|
||||
--code-tag: var(--red);
|
||||
--code-value: var(--magenta);
|
||||
/* Tables */
|
||||
--table-header-size: inherit;
|
||||
--table-header-weight: var(--font-bold);
|
||||
--table-header-color: inherit;
|
||||
/* Highlights */
|
||||
--text-highlight-bg: hsla(var(--color-accent-hsl), 0.3);
|
||||
--text-highlight-bg-active: hsla(var(--color-accent-hsl), 0.4);
|
||||
/* Checkboxes in reading view */
|
||||
--checkbox-border-color: var(--interactive-accent);
|
||||
--checkbox-border-color-hover: var(--interactive-accent-hover);
|
||||
}
|
||||
|
||||
.cm-s-obsidian {
|
||||
/* Checkboxes */
|
||||
/* Links */
|
||||
/* Tables */
|
||||
/* Search results */
|
||||
/* Code colors */
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-formatting-task {
|
||||
color: var(--checkbox-color);
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-formatting-link {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-link {
|
||||
color: var(--link-external-color) !important;
|
||||
}
|
||||
|
||||
.cm-s-obsidian .HyperMD-table-row-0 {
|
||||
font-weight: var(--font-bold);
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.obsidian-search-match-highlight {
|
||||
box-shadow: unset;
|
||||
mix-blend-mode: unset;
|
||||
border-radius: unset;
|
||||
background: var(--text-selection);
|
||||
}
|
||||
|
||||
.cm-s-obsidian span.cm-comment {
|
||||
color: var(--code-comment);
|
||||
}
|
||||
|
||||
.cm-def {
|
||||
color: var(--code-function);
|
||||
}
|
||||
|
||||
.cm-atom {
|
||||
color: var(--code-value);
|
||||
}
|
||||
|
||||
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-atom,
|
||||
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-def {
|
||||
color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
/* Search all results */
|
||||
.is-flashing {
|
||||
border-radius: unset;
|
||||
}
|
||||
|
||||
.markdown-rendered .internal-link.is-unresolved:hover {
|
||||
color: var(--link-unresolved-color-hover);
|
||||
text-decoration-color: var(--link-unresolved-color-hover);
|
||||
}
|
||||
7
.obsidian/themes/Soli Deo Gloria/manifest.json
vendored
Normal file
7
.obsidian/themes/Soli Deo Gloria/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Soli Deo Gloria",
|
||||
"version": "1.0.0",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "agodlyman",
|
||||
"authorUrl": "https://github.com/GodlyMan-bit"
|
||||
}
|
||||
68
.obsidian/themes/Soli Deo Gloria/theme.css
vendored
Normal file
68
.obsidian/themes/Soli Deo Gloria/theme.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
.obsidian/themes/Spectrum/.syncthing.manifest.json.tmp
vendored
Normal file
BIN
.obsidian/themes/Spectrum/.syncthing.manifest.json.tmp
vendored
Normal file
Binary file not shown.
BIN
.obsidian/themes/Spectrum/.syncthing.theme.css.tmp
vendored
Normal file
BIN
.obsidian/themes/Spectrum/.syncthing.theme.css.tmp
vendored
Normal file
Binary file not shown.
6
.obsidian/themes/Spectrum/manifest.json
vendored
Normal file
6
.obsidian/themes/Spectrum/manifest.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "Spectrum",
|
||||
"version": "0.0.0",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "Wiktoria Mielcarek"
|
||||
}
|
||||
1
.obsidian/themes/Spectrum/theme.css
vendored
Normal file
1
.obsidian/themes/Spectrum/theme.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1431
.obsidian/themes/Terminal.css
vendored
Normal file
1431
.obsidian/themes/Terminal.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6961
.obsidian/themes/Things.css
vendored
Normal file
6961
.obsidian/themes/Things.css
vendored
Normal file
File diff suppressed because one or more lines are too long
3396
.obsidian/themes/Typewriter.css
vendored
Normal file
3396
.obsidian/themes/Typewriter.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
.obsidian/themes/Ukiyo/manifest.json
vendored
Normal file
7
.obsidian/themes/Ukiyo/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Ukiyo",
|
||||
"version": "2.3.2",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "Technerium",
|
||||
"authorURI": "https://github.com/technerium/obsidian-ukiyo"
|
||||
}
|
||||
478
.obsidian/themes/Ukiyo/theme.css
vendored
Normal file
478
.obsidian/themes/Ukiyo/theme.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user