mirror of
https://github.com/Casvt/MIND.git
synced 2026-02-19 11:54:46 -05:00
227 lines
6.8 KiB
CSS
227 lines
6.8 KiB
CSS
:root {
|
|
--color-light: #ffffff;
|
|
--color-dim-light: #b5b5b5;
|
|
--color-gray: #3c3c3c;
|
|
--color-dark: #1b1b1b;
|
|
}
|
|
|
|
.md-typeset code {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.md-clipboard {
|
|
color: var(--color-gray);
|
|
}
|
|
|
|
:hover > .md-clipboard {
|
|
color: var(--color-dark);
|
|
}
|
|
|
|
.md-clipboard:hover {
|
|
color: var(--color-light);
|
|
}
|
|
|
|
/* */
|
|
/* Light mode */
|
|
/* */
|
|
[data-md-color-scheme="MIND"] {
|
|
/* Background color of header */
|
|
--md-primary-fg-color: var(--color-gray);
|
|
/* Header and code background color and clipboard color */
|
|
--md-default-fg-color--light: var(--color-dim-light);
|
|
--md-primary-fg-color--lighter: #00000052;
|
|
--md-default-fg-color--lightest: var(--color-dim-light);
|
|
/* Color in header */
|
|
--md-primary-bg-color: var(--color-light);
|
|
/* Color in placeholder of search and non-hover for nav */
|
|
--md-primary-bg-color--light: var(--color-dim-light);
|
|
--md-primary-bg-color--lighter: #ffffff4d;
|
|
--md-primary-bg-color--lightest: #ffffff1f;
|
|
/* Background color */
|
|
--md-default-bg-color: var(--color-light);
|
|
|
|
/* Color in search */
|
|
--md-default-fg-color: var(--color-dark);
|
|
|
|
/* Hover color for mark and ToC */
|
|
--md-accent-fg-color: var(--color-gray);
|
|
|
|
/* Code color */
|
|
--md-code-fg-color: var(--color-light);
|
|
/* Code background color */
|
|
--md-code-bg-color: var(--color-gray);
|
|
--md-code-hl-color: #ffff0080;
|
|
--md-code-hl-number-color: #d52a2a;
|
|
--md-code-hl-special-color: #db1457;
|
|
--md-code-hl-function-color: #a846b9;
|
|
--md-code-hl-constant-color: #6e59d9;
|
|
--md-code-hl-keyword-color: #3f6ec6;
|
|
--md-code-hl-string-color: #1c7d4d;
|
|
|
|
/* Slashes in code */
|
|
--md-code-hl-name-color: var(--md-code-fg-color);
|
|
--md-code-hl-operator-color: var(--color-dim-light);
|
|
--md-code-hl-punctuation-color: var(--color-dim-light);
|
|
--md-code-hl-comment-color: var(--color-dim-light);
|
|
--md-code-hl-generic-color: var(--color-dim-light);
|
|
--md-code-hl-variable-color: var(--color-dim-light);
|
|
|
|
/* Text color */
|
|
--md-typeset-color: var(--color-dark);
|
|
/* Link color */
|
|
--md-typeset-a-color: var(--color-dim-light);
|
|
--md-typeset-mark-color: #ffff0080;
|
|
--md-typeset-del-color: #f5503d26;
|
|
--md-typeset-ins-color: #0bd57026;
|
|
--md-typeset-kbd-color: #fafafa;
|
|
--md-typeset-kbd-accent-color: #fff;
|
|
--md-typeset-kbd-border-color: #b8b8b8;
|
|
--md-typeset-table-color: #0000001f;
|
|
--md-typeset-table-color--light: rgba(0,0,0,.035);
|
|
|
|
--md-admonition-fg-color: var(--color-dark);
|
|
--md-admonition-bg-color: var(--color-light);
|
|
|
|
--md-warning-fg-color: #000000de;
|
|
--md-warning-bg-color: #ff9;
|
|
|
|
/* Footer color */
|
|
--md-footer-fg-color: var(--color-light);
|
|
/* Footer background color */
|
|
--md-footer-bg-color: var(--color-gray);
|
|
|
|
--md-shadow-z1: 0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;
|
|
--md-shadow-z2: 0 0.2rem 0.5rem #0000001a,0 0 0.05rem #00000040;
|
|
--md-shadow-z3: 0 0.2rem 0.5rem #0003,0 0 0.05rem #00000059;
|
|
}
|
|
|
|
[data-md-color-scheme="MIND"] button[data-md-component="top"],
|
|
[data-md-color-scheme="MIND"] h1,
|
|
[data-md-color-scheme="MIND"] [data-md-component="search"] {
|
|
--md-default-fg-color--light: var(--color-dark);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND"] [data-md-component="toc"] {
|
|
color: var(--color-dark);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND"] [data-md-component="toc"] nav {
|
|
color: var(--color-gray);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND"] .tabbed-block {
|
|
--md-default-fg-color--light: var(--color-dark);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND"] details {
|
|
border-color: var(--color-gray);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND"] details > summary {
|
|
background-color: transparent;
|
|
}
|
|
|
|
[data-md-color-scheme="MIND"] details > summary::before {
|
|
background-color: var(--color-dark);
|
|
}
|
|
|
|
/* */
|
|
/* Dark mode */
|
|
/* */
|
|
[data-md-color-scheme="MIND-dark"] {
|
|
/* Background color of header */
|
|
--md-primary-fg-color: var(--color-gray);
|
|
/* Header and code background color and clipboard color */
|
|
--md-default-fg-color--light: var(--color-gray);
|
|
--md-primary-fg-color--lighter: #00000052;
|
|
--md-default-fg-color--lightest: var(--color-gray);
|
|
/* Color in header */
|
|
--md-primary-bg-color: var(--color-light);
|
|
/* Color in placeholder of search and non-hover for nav */
|
|
--md-primary-bg-color--light: var(--color-dim-light);
|
|
--md-primary-bg-color--lighter: #ffffff4d;
|
|
--md-primary-bg-color--lightest: #ffffff1f;
|
|
/* Background color */
|
|
--md-default-bg-color: var(--color-dark);
|
|
|
|
/* Color in search */
|
|
--md-default-fg-color: var(--color-light);
|
|
|
|
/* Hover color for mark and ToC */
|
|
--md-accent-fg-color: var(--color-dim-light);
|
|
|
|
/* Code color */
|
|
--md-code-fg-color: var(--color-light);
|
|
/* Code background color */
|
|
--md-code-bg-color: var(--color-gray);
|
|
--md-code-hl-color: #ffff0080;
|
|
--md-code-hl-number-color: #d52a2a;
|
|
--md-code-hl-special-color: #db1457;
|
|
--md-code-hl-function-color: #a846b9;
|
|
--md-code-hl-constant-color: #6e59d9;
|
|
--md-code-hl-keyword-color: #3f6ec6;
|
|
--md-code-hl-string-color: #1c7d4d;
|
|
|
|
/* Slashes in code */
|
|
--md-code-hl-name-color: var(--md-code-fg-color);
|
|
--md-code-hl-operator-color: var(--color-dim-light);
|
|
--md-code-hl-punctuation-color: var(--color-dim-light);
|
|
--md-code-hl-comment-color: var(--color-dim-light);
|
|
--md-code-hl-generic-color: var(--color-dim-light);
|
|
--md-code-hl-variable-color: var(--color-dim-light);
|
|
|
|
/* Text color */
|
|
--md-typeset-color: var(--color-light);
|
|
/* Link color */
|
|
--md-typeset-a-color: var(--color-dim-light);
|
|
--md-typeset-mark-color: #ffff0080;
|
|
--md-typeset-del-color: #f5503d26;
|
|
--md-typeset-ins-color: #0bd57026;
|
|
--md-typeset-kbd-color: #fafafa;
|
|
--md-typeset-kbd-accent-color: #fff;
|
|
--md-typeset-kbd-border-color: #b8b8b8;
|
|
--md-typeset-table-color: #0000001f;
|
|
--md-typeset-table-color--light: rgba(0,0,0,.035);
|
|
|
|
--md-admonition-fg-color: var(--color-light);
|
|
--md-admonition-bg-color: var(--color-dark);
|
|
|
|
--md-warning-fg-color: #000000de;
|
|
--md-warning-bg-color: #ff9;
|
|
|
|
/* Footer color */
|
|
--md-footer-fg-color: var(--color-light);
|
|
/* Footer background color */
|
|
--md-footer-bg-color: var(--color-gray);
|
|
|
|
--md-shadow-z1: 0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;
|
|
--md-shadow-z2: 0 0.2rem 0.5rem #0000001a,0 0 0.05rem #00000040;
|
|
--md-shadow-z3: 0 0.2rem 0.5rem #0003,0 0 0.05rem #00000059;
|
|
}
|
|
|
|
[data-md-color-scheme="MIND-dark"] button[data-md-component="top"],
|
|
[data-md-color-scheme="MIND-dark"] h1,
|
|
[data-md-color-scheme="MIND-dark"] [data-md-component="search"] {
|
|
--md-default-fg-color--light: var(--color-light);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND-dark"] [data-md-component="toc"] nav {
|
|
color: var(--color-dim-light);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND-dark"] .tabbed-block {
|
|
--md-default-fg-color--light: var(--color-dark);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND-dark"] details {
|
|
border-color: var(--color-gray);
|
|
}
|
|
|
|
[data-md-color-scheme="MIND-dark"] details > summary {
|
|
background-color: transparent;
|
|
}
|
|
|
|
[data-md-color-scheme="MIND-dark"] details > summary::before {
|
|
background-color: var(--color-dim-light);
|
|
}
|