164 lines
3.5 KiB
CSS
164 lines
3.5 KiB
CSS
/* Modern Dark Theme Enhancements */
|
|
[data-md-color-scheme="slate"] {
|
|
--md-default-bg-color: #1a1b26;
|
|
--md-default-fg-color: #a9b1d6;
|
|
--md-default-fg-color--light: #a9b1d6;
|
|
--md-default-fg-color--lighter: #787c99;
|
|
--md-default-fg-color--lightest: #4e5173;
|
|
--md-primary-fg-color: #7aa2f7;
|
|
--md-primary-fg-color--light: #7dcfff;
|
|
--md-primary-fg-color--dark: #2ac3de;
|
|
--md-accent-fg-color: #bb9af7;
|
|
--md-accent-fg-color--transparent: #bb9af722;
|
|
--md-accent-bg-color: #1a1b26;
|
|
--md-accent-bg-color--light: #24283b;
|
|
}
|
|
|
|
/* Code Blocks */
|
|
.highlight pre {
|
|
background-color: #24283b !important;
|
|
border-radius: 6px;
|
|
padding: 1em;
|
|
margin: 1em 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.highlight code {
|
|
font-family: 'Roboto Mono', monospace;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
/* Copy Button */
|
|
.copy-button {
|
|
position: absolute;
|
|
right: 0.5em;
|
|
top: 0.5em;
|
|
padding: 0.4em 0.8em;
|
|
background-color: var(--md-accent-bg-color--light);
|
|
border: 1px solid var(--md-accent-fg-color--transparent);
|
|
border-radius: 4px;
|
|
color: var(--md-default-fg-color);
|
|
font-size: 0.8em;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.copy-button:hover {
|
|
background-color: var(--md-accent-fg-color--transparent);
|
|
border-color: var(--md-accent-fg-color);
|
|
}
|
|
|
|
/* Navigation Enhancements */
|
|
.md-nav {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.md-nav__link {
|
|
padding: 0.4rem 0;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
.md-nav__link:hover {
|
|
color: var(--md-primary-fg-color) !important;
|
|
}
|
|
|
|
/* Tabs */
|
|
.md-tabs__link {
|
|
opacity: 0.8;
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
|
|
.md-tabs__link:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.md-tabs__link--active {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Admonitions */
|
|
.md-typeset .admonition,
|
|
.md-typeset details {
|
|
border-width: 0;
|
|
border-left-width: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Tables */
|
|
.md-typeset table:not([class]) {
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 4px var(--md-accent-fg-color--transparent);
|
|
}
|
|
|
|
.md-typeset table:not([class]) th {
|
|
background-color: var(--md-accent-bg-color--light);
|
|
border-bottom: 2px solid var(--md-accent-fg-color--transparent);
|
|
}
|
|
|
|
/* Search */
|
|
.md-search__form {
|
|
background-color: var(--md-accent-bg-color--light);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Feedback Buttons */
|
|
.feedback-button {
|
|
padding: 0.5em 1em;
|
|
margin: 0 0.5em;
|
|
border-radius: 4px;
|
|
background-color: var(--md-accent-bg-color--light);
|
|
border: 1px solid var(--md-accent-fg-color--transparent);
|
|
color: var(--md-default-fg-color);
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.feedback-button:hover {
|
|
background-color: var(--md-accent-fg-color--transparent);
|
|
border-color: var(--md-accent-fg-color);
|
|
}
|
|
|
|
.feedback-button:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/* Version Selector */
|
|
.version-selector {
|
|
padding: 0.5em;
|
|
border-radius: 4px;
|
|
background-color: var(--md-accent-bg-color--light);
|
|
border: 1px solid var(--md-accent-fg-color--transparent);
|
|
color: var(--md-default-fg-color);
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--md-accent-bg-color--light);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--md-accent-fg-color--transparent);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--md-accent-fg-color);
|
|
}
|
|
|
|
/* Print Styles */
|
|
@media print {
|
|
.md-typeset a {
|
|
color: var(--md-default-fg-color) !important;
|
|
}
|
|
|
|
.md-content__inner {
|
|
margin: 0;
|
|
padding: 1rem;
|
|
}
|
|
} |