flatboard 2026-8-23:20:42:59

This commit is contained in:
2026-08-23 20:43:00 -04:00
parent b1c0affa60
commit ba9dd7935d
679 changed files with 158609 additions and 0 deletions
+7
View File
@@ -0,0 +1,7 @@
{
"name": "Cybertron",
"version": "2.2",
"minAppVersion": "1.0.0",
"author": "nickmilo",
"authorUri": "https://github.com/nickmilo/Cybertron/"
}
File diff suppressed because it is too large Load Diff
+6
View File
@@ -0,0 +1,6 @@
{
"name": "Dracula + LYT",
"version": "0.0.0",
"minAppVersion": "0.16.0",
"author": "xRyul"
}
File diff suppressed because it is too large Load Diff
+6
View File
@@ -0,0 +1,6 @@
{
"name": "Dracula for Obsidian",
"version": "0.0.0",
"minAppVersion": "0.16.0",
"author": "jarodise"
}
+719
View File
@@ -0,0 +1,719 @@
: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 */
/***************************************/
/* DISABLED: Sidebar now always visible
.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
View File
@@ -0,0 +1,7 @@
{
"name": "Encore",
"version": "2.11.0",
"minAppVersion": "1.1.9",
"author": "Carbonateb",
"authorUrl": "https://lucaschampagne.dev/"
}
+2339
View File
File diff suppressed because one or more lines are too long
+8
View File
@@ -0,0 +1,8 @@
{
"name": "Prism",
"version": "3.8.0",
"minAppVersion": "1.11.3",
"author": "Damian Korcz",
"authorUrl": "https://github.com/damiankorcz",
"fundingUrl": "https://www.buymeacoffee.com/DamianKorcz"
}
+11851
View File
File diff suppressed because one or more lines are too long
+7
View File
@@ -0,0 +1,7 @@
{
"name": "Solarized",
"version": "1.1.5",
"minAppVersion": "1.0.0",
"author": "harmtemolder",
"authorUrl": "https://github.com/harmtemolder"
}
+440
View File
@@ -0,0 +1,440 @@
.theme-dark,
.theme-light {
/* Overwrite default theme colors */
--base03: rgb(0, 43, 54);
--base02: rgb(7, 54, 66);
--base01: rgb(88, 110, 117);
--base00: rgb(101, 123, 131);
--base0: rgb(131, 148, 150);
--base1: rgb(147, 161, 161);
--base2: rgb(238, 232, 213);
--base3: rgb(253, 246, 227);
--color-yellow: rgb(181, 137, 0);
--color-yellow-rgb: 181, 137, 0;
--color-orange: rgb(203, 75, 22);
--color-orange-rgb: 203, 75, 22;
--color-red: rgb(220, 50, 47);
--color-red-rgb: 220, 50, 47;
--color-pink: rgb(211, 54, 130);
--color-pink-rgb: 211, 54, 130;
--color-purple: rgb(108, 113, 196);
--color-purple-rgb: 108, 113, 196;
--color-blue: rgb(38, 139, 210);
--color-blue-rgb: 38, 139, 210;
--color-cyan: rgb(42, 161, 152);
--color-cyan-rgb: 42, 161, 152;
--color-green: rgb(133, 153, 0);
--color-green-rgb: 133, 153, 0;
--accent-h: 17.5690607735deg;
--accent-s: 80.4444444444%;
--accent-l: 44.1176470588%;
}
/* Settings for the Style Settings plugin. Leave in _colors.scss because
it relies on the $tones and $colors maps. */
/*! @settings
name: Solarized Theme Settings
id: solarized-theme-settings
settings:
- id: disable-active-line-highlight
title: Disable active line highlight
description: "By default Solarized highlights the active line. This setting lets you disable that behavior."
type: class-toggle
default: false
- id: tones
title: Base Tones
type: heading
level: 2
collapsed: true
- id: base03
title: base03
type: variable-color
format: rgb
default: rgb(0 43 54)
- id: base02
title: base02
type: variable-color
format: rgb
default: rgb(7 54 66)
- id: base01
title: base01
type: variable-color
format: rgb
default: rgb(88 110 117)
- id: base00
title: base00
type: variable-color
format: rgb
default: rgb(101 123 131)
- id: base0
title: base0
type: variable-color
format: rgb
default: rgb(131 148 150)
- id: base1
title: base1
type: variable-color
format: rgb
default: rgb(147 161 161)
- id: base2
title: base2
type: variable-color
format: rgb
default: rgb(238 232 213)
- id: base3
title: base3
type: variable-color
format: rgb
default: rgb(253 246 227)
- id: accents
description: "NB This does not override Obsidian's built-in accent color (see Appearance > Accent color)"
title: Accent Colors
type: heading
level: 2
collapsed: true
- id: color-yellow
title: yellow
type: variable-color
format: rgb
default: rgb(181 137 0)
alt-format:
- id: color-yellow-rgb
format: rgb-values
- id: color-orange
title: orange
type: variable-color
format: rgb
default: rgb(203 75 22)
alt-format:
- id: color-orange-rgb
format: rgb-values
- id: color-red
title: red
type: variable-color
format: rgb
default: rgb(220 50 47)
alt-format:
- id: color-red-rgb
format: rgb-values
- id: color-pink
title: pink
type: variable-color
format: rgb
default: rgb(211 54 130)
alt-format:
- id: color-pink-rgb
format: rgb-values
- id: color-purple
title: purple
type: variable-color
format: rgb
default: rgb(108 113 196)
alt-format:
- id: color-purple-rgb
format: rgb-values
- id: color-blue
title: blue
type: variable-color
format: rgb
default: rgb(38 139 210)
alt-format:
- id: color-blue-rgb
format: rgb-values
- id: color-cyan
title: cyan
type: variable-color
format: rgb
default: rgb(42 161 152)
alt-format:
- id: color-cyan-rgb
format: rgb-values
- id: color-green
title: green
type: variable-color
format: rgb
default: rgb(133 153 0)
alt-format:
- id: color-green-rgb
format: rgb-values
*/
.theme-dark {
/* Overwrite default theme colors */
--color-base-00: #1e1e1e;
--color-base-10: #242424;
--color-base-20: #262626;
--color-base-25: var(--base03);
--color-base-30: var(--base02);
--color-base-35: var(--base02);
--color-base-40: var(--base0);
--color-base-50: #666;
--color-base-60: #999;
--color-base-70: #bababa;
--color-base-100: #dadada;
/* Background */
--background-primary: var(--base03);
--background-primary-alt: var(--base02);
/* Text */
--text-normal: var(--base0);
--text-muted: var(--base00);
--text-faint: var(--base01);
/* File explorer */
--active-bg: var(--nav-item-background-active);
/* Hashtags */
--tag-background: hsla(var(--interactive-accent-hsl), 0.2);
}
.theme-light {
/* Overwrite default theme colors */
--color-base-00: var(--base2);
--color-base-05: #fcfcfc;
--color-base-10: var(--base2);
--color-base-20: #f6f6f6;
--color-base-25: #e3e3e3;
--color-base-30: var(--base2);
--color-base-35: var(--base2);
--color-base-40: var(--base00);
--color-base-50: #ababab;
--color-base-60: #707070;
--color-base-70: #5a5a5a;
--color-base-100: #222222;
/* Background */
--background-primary: var(--base3);
--background-primary-alt: var(--base2);
/* Text */
--text-normal: var(--base00);
--text-muted: var(--base0);
--text-faint: var(--base1);
/* File explorer */
--active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1);
--nav-item-background-active: var(--active-bg);
/* Hashtags */
--tag-background: hsla(var(--interactive-accent-hsl), 0.1);
}
.theme-dark,
.theme-light {
/* UI elements */
--interactive-accent: var(--color-accent);
--interactive-normal: var(--background-primary-alt);
--interactive-hover: var(--background-primary);
/* Background */
--background-secondary: var(--background-primary);
--background-secondary-alt: var(--background-primary-alt);
/* Text */
--text-on-accent: var(--background-primary);
/* Headings */
--text-title: var(--color-cyan);
--heading-formatting: var(--text-title);
--h1-color: var(--text-title);
--h2-color: var(--text-title);
--h3-color: var(--text-title);
--h4-color: var(--text-title);
--h5-color: var(--text-title);
--h6-color: var(--text-title);
/* Links */
--link-color: var(--color-blue);
--link-color-hover: var(--link-color);
--link-decoration: none;
--link-decoration-hover: underline;
--link-external-color: var(--color-purple);
--link-external-color-hover: var(--link-external-color);
--link-external-decoration: none;
--link-external-decoration-hover: underline;
--link-unresolved-color: var(--color-red);
--link-unresolved-color-hover: var(--link-unresolved-color);
--link-unresolved-opacity: unset;
--link-unresolved-decoration-color: var(--link-unresolved-color);
/* Code */
--code-normal: var(--text-normal);
--code-comment: var(--color-cyan);
--code-function: var(--color-blue);
--code-important: var(--color-orange);
--code-keyword: var(--color-green);
--code-operator: var(--code-normal);
--code-property: var(--code-normal);
--code-punctuation: var(--code-normal);
--code-string: var(--color-cyan);
--code-tag: var(--color-red);
--code-value: var(--color-pink);
/* Tables */
--table-header-size: inherit;
--table-header-weight: var(--font-bold);
--table-header-color: inherit;
/* Highlights */
--text-highlight-bg: var(--color-accent);
--text-highlight-bg-active: var(--color-accent);
/* Checkboxes in reading view */
--checkbox-border-color: var(--interactive-accent);
--checkbox-border-color-hover: var(--interactive-accent-hover);
/* Hashtags */
--tag-padding-x: var(--tag-padding-y);
--tag-color: var(--color-accent);
/* Focus border */
--background-modifier-border-focus: var(--interactive-accent);
}
.cm-s-obsidian {
/* Checkboxes */
/* Links */
/* Tables */
/* Search results */
/* Code */
/* Highlights */
}
.cm-s-obsidian span.cm-formatting-task {
color: var(--checkbox-color);
}
.cm-s-obsidian span.cm-formatting-link {
color: var(--link-color);
}
.cm-s-obsidian span.cm-formatting-link.cm-strikethrough {
text-decoration-line: line-through;
}
.cm-s-obsidian span.cm-link {
color: var(--link-external-color) !important;
}
.cm-s-obsidian span.cm-url.cm-strikethrough {
text-decoration-line: line-through;
}
.cm-s-obsidian .HyperMD-table-row-0 {
font-weight: var(--font-bold);
}
.cm-s-obsidian span.obsidian-search-match-highlight {
box-shadow: unset;
mix-blend-mode: unset;
border-radius: unset;
background: var(--color-green);
color: var(--text-on-accent);
padding: 2px 0;
}
.cm-s-obsidian span.cm-comment {
color: var(--code-comment);
}
.cm-s-obsidian span.cm-inline-code {
padding: 2px 0;
}
.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
color: var(--text-on-accent);
padding: 2px 0;
}
/* More code */
.cm-def {
color: var(--code-function);
}
.cm-atom {
color: var(--code-value);
}
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-atom,
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-def {
color: var(--interactive-accent);
}
/* Search results */
.is-flashing {
border-radius: unset;
--code-normal: var(--text-highlight-bg);
--link-color: var(--text-on-accent);
--link-color-hover: var(--background-primary-alt);
--link-decoration: underline;
--link-decoration-hover: none;
--link-external-color: var(--text-on-accent);
--link-external-color-hover: var(--background-primary-alt);
--link-external-decoration: underline;
--link-external-decoration-hover: none;
}
.search-result-file-matched-text {
color: var(--text-on-accent);
padding: 2px 0;
}
.markdown-rendered {
/* Unresolved links in preview mode */
/* Highlights in preview mode */
}
.markdown-rendered .internal-link.is-unresolved:hover {
color: var(--link-unresolved-color-hover);
text-decoration-color: var(--link-unresolved-color-hover);
}
.markdown-rendered mark {
color: var(--text-on-accent);
}
/* Highlight current line */
body:not(.disable-active-line-highlight) .cm-active {
background: var(--active-bg);
}
body:not(.disable-active-line-highlight) .cm-active.cm-gutterElement {
color: var(--color-accent);
}
/* Hashtags */
.cm-hashtag.cm-hashtag-begin, .cm-hashtag.cm-hashtag-end {
border: unset;
border-radius: unset;
}
/* https://github.com/nothingislost/obsidian-dynamic-highlights */
.cm-current-word,
.cm-matched-word,
.cm-current-string,
.cm-matched-string {
background: var(--color-yellow);
color: var(--text-on-accent);
text-decoration: none;
padding: 2px 0;
}
/* File explorer */
.is-flashing {
color: var(--text-on-accent) !important;
}
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
.workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title {
box-shadow: 0 0 0 2px var(--color-accent);
}
/* Community theme and plugin browsers */
.community-item:hover {
border-color: var(--color-accent);
}
.community-item .suggestion-highlight {
color: var(--text-on-accent);
font-weight: unset;
}
/* Vimrc Support Plugin */
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode {
color: var(--text-on-accent);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=normal] {
background-color: var(--color-blue);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=insert] {
background-color: var(--color-green);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=visual] {
background-color: var(--color-pink);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=replace] {
background-color: var(--red);
}
/* Mermaid */
.mermaid tspan {
fill: var(--text-on-accent);
}
/* Buttons */
@media (hover: hover) {
button.mod-cta:hover {
color: var(--interactive-accent);
}
}
/*# sourceMappingURL=theme.css.map */
+7
View File
@@ -0,0 +1,7 @@
{
"name": "Sparkling Night",
"version": "1.2.2",
"minAppVersion": "1.2.2",
"author": "isax785",
"authorUrl": "https://github.com/isax785/obsidian-sparkling-night"
}
+575
View File
@@ -0,0 +1,575 @@
@charset "UTF-8";
/** -----------------------------------------------------------------------
_____ _ _ _ _ _ _ _ _
/ ____| | | | (_) | \ | (_) | | | |
| (___ _ __ __ _ _ __| | _| |_ _ __ __ _ | \| |_ __ _| |__ | |_
\___ \| '_ \ / _` | '__| |/ / | | '_ \ / _` | | . ` | |/ _` | '_ \| __|
____) | |_) | (_| | | | <| | | | | | (_| | | |\ | | (_| | | | | |_
|_____/| .__/ \__,_|_| |_|\_\_|_|_| |_|\__, | |_| \_|_|\__, |_| |_|\__|
| | __/ | __/ |
|_| |___/ |___/
—— Version 1.0.0
—— Made by Isax785
Changelog here:
------------------------------------------------------------------------- */
/* :root {
--default-font: Calibri;
--h1-font: Times;
--font-monospace: Courier;
--code-mono-font: 'OperatorMonoSSmLig-Book';;
} */
:root {
--white: #FCFCFC;
/* --raisin-black: #1b1825; */
--raisin-black: #16141f;
--rich-black: #121019;
--dark-purple: #242032;
--dark-purple-light: #413a58;
--bright-green: #5AFF15;
--tropical-indigo: #8B80F9;
--tropical-indigo-light: #A69EFA;
--robin-egg-blue: #19D8D5;
--cool-gray: #7C809B;
--french-gray : #D1D2DC; /*cool gray light*/
--white-smoke: #F5F5F5;
--ylmn-blue: #375BA9;
--mint: #13C4A3;
--anti-flash-white: #EBEBEB;
--folly: #FF3366;
--gold: rgb(253, 233, 9);
--line-width: 750px;
}
.theme-dark, .theme-light {
--file-line-width: var(--line-width);
/* Line color */
--tab-divider-color: var(--dark-purple-light);
--tab-outline-color: var(--dark-purple-light);
--divider-color: var(--dark-purple-light);
/* Background */
--background-primary: var(--rich-black);
--background-secondary: var(--raisin-black);
--background-secondary-alt: var(--raisin-black);
--background-code: var(--grey);
/* Text */
--text-normal: var(--white);
--text-accent: var(--bright-green);
--text-selection: var(--tropical-indigo-light);
--text-header: var(--tropical-indigo);
--h1-color: var(--tropical-indigo);
--h1-gradient-start: transparent;
--h1-gradient-mid: var(--tropical-indigo);
--h1-gradient-end: transparent;
--h2-color: var(--tropical-indigo);
--h2-gradient-start: var(--tropical-indigo);
--h2-gradient-end: transparent;
--h3-color: var(--tropical-indigo);
--h4-color: var(--tropical-indigo);
--h5-color: var(--tropical-indigo);
--h6-color: var(--tropical-indigo);
/* bar */
--bar-gradient-start: transparent;
--bar-gradient-mid: var(--bright-green);
--bar-gradient-end: transparent;
/* bold, Italic, Underline */
--strong: var(--robin-egg-blue);
/* --italic: var(--robin-egg-blue); */
--underline-text-color: var(--white);
--underline-line-color: var(--bright-green);
--underline-line-thickness: 0.15em;
/* Code */
--codeblock-background: var(--dark-purple);
--codeblock-color: var(--white);
--inline-code-background: var(--dark-purple);
--inline-code-color: var(--bright-green);
--code-variable-color: var(--white);
--code-function-color: var(--bright-green);
--code-builtin-color: var(--tropical-indigo);
--code-string-color: var(--robin-egg-blue);
--code-operator-color: var(--bright-green);
--code-comment-color: var(--cool-gray);
--code-text-size: 0.9em;
/* Tags */
--tags-background: var(--dark-purple);
--tags-color: var(--robin-egg-blue);
/* List Markers */
--list-marker-color: var(--white);
--list-marker-color-hover: var(--bright-green);
/* Checkboxes */
--checkbox-marker-color: var(--white);
--radius-s: 3px;
--interactive-accent: var(--tropical-indigo); /*marked color*/
--checklist-done-color: var(--cool-gray);
--checkbox-border-color: var(--cool-gray);
--checkbox-border-color-hover: var(--bright-green);
--checkbox-color-hover: var(--bright-green);
--checklist-done-decoration: none;
/* Quotes */
--quote-background: var(--dark-purple);
/* --quote-style: italic; */
/* Links */
--link-text-shadow: var(--raisin-black);
--link-text-color: var(--white);
--link-text-color-hover: var(--tropical-indigo);
--link-ext-color: var(--tropical-indigo);
--link-int-color: var(--robin-egg-blue);
--link-url-text-color: var(--tropical-indigo);
/* Explorer */
--folder-title-color: var(--white);
--file-title-color: var(--white);
--folder-filter: invert(30%) sepia(99%) saturate(1210%) hue-rotate(51deg) brightness(120%) contrast(100%);
/* Progress Bar Loading */
--progress-bar-color: var(--tropical-indigo);
/* Highlight */
--highlight-background-color: var(--bright-green);
--highlight-text-color: var(--dark-purple);
--highlight-text-shadow: var(--text-normal);
/* Search and Find */
--search-result-background: var(--tropical-indigo);
--find-flashing: var(--bright-green);
}
/* ----------- Font ----------- */
/* working progress */
/* ----------- Text ----------- */
.markdown-source-view.mod-cm6 .cm-line {
padding-top: 0em;
padding-bottom: 0.3em;
}
/* ----------- Titles ----------- */
.HyperMD-header-1, .HyperMD-header.HyperMD-header-1.cm-line, h1 {
text-align: center;
width: 100%;
border-bottom: 0.1em solid transparent;
border-image: linear-gradient(0.25turn,
var(--h1-gradient-start) 5%,
var(--h1-gradient-mid) 50%,
var(--h1-gradient-end) 96%);
border-radius: 3px;
border-image-slice: 1;
padding-top: 0.3em!important;
padding-bottom: 0.2em!important;
margin-top: 0.3em!important;
margin-bottom: 0.5em!important;
}
.HyperMD-header-2, .HyperMD-header.HyperMD-header-2.cm-line, h2 {
text-align: left;
width: 100%;
border-bottom: 0.05em solid transparent;
border-image: linear-gradient(0.25turn,
var(--h2-gradient-start) 0%,
var(--h2-gradient-end) 60%);
border-radius: 3px;
border-image-slice: 1;
padding-top: 0.3em!important;
padding-bottom: 0.2em!important;
margin-top: 0.3em!important;
margin-bottom: 0.5em!important;
}
.HyperMD-header-3, .HyperMD-header.HyperMD-header-3.cm-line, h3 {
padding-top: 0.3em!important;
margin-top: 0.3em!important;
margin-bottom: 0.3em!important;
}
.cm-header.cm-header-1.cm-inline-code,
.cm-header.cm-header-2.cm-inline-code{
font-size: var(--code-text-size)!important;
}
.cm-header.cm-header-3.cm-inline-code,
.cm-header.cm-header-4.cm-inline-code,
.cm-header.cm-header-5.cm-inline-code,
.cm-header.cm-header-6.cm-inline-code{
font-size: var(--code-text-size)!important;
}
/* ----------- Bar ----------- */
.cm-line hr,
.markdown-preview-view hr {
margin-block-start: 1em;
margin-block-end: 1.2em;
border: none;
height: 0;
border-bottom: 1px solid;
border-image-slice: 1;
border-width: 0.1em;
border-image-source: linear-gradient(0.25turn,
var(--bar-gradient-start) 2%,
var(--bar-gradient-mid) 50%,
var(--bar-gradient-end) 98%);
}
/* ----------- Lists ----------- */
.mod-cm6 .HyperMD-list-line.cm-line {
padding-top: 0;
padding-bottom: 0;
}
/* ordered */
ol,
ol ol,
ol ol ol,
ol ol ol ol
{
list-style-type: lower-roman;
}
/* unordered */
ul,
ul ul,
ul ul ul {
list-style-type: square;
}
/* ----------- Checkboxes ----------- */
:is(.HyperMD-task-line[data-task="/"],
.HyperMD-task-line[data-task=">"],
.HyperMD-task-line[data-task="-"],
.HyperMD-task-line[data-task="<"]) .task-list-item-checkbox::after {
-webkit-mask-image: none;
mask-image: none;
background-color: transparent;
}
.HyperMD-task-line[data-task="/"] .task-list-item-checkbox,
.HyperMD-task-line[data-task="/"] .task-list-item-checkbox:hover {
background-color: var(--folly);
border-color: var(--checkbox-border-color);
text-decoration: none;
}
.HyperMD-task-line[data-task=">"] .task-list-item-checkbox,
.HyperMD-task-line[data-task=">"] .task-list-item-checkbox:hover {
background-color: var(--bright-green);
border-color: var(--checkbox-border-color);
}
.HyperMD-task-line[data-task="-"] .task-list-item-checkbox,
.HyperMD-task-line[data-task="-"] .task-list-item-checkbox:hover {
background-color: var(--gold);
border-color: var(--checkbox-border-color);
}
.HyperMD-task-line[data-task="<"] .task-list-item-checkbox,
.HyperMD-task-line[data-task="<"] .task-list-item-checkbox:hover {
background-color: var(--robin-egg-blue);
border-color: var(--checkbox-border-color);
}
/* ----------- Bold, Italic, Underline ----------- */
.cm-strong, strong {
color: var(--strong) !important;
}
.cm-em, em,
.cm-em cm-quote cm-quote-1
{
color: var(--italic);
}
/* ----------- Code - Code Block ----------- */
pre code {
background-color: var(--codeblock-background) !important;
border: var(--codeblock-background) !important;
color: var(--codeblock-color)!important;
}
.markdown-rendered pre {
background-color: var(--codeblock-background);
}
pre[class*="language-"],
code[class*="language-"]
{
font-size: var(--code-text-size)!important;
background: var(--codeblock-background)!important;
color: var(--codeblock-color)!important;
}
.cm-s-obsidian div.HyperMD-codeblock-begin-bg,
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
background-color: var(--codeblock-background);
}
.cm-s-obsidian div.HyperMD-codeblock-bg {
left: 0;
right: 0;
background-color: var(--codeblock-background);
}
.cm-inline-code{
background-color: var(--inline-code-background)!important;
color: var(--inline-code-color)!important;
font-size: var(--code-text-size)!important;
padding: 3px 4px;
border-radius: 5px;
}
.markdown-rendered code {
background-color: var(--codeblock-background)!important;
/* color: var(--white); */
color: var(--inline-code-color);
font-size: var(--code-text-size)!important;
padding: 3px 4px;
border-radius: 5px;
}
/* code styling */
.cm-link, .cm-variable, .cm-variable-2, .cm-variable-3 {color: var(--code-variable-color)!important;} /* variable */
.cm-def.cm-hmd-codeblock, .token.function, .token.class-name {
color: var(--code-function-color)!important;
text-emphasis: italic;
} /* function name in declaration */
.cm-builtin, .cm-property, .cm-attribute, .cm-type, .cm-keyword, .token.keyword, .token.builtin, .token.property {color: var(--code-builtin-color)!important;} /* built-in functions, methods */
.cm-hmd-codeblock.cm-string, .token.string {color: var(--code-string-color)!important;} /* strings and numbers */
.cm-hmd-codeblock.cm-number, .token.number {color: var(--code-operator-color)!important}
.cm-operator, .token.operator {color: var(--code-operator-color)!important;} /* operators */
.cm-hmd-codeblock {color: var(--codeblock-color);} /* codeblock */
.cm-comment, .token.comment {color: var(--code-comment-color)!important;} /* comment */
/* ----------- Tags ----------- */
.cm-s-obsidian span.cm-hashtag, .tag
{
background-color: var(--tags-background)!important;
color: var(--tags-color)!important;
font-weight: bold;
padding-bottom: 5px;
}
/* ----------- Quotes ----------- */
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote, .markdown-rendered blockquote {
/* font-style: var(--quote-style); */
font-size: 0.9em;
background-color: var(--quote-background);
padding-top: 0.3em;
padding-bottom: 0.4em;
}
/* ----------- Underline ----------- */
u {
color: var(--underline-text-color);
text-decoration-color: var(--underline-line-color);
text-decoration-thickness: var(--underline-line-thickness);
}
/* ----------- Highlight ----------- */
.cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight, .markdown-rendered mark {
background-color: var(--highlight-background-color);
color: var(--highlight-text-color);
padding-left: 0.3rem;
padding-right: 0.3rem;
border-radius: 0.2rem;
/* text-shadow: -1px -1px 1px var(--highlight-text-shadow), -1px 1px 1px var(--highlight-text-shadow), 1px -1px 1px var(--highlight-text-shadow), 1px 1px 1px var(--highlight-text-shadow); */
}
/* ----------- Search ----------- */
.search-result-file-matched-text {
background-color: var(--search-result-background);
}
/* ----------- Explorer ----------- */
.is-flashing {
background-color: var(--find-flashing);
transition: all 0.7s ease-in !important;
}
/* ----------- Links ----------- */
.external-link, .internal-link,
.cm-s-obsidian span.cm-link:not(.cm-formatting-link) .cm-underline,
.cm-s-obsidian span.cm-hmd-internal-link .cm-underline {
text-shadow: -1px -1px 2px var(--link-text-shadow),
-1px 1px 2px var(--link-text-shadow),
1px -1px 2px var(--link-text-shadow),
1px 1px 2px var(--link-text-shadow);
color: var(--link-text-color);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 1px 2px;
text-decoration: none;
padding-right: 0;
}
.external-link,
.cm-s-obsidian span.cm-link:not(.cm-formatting-link) .cm-underline,
.cm-s-obsidian span.cm-hmd-external-link .cm-underline
{
background-image: linear-gradient(
to bottom,
var(--link-ext-color) 0%,
var(--link-ext-color) 100%
);
}
.internal-link,
.cm-s-obsidian span.cm-hmd-internal-link .cm-underline
{
background-image: linear-gradient(
to bottom,
var(--link-int-color) 0%,
var(--link-int-color) 100%
);
text-decoration: none!important;
}
/* link hover color */
a:hover,
.internal-link:hover,
.external-link:hover,
.cm-underline:hover {
text-decoration: none !important;
color: var(--link-text-color-hover);
}
.cm-s-obsidian span.cm-url {
color: var(--link-url-text-color)!important;
background-image: none!important;
background-color: transparent!important;
/* text-decoration: double!important; */
}
.markdown-rendered .internal-link{
color: var(--text-normal) !important;
}
/* ----------- Images ----------- */
img {display:block;
margin-left:auto;
margin-right:auto;}
.markdown-preview-view img {
display: block;
margin-top: 20pt;
margin-bottom: 20pt;
margin-left: auto;
margin-right: auto;
width: 40%; /* experiment with values */
transition:transform 0.25s ease;
}
.markdown-preview-view img:hover {
-webkit-transform:scale(1); /* experiment with values */
transform:scale(1.4);
}
/* ----------- Tables ----------- */
/* preview */
.markdown-preview-view table {
margin-left: auto;
margin-right: auto;
}
.markdown-source-view.mod-cm6 .cm-table-widget {
margin-left: auto!important;
margin-right: auto!important;
}
/* ----------- File Explorer ----------- */
.nav-folder-children .nav-file-title-content:first-child::before
{
content: '📄 ';
}
.nav-folder-children .nav-folder-title-content::before
{
content: '📁 ';
margin-right: 0px !important;
}
.nav-folder-title-content
{
color: var(--folder-title-color);
}
.nav-file-title-content
{
color: var(--file-title-color);
}
.nav-folder-title-content::before {
font-size: 13px;
/* how to get CSS filter ?
0, open website: https://www.zhangxinxu.com/sp/filter.html
1, first: image original color this is : #000
2, second: display color i want : #D6FFF1
3, CSS filter trans btn clik: the result is :
filter: invert(99%) sepia(90%) saturate(382%) hue-rotate(69deg) brightness(106%) contrast(102%);
4, pause👇 : OK ✌️;
*/
/* filter to --bright-green: invert(72%) sepia(99%) saturate(1210%) hue-rotate(51deg) brightness(107%) contrast(107%); */
/* filter: invert(30%) sepia(99%) saturate(1210%) hue-rotate(51deg) brightness(120%) contrast(100%); */
filter: var(--folder-filter);
/*
/* If you want to change the icon, you only need to modify this code.you can only change d=''
*/
content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100' width='17' height='17'><path fill='currentColor' stroke='currentColor' d='M6.1,8c-3.3,0-6,2.7-6,6v73.8c-0.1,0.5-0.1,0.9,0.1,1.4c0.6,2.7,3,4.8,5.9,4.8h78c3,0,5.4-2.2,5.9-5.1 c0-0.1,0.1-0.2,0.1-0.4c0,0,0-0.1,0-0.1l0.1-0.3c0,0,0,0,0-0.1l9.9-53.6l0.1-0.2V34c0-3.3-2.7-6-6-6v-6c0-3.3-2.7-6-6-6H36.1 c0,0,0,0-0.1,0c-0.1,0-0.2-0.2-0.6-0.6c-0.5-0.6-1.1-1.5-1.7-2.5c-0.6-1-1.3-2.1-2.1-3C30.9,9,29.7,8,28.1,8L6.1,8z M6.1,12h22 c-0.1,0,0.1,0,0.6,0.6c0.5,0.6,1.1,1.5,1.7,2.5c0.6,1,1.3,2.1,2.1,3c0.8,0.9,1.9,1.9,3.6,1.9h52c1.1,0,2,0.9,2,2v6h-74 c-3.1,0-5.7,2.5-5.9,5.6h-0.1L10.1,34l-6,32.4V14C4.1,12.9,4.9,12,6.1,12z M16.1,32h78c1.1,0,2,0.9,2,2l-9.8,53.1l-0.1,0.1 c0,0.1,0,0.2-0.1,0.2c0,0.1,0,0.2-0.1,0.2c0,0,0,0.1,0,0.1c0,0,0,0,0,0.1c0,0.1,0,0.2-0.1,0.3c0,0.1,0,0.1,0,0.2 c0,0.1,0,0.2,0,0.2c-0.3,0.8-1,1.4-1.9,1.4h-78c-1.1,0-2-0.9-2-2L14,34.4l0.1-0.2V34C14.1,32.9,14.9,32,16.1,32L16.1,32z'/></svg>");
margin-right: 7px !important;
}
/* ----------- Progress Bar Loading ----------- */
.progress-bar-subline {
position: absolute;
background-color: var(--progress-bar-color);
height: 5px;
}
.progress-bar-line {
position: absolute;
opacity: 0.4;
background-color: var(--progress-bar-color);
width: 150%;
height: 5px;
}
+6
View File
@@ -0,0 +1,6 @@
{
"name": "SynthWave",
"version": "0.0.0",
"minAppVersion": "0.16.0",
"author": "Marco Luzi"
}
+1
View File
@@ -0,0 +1 @@
.theme-dark,.theme-light{--background-primary:#262335;--background-primary-alt:#241b2f;--background-secondary:#241b2f;--background-secondary-alt:#262335;--background-modifier-border:#372b3d;--background-modifier-form-field:#372b3d;--background-modifier-box-shadow:none;--background-modifier-success:#7ee787;--background-modifier-error:#8b0000;--background-modifier-error-hover:#580000;--background-modifier-cover:#171520d2;--text-accent:#f97e72;--text-accent-hover:#ff7edb;--text-normal:#fff;--text-muted:#a7a4ac;--text-faint:#706a76;--text-error:red;--text-error-hover:#ff0;--text-highlight-bg:#d18616bb;--text-highlight-bg-active:#d1861655;--text-selection:#ffffff20;--text-on-accent:#fff;--interactive-normal:#614e83;--interactive-hover:#745d9e;--interactive-accent:#f97e72;--interactive-accent-hover:#ff7edb;--interactive-success:#7ee787}.dropdown:focus,input[type=text]:active,input[type=text]:focus,select:focus{box-shadow:none}.checkbox-container:focus-within{outline-width:1px}.modal-container{backdrop-filter:blur(20px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:transparent;border-radius:0}::-webkit-scrollbar-thumb{background-color:#706a76;border-radius:19px}::-webkit-scrollbar-thumb:hover{background-color:#a7a4ac}.HyperMD-header-1{--h1-size:37.00897225px}.markdown-rendered h1{font-size:37.00897225px}.HyperMD-header-2{--h2-size:32.181715px}.markdown-rendered h2{font-size:32.181715px}.HyperMD-header-3{--h3-size:27.9841px}.markdown-rendered h3{font-size:27.9841px}.HyperMD-header-4{--h4-size:24.334px}.markdown-rendered h4{font-size:24.334px}.HyperMD-header-5{--h5-size:21.16px}.markdown-rendered h5{font-size:21.16px}.HyperMD-header-6{--h6-size:18.4px}.markdown-rendered h6{font-size:18.4px}
+6
View File
@@ -0,0 +1,6 @@
{
"name": "Tokyo Night",
"version": "1.1.6",
"minAppVersion": "0.0.1",
"author": "tcmmichaelb139"
}
File diff suppressed because it is too large Load Diff
+7
View File
@@ -0,0 +1,7 @@
{
"name": "Vauxhall",
"version": "1.0.2",
"minAppVersion": "1.5.0",
"author": "CyanVoxel",
"authorUrl": "https//github.com/CyanVoxel"
}
+504
View File
@@ -0,0 +1,504 @@
/* @settings
name: Vauxhall
id: vauxhall
settings:
-
id: main-color
title: Main Color
description: "The main color influencing the interface colors."
type: class-select
default: vauxhall-indigo
options:
-
label: Teal
value: vauxhall-teal
-
label: Blue
value: vauxhall-blue
-
label: Indigo
value: vauxhall-indigo
-
label: Purple
value: vauxhall-purple
-
label: Magenta
value: vauxhall-magenta
-
label: Red
value: vauxhall-red
-
label: White
value: vauxhall-white
-
id: color-intensity
title: Color Intensity
description: "How intense the main color appears across the interface. (Dark Theme only)"
type: class-select
default: intensity-standard
options:
-
label: Void
value: intensity-void
-
label: Standard
value: intensity-standard
-
label: Nebula
value: intensity-nebula
-
id: header-color-type
title: Header Color Style
description: "How intense the main color appears across the interface."
type: class-select
default: headers-gradient-cyan-to-purple
options:
-
label: Mono
value: headers-mono
-
label: Mono Gradient
value: headers-mono-gradient
-
label: Rainbow
value: headers-colorful
-
label: Gradient (Mint/Blue)
value: headers-gradient-mint-to-blue
-
label: Gradient (Cyan/Purple)
value: headers-gradient-cyan-to-purple
-
label: Gradient (Blue/Red)
value: headers-gradient-blue-to-red
-
id: h1-accent
title: Accent Color Main Header
description: "Apply the user's accent color to H1 headers."
type: class-toggle
*/
/* Default Base Color */
.theme-dark,
.theme-light,
.vauxhall-indigo {
--hue-bg: 238;
--hue-fg: 255;
--sat-bg: 60%;
--sat-fg: 100%;
&.theme-light {
--lum-fg: 50%;
--lum-bg: 95%;
}
}
.vauxhall-teal {
--hue-bg: 200;
--hue-fg: 180;
--sat-bg: 60%;
--sat-fg: 100%;
&.theme-light {
--lum-fg: 30%;
--lum-bg: 95%;
}
}
.vauxhall-blue {
--hue-bg: 228;
--hue-fg: 220;
--sat-bg: 60%;
--sat-fg: 100%;
&.theme-light {
--lum-fg: 50%;
--lum-bg: 95%;
}
}
.vauxhall-purple {
--hue-bg: 265;
--hue-fg: 265;
--sat-bg: 60%;
--sat-fg: 100%;
&.theme-light {
--lum-fg: 50%;
--lum-bg: 95%;
}
}
.vauxhall-magenta {
--hue-bg: 290;
--hue-fg: 280;
--sat-bg: 60%;
--sat-fg: 100%;
&.theme-light {
--lum-fg: 50%;
--lum-bg: 95%;
}
}
.vauxhall-red {
--hue-bg: 340;
--hue-fg: 320;
--sat-bg: 60%;
--sat-fg: 100%;
&.theme-light {
--lum-fg: 50%;
--lum-bg: 95%;
}
}
.vauxhall-white {
--hue-bg: 228;
--hue-fg: 220;
--sat-bg: 20%;
--sat-fg: 20%;
&.theme-light {
--sat-bg: 30%;
--sat-fg: 0%;
--lum-bg: 90%;
--lum-fg: 0%;
&.intensity-void {
--lum-bg: 100%;
}
&.intensity-nebula {
--lum-bg: 80%;
}
}
}
/* Default Intensity */
.theme-dark,
.theme-light,
.intensity-standard {
--lum: 11%;
}
.intensity-nebula {
--lum: 22%;
--background-secondary: var(--color-base-00) !important;
--titlebar-background-focused: var(--color-base-05) !important;
--background-modifier-form-field: var(--color-base-05) !important;
}
.intensity-void {
--lum: 0%;
--background-modifier-border: var(--color-base-40);
}
/* Default Header Colors */
.theme-dark,
.theme-light,
.headers-gradient-cyan-to-purple {
--h1-color: var(--cool-cyan);
--h2-color: var(--light-blue);
--h3-color: var(--blue);
--h4-color: var(--blue-violet);
--h5-color: var(--violet);
--h6-color: var(--purple);
}
.headers-mono {
--h1-color: var(--vauxhall-fg);
--h2-color: var(--vauxhall-fg);
--h3-color: var(--vauxhall-fg);
--h4-color: var(--vauxhall-fg);
--h5-color: var(--vauxhall-fg);
--h6-color: var(--vauxhall-fg);
}
.headers-mono-gradient {
--h1-color: hsl(var(--hue-fg), var(--sat-fg), 65%);
--h2-color: hsl(var(--hue-fg), var(--sat-fg), 75%);
--h3-color: hsl(var(--hue-fg), var(--sat-fg), 80%);
--h4-color: hsl(var(--hue-fg), var(--sat-fg), 80%);
--h5-color: hsl(var(--hue-fg), var(--sat-fg), 90%);
--h6-color: hsl(var(--hue-fg), var(--sat-fg), 95%);
}
.headers-colorful {
--h1-color: var(--mint);
--h2-color: var(--cool-cyan);
--h3-color: var(--blue);
--h4-color: var(--violet);
--h5-color: var(--magenta);
--h6-color: var(--hot-red);
}
.headers-gradient-mint-to-blue {
--h1-color: var(--mint);
--h2-color: color-mix(in srgb, var(--mint) 50%, var(--cool-cyan));
--h3-color: var(--cool-cyan);
--h4-color: color-mix(in srgb, var(--cool-cyan) 60%, var(--blue));
--h5-color: color-mix(in srgb, var(--cool-cyan) 40%, var(--blue));
--h6-color: var(--blue);
}
.headers-gradient-blue-to-red {
--h1-color: var(--light-blue);
--h2-color: var(--blue);
--h3-color: var(--violet);
--h4-color: var(--purple);
--h5-color: var(--magenta);
--h6-color: var(--hot-red);
}
.h1-accent {
--h1-color: var(--color-accent) !important;
}
.theme-dark {
--black: #000;
--white: #fff;
--mint: #52eea3;
--cyan: #51e1e9;
--cool-cyan: #43cfea;
--light-blue: #54b6f8;
--blue: #437cf3;
--blue-violet: #6f51f4;
--violet: #9446f8;
--purple: #c952ed;
--magenta: #e54f9b;
--hot-red: #e3365e;
--cool-gray: #515768;
--vauxhall-bg: hsl(var(--hue-bg), var(--sat-bg), var(--lum));
--vauxhall-fg: hsl(var(--hue-fg), var(--sat-fg), 80%);
--color-red: var(--hot-red);
--color-orange: #fa9f50;
--color-yellow: #ffd85e;
--color-green: var(--mint);
--color-cyan: var(--cool-cyan);
--color-blue: var(--blue);
--color-purple: var(--violet);
--color-pink: var(--magenta);
--background-primary: var(--color-base-00);
--background-secondary: var(--color-base-05);
--titlebar-background: var(--color-base-00);
--titlebar-background-focused: var(--color-base-10);
--color-base-00: color-mix(in srgb, var(--vauxhall-bg) 25%, var(--black));
--color-base-05: color-mix(in srgb, var(--vauxhall-bg) 40%, var(--black));
--color-base-10: color-mix(in srgb, var(--vauxhall-bg) 50%, var(--black));
--color-base-20: color-mix(in srgb, var(--vauxhall-bg) 80%, var(--black));
--color-base-25: color-mix(in srgb, var(--vauxhall-bg) 80%, var(--black));
--color-base-30: color-mix(
in srgb,
var(--vauxhall-bg) 90%,
var(--vauxhall-fg)
);
--color-base-35: color-mix(
in srgb,
var(--vauxhall-bg) 95%,
var(--vauxhall-fg)
);
--color-base-40: color-mix(
in srgb,
var(--vauxhall-bg) 80%,
var(--vauxhall-fg)
);
--color-base-50: color-mix(
in srgb,
var(--vauxhall-bg) 60%,
var(--vauxhall-fg)
);
--color-base-60: color-mix(
in srgb,
var(--vauxhall-bg) 60%,
var(--vauxhall-fg)
);
--color-base-70: color-mix(
in srgb,
var(--vauxhall-bg) 30%,
var(--vauxhall-fg)
);
--color-base-100: color-mix(
in srgb,
var(--vauxhall-bg) 0%,
var(--vauxhall-fg)
);
--text-normal: color-mix(in srgb, var(--vauxhall-fg) 30%, var(--white));
--background-modifier-form-field: var(--color-base-20);
--background-modifier-hover: var(--color-base-35);
/* File Navigation Guides */
--nav-indentation-guide-color: var(--color-base-30);
/* Indentation Guides for Lists */
--indentation-guide-color: var(--color-base-30);
--indentation-guide-color-active: var(--color-base-35);
--text-highlight-bg: color-mix(in srgb, var(--h1-color) 25%, transparent);
--text-highlight-bg-active: color-mix(
in srgb,
var(--h1-color) 25%,
transparent
);
--code-background: var(--color-base-25);
}
.theme-light {
--black: #000;
--white: #fff;
--mint: #47cc91;
--cyan: #47c1cd;
--cool-cyan: #3bb2ce;
--light-blue: #54b6f8;
--blue: #437cf3;
--blue-violet: #6f51f4;
--violet: #9446f8;
--purple: #c952ed;
--magenta: #e54f9b;
--hot-red: #e3365e;
--cool-gray: #515768;
--vauxhall-bg: hsl(var(--hue-bg), var(--sat-bg), var(--lum-bg));
--vauxhall-fg: hsl(var(--hue-fg), var(--sat-fg), var(--lum-fg));
--color-red: var(--hot-red);
--color-orange: #fa9f50;
--color-yellow: #ffd85e;
--color-green: var(--mint);
--color-cyan: var(--cool-cyan);
--color-blue: var(--blue);
--color-purple: var(--violet);
--color-pink: var(--magenta);
--background-primary: var(--color-base-05);
--background-secondary: var(--color-base-05);
--titlebar-background: var(--color-base-00);
--titlebar-background-focused: var(--color-base-10);
--color-base-00: color-mix(in srgb, var(--vauxhall-bg) 25%, var(--white));
--color-base-05: color-mix(in srgb, var(--vauxhall-bg) 40%, var(--white));
--color-base-10: color-mix(in srgb, var(--vauxhall-bg) 50%, var(--white));
--color-base-20: color-mix(in srgb, var(--vauxhall-bg) 80%, var(--white));
--color-base-25: color-mix(in srgb, var(--vauxhall-bg) 80%, var(--white));
--color-base-30: color-mix(
in srgb,
var(--vauxhall-bg) 90%,
var(--vauxhall-fg)
);
--color-base-35: color-mix(
in srgb,
var(--vauxhall-bg) 95%,
var(--vauxhall-fg)
);
--color-base-40: color-mix(
in srgb,
var(--vauxhall-bg) 80%,
var(--vauxhall-fg)
);
--color-base-50: color-mix(
in srgb,
var(--vauxhall-bg) 60%,
var(--vauxhall-fg)
);
--color-base-60: color-mix(
in srgb,
var(--vauxhall-bg) 60%,
var(--vauxhall-fg)
);
--color-base-70: color-mix(
in srgb,
var(--vauxhall-bg) 30%,
var(--vauxhall-fg)
);
--color-base-100: color-mix(
in srgb,
var(--vauxhall-bg) 0%,
var(--vauxhall-fg)
);
--text-normal: color-mix(in srgb, var(--vauxhall-fg) 50%, var(--black));
--background-modifier-form-field: var(--color-base-20);
--background-modifier-hover: var(--color-base-35);
/* File Navigation Guides */
--nav-indentation-guide-color: var(--color-base-30);
/* Indentation Guides for Lists */
--indentation-guide-color: var(--color-base-30);
--indentation-guide-color-active: var(--color-base-35);
--text-highlight-bg: color-mix(in srgb, var(--h1-color) 25%, transparent);
--text-highlight-bg-active: color-mix(
in srgb,
var(--h1-color) 25%,
transparent
);
--code-background: var(--color-base-30);
}
h1 {
margin-top: 20px !important;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
}
.markdown-preview-view img {
max-width: 100%;
}
img {
max-width: 100%;
border-radius: 6px;
}
.callout {
border-radius: 12px;
border-width: 2px;
}
.task-list-item-checkbox {
border-width: 2px;
}
.markdown-preview-view {
border-radius: 6px;
}
.document-search-container {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-color: var(--color-base-30);
border-width: 1px;
border-top-width: 0px;
border-style: solid;
/* box-shadow: var(--input-shadow); */
}
.document-search-button {
color: var(--color-base-100);
}
.cg-note-toolbar-container {
box-shadow: none;
}
.callout[data-callout="note-toolbar"] {
box-shadow: none;
border-radius: 6px;
}
/* input {
color: var(--lavender) !important;
} */
/* table {
border-radius: 6px;
border-width: 2px;
border-style: solid;
border-color: var(--color-base-30);
} */