cosmos-docusaurus-theme 1.1.5 → 1.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/package.json +1 -1
- package/src/css/theme.css +38 -3
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,15 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
|
|
|
7
7
|
|
|
8
8
|
---
|
|
9
9
|
|
|
10
|
+
## [1.1.6] — 2026-03-10
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
|
|
14
|
+
- **Navbar right items**: unified ghost button style — external links (GitHub, npm…)
|
|
15
|
+
and the color mode toggle now share the same bordered appearance:
|
|
16
|
+
`1px solid border`, `border-radius: 8px`, identical hover (indigo border + tint)
|
|
17
|
+
- Replaces the inconsistent circular toggle + plain text link combo
|
|
18
|
+
|
|
10
19
|
## [1.1.5] — 2026-03-10
|
|
11
20
|
|
|
12
21
|
### Fixed
|
package/package.json
CHANGED
package/src/css/theme.css
CHANGED
|
@@ -425,10 +425,45 @@ code {
|
|
|
425
425
|
color: #a3a3a3;
|
|
426
426
|
}
|
|
427
427
|
|
|
428
|
-
/* ──
|
|
429
|
-
|
|
428
|
+
/* ── Right navbar — unified ghost button style ───────────────────────────── */
|
|
429
|
+
/* Both the external links (GitHub, npm…) and the color mode toggle get the */
|
|
430
|
+
/* same bordered ghost button treatment for visual consistency. */
|
|
431
|
+
|
|
432
|
+
/* Add spacing between right-side navbar items */
|
|
433
|
+
.navbar__items--right {
|
|
434
|
+
gap: 8px;
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
/* External links on the right side (GitHub, npm, etc.) */
|
|
438
|
+
.navbar__items--right .navbar__link {
|
|
439
|
+
border: 1px solid var(--ifm-toc-border-color);
|
|
440
|
+
border-radius: 8px;
|
|
441
|
+
padding: 5px 12px;
|
|
442
|
+
font-size: 0.8125rem;
|
|
443
|
+
font-weight: 600;
|
|
444
|
+
display: inline-flex;
|
|
445
|
+
align-items: center;
|
|
446
|
+
gap: 6px;
|
|
447
|
+
transition: border-color 0.15s, background 0.15s, color 0.15s;
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
.navbar__items--right .navbar__link:hover {
|
|
451
|
+
border-color: var(--ifm-color-primary);
|
|
430
452
|
background: rgb(70, 95, 255, 0.08);
|
|
431
|
-
|
|
453
|
+
color: var(--ifm-color-primary);
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
/* Color mode toggle — match the ghost button style of external links */
|
|
457
|
+
button[aria-label*="dark and light mode"] {
|
|
458
|
+
border: 1px solid var(--ifm-toc-border-color) !important;
|
|
459
|
+
border-radius: 8px !important;
|
|
460
|
+
padding: 5px 8px !important;
|
|
461
|
+
transition: border-color 0.15s, background 0.15s !important;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
button[aria-label*="dark and light mode"]:hover {
|
|
465
|
+
border-color: var(--ifm-color-primary) !important;
|
|
466
|
+
background: rgb(70, 95, 255, 0.08) !important;
|
|
432
467
|
}
|
|
433
468
|
|
|
434
469
|
[data-theme='dark'] button[aria-label*="dark and light mode"] {
|