|
39 | 39 | --ifm-navbar-height:5rem; |
40 | 40 | --ifm-font-family-base:"Poppins","Work Sans", sans-serif; |
41 | 41 | --ifm-background-color-primary:#f6f6f1; |
| 42 | +--ifm-background-color-secondary:#e8e8e8; |
| 43 | +--ifm-breadcrumb-item-background-active:#ffe9e2; |
42 | 44 | } |
43 | 45 |
|
44 | 46 | [data-theme="dark"] { |
|
51 | 53 | --ifm-color-primary-lightest:#171717; |
52 | 54 | --docusaurus-highlighted-code-line-bg:rgba(0,0,0,0.3); |
53 | 55 | --ifm-background-color-primary:#171717; |
| 56 | +--ifm-background-color-secondary:#232323; |
| 57 | +--ifm-breadcrumb-item-background-active:#3f322e; |
54 | 58 | } |
55 | 59 |
|
56 | 60 | #__docusaurus { |
@@ -102,6 +106,8 @@ a[docid="docs"] > svg { |
102 | 106 | overflow: hidden; |
103 | 107 | max-width:100%; |
104 | 108 | background:#000; |
| 109 | +border-radius:1rem; |
| 110 | +border:4px solidvar(--ifm-background-color-secondary); |
105 | 111 | } |
106 | 112 |
|
107 | 113 | .video-containeriframe { |
@@ -298,3 +304,34 @@ a[docid="docs"] > svg { |
298 | 304 | .pagination-nav { |
299 | 305 | display: none; |
300 | 306 | } |
| 307 | +/* ===== MARKDOWN STYLES ===== */ |
| 308 | +.theme-doc-markdown.markdown { |
| 309 | +line-height:1.8rem; |
| 310 | +} |
| 311 | +/* ===== BREADCRUMB STYLES ===== */ |
| 312 | + |
| 313 | +.breadcrumbs { |
| 314 | +display: flex; |
| 315 | +gap:0.5rem; |
| 316 | +overflow-x: auto; |
| 317 | +white-space: nowrap; |
| 318 | +} |
| 319 | +.breadcrumbs::-webkit-scrollbar { |
| 320 | +display: none; |
| 321 | +} |
| 322 | +.breadcrumbs__item { |
| 323 | +display: flex; |
| 324 | +align-items: center; |
| 325 | +white-space: nowrap; |
| 326 | +gap:1rem; |
| 327 | +} |
| 328 | +.breadcrumbs__link { |
| 329 | +transition: color0.2s ease; |
| 330 | +background-color:var(--ifm-background-color-secondary); |
| 331 | +} |
| 332 | + |
| 333 | +.breadcrumbs__item--active .breadcrumbs__link { |
| 334 | +font-weight:600; |
| 335 | +cursor: default; |
| 336 | +background-color:var(--ifm-breadcrumb-item-background-active); |
| 337 | +} |