Files
docling/docs/stylesheets/extra.css
Hakeem Abbas 246de77d8c fix(docs): fixed the color scheme (#2371)
* fix(docs): fixed the color scheme

Signed-off-by: Hakeem Abbas <hakeemsyd@gmail.com>

* fix(docs): colors background

Signed-off-by: Hakeem Abbas <hakeemsyd@gmail.com>

---------

Signed-off-by: Hakeem Abbas <hakeemsyd@gmail.com>
2025-10-03 10:20:44 +02:00

131 lines
4.0 KiB
CSS
Vendored

/* Dark mode styles - only apply when Material theme is in dark mode (slate scheme) */
[data-md-color-scheme="slate"] .md-header {
background-color: #02030C !important;
}
[data-md-color-scheme="slate"] .md-search__input {
background-color: rgba(22, 18, 48, 0.40) !important;
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] .md-search__input::placeholder {
color: rgba(233, 219, 189, 0.60) !important;
opacity: 1;
}
[data-md-color-scheme="slate"] .md-tabs {
background-color: #02030C !important;
}
[data-md-color-scheme="slate"] .md-ellipsis{
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] .md-footer {
background-color: #02030C !important;
}
[data-md-color-scheme="slate"] .md-footer-meta{
background-color: #02030C !important;
}
/* General Markdown background and text colors */
[data-md-color-scheme="slate"] body {
background-color: #02030C !important;
color: rgba(233, 219, 189, 0.90) !important;
font-family: 'Arial', sans-serif;
}
/* Main content area background */
[data-md-color-scheme="slate"] .md-main {
background-color: #02030C !important;
}
[data-md-color-scheme="slate"] .md-content {
background-color: #02030C !important;
}
[data-md-color-scheme="slate"] .md-content__inner {
background-color: #02030C !important;
}
[data-md-color-scheme="slate"] .md-typeset {
background-color: #02030C !important;
color: rgba(233, 219, 189, 0.90) !important;
}
/* Headings */
[data-md-color-scheme="slate"] h1,
[data-md-color-scheme="slate"] h2,
[data-md-color-scheme="slate"] h3,
[data-md-color-scheme="slate"] h4,
[data-md-color-scheme="slate"] h5,
[data-md-color-scheme="slate"] h6 {
color: rgba(233, 219, 189, 0.90) !important;
}
/* Links */
[data-md-color-scheme="slate"] a {
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] a:hover {
color: rgba(233, 219, 189, 0.90) !important;
}
/* Code blocks */
[data-md-color-scheme="slate"] pre,
[data-md-color-scheme="slate"] code {
background-color: rgba(22, 18, 48, 0.40) !important;
color: rgba(233, 219, 189, 0.90) !important;
}
/* Blockquotes */
[data-md-color-scheme="slate"] blockquote {
border-left: 4px solid rgba(233, 219, 189, 0.90);
background-color: #02030C !important;
color: rgba(233, 219, 189, 0.90) !important;
}
/* Tables */
[data-md-color-scheme="slate"] table {
background-color: rgba(22, 18, 48, 0.40) !important;
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] th,
[data-md-color-scheme="slate"] td {
background-color: rgba(22, 18, 48, 0.40) !important;
color: rgba(233, 219, 189, 0.90) !important;
border: 1px solid rgba(210, 198, 172, 0.08) !important;
}
/* Horizontal rules */
[data-md-color-scheme="slate"] hr {
background-color: rgba(22, 18, 48, 0.40) !important;
}
[data-md-color-scheme="slate"] .md-search__icon.md-icon {
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] .md-search__icon.md-icon:hover {
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] .card {
background-color: rgba(22, 18, 48, 0.40) !important;
border: 1px solid rgba(210, 198, 172, 0.08) !important;
}
[data-md-color-scheme="slate"] details {
border: 1.65px solid rgba(210, 198, 172, 0.08) !important;
background-color: rgba(22, 18, 48, 0.40) !important;
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] summary {
background-color: rgba(22, 18, 48, 0.40) !important;
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] .md-header__button {
color: rgba(233, 219, 189, 0.90) !important;
}
[data-md-color-scheme="slate"] .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__link {
background: none !important;
box-shadow: none !important;
}
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__title {
background: #02030C !important;
box-shadow: none !important;
color: rgba(233, 219, 189, 0.90) !important;
}