/* 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; } }