mirror of
https://github.com/semantica-agi/semantica.git
synced 2026-08-30 04:40:16 +00:00
153 lines
3.4 KiB
CSS
153 lines
3.4 KiB
CSS
/* Semantica Documentation - Monochrome Pro Theme */
|
|
|
|
/* Smooth scrolling */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/*
|
|
==========================================================================
|
|
Color Variables - Monochrome Pro
|
|
Primary: #212121 (Grey 900)
|
|
Accent: #2962FF (Electric Blue)
|
|
==========================================================================
|
|
*/
|
|
:root {
|
|
/* Light Mode */
|
|
--md-default-bg-color: #FFFFFF;
|
|
--md-default-fg-color: #212121;
|
|
--md-default-fg-color--light: #616161;
|
|
--md-default-fg-color--lighter: #9E9E9E;
|
|
--md-default-fg-color--lightest: #E0E0E0;
|
|
|
|
--md-primary-fg-color: #212121;
|
|
--md-primary-fg-color--light: #484848;
|
|
--md-primary-fg-color--dark: #000000;
|
|
|
|
--md-accent-fg-color: #2962FF;
|
|
|
|
/* Code blocks */
|
|
--md-code-bg-color: #F5F5F5;
|
|
--md-code-fg-color: #212121;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] {
|
|
/* Dark Mode */
|
|
--md-default-bg-color: #0F1115;
|
|
/* Very dark grey, almost black */
|
|
--md-default-fg-color: #E0E0E0;
|
|
|
|
--md-primary-fg-color: #0F1115;
|
|
/* Match bg for seamless look or slightly lighter */
|
|
--md-primary-fg-color--light: #212121;
|
|
--md-primary-fg-color--dark: #000000;
|
|
|
|
margin-bottom: 1rem;
|
|
color: var(--md-default-fg-color);
|
|
}
|
|
|
|
.md-typeset h2 {
|
|
font-weight: 700;
|
|
letter-spacing: -0.01em;
|
|
margin-top: 2rem;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.md-typeset p {
|
|
line-height: 1.6;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* Links */
|
|
.md-typeset a {
|
|
color: var(--md-accent-fg-color);
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
background-color: #F1F8F5;
|
|
}
|
|
|
|
.md-typeset .admonition.tip .admonition-title {
|
|
color: #00C853;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .md-typeset .admonition.tip {
|
|
border-color: #2E303E;
|
|
border-left-color: #69F0AE;
|
|
background-color: #0E1B14;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .md-typeset .admonition.tip .admonition-title {
|
|
color: #69F0AE;
|
|
}
|
|
|
|
/* Warning */
|
|
.md-typeset .admonition.warning {
|
|
border-color: #E0E0E0;
|
|
border-left-color: #FFAB00;
|
|
background-color: #FFF8E1;
|
|
}
|
|
|
|
.md-typeset .admonition.warning .admonition-title {
|
|
color: #FFAB00;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .md-typeset .admonition.warning {
|
|
border-color: #2E303E;
|
|
border-left-color: #FFD740;
|
|
background-color: #1F1B0E;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .md-typeset .admonition.warning .admonition-title {
|
|
color: #FFD740;
|
|
}
|
|
|
|
/* Danger */
|
|
.md-typeset .admonition.danger {
|
|
border-color: #E0E0E0;
|
|
border-left-color: #FF1744;
|
|
background-color: #FFEBEE;
|
|
}
|
|
|
|
.md-typeset .admonition.danger .admonition-title {
|
|
color: #FF1744;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .md-typeset .admonition.danger {
|
|
border-color: #2E303E;
|
|
border-left-color: #FF5252;
|
|
background-color: #241214;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .md-typeset .admonition.danger .admonition-title {
|
|
color: #FF5252;
|
|
}
|
|
|
|
/*
|
|
==========================================================================
|
|
Code Blocks
|
|
==========================================================================
|
|
*/
|
|
.md-typeset pre {
|
|
background-color: var(--md-code-bg-color);
|
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .md-typeset pre {
|
|
border-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
/* Scrollbars */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
} |