vault backup: 2024-01-31 10:15:41
This commit is contained in:
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
|
||||
*/
|
||||
6
.obsidian/themes/Dracula for Obsidian/manifest.json
vendored
Normal file
6
.obsidian/themes/Dracula for Obsidian/manifest.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "Dracula for Obsidian",
|
||||
"version": "0.0.0",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "jarodise"
|
||||
}
|
||||
717
.obsidian/themes/Dracula for Obsidian/theme.css
vendored
Normal file
717
.obsidian/themes/Dracula for Obsidian/theme.css
vendored
Normal file
@@ -0,0 +1,717 @@
|
||||
:root
|
||||
{
|
||||
--font-size-normal: 19px;
|
||||
--font-size-code: 16px;
|
||||
--font-size-side-dock: 16px;
|
||||
--font-size-side-dock-title: 18px;
|
||||
--font-size-status-bar: 16px;
|
||||
--font-size-h1: 24px;
|
||||
--font-size-h2: 23px;
|
||||
--font-size-h3: 22px;
|
||||
--font-size-h4: 21px;
|
||||
--font-size-h5: 20px;
|
||||
--font-size-h6: 19px;
|
||||
--font-family-editor: Avenir, Avenir Next, sans-serif;
|
||||
--font-family-preview: Avenir, Avenir Next, sans-serif;
|
||||
}
|
||||
|
||||
.theme-light,
|
||||
.theme-dark {
|
||||
--background-primary: #282a36;
|
||||
--background-primary-alt: #44475a;
|
||||
--background-secondary: #44475a;
|
||||
--background-secondary-alt: #282a36;
|
||||
--background-accent: #f8f8f2;
|
||||
--background-modifier-border: #f8f8f2;
|
||||
--background-modifier-form-field: rgba(0, 0, 0, 0.2);
|
||||
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.5);
|
||||
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
||||
--background-modifier-success: #50fa7b; /*no sure*/
|
||||
--background-modifier-error: #3d0000; /*no sure*/
|
||||
--background-modifier-error-rgb: 61, 0, 0;
|
||||
--background-modifier-error-hover: #470000;
|
||||
--background-modifier-cover: rgba(0, 0, 0, 0.6);
|
||||
--text-accent: #ffb86c;
|
||||
--text-accent-hover: #8be9fd;
|
||||
--text-normal: #f8f8f2;
|
||||
--text-muted: #f8f8f2;
|
||||
--text-faint: #bd93f9;
|
||||
--text-highlight-bg: #ff5555;
|
||||
--text-error: #ff79c6;
|
||||
--text-error-hover: #ff79c6;
|
||||
--text-selection: #6272a4; /* Chromium precess this color with alpha channel */
|
||||
--text-on-accent: #bd93f9;
|
||||
--interactive-normal: #ffb86c;
|
||||
--interactive-hover: #ff5555;
|
||||
--interactive-accent: #ffb86c;
|
||||
--interactive-accent-rgb: 123, 108, 217;
|
||||
--interactive-accent-hover: #ff5555;
|
||||
--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);
|
||||
|
||||
--text-title-h1: #ff79c6;
|
||||
--text-title-h2: #bd93f9;
|
||||
--text-title-h3: #ff5555;
|
||||
--text-title-h4: #ffb86c;
|
||||
--text-title-h5: #50fa7b;
|
||||
--text-title-h6: #8be9fd;
|
||||
--inline-code: #bd93f9;
|
||||
--code-block: #8be9fd;
|
||||
--pre-code: #44475a;
|
||||
--blockquote-border: #ffb86c;
|
||||
--vim-cursor: #ff5555;
|
||||
--border-color: #2b2727; /*also like transparent*/
|
||||
}
|
||||
|
||||
/*-------------------------------------*/
|
||||
/* Search the following lines */
|
||||
/* to jump to specific section */
|
||||
/*-------------------------------------*/
|
||||
/* resize-handle and borders */
|
||||
/* tags */
|
||||
/* link */
|
||||
/* Cursor */
|
||||
/* basic format in EDITOR and PREVIEW */
|
||||
/* Headings - EDITOR and PREVIEW */
|
||||
/* Code block in Preview */
|
||||
/* Code block in Editor */
|
||||
/* Brackets */
|
||||
/* Blockquote */
|
||||
/* table */
|
||||
/* Checkbox */
|
||||
/* html in editor */
|
||||
/* popover */
|
||||
/* Side panel */
|
||||
/* internal embedded link in preview */
|
||||
/* graph view */
|
||||
/* settings */
|
||||
/* Hide side bar */
|
||||
/* width of content */
|
||||
/* at a rule line before ul list *
|
||||
/* Hide Scrollbar (recommend for mac) */
|
||||
/*-------------------------------------*/
|
||||
|
||||
/***************************************/
|
||||
/* resize-handle and borders */
|
||||
/***************************************/
|
||||
|
||||
/*vertical resize-handle*/
|
||||
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
|
||||
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
||||
.workspace-split.mod-right-split > .workspace-leaf-resize-handle{
|
||||
width: 1px !important;
|
||||
background-color: var(--border-color);
|
||||
}
|
||||
|
||||
/*horizontal resize-handle*/
|
||||
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle{
|
||||
height: 1px !important;
|
||||
background-color: var(--border-color);
|
||||
}
|
||||
|
||||
/*workspace ribbon when collapsed*/
|
||||
.workspace-ribbon.is-collapsed {
|
||||
background-color: var(--background-primary-alt);
|
||||
}
|
||||
|
||||
/*the vertical split*/
|
||||
.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content,
|
||||
.workspace-split.mod-vertical > .workspace-split,
|
||||
.workspace-split.mod-vertical > .workspace-leaf,
|
||||
.workspace-tabs{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
/*status-bar*/
|
||||
.status-bar{
|
||||
font-size: var(--font-size-status-bar);
|
||||
background-color: var(--background-secondary-alt);
|
||||
border-top: 0px;
|
||||
}
|
||||
|
||||
.document-search-container{
|
||||
border-top: 0px;
|
||||
border-right: 0px;
|
||||
z-index: inherit;
|
||||
}
|
||||
|
||||
.workspace-ribbon.mod-left.is-collapsed{
|
||||
border-right: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.workspace-ribbon.mod-right.is-collapsed{
|
||||
border-left: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
/*************************************/
|
||||
/* tags */
|
||||
/*************************************/
|
||||
|
||||
/* Tag hover in preview */
|
||||
a.tag:hover {
|
||||
color: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
/* Tag Color in editor and preview*/
|
||||
.cm-hashtag, a.tag {
|
||||
color: var(--text-accent-hover) !important;
|
||||
text-decoration: none !important;
|
||||
font-style: normal !important;
|
||||
}
|
||||
|
||||
/*********************************/
|
||||
/* link */
|
||||
/*********************************/
|
||||
|
||||
/* link */
|
||||
a,
|
||||
.internal-link,
|
||||
.cm-hmd-internal-link,
|
||||
.cm-link,
|
||||
.cm-formatting-link,
|
||||
.cm-url {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
/* the url string in editor */
|
||||
.cm-s-obsidian span.cm-string{
|
||||
color: var(--text-accent-hover) !important;
|
||||
}
|
||||
|
||||
/* make external links italics to differentiate */
|
||||
a:not(.internal-link) {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*footnote*/
|
||||
.cm-s-obsidian pre.HyperMD-footnote span.cm-hmd-footnote,
|
||||
.cm-s-obsidian span.cm-footref {
|
||||
color: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* Cursor */
|
||||
/***************************************/
|
||||
|
||||
/* Cursor color and opacity */
|
||||
|
||||
.cm-fat-cursor .CodeMirror-cursor, .cm-animate-fat-cursor
|
||||
{
|
||||
width: 0.5em;
|
||||
background: var(--vim-cursor);
|
||||
opacity: 60% !important;
|
||||
}
|
||||
|
||||
/**************************************/
|
||||
/* basic format in EDITOR and PREVIEW */
|
||||
/**************************************/
|
||||
|
||||
/* font for everything outside of editor/preview panes */
|
||||
.app-container {
|
||||
font-family: var(--font-family-preview);
|
||||
}
|
||||
|
||||
/* set the text selection color for preview mode */
|
||||
::selection {
|
||||
background-color: var(--text-selection);
|
||||
}
|
||||
|
||||
/* normal text outside of headings and code of editor */
|
||||
.cm-s-obsidian, .mod-single-child .cm-s-obsidian {
|
||||
font-family: var(--font-family-editor);
|
||||
font-size: var(--font-size-normal);
|
||||
}
|
||||
|
||||
/* normal text outside of headings and code of preview */
|
||||
.markdown-preview-view, .mod-single-child .markdown-preview-view {
|
||||
font-family: var(--font-family-editor);
|
||||
font-size: var(--font-size-normal);
|
||||
padding-top: 0px;
|
||||
padding-left: 2% !important;
|
||||
padding-right: 1% !important;
|
||||
}
|
||||
|
||||
/* bold in preview and editor */
|
||||
strong, .cm-strong {
|
||||
font-weight: 600;
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
/* emphasis in preview and editor */
|
||||
em, .cm-em {
|
||||
color: var(--text-muted);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* strikethrough in preview and editor */
|
||||
s, .cm-strikethrough {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
/* list in editor */
|
||||
.cm-s-obsidian span.cm-formatting-list {
|
||||
color: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
/* horizontal line in preview */
|
||||
.markdown-preview-view hr {
|
||||
background-color: var(--text-faint) !important;
|
||||
}
|
||||
|
||||
/* embedded images */
|
||||
img:not(.emoji) {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
/* img hover zoom out img*/
|
||||
img:hover {
|
||||
transform: scale(1.04);
|
||||
transition: transform 0.25s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.community-theme img:hover{
|
||||
transform: none;
|
||||
}
|
||||
|
||||
/*********************************/
|
||||
/* Headings - EDITOR and PREVIEW */
|
||||
/*********************************/
|
||||
|
||||
|
||||
/* headings for editor and preview */
|
||||
.cm-header-1, .markdown-preview-view h1
|
||||
{
|
||||
font-family: var(--font-family-editor);
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-h1);
|
||||
color: var(--text-title-h1);
|
||||
}
|
||||
|
||||
.cm-header-2, .markdown-preview-view h2
|
||||
{
|
||||
font-family: var(--font-family-editor);
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-h2);
|
||||
color: var(--text-title-h2);
|
||||
}
|
||||
|
||||
.cm-header-3, .markdown-preview-view h3
|
||||
{
|
||||
font-family: var(--font-family-editor);
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-h3);
|
||||
color: var(--text-title-h3);
|
||||
}
|
||||
|
||||
.cm-header-4, .markdown-preview-view h4
|
||||
{
|
||||
font-family: var(--font-family-editor);
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-h4);
|
||||
color: var(--text-title-h4);
|
||||
}
|
||||
|
||||
.cm-header-5, .markdown-preview-view h5
|
||||
{
|
||||
font-family: var(--font-family-editor);
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-h5);
|
||||
color: var(--text-title-h5);
|
||||
}
|
||||
|
||||
.cm-header-6, .markdown-preview-view h6
|
||||
{
|
||||
font-family: var(--font-family-editor);
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-h6);
|
||||
color: var(--text-title-h6);
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* Code block in Preview */
|
||||
/***************************************/
|
||||
|
||||
/* code blocks in preview */
|
||||
pre code {
|
||||
font-family: monaco !important;
|
||||
font-size: var(--font-size-code) !important;
|
||||
padding: 6px !important;
|
||||
line-height: normal;
|
||||
display: block;
|
||||
color: var(--code-block) !important;
|
||||
}
|
||||
|
||||
/* padding of code blocks in preview */
|
||||
.markdown-preview-view pre {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
/* font-size of in-line block for preview */
|
||||
.markdown-preview-view code
|
||||
{
|
||||
font-size: var(--font-size-code);
|
||||
}
|
||||
|
||||
|
||||
/* remove the shadow that typically affect light mode */
|
||||
.theme-dark code[class*="language-"],
|
||||
.theme-dark pre[class*="language-"],
|
||||
.theme-light code[class*="language-"],
|
||||
.theme-light pre[class*="language-"]
|
||||
{
|
||||
text-shadow: none !important;
|
||||
color: var(--text-faint) !important;
|
||||
background-color: var(--pre-code);
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* Brackets */
|
||||
/***************************************/
|
||||
|
||||
.cm-s-obsidian span.cm-formatting-link {
|
||||
color: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* Blockquote */
|
||||
/***************************************/
|
||||
|
||||
/* for editor */
|
||||
.cm-quote {
|
||||
color: var(--text-normal) !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* for preview */
|
||||
.markdown-preview-view blockquote {
|
||||
background-color: var(--pre-code);
|
||||
border: 0px solid;
|
||||
border-color: var(--blockquote-border) !important;
|
||||
border-left-width: 4px !important;
|
||||
border-radius: 0 8px 8px 0;
|
||||
line-height: 1.5em;
|
||||
margin: 30px 0px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* table */
|
||||
/***************************************/
|
||||
|
||||
th {
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
|
||||
.markdown-preview-view th {
|
||||
font-weight: 800;
|
||||
background-color: var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: 3px solid var(--background-modifier-border);
|
||||
}
|
||||
|
||||
.table {
|
||||
padding: 4px;
|
||||
line-height: normal;
|
||||
display: block;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* Checkbox */
|
||||
/***************************************/
|
||||
|
||||
.markdown-preview-view .task-list-item-checkbox:checked::before {
|
||||
content: '✓';
|
||||
position: absolute;
|
||||
color: var(--text-accent);
|
||||
font-size:1em;
|
||||
line-height: 1.25em;
|
||||
width:1.2em;
|
||||
text-align:center;
|
||||
text-shadow: 0 0 0.1em var(--text-accent);
|
||||
}
|
||||
|
||||
.markdown-preview-view .task-list-item-checkbox {
|
||||
-webkit-appearance: none;
|
||||
top: 0.2em !important;
|
||||
right: 4px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid var(--text-muted);
|
||||
position: relative;
|
||||
width: 1.25em;
|
||||
height: 1.25em;
|
||||
margin: 0;
|
||||
box-shadow: 0 0 0.1em var(--text-muted);
|
||||
}
|
||||
|
||||
.checkbox-container {
|
||||
background-color: var(--background-primary);
|
||||
}
|
||||
|
||||
|
||||
/***************************************/
|
||||
/* popover */
|
||||
/***************************************/
|
||||
|
||||
.popover{
|
||||
border: 1px solid var(--border-color);
|
||||
background-color: var(--background-secondary);
|
||||
}
|
||||
|
||||
|
||||
/***************************************/
|
||||
/* Side panel */
|
||||
/***************************************/
|
||||
|
||||
/* search result in backlink or file search */
|
||||
.search-result-file-title {
|
||||
font-size: 15px ;
|
||||
}
|
||||
|
||||
.search-result-file-matches, .search-empty-state {
|
||||
font-size: var(--font-size-side-dock);
|
||||
}
|
||||
|
||||
/*decrease the spacing between result items*/
|
||||
.search-result-file-title,
|
||||
.search-result-file-match {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.nav-file-title, .nav-folder-title {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-top-left-radius: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
/*backlink pane*/
|
||||
.workspace-leaf-content[data-type="backlink"] .view-content{
|
||||
background-color: var(--background-secondary);
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type="tag"] .tag-pane-tag-count,
|
||||
.workspace-leaf-content[data-type="tag"] .tag-pane-tag-text {
|
||||
font-size: var(--font-size-side-dock);
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type="backlink"] .search-result-file-matches {
|
||||
font-size: var(--font-size-side-dock);
|
||||
}
|
||||
/***************************************/
|
||||
/* internal embedded link in preview */
|
||||
/***************************************/
|
||||
|
||||
/* Naked Embeds */
|
||||
.markdown-embed-title { display: none; }
|
||||
.markdown-preview-view .markdown-embed-content>:first-child { margin-top: 0; }
|
||||
.markdown-preview-view .markdown-embed-content>:last-child { margin-bottom: 0; }
|
||||
/*remove the following two line, you will get border and scroll*/
|
||||
.markdown-preview-view .markdown-embed { border:none; padding:0; margin:0; }
|
||||
.markdown-preview-view .markdown-embed-content
|
||||
{
|
||||
max-height: unset;
|
||||
background-color: var(--background-secondary);
|
||||
}
|
||||
|
||||
/* the link on the top right corner*/
|
||||
.markdown-embed-link {
|
||||
color: var(--text-faint) !important;
|
||||
}
|
||||
|
||||
.markdown-embed-link:hover {
|
||||
color: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* graph view */
|
||||
/***************************************/
|
||||
.graph-view.color-circle,
|
||||
.graph-view.color-fill-highlight,
|
||||
.graph-view.color-line-highlight
|
||||
{
|
||||
color: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.graph-view.color-text
|
||||
{
|
||||
color: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.graph-view.color-line {
|
||||
color: #6272a4;
|
||||
}
|
||||
|
||||
.graph-view.color-fill{
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.workspace-leaf-content[data-type = "graph"] .view-content{
|
||||
background-color: var(--background-primary);
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* settings */
|
||||
/***************************************/
|
||||
|
||||
.modal.mod-settings button:not(.mod-cta):hover {
|
||||
background-color: var(--interactive-accent-hover);
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* Hide side bar */
|
||||
/***************************************/
|
||||
|
||||
.workspace-ribbon:not(:hover) .workspace-ribbon-collapse-btn,
|
||||
.workspace-ribbon:not(:hover) .side-dock-actions,
|
||||
.workspace-ribbon:not(:hover) .side-dock-settings {
|
||||
display:none;
|
||||
transition: all 300ms ease-in-out;}
|
||||
.workspace-ribbon:not(:hover) {
|
||||
width: 0px;
|
||||
transition: all 300ms ease-in-out;}
|
||||
|
||||
.workspace-split.mod-left-split {margin-left: 0px;}
|
||||
.workspace-split.mod-right-split {margin-right: 0px;}
|
||||
|
||||
/***************************************/
|
||||
/* width of content */
|
||||
/***************************************/
|
||||
|
||||
.markdown-source-view.is-readable-line-width .CodeMirror {
|
||||
max-width: 900px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
|
||||
max-width: 900px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
|
||||
/* header */
|
||||
|
||||
.theme-dark .view-header {
|
||||
background-color: var(--background-primary) !important;
|
||||
border-top: 1px solid var(--border-color) !important;
|
||||
border-bottom: 1px solid var(--border-color) !important;
|
||||
}
|
||||
|
||||
.theme-dark .view-header-title-container:after {
|
||||
background: linear-gradient(to bottom, transparent, var(--background-primary)) !important;
|
||||
}
|
||||
|
||||
.theme-dark .workspace-leaf.mod-active .view-header {
|
||||
background-color: var(--background-secondary-alt) !important;
|
||||
border-top: 0px !important;
|
||||
border-bottom: 3px solid var(--interactive-accent) !important;
|
||||
}
|
||||
|
||||
.workspace-leaf.mod-active .view-header-title-container:after {
|
||||
background: linear-gradient(to bottom, transparent, var(--background-secondary-alt)) !important;
|
||||
}
|
||||
|
||||
.workspace-leaf.mod-active .view-header-title,
|
||||
.workspace-leaf.mod-active .view-header-icon
|
||||
{
|
||||
color: var(--background-modifier-border);
|
||||
}
|
||||
|
||||
.view-header-title, .view-header-icon, .view-action{
|
||||
color: var(--text-faint);
|
||||
}
|
||||
.view-header-title
|
||||
{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* at a rule line before ul list */
|
||||
/***************************************/
|
||||
|
||||
ul ul { position: relative; }
|
||||
ul ul::before {
|
||||
content:'';
|
||||
border-left: 1px solid var(--border-color);
|
||||
position: absolute;
|
||||
}
|
||||
ul ul::before { left: -1em; top: 0; bottom: 0; }
|
||||
|
||||
/* rule line when there are checkboxes*/
|
||||
ul .task-list-item ul::before {left: 0.15em !important}
|
||||
|
||||
/***************************************/
|
||||
/* Code block in Editor */
|
||||
/***************************************/
|
||||
|
||||
/* in-line block for editor */
|
||||
.cm-s-obsidian span.cm-inline-code,
|
||||
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code,
|
||||
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code)
|
||||
{
|
||||
background-color: var(--pre-code-bg);
|
||||
color: var(--inline-code) !important;
|
||||
bottom: 0px !important;
|
||||
}
|
||||
|
||||
/* Editor CodeBlock TEXT Appearance */
|
||||
.cm-s-obsidian pre.HyperMD-codeblock {
|
||||
font-family: monaco !important;
|
||||
font-size: var(--font-size-code) !important;
|
||||
padding: 1px !important;
|
||||
display: block;
|
||||
color: var(--code-block) !important;
|
||||
font-weight: 500;
|
||||
text-indent: 0px !important;
|
||||
}
|
||||
|
||||
/*remove the border of codeblock in editor */
|
||||
.HyperMD-codeblock-bg{
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
/*an active line highlight in vim normal mode
|
||||
.cm-fat-cursor .CodeMirror-activeline .CodeMirror-linebackground{
|
||||
background-color: var(--text-selection) !important;
|
||||
} */
|
||||
|
||||
/* in-line block for preview */
|
||||
code{
|
||||
color: var(--inline-code) !important;
|
||||
bottom: 0px !important;
|
||||
}
|
||||
|
||||
/* graph css */
|
||||
.theme-dark .graph-view.color-arrow {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
.theme-dark .graph-view.color-fill-tag {
|
||||
color: #ffb86c;
|
||||
}
|
||||
|
||||
.theme-dark .graph-view.color-fill-attachment {
|
||||
color: #ff5555;
|
||||
}
|
||||
|
||||
.theme-dark .graph-view.color-fill-unresolved {
|
||||
color: #6272a4;
|
||||
}
|
||||
|
||||
.search-result-collapse-indicator {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -3px;
|
||||
color: var(--text-faint);
|
||||
transition: transform 100ms ease-in-out;
|
||||
padding: 0px !important;
|
||||
}
|
||||
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;
|
||||
}
|
||||
7
.obsidian/themes/Obsidian Nord/manifest.json
vendored
Normal file
7
.obsidian/themes/Obsidian Nord/manifest.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Obsidian Nord",
|
||||
"version": "0.2.0",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "insanum",
|
||||
"authorUrl": "https://insanum.com"
|
||||
}
|
||||
525
.obsidian/themes/Obsidian Nord/theme.css
vendored
Normal file
525
.obsidian/themes/Obsidian Nord/theme.css
vendored
Normal file
@@ -0,0 +1,525 @@
|
||||
|
||||
:root
|
||||
{
|
||||
--dark0_x: 46,52,64; /* #2e3440 */
|
||||
--dark0: rgb(var(--dark0_x));
|
||||
--dark1_x: 59,66,82; /* #3b4252 */
|
||||
--dark1: rgb(var(--dark1_x));
|
||||
--dark2_x: 67,76,94; /* #434c5e */
|
||||
--dark2: rgb(var(--dark2_x));
|
||||
--dark3_x: 76,86,106; /* #4c566a */
|
||||
--dark3: rgb(var(--dark3_x));
|
||||
|
||||
--light0_x: 216,222,233; /* #d8dee9 */
|
||||
--light0: rgb(var(--light0_x));
|
||||
--light1_x: 229,233,240; /* #e5e9f0 */
|
||||
--light1: rgb(var(--light1_x));
|
||||
--light2_x: 236,239,244; /* #eceff4 */
|
||||
--light2: rgb(var(--light2_x));
|
||||
--light3_x: 255,255,255; /* #ffffff */
|
||||
--light3: rgb(var(--light3_x));
|
||||
|
||||
--frost0_x: 143,188,187; /* #8fbcbb */
|
||||
--frost0: rgb(var(--frost0_x));
|
||||
--frost1_x: 136,192,208; /* #88c0d0 */
|
||||
--frost1: rgb(var(--frost1_x));
|
||||
--frost2_x: 129,161,193; /* #81a1c1 */
|
||||
--frost2: rgb(var(--frost2_x));
|
||||
--frost3_x: 94,129,172; /* #5e81ac */
|
||||
--frost3: rgb(var(--frost3_x));
|
||||
|
||||
--red_x: 191,97,106; /* #bf616a */
|
||||
--red: rgb(var(--red_x));
|
||||
--orange_x: 208,135,112; /* #d08770 */
|
||||
--orange: rgb(var(--orange_x));
|
||||
--yellow_x: 235,203,139; /* #ebcb8b */
|
||||
--yellow: rgb(var(--yellow_x));
|
||||
--green_x: 163,190,140; /* #a3be8c */
|
||||
--green: rgb(var(--green_x));
|
||||
--purple_x: 180,142,173; /* #b48ead */
|
||||
--purple: rgb(var(--purple_x));
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
--accent-h: 354; /* --red #bf616a */
|
||||
--accent-s: 42%;
|
||||
--accent-l: 56%;
|
||||
|
||||
--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(--red_x);
|
||||
--color-red: var(--red);
|
||||
--color-purple-rgb: var(--purple_x);
|
||||
--color-purple: var(--purple);
|
||||
--color-green-rgb: var(--green_x);
|
||||
--color-green: var(--green);
|
||||
--color-cyan-rgb: var(--frost1_x);
|
||||
--color-cyan: var(--frost1);
|
||||
--color-blue-rgb: var(--frost3_x);
|
||||
--color-blue: var(--frost3);
|
||||
--color-yellow-rgb: var(--yellow_x);
|
||||
--color-yellow: var(--yellow);
|
||||
--color-orange-rgb: var(--orange_x);
|
||||
--color-orange: var(--orange);
|
||||
/* --color-pink: var(--purple); */
|
||||
|
||||
--background-primary: var(--dark0);
|
||||
--background-primary-alt: var(--dark0);
|
||||
--background-secondary: var(--dark1);
|
||||
--background-secondary-alt: var(--dark2);
|
||||
--background-modifier-border: var(--dark2);
|
||||
|
||||
--cursor-line-background: rgba(var(--red_x), 0.2);
|
||||
|
||||
--text-normal: var(--light2);
|
||||
--text-faint: var(--light0);
|
||||
--text-muted: var(--light1);
|
||||
|
||||
--link-url: var(--purple);
|
||||
|
||||
--h1-color: var(--red);
|
||||
--h2-color: var(--yellow);
|
||||
--h3-color: var(--green);
|
||||
--h4-color: var(--purple);
|
||||
--h5-color: var(--frost0);
|
||||
--h6-color: var(--frost2);
|
||||
|
||||
--text-highlight-bg: var(--frost1);
|
||||
--text-highlight-fg: var(--dark0);
|
||||
|
||||
--text-accent: var(--orange);
|
||||
--text-accent-hover: var(--frost2);
|
||||
|
||||
--tag-color: var(--frost0);
|
||||
--tag-background: var(--dark2);
|
||||
--tag-background-hover: var(--dark1);
|
||||
|
||||
--titlebar-text-color-focused: var(--red);
|
||||
|
||||
--inline-title-color: var(--yellow);
|
||||
|
||||
--bold-color: var(--yellow);
|
||||
--italic-color: var(--yellow);
|
||||
|
||||
--checkbox-color: var(--frost0);
|
||||
--checkbox-color-hover: var(--frost0);
|
||||
--checkbox-border-color: var(--frost0);
|
||||
--checkbox-border-color-hover: var(--frost0);
|
||||
--checklist-done-color: rgba(var(--light2_x), 0.5);
|
||||
|
||||
--table-header-background: hsl(220, 16%, 16%);
|
||||
--table-header-background-hover: var(--dark3);
|
||||
--table-row-even-background: hsl(220, 16%, 20%);
|
||||
--table-row-odd-background: hsl(220, 16%, 24%);
|
||||
--table-row-background-hover: var(--dark3);
|
||||
|
||||
--text-selection: rgba(var(--red_x), 0.6);
|
||||
--flashing-background: rgba(var(--red_x), 0.3);
|
||||
|
||||
--code-normal: var(--frost1);
|
||||
--code-background: var(--dark1);
|
||||
|
||||
--mermaid-note: var(--frost3);
|
||||
--mermaid-loopline: var(--frost1);
|
||||
--mermaid-exclude: var(--dark3);
|
||||
--mermaid-seqnum: var(--dark0);
|
||||
|
||||
--icon-color-hover: var(--red);
|
||||
--icon-color-focused: var(--frost2);
|
||||
|
||||
--nav-item-color-hover: var(--red);
|
||||
--nav-item-color-active: var(--frost2);
|
||||
--nav-file-tag: rgba(var(--yellow_x), 0.9);
|
||||
|
||||
--graph-line: var(--dark3);
|
||||
--graph-node: var(--light3);
|
||||
--graph-node-tag: var(--red);
|
||||
--graph-node-attachment: var(--green);
|
||||
|
||||
--calendar-hover: var(--red);
|
||||
--calendar-background-hover: var(--dark3);
|
||||
--calendar-week: var(--yellow);
|
||||
--calendar-today: var(--yellow);
|
||||
|
||||
--dataview-key: var(--text-faint);
|
||||
--dataview-key-background: rgba(var(--frost2_x), 0.3);
|
||||
--dataview-value: var(--text-faint);
|
||||
--dataview-value-background: rgba(var(--red_x), 0.3);
|
||||
|
||||
--tab-text-color-focused-active: var(--frost2);
|
||||
--tab-text-color-focused-active-current: var(--red);
|
||||
}
|
||||
|
||||
.theme-light
|
||||
{
|
||||
--color-red-rgb: var(--red_x);
|
||||
--color-red: var(--red);
|
||||
--color-purple-rgb: var(--purple_x);
|
||||
--color-purple: var(--purple);
|
||||
--color-green-rgb: var(--green_x);
|
||||
--color-green: var(--green);
|
||||
--color-cyan-rgb: var(--frost1_x);
|
||||
--color-cyan: var(--frost1);
|
||||
--color-blue-rgb: var(--frost3_x);
|
||||
--color-blue: var(--frost3);
|
||||
--color-yellow-rgb: var(--yellow_x);
|
||||
--color-yellow: var(--yellow);
|
||||
--color-orange-rgb: var(--orange_x);
|
||||
--color-orange: var(--orange);
|
||||
/* --color-pink: var(--purple); */
|
||||
|
||||
--background-primary: var(--light3);
|
||||
--background-primary-alt: var(--light3);
|
||||
--background-secondary: var(--light2);
|
||||
--background-secondary-alt: var(--light1);
|
||||
--background-modifier-border: var(--light1);
|
||||
|
||||
--cursor-line-background: rgba(var(--red_x), 0.1);
|
||||
|
||||
--text-normal: var(--dark2);
|
||||
--text-faint: var(--dark0);
|
||||
--text-muted: var(--dark1);
|
||||
|
||||
--link-url: var(--purple);
|
||||
|
||||
--h1-color: var(--red);
|
||||
--h2-color: var(--yellow);
|
||||
--h3-color: var(--green);
|
||||
--h4-color: var(--purple);
|
||||
--h5-color: var(--frost0);
|
||||
--h6-color: var(--frost2);
|
||||
|
||||
--text-highlight-bg: var(--yellow);
|
||||
--text-highlight-fg: var(--dark0);
|
||||
|
||||
--text-accent: var(--orange);
|
||||
--text-accent-hover: var(--frost2);
|
||||
|
||||
--tag-color: var(--dark3);
|
||||
--tag-background: var(--light1);
|
||||
--tag-background-hover: var(--light0);
|
||||
|
||||
--titlebar-text-color-focused: var(--red);
|
||||
|
||||
--inline-title-color: var(--yellow);
|
||||
|
||||
--bold-color: var(--green);
|
||||
--italic-color: var(--green);
|
||||
|
||||
--checkbox-color: var(--frost2);
|
||||
--checkbox-color-hover: var(--frost2);
|
||||
--checkbox-border-color: var(--frost2);
|
||||
--checkbox-border-color-hover: var(--frost2);
|
||||
--checklist-done-color: rgba(var(--dark2_x), 0.4);
|
||||
|
||||
--table-header-background: rgba(var(--light2_x), 0.2);
|
||||
--table-header-background-hover: var(--frost2);
|
||||
--table-row-even-background: rgba(var(--light2_x), 0.4);
|
||||
--table-row-odd-background: rgba(var(--light2_x), 0.8);
|
||||
--table-row-background-hover: var(--frost2);
|
||||
|
||||
--text-selection: rgba(var(--red_x), 0.6);
|
||||
--flashing-background: rgba(var(--red_x), 0.3);
|
||||
|
||||
--code-normal: var(--frost1);
|
||||
--code-background: var(--light2);
|
||||
|
||||
--mermaid-note: var(--frost0);
|
||||
--mermaid-loopline: var(--frost1);
|
||||
--mermaid-exclude: var(--light0);
|
||||
--mermaid-seqnum: var(--light0);
|
||||
|
||||
--icon-color-hover: var(--red);
|
||||
--icon-color-focused: var(--frost3);
|
||||
|
||||
--nav-item-color-hover: var(--red);
|
||||
--nav-item-color-active: var(--frost2);
|
||||
--nav-file-tag: rgba(var(--orange_x), 0.9);
|
||||
|
||||
--graph-line: var(--light0);
|
||||
--graph-node: var(--dark3);
|
||||
--graph-node-tag: var(--red);
|
||||
--graph-node-attachment: var(--green);
|
||||
|
||||
--calendar-hover: var(--red);
|
||||
--calendar-background-hover: var(--light0);
|
||||
--calendar-week: var(--orange);
|
||||
--calendar-today: var(--orange);
|
||||
|
||||
--dataview-key: var(--text-faint);
|
||||
--dataview-key-background: rgba(var(--frost2_x), 0.3);
|
||||
--dataview-value: var(--text-faint);
|
||||
--dataview-value-background: rgba(var(--red_x), 0.3);
|
||||
|
||||
--tab-text-color-focused-active: var(--frost2);
|
||||
--tab-text-color-focused-active-current: var(--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);
|
||||
color: var(--text-highlight-fg);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.cm-url
|
||||
{
|
||||
color: var(--link-url) !important;
|
||||
}
|
||||
|
||||
.cm-url:hover
|
||||
{
|
||||
color: var(--text-accent-hover) !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;
|
||||
}
|
||||
|
||||
.cm-formatting-code + .cm-inline-code
|
||||
{
|
||||
border-radius: 0;
|
||||
padding: 0.1em 0;
|
||||
}
|
||||
|
||||
.cm-formatting-code
|
||||
{
|
||||
border-radius: var(--radius-s) 0 0 var(--radius-s);
|
||||
padding: 0.1em 0 0.1em 0.25em;
|
||||
}
|
||||
|
||||
.cm-inline-code + .cm-formatting-code
|
||||
{
|
||||
border-radius: 0 var(--radius-s) var(--radius-s) 0;
|
||||
padding: 0.1em 0.25em 0.1em 0;
|
||||
}
|
||||
|
||||
.cm-line .cm-strong
|
||||
{
|
||||
color: var(--bold-color) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Keep list bullet padding the same between viewer and editor.
|
||||
* This is annoying with the cursor in the editor as there is a gap.
|
||||
*/
|
||||
/*
|
||||
.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 .loopLine,
|
||||
{
|
||||
stroke: var(--mermaid-loopline) !important;
|
||||
}
|
||||
|
||||
.mermaid .loopText>tspan,
|
||||
.mermaid .entityLabel
|
||||
{
|
||||
fill: var(--red) !important;
|
||||
}
|
||||
|
||||
.mermaid .exclude-range
|
||||
{
|
||||
fill: var(--mermaid-exclude) !important;
|
||||
}
|
||||
|
||||
.mermaid .sequenceNumber
|
||||
{
|
||||
fill: var(--mermaid-seqnum) !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(--red);
|
||||
}
|
||||
|
||||
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.2.0",
|
||||
"minAppVersion": "0.16.0",
|
||||
"author": "insanum",
|
||||
"authorUrl": "https://insanum.com"
|
||||
}
|
||||
555
.obsidian/themes/Obsidian gruvbox/theme.css
vendored
Normal file
555
.obsidian/themes/Obsidian gruvbox/theme.css
vendored
Normal file
@@ -0,0 +1,555 @@
|
||||
|
||||
: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);
|
||||
|
||||
--link-url: var(--neutral-green);
|
||||
|
||||
--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);
|
||||
--mermaid-exclude: var(--dark4);
|
||||
--mermaid-seqnum: var(--dark0);
|
||||
|
||||
--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);
|
||||
|
||||
--tab-text-color-focused-active: var(--neutral-yellow);
|
||||
--tab-text-color-focused-active-current: var(--bright-red);
|
||||
}
|
||||
|
||||
.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);
|
||||
|
||||
--link-url: var(--neutral-green);
|
||||
|
||||
--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);
|
||||
--mermaid-exclude: var(--light2);
|
||||
--mermaid-seqnum: var(--light0);
|
||||
|
||||
--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);
|
||||
|
||||
--tab-text-color-focused-active: var(--neutral-yellow);
|
||||
--tab-text-color-focused-active-current: var(--bright-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);
|
||||
color: var(--text-highlight-fg);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.cm-url
|
||||
{
|
||||
color: var(--link-url) !important;
|
||||
}
|
||||
|
||||
.cm-url:hover
|
||||
{
|
||||
color: var(--text-accent-color) !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;
|
||||
}
|
||||
|
||||
.cm-line .cm-strong
|
||||
{
|
||||
color: var(--bold-color) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Keep list bullet padding the same between viewer and editor.
|
||||
* This is annoying with the cursor in the editor as there is a gap.
|
||||
*/
|
||||
/*
|
||||
.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;
|
||||
}
|
||||
|
||||
.mermaid .loopText>tspan,
|
||||
.mermaid .entityLabel
|
||||
{
|
||||
fill: var(--neutral-red) !important;
|
||||
}
|
||||
|
||||
.mermaid .exclude-range
|
||||
{
|
||||
fill: var(--mermaid-exclude) !important;
|
||||
}
|
||||
|
||||
.mermaid .sequenceNumber
|
||||
{
|
||||
fill: var(--mermaid-seqnum) !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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user