mirror of https://git.door43.org/Andley/BG4e
See in Reader
vault backup: 2021-05-02 14:57:23
This commit is contained in:
Andley Chang
parent
e1d325eb01
commit
90470e26ba
|
|
@ -1 +1 @@
|
|||
{"commitMessage":"vault backup: {{date}}","commitDateFormat":"YYYY-MM-DD HH:mm:ss","autoSaveInterval":30,"autoPullOnBoot":true,"disablePopups":false,"currentBranch":"main","remote":"origin"}
|
||||
{"commitMessage":"vault backup: {{date}}","commitDateFormat":"YYYY-MM-DD HH:mm:ss","autoSaveInterval":30,"autoPullInterval":0,"autoPullOnBoot":false,"disablePush":false,"pullBeforePush":false,"disablePopups":false,"listChangedFilesInMessageBody":false,"currentBranch":"main","remote":"origin"}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -4,5 +4,5 @@
|
|||
"description": "Backup your vault with git.",
|
||||
"isDesktopOnly": true,
|
||||
"js": "main.js",
|
||||
"version": "1.8.0"
|
||||
"version": "1.8.1"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,252 +0,0 @@
|
|||
/* ============= 設定字型 ================== */
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+0370-03FF, U+1F00-1FFF; /* Greek UNICODE */
|
||||
src: local("SBL BibLit");
|
||||
}
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+0590-05FF, U+FB10-FB4F; /* Hebrew UNICODE */
|
||||
src: local("SBL BibLit");
|
||||
}
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+00-024F; /* English UNICODE */
|
||||
src: local("Noto Sans");
|
||||
}
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+4E00-9FFF; /* 中文 UNICODE */
|
||||
src: local("Noto Sans CJK TC");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: InterlinearFont;
|
||||
unicode-range: U+0370-03FF, U+1F00-1FFF; /* Greek UNICODE */
|
||||
src: local("Arial Narrow");
|
||||
}
|
||||
@font-face {
|
||||
font-family: InterlinearFont;
|
||||
unicode-range: U+00-024F; /* English UNICODE */
|
||||
src: local("Arial Narrow");
|
||||
}
|
||||
@font-face {
|
||||
font-family: InterlinearFont;
|
||||
unicode-range: U+4E00-9FFF; /* 中文 UNICODE */
|
||||
src: local("Noto Sans CJK TC");
|
||||
}
|
||||
|
||||
/* ============= 列印 PDF 設定 ============= */
|
||||
@media print {
|
||||
/* -------- 列印強調 ---------- */
|
||||
a, strong, em {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
/* -------- 列印 Interlinear 經文段落---------- */
|
||||
ruby {
|
||||
font-size: 19px !important; /* 14pt 字體大小*/
|
||||
line-height: 19px !important;
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
rt {
|
||||
font-size: 16px !important; /* 12pt 字體大小*/
|
||||
line-height: 16px !important;
|
||||
}
|
||||
|
||||
/* -------- 列印 Interlinear 圖析 ---------- */
|
||||
ul ruby {
|
||||
font-size: 16px !important; /* 12pt 字體大小*/
|
||||
line-height: 14px !important;
|
||||
padding-bottom: 3px !important;
|
||||
}
|
||||
ul rt {
|
||||
font-size: 13px !important; /* 10pt 字體大小*/
|
||||
line-height: 12px !important;
|
||||
}
|
||||
|
||||
/* -------- 列印其他文字 ---------- */
|
||||
html, body {
|
||||
background-color: white !important;
|
||||
color: black !important;
|
||||
font-size: 16px !important; /* 12pt 字體大小*/
|
||||
}
|
||||
}
|
||||
|
||||
/* ============= 銀幕顯示 設定 ============= */
|
||||
/* Obsidian 介面 */
|
||||
.theme-dark {
|
||||
--text-tag: #778899;
|
||||
--text-muted: #D3D3D3;
|
||||
--text-faint: gold;
|
||||
--text-accent: greenyellow;
|
||||
--color1:#ea4335;
|
||||
--color2:#4285f4;
|
||||
--color3:#34a853;
|
||||
--color4:#ff8a00;
|
||||
}
|
||||
.theme-light {
|
||||
--text-tag: rgb(128, 136, 240);
|
||||
--text-normal:black;
|
||||
--text-selection: #ffe23d48;
|
||||
--background-primary: white;
|
||||
--color1:darkred;
|
||||
--color2:darkblue;
|
||||
--color3:darkgreen;
|
||||
--color4:darkmagenta;
|
||||
}
|
||||
|
||||
|
||||
/* 標題顏色 */
|
||||
.titlebar-inner {
|
||||
color: var(--text-faint);
|
||||
}
|
||||
|
||||
.workspace-leaf.mod-active .view-header-title {
|
||||
color: var(--text-accent);
|
||||
}
|
||||
|
||||
/* 粗體、斜體 in preview and editor */
|
||||
.cm-strong, .markdown-preview-view strong {
|
||||
font-weight: bolder;
|
||||
color: var(--text-accent);
|
||||
}
|
||||
.cm-em, .markdown-preview-view em {
|
||||
color: var(--text-faint);
|
||||
}
|
||||
|
||||
/* tags in preview and editor */
|
||||
.cm-s-obsidian span.cm-tag {
|
||||
color: var(--text-tag);
|
||||
}
|
||||
|
||||
/* 標題 */
|
||||
.cm-header-1, .markdown-preview-view h1 {
|
||||
color: var(--color1);
|
||||
font-size:26px; /* 20pt 字體大小*/
|
||||
text-align: center;
|
||||
border-bottom: 4px double ;
|
||||
font-family: "Noto Sans Black", "Noto Sans CJK TC Black";
|
||||
}
|
||||
.cm-header-2,.markdown-preview-view h2 {
|
||||
color: var(--color2);
|
||||
font-size:24px; /* 18pt 字體大小*/
|
||||
text-align: center;
|
||||
font-family: "Noto Sans Black", "Noto Sans CJK TC Black";
|
||||
}
|
||||
.cm-header-3,.markdown-preview-view h3 {
|
||||
color: var(--color3);
|
||||
font-size:22px; /* 16pt 字體大小*/
|
||||
text-indent: -30px;
|
||||
font-family: "Noto Sans Black", "Noto Sans CJK TC Black";
|
||||
}
|
||||
.cm-header-4,.markdown-preview-view h4 {
|
||||
color: var(--color4);
|
||||
font-size:19px; /* 14pt 字體大小*/
|
||||
text-indent: -20px;
|
||||
font-family: "Noto Sans Black", "Noto Sans CJK TC Black";
|
||||
}
|
||||
.cm-header-5,.markdown-preview-view h5 {
|
||||
color: var(--color5);
|
||||
font-size:16px; /* 12pt 字體大小*/
|
||||
text-indent: -10px;
|
||||
font-family: "Noto Sans Black", "Noto Sans CJK TC Black";
|
||||
}
|
||||
.cm-header-6,.markdown-preview-view h6 {
|
||||
color: var(--color6);
|
||||
font-size:16px; /* 12pt 字體大小*/
|
||||
font-family: "Noto Sans Black", "Noto Sans CJK TC Black";
|
||||
}
|
||||
|
||||
/***************************************/
|
||||
/* Table */
|
||||
/***************************************/
|
||||
.markdown-preview-view th {
|
||||
border: 1px solid;
|
||||
border-bottom: 4px double;
|
||||
font-weight: 800;
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
.markdown-preview-view td {
|
||||
border: 1px solid;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
|
||||
/***************************************/
|
||||
/* Ruby Interlinear */
|
||||
/***************************************/
|
||||
/* -------- 銀幕 Interlinear 經文段落---------- */
|
||||
ruby {
|
||||
display: inline-flex;
|
||||
flex-direction: column-reverse ;
|
||||
align-items: center;
|
||||
font-size: 19px ;
|
||||
line-height: 18px ;
|
||||
padding-bottom: 10px ;
|
||||
font-family: AndleyFont;
|
||||
}
|
||||
rt {
|
||||
font-size: 16px ;
|
||||
line-height: 15px ;
|
||||
font-family: InterlinearFont;
|
||||
}
|
||||
|
||||
ul ruby {
|
||||
font-size: 16px ; /* 12pt 字體大小*/
|
||||
line-height: 14px ;
|
||||
padding-bottom: 3px ;
|
||||
}
|
||||
ul rt {
|
||||
font-size: 13px ; /* 10pt 字體大小*/
|
||||
line-height: 12px ;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: AndleyFont;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
/*=== trace indentation lines by death_au === */
|
||||
|
||||
.cm-hmd-list-indent .cm-tab,
|
||||
ul ul {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cm-hmd-list-indent .cm-tab::before,
|
||||
ul ul::before {
|
||||
content: "";
|
||||
border-left: 1px solid var(--text-tag);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cm-hmd-list-indent .cm-tab::before {
|
||||
left: 0;
|
||||
top: -5px;
|
||||
bottom: -4px;
|
||||
}
|
||||
|
||||
ul ul::before {
|
||||
left: -15px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/*=== filename 字體變小 === */
|
||||
|
||||
.nav-file-title, .nav-folder-title {
|
||||
display: flex;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
color: var(--text-muted);
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
padding: 1px 5px 0 10px;
|
||||
white-space: nowrap;
|
||||
width: max-content;
|
||||
min-width: 100%;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,1970 +0,0 @@
|
|||
/* obsdn dark rmx - v202009222210 - 0.9.00 by _ph / www.hpx1.com*/
|
||||
/* free to use, share and tweak - consider keeping the credits if you use this theme as a starter kit */
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+0370-03FF, U+1F00-1FFF; /* Greek UNICODE */
|
||||
src: local("SBL BibLit");
|
||||
}
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+0590-05FF, U+FB10-FB4F; /* Hebrew UNICODE */
|
||||
src: local("SBL BibLit");
|
||||
}
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+00-024F; /* English UNICODE */
|
||||
src: local("Noto Sans");
|
||||
}
|
||||
@font-face {
|
||||
font-family: AndleyFont;
|
||||
unicode-range: U+4E00-9FFF; /* 中文 UNICODE */
|
||||
src: local("Noto Sans CJK TC");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: InterlinearFont;
|
||||
unicode-range: U+0370-03FF, U+1F00-1FFF; /* Greek UNICODE */
|
||||
src: local("Arial Narrow");
|
||||
}
|
||||
@font-face {
|
||||
font-family: InterlinearFont;
|
||||
unicode-range: U+00-024F; /* English UNICODE */
|
||||
src: local("Arial Narrow");
|
||||
}
|
||||
@font-face {
|
||||
font-family: InterlinearFont;
|
||||
unicode-range: U+4E00-9FFF; /* 中文 UNICODE */
|
||||
src: local("Noto Sans CJK TC");
|
||||
}
|
||||
body {
|
||||
font-size: 16px;
|
||||
font-family: AndleyFont;
|
||||
--font-monospace: InterlinearFont;
|
||||
}
|
||||
.CodeMirror pre.CodeMirror-line {
|
||||
font-size: 16px;
|
||||
font-family: AndleyFont;
|
||||
}
|
||||
|
||||
/* ======= DARK ==============*/
|
||||
|
||||
.theme-dark {
|
||||
--background-primary: #212121;
|
||||
--background-modifier-border: #303030;
|
||||
--background-primary-alt: #171717;
|
||||
--background-secondary: #212121;
|
||||
--background-secondary-alt: #000000;
|
||||
--background-modifier-box-shadow: rgba(0, 0, 0, 0.85);
|
||||
--text-accent: #3e93d8;
|
||||
--text-accent-hover: #2b60af;
|
||||
--text-normal: #dcddde;
|
||||
--text-muted: #999;
|
||||
--text-faint: #666;
|
||||
--text-error: #ff3333;
|
||||
--text-error-hover: #990000;
|
||||
--text-matched: #0cf32b;
|
||||
--text-on-accent: #dcddde;
|
||||
--text-selection: rgba(6, 66, 113, 0.99);
|
||||
--text-highlight-bg: rgba(26, 73, 100, 0.66);
|
||||
--interactive-normal: #2a2a2a;
|
||||
--interactive-hover: #303030;
|
||||
--interactive-accent: rgb(32, 171, 233);
|
||||
--interactive-accent-rgb: 32, 171, 233;
|
||||
--interactive-accent-hover: #1da3d6;
|
||||
--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2);
|
||||
--scrollbar-bg: rgba(255, 255, 255, 0);
|
||||
--scrollbar-thumb-bg: rgba(81, 144, 175, 0.36);
|
||||
--accent-strong: #ec0d0d;
|
||||
--accent-mild: #e6b64f;
|
||||
--bw: #ffffff;
|
||||
--graph-circle:#ff0000;
|
||||
--graph-line: #0c496d;
|
||||
--graph-bg: rgb(22, 22, 22);
|
||||
--graph-text:#4780c2;
|
||||
--graphtag: #1d70be;
|
||||
--graph-attach: #80921a;
|
||||
}
|
||||
|
||||
/* ======= LIGHT==============*/
|
||||
|
||||
.theme-light {
|
||||
--background-primary: #ffffff;
|
||||
--background-primary-alt: #f0f2f5;
|
||||
--background-secondary: #f2f3f5;
|
||||
--background-secondary-alt: #e3e5e8;
|
||||
--background-accent: #fff;
|
||||
--background-modifier-border: #ddd;
|
||||
--background-modifier-form-field: #fff;
|
||||
--background-modifier-form-field-highlighted: #fff;
|
||||
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
|
||||
--background-modifier-success: #a4e7c3;
|
||||
--background-modifier-error: #e68787;
|
||||
--background-modifier-error-rgb: 230, 135, 135;
|
||||
--background-modifier-error-hover: #ff9494;
|
||||
--background-modifier-cover: rgba(0, 0, 0, 0.8);
|
||||
--text-accent: #269dff;
|
||||
--text-accent-hover: #2da4ff;
|
||||
--text-normal: #2e3338;
|
||||
--text-muted: #6e6e6e;
|
||||
--text-faint: #999999;
|
||||
--text-error: #ce2222;
|
||||
--text-error-hover: #cb2c2;
|
||||
--text-highlight-bg: rgba(240, 255, 82, 0.76);
|
||||
--text-selection: rgba(134, 202, 255, 0.99);
|
||||
--text-on-accent: #f2f2f2;
|
||||
--text-matched: #000000;
|
||||
--interactive-normal: #f2f3f5;
|
||||
--interactive-hover: #e9e9e9;
|
||||
--interactive-accent: rgb(34, 182, 226);
|
||||
--interactive-accent-rgb: 34, 182, 226;
|
||||
--interactive-accent-hover: #1da3d6;
|
||||
--scrollbar-active-thumb-bg: rgb(97, 170, 221);
|
||||
--scrollbar-bg: rgba(0, 0, 0, 0);
|
||||
--scrollbar-thumb-bg: rgb(0, 0, 0);
|
||||
--accent-strong: #ff3333;
|
||||
--accent-mild: #e0a330;
|
||||
--bw: #000000;
|
||||
--graph-circle:#ec0c0c;
|
||||
--graph-line: #dfdfdf;
|
||||
--graph-bg: rgb(255, 255, 255);
|
||||
--graph-text:#969696;
|
||||
--graphtag: #b9ec41;
|
||||
--graph-attach: #83D4F4;
|
||||
}
|
||||
|
||||
/* code block remove shadow */
|
||||
|
||||
.theme-light code[class*="language-"],
|
||||
.theme-light pre[class*="language-"] {
|
||||
background: var(--background-primary-alt);
|
||||
text-shadow: 0px 0px white;
|
||||
font-family: var(--font-monospace);
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* code block:remove white bg on operators */
|
||||
|
||||
.theme-light .token.operator {
|
||||
background: hsla(0, 0%, 100%, 0);
|
||||
}
|
||||
|
||||
/* ====== Tag Pills ======== */
|
||||
|
||||
.tag {
|
||||
background-color: var(--text-accent);
|
||||
border: none;
|
||||
color: white !important;
|
||||
font-size: 11px;
|
||||
line-height: 1.6em;
|
||||
padding: 0px 7px 1px 7px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
display: inline-block;
|
||||
margin: 0px 4px;
|
||||
cursor: pointer;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.tag:hover {
|
||||
color: white;
|
||||
background-color: var(--text-accent-hover);
|
||||
}
|
||||
|
||||
.tag[href^="#obsidian"] {
|
||||
background-color: #4d3ca6;
|
||||
}
|
||||
|
||||
.tag[href^="#important"] {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.tag[href^="#complete"] {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.tag[href^="#inprogress"] {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
/*=== trace indentation lines by death_au === */
|
||||
|
||||
.cm-hmd-list-indent .cm-tab,
|
||||
ul ul {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cm-hmd-list-indent .cm-tab::before,
|
||||
ul ul::before {
|
||||
content: "";
|
||||
border-left: 2px solid var(--background-modifier-border); /*rgba(20,122,255,0.3);*/
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cm-hmd-list-indent .cm-tab::before {
|
||||
left: 0;
|
||||
top: -5px;
|
||||
bottom: -4px;
|
||||
}
|
||||
|
||||
ul ul::before {
|
||||
left: -15px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/*==============TRANSCLUSION TWEAKS=============*/
|
||||
.internal-embed {
|
||||
display: block;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
position:relative;
|
||||
}
|
||||
.markdown-embed-title {
|
||||
font-family: sans-serif;
|
||||
font-size: 10px;
|
||||
color: var(--text-accent);
|
||||
line-height: 10px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
font-weight: 100;
|
||||
margin: 10px -0px -50px -10px;
|
||||
}
|
||||
|
||||
.markdown-preview-view .markdown-embed {
|
||||
background-color: var(--background-primary);
|
||||
border-radius: 0px;
|
||||
border: 0;
|
||||
border-left: 1px solid var(--text-selection);
|
||||
margin: 0px -10px;
|
||||
|
||||
}
|
||||
|
||||
.markdown-embed {
|
||||
display: block;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.markdown-embed > .markdown-embed-content {
|
||||
display: inline;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0px 0px -15px -10px;
|
||||
padding: 20px 0px 0px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.markdown-embed-content > * {
|
||||
display: block;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 10px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.markdown-embed-link {
|
||||
top: -3px;
|
||||
left: -20px;
|
||||
color: var(--accent-strong);
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
svg.link {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.file-embed-link {
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
color: var(--accent-strong);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.internal-embed,
|
||||
.internal-embed > .markdown-embed > .markdown-embed-content {
|
||||
display: block;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.markdown-preview-view .file-embed {
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--text-selection);
|
||||
padding: 0px 5px 0px 5px;
|
||||
margin: 10px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.file-embed-title {
|
||||
font-size: 12px;
|
||||
height: 40px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* ==========headings=======*/
|
||||
.markdown-preview-view h1 {
|
||||
font-size: 34px;
|
||||
line-height: 40px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid var(--text-accent);
|
||||
}
|
||||
.markdown-preview-view h2 {
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
padding-top: 14px;
|
||||
padding-bottom: 6px;
|
||||
border-bottom: 1px solid var(--text-faint);
|
||||
}
|
||||
|
||||
/* ==========hr======*/
|
||||
.markdown-preview-view hr {
|
||||
height: 1px;
|
||||
border: none;
|
||||
background-color: var(--text-accent);
|
||||
}
|
||||
|
||||
/* ===========================*/
|
||||
/* ====== GUI tweaks =========*/
|
||||
/* ===========================*/
|
||||
|
||||
/* ===== snappier animations ==== */
|
||||
|
||||
.workspace-tab-header,
|
||||
.workspace-tab-header-inner,
|
||||
.workspace-tab-container-before,
|
||||
.workspace-tab-container-after {
|
||||
transition: background-color 80ms linear;
|
||||
}
|
||||
|
||||
/* ===== ribbon vertical =========*/
|
||||
|
||||
.workspace-ribbon-collapse-btn {
|
||||
margin-top: 0px;
|
||||
padding: 8px 6px 4px 6px;
|
||||
cursor: pointer;
|
||||
color: var(--text-faint);
|
||||
transform: none;
|
||||
transition: transform 100ms ease-in-out;
|
||||
}
|
||||
|
||||
.workspace-ribbon.is-collapsed {
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
.workspace-ribbon.mod-left.is-collapsed {
|
||||
border-right-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
.workspace-ribbon.mod-right.is-collapsed {
|
||||
border-left-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
/* ===== thinner & snappier horiz resize handle =========*/
|
||||
|
||||
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
|
||||
bottom: 0;
|
||||
left: -4px;
|
||||
height: 3px;
|
||||
width: 100%;
|
||||
cursor: row-resize;
|
||||
}
|
||||
.workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||||
z-index: var(--layer-status-bar);
|
||||
height: calc(100% - 0px);
|
||||
top: unset;
|
||||
bottom: 0;
|
||||
}
|
||||
.workspace-leaf-resize-handle {
|
||||
transition: background-color 80ms linear;
|
||||
}
|
||||
|
||||
/* ==== align top tab header with header title ==== */
|
||||
|
||||
.workspace-leaf {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
will-change: transform;
|
||||
min-height: 20px;
|
||||
}
|
||||
.workspace-leaf-content[data-type='backlink'] .view-content {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 20px;
|
||||
}
|
||||
.nav-header {
|
||||
padding: 8px 4px 1px 8px;
|
||||
}
|
||||
.nav-buttons-container {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
padding-bottom: 0px;
|
||||
border-bottom: 1px solid var(--background-modifier-border);
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.nav-action-button > svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.nav-action-button {
|
||||
color: var(--text-muted);
|
||||
padding: 0 20px 0 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nav-files-container {
|
||||
flex-grow: 1;
|
||||
overflow-y: auto;
|
||||
padding-left: 7px; /* reduce to 0 for more space */
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ----file xplor : smaller & bold vault title--- */
|
||||
|
||||
.nav-folder.mod-root > .nav-folder-title {
|
||||
padding-left: 6px;
|
||||
font-size: 14px;
|
||||
font-weight: bolder;
|
||||
top: -6px; /* higher */
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*----file explorer smaller fonts & line height----*/
|
||||
|
||||
.nav-file-title,
|
||||
.nav-folder-title {
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
border-image: initial;
|
||||
border-radius: 0px;
|
||||
padding: 1px 14px 0px 20px;
|
||||
}
|
||||
|
||||
.nav-file-tag {
|
||||
background-color: var(--background-secondary-alt);
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
/*-------search pane---------*/
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="password"],
|
||||
input[type="number"] {
|
||||
font-family: Barlow, Cairo, 'Inter', sans-serif;
|
||||
padding: 5px 8px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.search-input {
|
||||
display: block;
|
||||
margin: 0 auto 10px auto;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
/*---- nav arrows adjust location ----*/
|
||||
|
||||
.nav-folder-collapse-indicator {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 4px;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
transition: transform 50ms linear 0s;
|
||||
}
|
||||
|
||||
.nav-folder.is-collapsed .nav-folder-collapse-indicator {
|
||||
transform: translateX(-4px) translateY(1px) rotate(-90deg);
|
||||
}
|
||||
|
||||
/* ===== smaller view-actions icons ===== */
|
||||
|
||||
.view-action > svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
.view-action > svg.link {
|
||||
color:red;
|
||||
}
|
||||
.view-header-icon > svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.workspace-tab-header-inner-icon > svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
/* ===== brings back the selection highlight - thanks Klaas! ==== */
|
||||
|
||||
.suggestion-item.is-selected {
|
||||
background-color: var(--text-accent);
|
||||
}
|
||||
|
||||
/* ====== scrollbars:no rounded corners =========*/
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
-webkit-border-radius: 0px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
-webkit-border-radius: 0px;
|
||||
}
|
||||
|
||||
/*==== tabs =====*/
|
||||
|
||||
.workspace-tab-container-before,
|
||||
.workspace-tab-container-after {
|
||||
width: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* ===== view header color ==========*/
|
||||
|
||||
.workspace-leaf.mod-active .view-header {
|
||||
background-color: var(--background-primary);
|
||||
border-bottom: 2px solid var(--interactive-accent);
|
||||
}
|
||||
|
||||
/* smaller menu backlinks etc */
|
||||
.workspace-leaf-content[data-type='search'] .nav-action-button, .workspace-leaf-content[data-type='backlink'] .nav-action-button {
|
||||
padding: 2px 4px 0px 4px;
|
||||
margin: 0px 3px 3px 3px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/* smaller tabs */
|
||||
.workspace-tab-header-container {
|
||||
display: flex;
|
||||
background-color: var(--background-secondary-alt);
|
||||
height: 29px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.workspace-tab-header-inner {
|
||||
padding: 4px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.workspace-tabs {
|
||||
background-color: var(--background-secondary-alt);
|
||||
overflow: hidden;
|
||||
padding: 0px 4px 28px 4px;
|
||||
position: relative;
|
||||
}
|
||||
.view-header-icon {
|
||||
padding: 4px 10px;
|
||||
color: var(--text-muted);
|
||||
cursor: grab;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
.view-header {
|
||||
height: 29px;
|
||||
display: flex;
|
||||
border-top: 1px solid var(--background-secondary-alt);
|
||||
border-bottom: 2px solid var(--background-secondary-alt);
|
||||
background-color: var(--background-secondary-alt);
|
||||
z-index: 1;
|
||||
}
|
||||
.workspace-leaf.mod-active .view-header-icon {
|
||||
padding: 3px 10px;
|
||||
color: var(--interactive-accent);
|
||||
cursor: grab;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
.view-header-title {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
overflow: auto;
|
||||
padding-right: 20px;
|
||||
white-space: nowrap;
|
||||
line-height: 30px;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.view-actions {
|
||||
padding: 1px 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.view-content {
|
||||
width: 100%;
|
||||
height: calc(100% - 29px);
|
||||
}
|
||||
.view-header-title-container:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 28px;
|
||||
height: 24px;
|
||||
background: linear-gradient(to right, transparent, var(--background-secondary-alt));
|
||||
}
|
||||
|
||||
.workspace-leaf.mod-active .view-header-title-container:after {
|
||||
background: linear-gradient(to right, transparent, var(--background-primary));
|
||||
}
|
||||
|
||||
.workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content {
|
||||
border-top-right-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
}
|
||||
/* ===== tag pane ===================*/
|
||||
|
||||
.tag-pane-tag {
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tag-pane-tag-count {
|
||||
top: 2px;
|
||||
right: 10px;
|
||||
font-size: 11px;
|
||||
background-color: var(--background-secondary-alt);
|
||||
line-height: 12px;
|
||||
border-radius: 3px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.pane-clickable-item {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
/*==== separators =====*/
|
||||
|
||||
.workspace-leaf-resize-handle {
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
|
||||
.workspace-leaf-resize-handle:hover {
|
||||
background-color: rgba(var(--interactive-accent-rgb), 0.8);
|
||||
}
|
||||
.workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||||
z-index: var(--layer-status-bar);
|
||||
height: calc(100% - 28px);
|
||||
top: unset;
|
||||
bottom: 0;
|
||||
}
|
||||
/* a bit more padding on the left side */
|
||||
|
||||
.markdown-preview-view {
|
||||
padding: 20px 30px 30px 45px;
|
||||
}
|
||||
|
||||
/*===== backlink pane smaller fonts=======*/
|
||||
|
||||
.side-dock-collapsible-section-header {
|
||||
font-size: 12px;
|
||||
padding: 4px 14px 0 22px;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
.side-dock-collapsible-section-header.is-collapsed .side-dock-collapsible-section-header-indicator {
|
||||
transform: translateX(-9px) translateY(7px) rotate(-90deg);
|
||||
}
|
||||
.search-result-container {
|
||||
padding: 0px 4px 4px 4px;
|
||||
}
|
||||
|
||||
.search-result-file-title {
|
||||
font-size: 14px;
|
||||
color: var(--text-accent);
|
||||
border-radius: 0px;
|
||||
border-top: 1px solid var(--background-modifier-border);
|
||||
padding: 2px 12px 0px 18px;
|
||||
}
|
||||
|
||||
.search-result-file-matches {
|
||||
color: var(--text-muted);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
padding: 2px 0px;
|
||||
margin-bottom: -6px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
.search-result-file-match{
|
||||
color: var(--text-muted);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
padding: 2px 0px;
|
||||
margin-bottom: 4px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.search-result-file-match:not(:first-child) {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.search-result-file-matched-text {
|
||||
color: var(--text-matched);
|
||||
background-color: var(--text-highlight-bg);
|
||||
}
|
||||
|
||||
.search-info-more-matches {
|
||||
color: var(--text-faint);
|
||||
text-decoration: overline;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.search-empty-state {
|
||||
color: var(--text-error);
|
||||
font-size: 12px;
|
||||
margin: 0 20px 15px 20px;
|
||||
}
|
||||
/* the small text ... and XX matches */
|
||||
|
||||
/*========= remove rounded corners =======*/
|
||||
|
||||
.workspace-tab-header.is-active {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
|
||||
.workspace-tab-header.is-before-active .workspace-tab-header-inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
|
||||
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content,
|
||||
.workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
|
||||
border-top-left-radius: 0px;
|
||||
}
|
||||
|
||||
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
|
||||
border-top-right-radius: 0px;
|
||||
}
|
||||
|
||||
/*======= flat status bar ====*/
|
||||
|
||||
.status-bar {
|
||||
background-color: var(--background-secondary-alt);
|
||||
border-top: 0px solid var(--background-modifier-border);
|
||||
color: var(--text-accent);
|
||||
}
|
||||
|
||||
/* ======= graph view ==============*/
|
||||
|
||||
.graph-view.color-fill {
|
||||
color: var(--graph-circle);
|
||||
}
|
||||
|
||||
.graph-view.color-circle {
|
||||
color: var(--graph-circle);
|
||||
}
|
||||
|
||||
.graph-view.color-line {
|
||||
color: var(--graph-line);
|
||||
}
|
||||
|
||||
.graph-view.color-text {
|
||||
color: var(--graph-text);
|
||||
}
|
||||
|
||||
.graph-view.color-fill-highlight {
|
||||
color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.graph-view.color-line-highlight {
|
||||
color: rgb(var(--interactive-accent-rgb));
|
||||
}
|
||||
|
||||
.graph-view.color-fill-tag {
|
||||
color: var(--graphtag) !important;
|
||||
}
|
||||
.graph-view.color-fill-attachment {
|
||||
color: var(--graph-attach) !important;
|
||||
}
|
||||
.graph-view.color-fill-unresolved {
|
||||
color: var(--text-muted);
|
||||
opacity: 0.4;
|
||||
}
|
||||
.graph-view.color-arrow {
|
||||
color: var(--graph-line);
|
||||
opacity: 1;
|
||||
}
|
||||
.graph-controls {
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 6px;
|
||||
padding: 2px 10px 8px 0px;
|
||||
background-color: var(--background-primary-alt);
|
||||
min-width: 100px;
|
||||
max-width: 240px;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: 0px;
|
||||
max-height: calc(100% - 16px);
|
||||
overflow: auto;
|
||||
}
|
||||
.graph-controls-button.mod-close svg,
|
||||
.graph-controls-button.mod-reset svg {
|
||||
width:12px;
|
||||
height:12px;
|
||||
}
|
||||
.graph-controls-button.mod-open svg {
|
||||
width:14px;
|
||||
height:14px;
|
||||
}
|
||||
.graph-controls.is-close {
|
||||
min-width: inherit;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
padding: 6px 8px 2px 8px;
|
||||
}
|
||||
.graph-controls.is-close svg {
|
||||
color:var(--text-muted);
|
||||
}
|
||||
.collapsible-item-children {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.graph-controls input[type='text'],
|
||||
.graph-controls input[type='range'] {
|
||||
width: 100%;
|
||||
font-size: 10px;
|
||||
}
|
||||
.graph-controls .setting-item {
|
||||
padding: 7px 0;
|
||||
}
|
||||
.graph-controls .setting-item.mod-slider .setting-item-control,
|
||||
.graph-controls .setting-item.mod-search-setting .setting-item-control {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.graph-controls .setting-item.mod-toggle .setting-item-control {
|
||||
padding-top: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.graph-controls .setting-item-name {
|
||||
font-size: 10px;
|
||||
color: var(--text-muted);
|
||||
display: inline-block;
|
||||
}
|
||||
.setting-item-description {
|
||||
color: var(--text-muted);
|
||||
font-size: 10px;
|
||||
}
|
||||
.setting-item {
|
||||
border-top: none;
|
||||
}
|
||||
.graph-controls .collapsible-item-children {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.graph-control-section-header {
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
.graph-control-section:not(:last-child) .collapsible-item-children {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 2px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.graph-controls .setting-item {
|
||||
padding: 0px 0 0px 0;
|
||||
}
|
||||
.graph-controls input[type='range'] {
|
||||
-webkit-appearance: none;
|
||||
background-color: var(--background-modifier-border);
|
||||
border-radius: 2px;
|
||||
height: 2px;
|
||||
}
|
||||
.graph-controls input[type='range']::-webkit-slider-thumb {
|
||||
width: 13px;
|
||||
height: 9px;
|
||||
border-radius: 20%;
|
||||
border-left: 4px solid var(--text-accent2);
|
||||
cursor: pointer;
|
||||
top: -2px;
|
||||
}
|
||||
.graph-controls .checkbox-container {
|
||||
cursor: pointer;
|
||||
background-color: var(--text-faint);
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
height: 12px;
|
||||
position: relative;
|
||||
top: 6px;
|
||||
user-select: none;
|
||||
width: 26px;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
.graph-controls .checkbox-container.is-enabled {
|
||||
background-color: var(--interactive-accent);
|
||||
}
|
||||
.graph-controls .checkbox-container:after {
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: var(--text-on-accent);
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
margin: 1px 2px 1px 3px;
|
||||
border-radius: 2px;
|
||||
transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out;
|
||||
left: -4px;
|
||||
transform: translate3d(3px, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.graph-controls .checkbox-container.is-enabled:after {
|
||||
transform: translate3d(14px, 0, 0);
|
||||
}
|
||||
.view-content > iframe {
|
||||
background-color: var(--graph-bg);
|
||||
}
|
||||
/*==== codemirror line numbers gutter edit mode ====*/
|
||||
|
||||
.cm-s-obsidian .CodeMirror-linenumber {
|
||||
color: var(--text-accent);
|
||||
opacity: 0.3;
|
||||
font-size: 14px;
|
||||
font-family: Consolas, monospace;
|
||||
}
|
||||
|
||||
.CodeMirror-gutter-elt {
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber {
|
||||
padding: 0 3px 0 0px;
|
||||
min-width: 20px;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* === show margins in editor mode === */
|
||||
.CodeMirror-lines {
|
||||
border-right: 1px solid var(--background-secondary);
|
||||
border-left: 1px solid var(--background-secondary);
|
||||
}
|
||||
|
||||
/*============bigger link popup preview ================*/
|
||||
|
||||
.popover.hover-popover {
|
||||
position: absolute;
|
||||
z-index: var(--layer-popover);
|
||||
transform: scale(0.85);
|
||||
max-height: 800px; /* was 300 */
|
||||
min-height: 100px;
|
||||
width: 500px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.popover {
|
||||
background-color: var(--background-primary);
|
||||
border: 1px solid var(--background-primary-alt);
|
||||
box-shadow: 3px 3px 7px var(--background-modifier-box-shadow);
|
||||
border-radius: 6px;
|
||||
padding: 15px 20px 10px 20px;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
-webkit-text-stroke: 0.2px;
|
||||
-webkit-font-smoothing: none;
|
||||
color:var(--bw);
|
||||
}
|
||||
/* --- the bottom gradient ---*/
|
||||
.popover.hover-popover:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0px; /* 50px */
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
transparent,
|
||||
var(--background-primary) 80%,
|
||||
var(--background-primary)
|
||||
);
|
||||
}
|
||||
|
||||
/* =========== footnotes ========= */
|
||||
|
||||
.markdown-preview-view .mod-highlighted {
|
||||
transition: background-color 1s ease;
|
||||
background-color: var(--text-highlight-bg);
|
||||
color: var(--text-matched);
|
||||
}
|
||||
|
||||
.footnotes {
|
||||
text-align: justify;
|
||||
hyphens: auto;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
sup {
|
||||
vertical-align: top;
|
||||
font-size: 11px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: -4px 0 0 3px;
|
||||
}
|
||||
sub {
|
||||
vertical-align: bottom;
|
||||
font-size: 11px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 0px 0 -4px 3px;
|
||||
}
|
||||
/* =========== quote block ========= */
|
||||
/* Add quotation character before quote */
|
||||
blockquote.rq:before {
|
||||
font: Barlow;
|
||||
content: "\02033"; /* \275D \0022 \02033 \02DD \201F \201D \030B \02BA*/
|
||||
font-size: 5em;
|
||||
color: var(--text-accent);
|
||||
vertical-align: -0.1em;
|
||||
line-height: 2px;
|
||||
padding: 20px 10px 0 0px;
|
||||
float: left;
|
||||
}
|
||||
blockquote.rq:after {
|
||||
font: Barlow;
|
||||
content: "\02033"; /* \275D \0022 \02033 \02DD \201F \201D \030B \02BA*/
|
||||
font-size: 5em;
|
||||
color: var(--text-accent);
|
||||
float: right;
|
||||
padding: 16px 0px 0 10px;
|
||||
}
|
||||
.markdown-preview-view blockquote {
|
||||
border-radius: 0;
|
||||
border: 0px solid var(--background-modifier-border);
|
||||
background-color: var(--background-primary-alt);
|
||||
border-left: 5px solid var(--accent-strong);
|
||||
padding: 14px 10px 10px 10px;
|
||||
display: block;
|
||||
margin-block-start: 0.5em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 20px;
|
||||
margin-inline-end: 80px;
|
||||
text-align: justify;
|
||||
hyphens: auto;
|
||||
}
|
||||
.markdown-preview-view blockquote.rq {
|
||||
border-left: 5px solid var(--text-accent);
|
||||
border-radius: 0;
|
||||
border: 0px solid var(--background-modifier-border);
|
||||
background-color: var(--background-primary-alt);
|
||||
border-left: 5px solid var(--text-accent);
|
||||
padding: 14px 22px 14px 22px;
|
||||
display: block;
|
||||
margin-block-start: 0.5em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 20px;
|
||||
margin-inline-end: 80px;
|
||||
text-align: justify;
|
||||
hyphens: auto;
|
||||
}
|
||||
blockquote.mild {
|
||||
border-left: 5px solid var(--accent-mild);
|
||||
padding: 14px 22px 14px 22px;
|
||||
}
|
||||
|
||||
/*=============== lists bullets ================*/
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
ul ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
ul ul ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
/*=============== tables align ================*/
|
||||
tbody {
|
||||
display: table-row-group;
|
||||
vertical-align: top;
|
||||
border-color: inherit;
|
||||
}
|
||||
|
||||
/*=============== top titlebar================*/
|
||||
.titlebar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 23px;
|
||||
display: flex;
|
||||
background-color: var(--background-modifier-cover);
|
||||
}
|
||||
.titlebar-button{
|
||||
opacity:0.7;
|
||||
}
|
||||
.titlebar-button[aria-label="Minimize"] svg rect {
|
||||
-webkit-app-region: no-drag;
|
||||
height:2px;
|
||||
fill: var(--text-accent);
|
||||
stroke: var(--text-accent);
|
||||
}
|
||||
.titlebar-button[aria-label="Maximize"] svg rect {
|
||||
stroke: var(--text-accent);
|
||||
}
|
||||
.titlebar-button.mod-back:after {
|
||||
content:"BACK";
|
||||
color:var(--text-on-accent);
|
||||
font-size: 10px;
|
||||
top:-3px;
|
||||
position:relative;
|
||||
}
|
||||
.titlebar-button.mod-forward:before{
|
||||
content:"NEXT";
|
||||
color:var(--text-on-accent);
|
||||
font-size: 10px;
|
||||
top:-3px;
|
||||
position:relative;
|
||||
}
|
||||
/*=============== menu ================*/
|
||||
.menu-item:hover {
|
||||
background-color: var(--text-selection);
|
||||
}
|
||||
.checkbox-container {
|
||||
cursor: pointer;
|
||||
background-color: var(--background-secondary);
|
||||
border-radius: 2px;
|
||||
display: inline-block;
|
||||
height: 22px;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
user-select: none;
|
||||
width: 42px;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
.checkbox-container:after {
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: var(--bw);
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
margin: 3px;
|
||||
border-radius: 2px;
|
||||
transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out;
|
||||
left: 0;
|
||||
transform: translate3d(1px, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.checkbox-container.is-enabled:after {
|
||||
transform: translate3d(21px, 0, 0);
|
||||
}
|
||||
/*=============== transluscency fx ================*/
|
||||
body.is-translucent {
|
||||
background-color: transparent;
|
||||
}
|
||||
.theme-dark {--opacity-translucency: 0.7;}
|
||||
.theme-light { --opacity-translucency: 0.55; }
|
||||
.is-translucent .titlebar { opacity: 1; }
|
||||
.is-translucent .workspace { background-color: transparent;filter: contrast(1.4);filter: brightness(1.4); }
|
||||
.is-translucent .workspace-split.mod-root { opacity: var(--opacity-translucency); }
|
||||
.is-translucent .workspace-leaf-resize-handle { opacity: 1; background-color: var(--background-secondary-alt);}
|
||||
.is-translucent .workspace-leaf-resize-handle:hover { background-color: rgba(var(--interactive-accent-rgb), 0.8); }
|
||||
.is-translucent .workspace-ribbon { opacity: 1; }
|
||||
.is-translucent .workspace-tabs { opacity: 0.6; }
|
||||
.is-translucent .status-bar {
|
||||
opacity: 1;
|
||||
border-top: 0px solid var(--background-secondary-alt);
|
||||
margin: 0px 0px; }
|
||||
|
||||
/*=============== add mods below ================*/
|
||||
/*=============== add mods below ================*/
|
||||
/*=============== add mods below ================*/
|
||||
|
||||
/*----file explorer column view : slightly buggy ----*/
|
||||
.nav-folder-children {
|
||||
column-width:200px;
|
||||
column-rule: 1px solid var(--background-modifier-border);
|
||||
}
|
||||
|
||||
/* Wrap long nav text and some paddings */
|
||||
.nav-file-title,
|
||||
.nav-folder-title {
|
||||
white-space: normal;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Indent wrapped nav text */
|
||||
.nav-file-title-content {
|
||||
margin-left: 10px;
|
||||
text-indent: -10px;
|
||||
}
|
||||
.nav-file-title-content.is-being-renamed {
|
||||
margin-left: 0px;
|
||||
text-indent: 0px;
|
||||
}
|
||||
/* reduce displayed size of embedded files */
|
||||
.markdown-preview-view img {
|
||||
max-width: max(500px, 60%);
|
||||
outline: none;
|
||||
cursor: zoom-in;
|
||||
}
|
||||
.markdown-preview-view img:hover {
|
||||
max-width: min(1080px, 100%);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/*=============== add mods below ================*/
|
||||
|
||||
|
||||
/*=============== add mods below ================*/
|
||||
|
||||
/*===============================================*/
|
||||
/* .__ .___*/
|
||||
/* _____ ___________ _____ _____ |__| __| _/*/
|
||||
/* / \_/ __ \_ __ \/ \\__ \ | |/ __ | */
|
||||
/*| Y Y \ ___/| | \/ Y Y \/ __ \| / /_/ | */
|
||||
/*|__|_| /\___ >__| |__|_| (____ /__\____ | */
|
||||
/* \/ \/ \/ \/ \/ */
|
||||
/*======== optionnal mermaid style below ========*/
|
||||
|
||||
.label {
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial, Fira Code, consolas,
|
||||
monospace !important;
|
||||
color: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.node rect,
|
||||
.node circle,
|
||||
.node ellipse,
|
||||
.node polygon,
|
||||
.node path {
|
||||
fill: var(--background-modifier-border) !important;
|
||||
stroke: var(--text-normal) !important;
|
||||
stroke-width: 0.5px !important;
|
||||
}
|
||||
|
||||
.node .label {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.node.clickable {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
.arrowheadPath {
|
||||
fill: var(--text-faint) !important;
|
||||
}
|
||||
|
||||
.edgePath .path {
|
||||
stroke: var(--text-faint) !important;
|
||||
stroke-width: 1.5px !important;
|
||||
}
|
||||
|
||||
.flowchart-link {
|
||||
stroke: var(--text-faint) !important;
|
||||
fill: none !important;
|
||||
}
|
||||
|
||||
.edgeLabel {
|
||||
background-color: var(--background-primary) !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.edgeLabel rect {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
.cluster rect {
|
||||
fill: var(--background-primary-alt) !important;
|
||||
stroke: var(--text-faint) !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
.cluster text {
|
||||
fill: var(--background-primary) !important;
|
||||
}
|
||||
|
||||
div.mermaidTooltip {
|
||||
text-align: center !important;
|
||||
max-width: 200px !important;
|
||||
padding: 2px !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
font-size: 10px !important;
|
||||
background: var(--background-secondary) !important;
|
||||
border: 1px solid var(--text-faint) !important;
|
||||
border-radius: 2px !important;
|
||||
pointer-events: none !important;
|
||||
z-index: 100 !important;
|
||||
}
|
||||
|
||||
/* Sequence Diagram variables */
|
||||
|
||||
.actor {
|
||||
stroke: var(--text-accent) !important;
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
}
|
||||
|
||||
text.actor > tspan {
|
||||
fill: var(--text-muted) !important;
|
||||
stroke: none !important;
|
||||
}
|
||||
|
||||
.actor-line {
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.messageLine0 {
|
||||
stroke-width: 1.5 !important;
|
||||
stroke-dasharray: none !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.messageLine1 {
|
||||
stroke-width: 1.5 !important;
|
||||
stroke-dasharray: 2, 2 !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
#arrowhead path {
|
||||
fill: var(--text-muted) !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.sequenceNumber {
|
||||
fill: var(--background-primary) !important;
|
||||
}
|
||||
|
||||
#sequencenumber {
|
||||
fill: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
#crosshead path {
|
||||
fill: var(--text-muted) !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.messageText {
|
||||
fill: var(--text-muted) !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.labelBox {
|
||||
stroke: var(--text-accent) !important;
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
}
|
||||
|
||||
.labelText,
|
||||
.labelText > tspan {
|
||||
fill: var(--text-muted) !important;
|
||||
stroke: none !important;
|
||||
}
|
||||
|
||||
.loopText,
|
||||
.loopText > tspan {
|
||||
fill: var(--text-muted) !important;
|
||||
stroke: none !important;
|
||||
}
|
||||
|
||||
.loopLine {
|
||||
stroke-width: 2px !important;
|
||||
stroke-dasharray: 2, 2 !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
fill: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.note {
|
||||
stroke: var(--text-normal) !important;
|
||||
fill: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.noteText,
|
||||
.noteText > tspan {
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
stroke: none !important;
|
||||
}
|
||||
|
||||
/* Gantt chart variables */
|
||||
|
||||
.activation0 {
|
||||
fill: var(--background-secondary) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.activation1 {
|
||||
fill: var(--background-secondary) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.activation2 {
|
||||
fill: var(--background-secondary) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
/** Section styling */
|
||||
|
||||
.mermaid-main-font {
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
.section {
|
||||
stroke: none !important;
|
||||
opacity: 0.2 !important;
|
||||
}
|
||||
|
||||
.section0 {
|
||||
fill: var(--text-faint) !important;
|
||||
}
|
||||
|
||||
.section2 {
|
||||
fill: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.section1,
|
||||
.section3 {
|
||||
fill: var(--text-normal) !important;
|
||||
opacity: 0.2 !important;
|
||||
}
|
||||
|
||||
.sectionTitle0 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.sectionTitle1 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.sectionTitle2 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.sectionTitle3 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.sectionTitle {
|
||||
text-anchor: start !important;
|
||||
font-size: 9px !important;
|
||||
line-height: 14px !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
/* Grid and axis */
|
||||
|
||||
.grid .tick {
|
||||
stroke: var(--text-muted) !important;
|
||||
opacity: 0.2 !important;
|
||||
shape-rendering: crispEdges !important;
|
||||
}
|
||||
|
||||
.grid .tick text {
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
.grid path {
|
||||
stroke-width: 0 !important;
|
||||
}
|
||||
|
||||
/* Today line */
|
||||
|
||||
.today {
|
||||
fill: none !important;
|
||||
stroke: var(--background-modifier-error) !important;
|
||||
stroke-width: 2px !important;
|
||||
}
|
||||
|
||||
/* Task styling */
|
||||
|
||||
/* Default task */
|
||||
|
||||
.task {
|
||||
stroke-width: 0.5px !important;
|
||||
}
|
||||
|
||||
.taskText {
|
||||
text-anchor: middle !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
.taskText:not([font-size]) {
|
||||
font-size: 9px !important;
|
||||
}
|
||||
|
||||
.taskTextOutsideRight {
|
||||
fill: var(--text-normal) !important;
|
||||
text-anchor: start !important;
|
||||
font-size: 9px !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
.taskTextOutsideLeft {
|
||||
fill: var(--text-normal) !important;
|
||||
text-anchor: end !important;
|
||||
font-size: 9px !important;
|
||||
}
|
||||
|
||||
/* Special case clickable */
|
||||
|
||||
.task.clickable {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
.taskText.clickable {
|
||||
cursor: pointer !important;
|
||||
fill: var(--interactive-accent_hover) !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.taskTextOutsideLeft.clickable {
|
||||
cursor: pointer !important;
|
||||
fill: var(--interactive-accent_hover) !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.taskTextOutsideRight.clickable {
|
||||
cursor: pointer !important;
|
||||
fill: var(--interactive-accent_hover) !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
/* Specific task settings for the sections*/
|
||||
|
||||
.taskText0,
|
||||
.taskText1,
|
||||
.taskText2,
|
||||
.taskText3 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.task0,
|
||||
.task1,
|
||||
.task2,
|
||||
.task3 {
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.taskTextOutside0,
|
||||
.taskTextOutside2 {
|
||||
fill: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.taskTextOutside1,
|
||||
.taskTextOutside3 {
|
||||
fill: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
/* Active task */
|
||||
|
||||
.active0,
|
||||
.active1,
|
||||
.active2,
|
||||
.active3 {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.activeText0,
|
||||
.activeText1,
|
||||
.activeText2,
|
||||
.activeText3 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
/* Completed task */
|
||||
|
||||
.done0,
|
||||
.done1,
|
||||
.done2,
|
||||
.done3 {
|
||||
stroke: var(--text-muted) !important;
|
||||
fill: var(--text-faint) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
.doneText0,
|
||||
.doneText1,
|
||||
.doneText2,
|
||||
.doneText3 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
/* Tasks on the critical line */
|
||||
|
||||
.crit0,
|
||||
.crit1,
|
||||
.crit2,
|
||||
.crit3 {
|
||||
stroke: var(--accent-strong) !important;
|
||||
fill: var(--accent-strong) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
.activeCrit0,
|
||||
.activeCrit1,
|
||||
.activeCrit2,
|
||||
.activeCrit3 {
|
||||
stroke: var(--accent-strong) !important;
|
||||
fill: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
.doneCrit0,
|
||||
.doneCrit1,
|
||||
.doneCrit2,
|
||||
.doneCrit3 {
|
||||
stroke: var(--accent-strong) !important;
|
||||
fill: var(--text-muted) !important;
|
||||
stroke-width: 0.5 !important;
|
||||
cursor: pointer !important;
|
||||
shape-rendering: crispEdges !important;
|
||||
}
|
||||
|
||||
.milestone {
|
||||
transform: rotate(45deg) scale(0.8, 0.8) !important;
|
||||
}
|
||||
|
||||
.milestoneText {
|
||||
font-style: italic !important;
|
||||
}
|
||||
|
||||
.doneCritText0,
|
||||
.doneCritText1,
|
||||
.doneCritText2,
|
||||
.doneCritText3 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.activeCritText0,
|
||||
.activeCritText1,
|
||||
.activeCritText2,
|
||||
.activeCritText3 {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.titleText {
|
||||
text-anchor: middle !important;
|
||||
font-size: 16px !important;
|
||||
fill: var(--text-normal) !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
g.classGroup text {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: none !important;
|
||||
font-family: consolas, monospace, Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
font-size: 8px !important;
|
||||
}
|
||||
|
||||
g.classGroup text .title {
|
||||
font-weight: bolder !important;
|
||||
}
|
||||
|
||||
g.clickable {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
g.classGroup rect {
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
g.classGroup line {
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
.classLabel .box {
|
||||
stroke: none !important;
|
||||
stroke-width: 0 !important;
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
opacity: 0.2 !important;
|
||||
}
|
||||
|
||||
.classLabel .label {
|
||||
fill: var(--text-accent) !important;
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
.relation {
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
fill: none !important;
|
||||
}
|
||||
|
||||
.dashed-line {
|
||||
stroke-dasharray: 3 !important;
|
||||
}
|
||||
|
||||
#compositionStart {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
#compositionEnd {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
#aggregationStart {
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
#aggregationEnd {
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
#dependencyStart {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
#dependencyEnd {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
#extensionStart {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
#extensionEnd {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
.commit-id,
|
||||
.commit-msg,
|
||||
.branch-label {
|
||||
fill: var(--text-muted) !important;
|
||||
color: var(--text-muted) !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
.pieTitleText {
|
||||
text-anchor: middle !important;
|
||||
font-size: 18px !important;
|
||||
fill: var(--text-normal) !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
.slice {
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
g.stateGroup text {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: none !important;
|
||||
font-size: 10px !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
g.stateGroup text {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: none !important;
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
g.stateGroup .state-title {
|
||||
font-weight: bolder !important;
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
}
|
||||
|
||||
g.stateGroup rect {
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
g.stateGroup line {
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
}
|
||||
|
||||
.transition {
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1 !important;
|
||||
fill: none !important;
|
||||
}
|
||||
|
||||
.stateGroup .composit {
|
||||
fill: var(--text-normal) !important;
|
||||
border-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.stateGroup .alt-composit {
|
||||
fill: #e0e0e0 !important;
|
||||
border-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.state-note {
|
||||
stroke: var(--text-faint) !important;
|
||||
fill: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.state-note text {
|
||||
fill: black !important;
|
||||
stroke: none !important;
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
.stateLabel .box {
|
||||
stroke: none !important;
|
||||
stroke-width: 0 !important;
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
.stateLabel text {
|
||||
fill: black !important;
|
||||
font-size: 10px !important;
|
||||
font-weight: bold !important;
|
||||
font-family: Segoe UI, "trebuchet ms", verdana, arial !important;
|
||||
}
|
||||
|
||||
.node circle.state-start {
|
||||
fill: black !important;
|
||||
stroke: black !important;
|
||||
}
|
||||
|
||||
.node circle.state-end {
|
||||
fill: black !important;
|
||||
stroke: var(--text-normal) !important;
|
||||
stroke-width: 1.5 !important;
|
||||
}
|
||||
|
||||
#statediagram-barbEnd {
|
||||
fill: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.statediagram-cluster rect {
|
||||
fill: var(--background-secondary-alt) !important;
|
||||
stroke: var(--text-accent) !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
.statediagram-cluster rect.outer {
|
||||
rx: 5px !important;
|
||||
ry: 5px !important;
|
||||
}
|
||||
|
||||
.statediagram-state .divider {
|
||||
stroke: var(--text-accent) !important;
|
||||
}
|
||||
|
||||
.statediagram-state .title-state {
|
||||
rx: 5px !important;
|
||||
ry: 5px !important;
|
||||
}
|
||||
|
||||
.statediagram-cluster.statediagram-cluster .inner {
|
||||
fill: var(--text-normal) !important;
|
||||
}
|
||||
|
||||
.statediagram-cluster.statediagram-cluster-alt .inner {
|
||||
fill: #e0e0e0 !important;
|
||||
}
|
||||
|
||||
.statediagram-cluster .inner {
|
||||
rx: 0 !important;
|
||||
ry: 0 !important;
|
||||
}
|
||||
|
||||
.statediagram-state rect.basic {
|
||||
rx: 5px !important;
|
||||
ry: 5px !important;
|
||||
}
|
||||
|
||||
.statediagram-state rect.divider {
|
||||
stroke-dasharray: 10, 10 !important;
|
||||
fill: #efefef !important;
|
||||
}
|
||||
|
||||
.note-edge {
|
||||
stroke-dasharray: 5 !important;
|
||||
}
|
||||
|
||||
.statediagram-note rect {
|
||||
fill: var(--text-accent) !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
stroke-width: 1px !important;
|
||||
rx: 0 !important;
|
||||
ry: 0 !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--mermaid-font-family: '"trebuchet ms", verdana, arial' !important;
|
||||
--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive !important;
|
||||
}
|
||||
|
||||
/* Classes common for multiple diagrams */
|
||||
|
||||
.error-icon {
|
||||
fill: var(--text-error) !important;
|
||||
}
|
||||
|
||||
.error-text {
|
||||
fill: var(--text-muted) !important;
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.edge-thickness-normal {
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
.edge-thickness-thick {
|
||||
stroke-width: 3px !important;
|
||||
}
|
||||
|
||||
.edge-pattern-solid {
|
||||
stroke-dasharray: 0 !important;
|
||||
}
|
||||
|
||||
.edge-pattern-dashed {
|
||||
stroke-dasharray: 3 !important;
|
||||
}
|
||||
|
||||
.edge-pattern-dotted {
|
||||
stroke-dasharray: 2 !important;
|
||||
}
|
||||
|
||||
.marker {
|
||||
fill: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.marker.cross {
|
||||
stroke: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
rect {
|
||||
fill: var(--text-accent-hover);
|
||||
fill-opacity: 1;
|
||||
stroke: var(--text-normal);
|
||||
}
|
||||
Loading…
Reference in New Issue