mirror of
https://github.com/monapdx/Neon-Acid.git
synced 2026-07-22 05:00:30 +00:00
1be2f29436
Rename Screenshots/* → ASSETS/Screenshots/* and update README image URLs. Major cleanup and rewrite of theme.css: add :root tokens, consolidate neon color variables, restructure image, code-block, table and callout styles, improve syntax token colors, hover effects, and reduced-motion support. Also remove duplicated README header and tweak content organization. Primarily a styling/documentation refactor to centralize assets and modernize the theme.
843 lines
23 KiB
CSS
843 lines
23 KiB
CSS
:root {
|
|
/* Neon Acid shared tokens must exist in both light and dark appearance modes. */
|
|
--neon-acid-pink: #ff2bd6;
|
|
--neon-acid-purple: #b76cff;
|
|
--neon-acid-green: #39ff14;
|
|
--neon-acid-cyan: #00e5ff;
|
|
--neon-acid-black: #000;
|
|
--neon-acid-ink: #07070b;
|
|
--neon-acid-border-width: 5px;
|
|
--neon-acid-shadow-offset: 6px;
|
|
--neon-acid-shadow-offset-hover: 8px;
|
|
--neon-acid-hover-nudge: -2px;
|
|
--neon-acid-hover-duration: 0.08s;
|
|
}
|
|
|
|
.theme-dark {
|
|
--background-primary: #07070b !important;
|
|
--background-primary-alt: #0d0d14 !important;
|
|
--background-secondary: #101018 !important;
|
|
--background-secondary-alt: #161622 !important;
|
|
|
|
--titlebar-background: #07070b !important;
|
|
--titlebar-background-focused: #07070b !important;
|
|
|
|
--text-normal: #f4f4ff !important;
|
|
--text-muted: #c8c8d8 !important;
|
|
--text-faint: #8f8fa3 !important;
|
|
|
|
--interactive-accent: #39ff14 !important;
|
|
--interactive-accent-hover: #ff2bd6 !important;
|
|
|
|
--link-color: #00e5ff !important;
|
|
--link-color-hover: #39ff14 !important;
|
|
|
|
--divider-color: #39ff14 !important;
|
|
--background-modifier-border: #000 !important;
|
|
|
|
--h1-color: #39ff14;
|
|
--h2-color: #08080b;
|
|
--h3-color: #08080b;
|
|
|
|
}
|
|
|
|
/* Force the actual Obsidian UI dark */
|
|
body,
|
|
.app-container,
|
|
.workspace,
|
|
.workspace-split,
|
|
.workspace-leaf,
|
|
.workspace-leaf-content,
|
|
.workspace-tabs,
|
|
.workspace-tab-header-container,
|
|
.view-content,
|
|
.markdown-source-view,
|
|
.markdown-reading-view,
|
|
.markdown-preview-view,
|
|
.cm-editor,
|
|
.cm-scroller,
|
|
.cm-content,
|
|
.mod-root,
|
|
.mod-sidedock,
|
|
.nav-files-container,
|
|
.nav-folder,
|
|
.nav-file,
|
|
.side-dock-ribbon,
|
|
.status-bar,
|
|
.titlebar,
|
|
.workspace-ribbon {
|
|
background-color: #07070b !important;
|
|
color: #f4f4ff !important;
|
|
}
|
|
|
|
/* Main editor page */
|
|
.markdown-preview-view,
|
|
.markdown-source-view.mod-cm6 .cm-editor {
|
|
background: #07070b !important;
|
|
}
|
|
|
|
/* File explorer items */
|
|
.nav-folder-title,
|
|
.nav-file-title {
|
|
background: #111118 !important;
|
|
color: #f4f4ff !important;
|
|
border: 4px solid #000 !important;
|
|
box-shadow: 4px 4px 0 #39ff14 !important;
|
|
margin: 6px 8px !important;
|
|
padding: 5px 8px !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* Active file */
|
|
.nav-file-title.is-active {
|
|
background: #ff2bd6 !important;
|
|
color: #07070b !important;
|
|
font-weight: 900 !important;
|
|
}
|
|
|
|
/* Typography */
|
|
.markdown-preview-view,
|
|
.cm-content {
|
|
font-family: "IBM Plex Sans", Inter, sans-serif !important;
|
|
color: #f4f4ff !important;
|
|
}
|
|
|
|
.markdown-preview-view h1,
|
|
.markdown-preview-view h2,
|
|
.markdown-preview-view h3,
|
|
.cm-header {
|
|
font-family: Oswald, Impact, sans-serif !important;
|
|
font-weight: 900 !important;
|
|
text-transform: uppercase !important;
|
|
letter-spacing: 0.04em !important;
|
|
}
|
|
|
|
/* Headings */
|
|
.markdown-preview-view h1 {
|
|
color: #39ff14 !important;
|
|
border-bottom: 5px solid #ff2bd6 !important;
|
|
}
|
|
|
|
.markdown-preview-view h2 {
|
|
background: #ff2bd6 !important;
|
|
color: #07070b !important;
|
|
border: 5px solid #000 !important;
|
|
box-shadow: 6px 6px 0 #39ff14 !important;
|
|
padding: 0.35em 0.55em !important;
|
|
}
|
|
|
|
.markdown-preview-view h3 {
|
|
background: #00e5ff !important;
|
|
color: #07070b !important;
|
|
border: 5px solid #000 !important;
|
|
box-shadow: 6px 6px 0 #b76cff !important;
|
|
padding: 0.3em 0.5em !important;
|
|
}
|
|
|
|
/* Links */
|
|
.markdown-preview-view a,
|
|
.internal-link,
|
|
.external-link,
|
|
.cm-hmd-internal-link,
|
|
.cm-link {
|
|
color: #00e5ff !important;
|
|
font-weight: 900 !important;
|
|
text-transform: uppercase !important;
|
|
text-decoration: none !important;
|
|
border-bottom: 3px solid #39ff14 !important;
|
|
}
|
|
|
|
.markdown-preview-view a:hover,
|
|
.internal-link:hover,
|
|
.external-link:hover {
|
|
background: #ff2bd6 !important;
|
|
color: #07070b !important;
|
|
}
|
|
|
|
/* Reading mode tags */
|
|
.tag,
|
|
.tag[href],
|
|
a.tag {
|
|
display: inline-block;
|
|
background: #39ff14 !important;
|
|
color: #08080b !important;
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
text-decoration: none !important;
|
|
|
|
border: 3px solid #000 !important;
|
|
box-shadow: 3px 3px 0 #ff2bd6 !important;
|
|
|
|
padding: 3px 8px;
|
|
margin: 2px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Live Preview tags */
|
|
.cm-hashtag,
|
|
.cm-hashtag-begin,
|
|
.cm-hashtag-end {
|
|
background: #39ff14 !important;
|
|
color: #08080b !important;
|
|
font-weight: 800 !important;
|
|
|
|
border: 3px solid #000 !important;
|
|
box-shadow: 3px 3px 0 #ff2bd6 !important;
|
|
|
|
padding: 1px 6px !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* Hover */
|
|
.tag:hover,
|
|
a.tag:hover {
|
|
background: #ff2bd6 !important;
|
|
color: #08080b !important;
|
|
box-shadow: 3px 3px 0 #39ff14 !important;
|
|
}
|
|
|
|
/* No borders on checklist/list items */
|
|
.markdown-preview-view li,
|
|
.HyperMD-list-line {
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Checkboxes */
|
|
input[type="checkbox"] {
|
|
accent-color: #39ff14 !important;
|
|
}
|
|
|
|
/* Tables / callouts / blockquotes (code blocks styled separately below) */
|
|
.markdown-preview-view table,
|
|
.callout,
|
|
.markdown-preview-view blockquote {
|
|
background: #111118 !important;
|
|
color: #f4f4ff !important;
|
|
border: var(--neon-acid-border-width) solid var(--neon-acid-black) !important;
|
|
box-shadow: var(--neon-acid-shadow-offset) var(--neon-acid-shadow-offset) 0 var(--neon-acid-cyan) !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* ==========================================================
|
|
CONTENT IMAGES
|
|
========================================================== */
|
|
|
|
/*
|
|
Match heading neo-brutalist geometry (5px border, 6px hard offset).
|
|
Hot-pink frame + black offset shadow — same tactile system as
|
|
headings / interactive blocks, scoped to Markdown content only.
|
|
*/
|
|
|
|
.markdown-rendered img,
|
|
.markdown-preview-view img,
|
|
.markdown-source-view.mod-cm6 .image-embed img,
|
|
.markdown-source-view.mod-cm6 .internal-embed.image-embed img,
|
|
.markdown-source-view.mod-cm6 .internal-embed.media-embed img {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
object-fit: contain;
|
|
border: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
border-radius: 0 !important;
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset) var(--neon-acid-shadow-offset) 0 var(--neon-acid-black) !important;
|
|
margin: 1em calc(var(--neon-acid-shadow-offset-hover) + 2px)
|
|
calc(1em + var(--neon-acid-shadow-offset-hover)) 0 !important;
|
|
padding: 0 !important;
|
|
background: transparent !important;
|
|
vertical-align: middle;
|
|
transition:
|
|
transform var(--neon-acid-hover-duration) ease,
|
|
box-shadow var(--neon-acid-hover-duration) ease;
|
|
}
|
|
|
|
.markdown-rendered img:hover,
|
|
.markdown-preview-view img:hover,
|
|
.markdown-source-view.mod-cm6 .image-embed img:hover,
|
|
.markdown-source-view.mod-cm6 .internal-embed.image-embed img:hover,
|
|
.markdown-source-view.mod-cm6 .internal-embed.media-embed img:hover {
|
|
transform: translate(var(--neon-acid-hover-nudge), var(--neon-acid-hover-nudge));
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset-hover) var(--neon-acid-shadow-offset-hover) 0
|
|
var(--neon-acid-black) !important;
|
|
}
|
|
|
|
/* Wiki-link / attachment embed wrappers — no double frame */
|
|
.markdown-rendered .internal-embed.image-embed,
|
|
.markdown-preview-view .internal-embed.image-embed,
|
|
.markdown-source-view.mod-cm6 .internal-embed.image-embed {
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
/* Do not frame UI icons, emojis, canvas, graph, Excalidraw, or tiny images */
|
|
.workspace-ribbon img,
|
|
.workspace-tab-header img,
|
|
.nav-folder-title img,
|
|
.nav-file-title img,
|
|
.status-bar img,
|
|
.titlebar img,
|
|
.modal img,
|
|
.vertical-tab-header img,
|
|
.setting-item img,
|
|
.canvas-wrapper img,
|
|
.canvas-node img,
|
|
.graph-view img,
|
|
.workspace-leaf-content[data-type="graph"] img,
|
|
.excalidraw-wrapper img,
|
|
.layer-ui__wrapper img,
|
|
.markdown-rendered img.emoji,
|
|
.markdown-preview-view img.emoji,
|
|
.cm-emoji img,
|
|
.markdown-rendered .emoji img,
|
|
.markdown-preview-view .emoji img,
|
|
.markdown-rendered img[width="16"],
|
|
.markdown-rendered img[width="18"],
|
|
.markdown-rendered img[width="20"],
|
|
.markdown-rendered img[width="24"],
|
|
.markdown-rendered img[width="32"],
|
|
.markdown-rendered img[width="48"],
|
|
.markdown-preview-view img[width="16"],
|
|
.markdown-preview-view img[width="18"],
|
|
.markdown-preview-view img[width="20"],
|
|
.markdown-preview-view img[width="24"],
|
|
.markdown-preview-view img[width="32"],
|
|
.markdown-preview-view img[width="48"],
|
|
.markdown-source-view.mod-cm6 .image-embed img[width="16"],
|
|
.markdown-source-view.mod-cm6 .image-embed img[width="18"],
|
|
.markdown-source-view.mod-cm6 .image-embed img[width="20"],
|
|
.markdown-source-view.mod-cm6 .image-embed img[width="24"],
|
|
.markdown-source-view.mod-cm6 .image-embed img[width="32"],
|
|
.markdown-source-view.mod-cm6 .image-embed img[width="48"],
|
|
.markdown-rendered img[height="16"],
|
|
.markdown-rendered img[height="18"],
|
|
.markdown-rendered img[height="20"],
|
|
.markdown-rendered img[height="24"],
|
|
.markdown-rendered img[height="32"],
|
|
.markdown-rendered img[height="48"],
|
|
.markdown-preview-view img[height="16"],
|
|
.markdown-preview-view img[height="18"],
|
|
.markdown-preview-view img[height="20"],
|
|
.markdown-preview-view img[height="24"],
|
|
.markdown-preview-view img[height="32"],
|
|
.markdown-preview-view img[height="48"] {
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
margin: 0 !important;
|
|
transform: none !important;
|
|
transition: none !important;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.markdown-rendered img,
|
|
.markdown-preview-view img,
|
|
.markdown-source-view.mod-cm6 .image-embed img,
|
|
.markdown-source-view.mod-cm6 .internal-embed.image-embed img,
|
|
.markdown-source-view.mod-cm6 .internal-embed.media-embed img {
|
|
transition: none !important;
|
|
}
|
|
|
|
.markdown-rendered img:hover,
|
|
.markdown-preview-view img:hover,
|
|
.markdown-source-view.mod-cm6 .image-embed img:hover,
|
|
.markdown-source-view.mod-cm6 .internal-embed.image-embed img:hover,
|
|
.markdown-source-view.mod-cm6 .internal-embed.media-embed img:hover {
|
|
transform: none !important;
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset) var(--neon-acid-shadow-offset) 0
|
|
var(--neon-acid-black) !important;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================
|
|
CODE BLOCKS
|
|
========================================================== */
|
|
|
|
/*
|
|
Reference treatment: black interior, hot-pink border, purple
|
|
hard offset shadow, fluorescent green default text.
|
|
Geometry matches headings (5px / 6px). Inline code stays compact.
|
|
*/
|
|
|
|
.markdown-rendered pre,
|
|
.markdown-preview-view pre,
|
|
.markdown-source-view.mod-cm6 .cm-preview-code-block pre,
|
|
.markdown-source-view.mod-cm6 .HyperMD-codeblock-begin + .cm-preview-code-block pre {
|
|
position: relative;
|
|
background: var(--neon-acid-black) !important;
|
|
color: var(--neon-acid-green) !important;
|
|
border: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
border-radius: 0 !important;
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset) var(--neon-acid-shadow-offset) 0
|
|
var(--neon-acid-purple) !important;
|
|
padding: 1.1em 1.25em !important;
|
|
margin: 1em calc(var(--neon-acid-shadow-offset-hover) + 2px)
|
|
calc(1em + var(--neon-acid-shadow-offset-hover)) 0 !important;
|
|
overflow-x: auto;
|
|
transition:
|
|
transform var(--neon-acid-hover-duration) ease,
|
|
box-shadow var(--neon-acid-hover-duration) ease;
|
|
}
|
|
|
|
.markdown-rendered pre:hover,
|
|
.markdown-preview-view pre:hover,
|
|
.markdown-source-view.mod-cm6 .cm-preview-code-block pre:hover {
|
|
transform: translate(var(--neon-acid-hover-nudge), var(--neon-acid-hover-nudge));
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset-hover) var(--neon-acid-shadow-offset-hover) 0
|
|
var(--neon-acid-purple) !important;
|
|
}
|
|
|
|
/* Inner code: no nested frame; default fluorescent green */
|
|
.markdown-rendered pre code,
|
|
.markdown-preview-view pre code,
|
|
.markdown-source-view.mod-cm6 .cm-preview-code-block pre code {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
color: var(--neon-acid-green) !important;
|
|
padding: 0 !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* Strip accidental boxes on tokens; keep token colors */
|
|
.markdown-rendered pre code *,
|
|
.markdown-preview-view pre code * {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
/* Live Preview / Source: editing-mode code lines */
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock {
|
|
background: var(--neon-acid-black) !important;
|
|
color: var(--neon-acid-green) !important;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .HyperMD-codeblock-bg {
|
|
background: var(--neon-acid-black) !important;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin {
|
|
border-top: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
border-left: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
border-right: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset) 0 0 var(--neon-acid-purple) !important;
|
|
border-radius: 0 !important;
|
|
margin-top: 0.75em !important;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end) {
|
|
border-left: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
border-right: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset) 0 0 var(--neon-acid-purple) !important;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end {
|
|
border-bottom: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
border-left: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
border-right: var(--neon-acid-border-width) solid var(--neon-acid-pink) !important;
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset) var(--neon-acid-shadow-offset) 0
|
|
var(--neon-acid-purple) !important;
|
|
border-radius: 0 !important;
|
|
margin-bottom: calc(0.75em + var(--neon-acid-shadow-offset-hover)) !important;
|
|
}
|
|
|
|
/* Inline code — compact; never the large block frame */
|
|
.markdown-rendered :not(pre) > code,
|
|
.markdown-preview-view :not(pre) > code,
|
|
.markdown-source-view.mod-cm6 .cm-inline-code {
|
|
background: #111118 !important;
|
|
color: var(--neon-acid-green) !important;
|
|
border: 2px solid var(--neon-acid-pink) !important;
|
|
box-shadow: none !important;
|
|
border-radius: 0 !important;
|
|
padding: 0.1em 0.35em !important;
|
|
font-size: 0.92em;
|
|
}
|
|
|
|
/* Language label + copy control remain usable */
|
|
.markdown-rendered pre[class*="language-"]::before,
|
|
.markdown-preview-view pre[class*="language-"]::before,
|
|
.code-block-flair,
|
|
.markdown-rendered .code-block-flair,
|
|
.markdown-source-view.mod-cm6 .code-block-flair {
|
|
color: var(--neon-acid-cyan) !important;
|
|
background: transparent !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
font-family: Oswald, Impact, sans-serif;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
|
|
.markdown-rendered pre > button.copy-code-button,
|
|
.markdown-preview-view pre > button.copy-code-button,
|
|
.markdown-source-view.mod-cm6 button.copy-code-button {
|
|
background: var(--neon-acid-pink) !important;
|
|
color: var(--neon-acid-ink) !important;
|
|
border: 2px solid var(--neon-acid-black) !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: 3px 3px 0 var(--neon-acid-purple) !important;
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.markdown-rendered pre > button.copy-code-button:hover,
|
|
.markdown-preview-view pre > button.copy-code-button:hover,
|
|
.markdown-source-view.mod-cm6 button.copy-code-button:hover {
|
|
background: var(--neon-acid-green) !important;
|
|
box-shadow: 3px 3px 0 var(--neon-acid-pink) !important;
|
|
}
|
|
|
|
/* Selection inside code blocks */
|
|
.markdown-rendered pre ::selection,
|
|
.markdown-preview-view pre ::selection,
|
|
.markdown-source-view.mod-cm6 .HyperMD-codeblock ::selection,
|
|
.markdown-source-view.mod-cm6 .cm-preview-code-block ::selection {
|
|
background: var(--neon-acid-pink) !important;
|
|
color: var(--neon-acid-ink) !important;
|
|
}
|
|
|
|
/* Line numbers (if enabled) */
|
|
.markdown-rendered pre .cm-gutters,
|
|
.markdown-source-view.mod-cm6 .HyperMD-codeblock .cm-gutters,
|
|
.markdown-rendered .code-block-line-numbers,
|
|
.markdown-preview-view .code-block-line-numbers {
|
|
color: var(--neon-acid-cyan) !important;
|
|
border-right: 2px solid var(--neon-acid-pink) !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.markdown-rendered pre,
|
|
.markdown-preview-view pre,
|
|
.markdown-source-view.mod-cm6 .cm-preview-code-block pre {
|
|
transition: none !important;
|
|
}
|
|
|
|
.markdown-rendered pre:hover,
|
|
.markdown-preview-view pre:hover,
|
|
.markdown-source-view.mod-cm6 .cm-preview-code-block pre:hover {
|
|
transform: none !important;
|
|
box-shadow:
|
|
var(--neon-acid-shadow-offset) var(--neon-acid-shadow-offset) 0
|
|
var(--neon-acid-purple) !important;
|
|
}
|
|
}
|
|
|
|
/* --- Syntax highlighting (preserve token contrast) --- */
|
|
|
|
/* HTML/XML tag names */
|
|
.token.tag,
|
|
.cm-tag {
|
|
color: var(--neon-acid-green) !important; /* Electric lime */
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* < and > */
|
|
.token.punctuation,
|
|
.cm-punctuation {
|
|
color: var(--neon-acid-cyan) !important; /* Cyan */
|
|
}
|
|
|
|
/* Attribute names */
|
|
.token.attr-name,
|
|
.cm-attribute {
|
|
color: var(--neon-acid-pink) !important; /* Hot pink */
|
|
}
|
|
|
|
/* Attribute values / strings */
|
|
.token.attr-value,
|
|
.token.string,
|
|
.cm-string {
|
|
color: var(--neon-acid-purple) !important; /* Heliotrope */
|
|
}
|
|
|
|
/* Keywords */
|
|
.token.keyword,
|
|
.cm-keyword {
|
|
color: var(--neon-acid-pink) !important;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* Comments */
|
|
.token.comment,
|
|
.cm-comment {
|
|
color: #8f8fa3 !important;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Numbers / builtins */
|
|
.token.number,
|
|
.cm-number {
|
|
color: var(--neon-acid-cyan) !important;
|
|
}
|
|
|
|
.token.function,
|
|
.cm-def,
|
|
.cm-property {
|
|
color: var(--neon-acid-green) !important;
|
|
}
|
|
|
|
.token.operator,
|
|
.cm-operator {
|
|
color: var(--neon-acid-cyan) !important;
|
|
}
|
|
|
|
.token.boolean,
|
|
.cm-atom {
|
|
color: var(--neon-acid-pink) !important;
|
|
}
|
|
/*──────────────────────────────────────────────*/
|
|
/* TABLES */
|
|
/*──────────────────────────────────────────────*/
|
|
|
|
.markdown-rendered table,
|
|
.markdown-preview-view table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 1.5rem 0;
|
|
|
|
background: #151520;
|
|
color: #f4f4ff;
|
|
|
|
border: 5px solid #000;
|
|
box-shadow: 6px 6px 0 #00e5ff;
|
|
}
|
|
|
|
/* Header */
|
|
|
|
.markdown-rendered thead,
|
|
.markdown-preview-view thead {
|
|
background: #b76cff;
|
|
}
|
|
|
|
.markdown-rendered th,
|
|
.markdown-preview-view th {
|
|
background: #b76cff !important;
|
|
color: #08080b !important;
|
|
|
|
font-family: Oswald, sans-serif;
|
|
font-size: 0.95rem;
|
|
font-weight: 900;
|
|
text-transform: uppercase;
|
|
|
|
border: 3px solid #000;
|
|
padding: 10px 14px;
|
|
}
|
|
|
|
/* Cells */
|
|
|
|
.markdown-rendered td,
|
|
.markdown-preview-view td {
|
|
background: #151520;
|
|
color: #f4f4ff !important;
|
|
|
|
border: 3px solid #000;
|
|
padding: 10px 14px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Zebra striping */
|
|
|
|
.markdown-rendered tbody tr:nth-child(even),
|
|
.markdown-preview-view tbody tr:nth-child(even) {
|
|
background: #1b1b28;
|
|
}
|
|
|
|
.markdown-rendered tbody tr:nth-child(even) td,
|
|
.markdown-preview-view tbody tr:nth-child(even) td {
|
|
background: #1b1b28;
|
|
}
|
|
|
|
/* Hover */
|
|
|
|
.markdown-rendered tbody tr:hover td,
|
|
.markdown-preview-view tbody tr:hover td {
|
|
background: #202035;
|
|
}
|
|
|
|
/* Links inside tables */
|
|
|
|
.markdown-rendered td a,
|
|
.markdown-preview-view td a {
|
|
color: #00e5ff !important;
|
|
}
|
|
|
|
/* Bold text */
|
|
|
|
.markdown-rendered td strong,
|
|
.markdown-preview-view td strong {
|
|
color: #39ff14;
|
|
}
|
|
/* ===========================
|
|
SETTINGS WINDOW
|
|
=========================== */
|
|
|
|
.modal.mod-settings,
|
|
.vertical-tab-content,
|
|
.vertical-tab-content-container,
|
|
.setting-item,
|
|
.setting-item-info,
|
|
.setting-item-control {
|
|
background: #111118 !important;
|
|
color: #f4f4ff !important;
|
|
}
|
|
|
|
.modal.mod-settings .modal-content {
|
|
background: #111118 !important;
|
|
}
|
|
|
|
.modal.mod-settings h2,
|
|
.modal.mod-settings h3 {
|
|
color: #39ff14 !important;
|
|
}
|
|
|
|
.setting-item-name {
|
|
color: #ffffff !important;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.setting-item-description {
|
|
color: #bdbdd0 !important;
|
|
}
|
|
|
|
.markdown-rendered h1::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 1.4em;
|
|
height: 1.4em;
|
|
margin-right: 0.45em;
|
|
vertical-align: -0.25em;
|
|
|
|
background-image: url("https://github.com/monapdx/Neon-Acid/raw/main/ASSETS/beakers.gif");
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.nav-folder-title[data-path="/"]::before {
|
|
content: "";
|
|
width: 22px;
|
|
height: 22px;
|
|
flex: 0 0 22px;
|
|
background-image: url("https://github.com/monapdx/Neon-Acid/raw/main/ASSETS/beakers.gif");
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.workspace-tab-header.is-active::after {
|
|
content: "https://github.com/monapdx/Neon-Acid/raw/main/ASSETS/sparkles.gif";
|
|
color: var(--color-accent);
|
|
margin-left: 6px;
|
|
animation: neon-acid-pulse 1.4s ease-in-out infinite alternate;
|
|
}
|
|
|
|
@keyframes neon-acid-pulse {
|
|
from {
|
|
opacity: 0.55;
|
|
transform: scale(0.85);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1.15);
|
|
}
|
|
}
|
|
.workspace-leaf-content[data-type="graph"] .view-header-title::before {
|
|
content: "https://github.com/monapdx/Neon-Acid/raw/main/ASSETS/green-nodes.gif";
|
|
margin-right: 0.4rem;
|
|
color: #68ff00;
|
|
}
|
|
|
|
/* Shared illustrated callout layout */
|
|
.callout[data-callout^="acid-"] {
|
|
position: relative;
|
|
min-height: 150px;
|
|
padding: 24px 28px 24px 190px;
|
|
|
|
border: 7px solid var(--acid-border);
|
|
border-radius: 0;
|
|
background: var(--acid-bg);
|
|
color: #111;
|
|
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Remove Obsidian's normal callout title/icon */
|
|
.callout[data-callout^="acid-"] .callout-title {
|
|
display: none;
|
|
}
|
|
|
|
/* Main body */
|
|
.callout[data-callout^="acid-"] .callout-content {
|
|
margin: 0;
|
|
font-size: 1rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Decorative quote mark */
|
|
.callout[data-callout^="acid-"]::after {
|
|
content: "❝";
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 185px;
|
|
|
|
font-size: 28px;
|
|
font-weight: 900;
|
|
color: #111;
|
|
}
|
|
|
|
/* Large illustration */
|
|
.callout[data-callout^="acid-"]::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 28px;
|
|
top: 50%;
|
|
width: 125px;
|
|
height: 125px;
|
|
|
|
transform: translateY(-50%);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
|
|
.callout[data-callout="acid-thought"] {
|
|
--acid-bg: #a9c4f5;
|
|
--acid-border: #125ad7;
|
|
}
|
|
|
|
.callout[data-callout="acid-thought"]::before {
|
|
background-image: url("https://github.com/monapdx/Neon-Acid/raw/main/ASSETS/beakers.gif");
|
|
}
|
|
|
|
.callout[data-callout="https://raw.githubusercontent.com/monapdx/Neon-Acid/refs/heads/main/ASSETS/magenta-quote.gif"] {
|
|
--acid-bg: #12c6ee;
|
|
--acid-border: #8be9ff;
|
|
}
|
|
|
|
.callout[data-callout="acid-soap"]::before {
|
|
background-image: url("https://raw.githubusercontent.com/monapdx/Neon-Acid/refs/heads/main/ASSETS/floppy.gif");
|
|
}
|
|
|
|
.callout[data-callout="acid-heart"] {
|
|
--acid-bg: #f6bdd7;
|
|
--acid-border: #ff1b87;
|
|
}
|
|
|
|
.callout[data-callout="acid-heart"]::before {
|
|
background-image: url("https://raw.githubusercontent.com/monapdx/Neon-Acid/refs/heads/main/ASSETS/sparkles.gif");
|
|
}
|
|
|
|
|