390 lines
8.9 KiB
CSS
390 lines
8.9 KiB
CSS
|
|
.theme-dark {
|
|
--background-primary: #202020;
|
|
--background-primary-alt: #1a1a1a;
|
|
--background-secondary: #161616;
|
|
--background-secondary-alt: #080808;
|
|
--background-accent: #000;
|
|
--background-modifier-border: #333;
|
|
--background-modifier-form-field: rgba(0, 0, 0, 0.3);
|
|
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22);
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
|
--background-modifier-success: #197300;
|
|
--background-modifier-error: #3d0000;
|
|
--background-modifier-error-rgb: 61, 0, 0;
|
|
--background-modifier-error-hover: #470000;
|
|
--background-modifier-cover: rgba(0, 0, 0, 0.6);
|
|
--text-accent: #5c73f2;
|
|
--text-accent-hover: #5c73f2;
|
|
--text-normal: #dcddde;
|
|
--text-muted: #888;
|
|
--text-faint: #555;
|
|
--text-error: #ff3333;
|
|
--text-error-hover: #990000;
|
|
--text-highlight-bg: #5cd6f296;
|
|
--text-selection: rgba(0, 122, 255, 0.2);
|
|
--text-on-accent: #dcddde;
|
|
--interactive-normal: #2a2a2a;
|
|
--interactive-hover: #303030;
|
|
--interactive-accent: #5c73f2;
|
|
--interactive-accent-rgb: 72, 54, 153;
|
|
--interactive-accent-hover: #5c73f2;
|
|
--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2);
|
|
--scrollbar-bg: rgba(255, 255, 255, 0.05);
|
|
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
|
|
.theme-light {
|
|
--background-primary: #ffffff;
|
|
--background-primary-alt: #f5f6f8;
|
|
--background-secondary: #f2f3f5;
|
|
--background-secondary-alt: #e3e5e8;
|
|
--background-accent: #5c73f2;
|
|
--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: #5c73f2;
|
|
--text-accent-hover: #5c73f2;
|
|
--text-normal: #2e3338;
|
|
--text-muted: #888888;
|
|
--text-faint: #999999;
|
|
--text-error: #800000;
|
|
--text-error-hover: #990000;
|
|
--text-highlight-bg: #5cd6f296;
|
|
--text-selection: rgba(0, 122, 255, 0.15);
|
|
--text-on-accent: #f2f2f2;
|
|
--interactive-normal: #f2f3f5;
|
|
--interactive-hover: #e9e9e9;
|
|
--interactive-accent: #5c73f2;
|
|
--interactive-accent-rgb: 123, 108, 217;
|
|
--interactive-accent-hover: #5c73f2;
|
|
--scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.2);
|
|
--scrollbar-bg: rgba(0, 0, 0, 0.05);
|
|
--scrollbar-thumb-bg: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
::selection {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
/* Current main pane */
|
|
.workspace-leaf.mod-active .workspace-leaf-header-title {
|
|
color: #5c73f2;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Other pane */
|
|
.workspace-leaf-header-title-container {
|
|
text-align:center;
|
|
}
|
|
|
|
/* Headers */
|
|
span.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1 {
|
|
color: #5c73f2;;
|
|
}
|
|
|
|
span.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2 {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
span.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3 {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
span.cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4 {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
span.cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5 {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
span.cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6 {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
/* Header folder icon */
|
|
.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
/* Cursor */
|
|
.cm-fat-cursor .CodeMirror-cursor {
|
|
background: #5c73f2;
|
|
}
|
|
|
|
.cm-animate-fat-cursor {
|
|
background-color: #5c73f2;
|
|
}
|
|
|
|
/* Selection in popup ([[]] autocomplete)*/
|
|
.suggestion-item.is-selected {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
.theme-light .suggestion-shortcut {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* Inner and Outer links */
|
|
.cm-url {
|
|
color: lightblue!important;
|
|
}
|
|
|
|
.markdown-highlighting .internal-link .cl-underlined-text {
|
|
color: #5c73f2!important;
|
|
}
|
|
|
|
.markdown-highlighting .link .cl-underlined-text {
|
|
color: lightblue!important;
|
|
}
|
|
|
|
/* Blockquote */
|
|
.preview blockquote {
|
|
background-color: var(--background-modifier-border);
|
|
border: 1px solid var(--text-muted);
|
|
}
|
|
|
|
/* Highlights and Bold */
|
|
strong {
|
|
font-size: larger;
|
|
}
|
|
|
|
mark {
|
|
background-color: darkgoldenrod;
|
|
}
|
|
|
|
.markdown-highlighting .tag {
|
|
color: #5c73f2!important;
|
|
}
|
|
|
|
/* Tables */
|
|
.markdown-preview-view th {
|
|
background-color: #5c73f2;
|
|
color: white
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-table-row span.cm-hmd-table-sep {
|
|
color: unset;
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-table-row-1 > span {
|
|
color: unset;
|
|
}
|
|
|
|
/* Status bar */
|
|
.theme-dark .status-bar-item {
|
|
color: white;
|
|
}
|
|
|
|
.theme-light .status-bar-item {
|
|
color: black;
|
|
}
|
|
|
|
/**/
|
|
/* Preview section */
|
|
/**/
|
|
/* Centered preview */
|
|
.markdown-preview-view
|
|
{
|
|
padding-left: 10% !important;
|
|
padding-right: 10% !important;
|
|
}
|
|
|
|
.markdown-embed-title {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed {
|
|
background-color: var(--background-primary-alt);
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.markdown-preview-view .internal-link {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
.markdown-preview-view a {
|
|
color: lightblue;
|
|
}
|
|
|
|
/**/
|
|
/* Side panel section */
|
|
/**/
|
|
/* Plugin Title and Description */
|
|
.plugin-name {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.plugin-description {
|
|
color: var(--text-normal)
|
|
}
|
|
|
|
/* Files title and Buttons */
|
|
.nav-file-title-content, .nav-folder-title-content {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.nav-action-button {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* File explorer navigation selection */
|
|
.nav-file.is-active > .nav-file-title, .nav-file.is-active > .nav-folder-title, .nav-file.is-active > .nav-folder-collapse-indicator, .nav-folder.is-active > .nav-file-title, .nav-folder.is-active > .nav-folder-title, .nav-folder.is-active > .nav-folder-collapse-indicator {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
.nav-file-title-content, .nav-folder-title-content {
|
|
color:unset;
|
|
}
|
|
|
|
.nav-folder.mod-root > .nav-file-title:hover, .nav-folder.mod-root > .nav-folder-title:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
.nav-file-title, .nav-folder-title, .nav-folder-collapse-indicator {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* File explorer menu*/
|
|
.menu-item:hover {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
/* Backlinks Color and Text */
|
|
.search-result-file-matched-text {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
.search-result-file-title {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
.search-result-file-matches {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.search-result-file-title:hover {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
.search-result-file-match:hover {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
/* Folder arrow */
|
|
.nav-folder.is-collapsed .nav-folder-collapse-indicator {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
.nav-folder-collapse-indicator {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
/* Tag Selection */
|
|
.tag-pane-tag:hover {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
.theme-light .tag-pane-tag-count {
|
|
color: var(--text-normal)
|
|
}
|
|
|
|
/* Title */
|
|
.side-dock-title {
|
|
color: #5c73f2;
|
|
}
|
|
|
|
/* Ribon */
|
|
.side-dock-ribbon {
|
|
background-color: #5c73f2!important;
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.side-dock-ribbon-tab, .side-dock-ribbon-action {
|
|
color: white;
|
|
}
|
|
|
|
.theme-dark .side-dock-ribbon-tab.is-active {
|
|
color: white;
|
|
}
|
|
|
|
.theme-dark .side-dock-ribbon-tab.is-before-active {
|
|
color: white;
|
|
}
|
|
|
|
.theme-light .side-dock-ribbon-tab.is-active {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.theme-light .side-dock-ribbon-tab.is-before-active {
|
|
color: white;
|
|
}
|
|
|
|
.side-dock-ribbon-tab-inner {
|
|
color: unset;
|
|
}
|
|
|
|
.side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner {
|
|
background-color: #5c73f2;
|
|
}
|
|
|
|
.side-dock-ribbon-tab, .side-dock-ribbon-before, .side-dock-ribbon-after, .side-dock-ribbon-tab-inner {
|
|
transition: none;
|
|
}
|
|
|
|
/**/
|
|
/* Settings panel Section */
|
|
/**/
|
|
.vertical-tab-nav-item.is-active {
|
|
background-color: #5c73f2;
|
|
color:white;
|
|
}
|
|
|
|
.horizontal-tab-nav-item:hover, .vertical-tab-nav-item:hover {
|
|
background-color: #5c73f2;
|
|
color: white;
|
|
}
|
|
|
|
.vertical-tab-nav-item.is-active {
|
|
background-color: #5c73f2;
|
|
}
|
|
|
|
.vertical-tab-nav-item.is-active {
|
|
border-left-color: #5c73f2;
|
|
}
|
|
e
|
|
|