This is an automated email from the ASF dual-hosted git repository. visoar pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/bifromq-sites.git
commit 1fcc9ac0bf42e09749fdb02f20cdf0cb914fd7d9 Author: Visoar <[email protected]> AuthorDate: Tue Jan 13 11:43:53 2026 +0800 更新暗黑模式样式，优化背景和边框效果，提升视觉体验 --- docs/user_guide/api/openapi.md | 4 ++- src/css/custom.css | 61 +++++++++++++++++++++++++++++------------- src/pages/index.module.css | 8 +++--- src/pages/index.tsx | 2 +- 4 files changed, 51 insertions(+), 24 deletions(-) diff --git a/docs/user_guide/api/openapi.md b/docs/user_guide/api/openapi.md index 51b73d00..c08db5c5 100644 --- a/docs/user_guide/api/openapi.md +++ b/docs/user_guide/api/openapi.md @@ -5,6 +5,8 @@ title: "OpenAPI Reference" import ApiDocMdx from '@theme/ApiDocMdx'; -The full OpenAPI definition is generated from the codebase (see [Swagger generation](./intro.md#swagger-generation)). The live reference below renders `BifroMQ-API.yaml` directly. +The full OpenAPI definition is generated from the codebase (see [Swagger generation](./intro.md#swagger-generation)). + +The live reference below renders `BifroMQ-API.yaml` directly. <ApiDocMdx id="bifromq" /> diff --git a/src/css/custom.css b/src/css/custom.css index 78a5e43a..a6beed6d 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -27,8 +27,8 @@ --color-text-primary: #111111; --color-text-secondary: #666666; --color-text-tertiary: #999999; - --color-accent: var(--bifrost-blue); --color-accent-rgb: 0, 122, 255; + --color-accent: rgb(var(--color-accent-rgb)); --color-signal: var(--bifrost-orange); /* Typography */ @@ -67,21 +67,21 @@ --ifm-navbar-item-padding-horizontal: 0.75rem; } -/* Dark Mode - Sophisticated Slate Obsidian */ +/* Dark Mode - Sophisticated Graphite Aurora */ html[data-theme='dark'] { - --color-bg: #0C0D0F; - /* Deep Obsidian Slate */ - --color-wash: #14161A; - /* Slightly lighter for depth */ - --color-surface: #1A1D23; - /* Surface for cards/modals */ - --color-border: #242830; - /* Subtle slate border */ - --color-border-strong: #3D4452; - --color-text-primary: #F0F2F5; - --color-text-secondary: #94A3B8; - --color-text-tertiary: #64748B; - --color-accent: var(--bifrost-blue); + --color-bg: #11141A; + /* Graphite base with soft depth */ + --color-wash: #171B23; + /* Subtle lift for panels */ + --color-surface: #1F2531; + /* Elevated surfaces */ + --color-border: #2C3442; + /* Cool slate divider */ + --color-border-strong: #3E495D; + --color-text-primary: #F4F7FB; + --color-text-secondary: #B3BDCC; + --color-text-tertiary: #8894A8; + --color-accent-rgb: 106, 163, 255; --ifm-background-color: var(--color-bg); --ifm-background-surface-color: var(--color-surface); @@ -155,10 +155,28 @@ body { height: var(--ifm-navbar-height); padding: 0 40px !important; /* Fixed padding for both sides */ - position: relative; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; margin-bottom: 0 !important; } +.navbar { + background: rgba(255, 255, 255, 0.85); + backdrop-filter: saturate(180%) blur(16px); + -webkit-backdrop-filter: saturate(180%) blur(16px); +} + +html[data-theme='dark'] .navbar { + background: rgba(17, 20, 26, 0.88); +} + +.main-wrapper { + padding-top: var(--ifm-navbar-height); +} + /* The Bifrost Line - A nod to the name origins */ .navbar::before { content: ''; @@ -313,6 +331,13 @@ html[data-theme='dark'] .header-github-link::before { line-height: 1.2; } +html[data-theme='dark'] .markdown h1, +html[data-theme='dark'] .markdown h2, +html[data-theme='dark'] .markdown h3, +html[data-theme='dark'] .markdown h4 { + color: #E6EDF6; +} + .markdown h1 { font-size: clamp(1.85rem, 3.1vw, 2.6rem); margin-top: 0; @@ -496,8 +521,8 @@ button, html[data-theme='dark'] .footer__logo img, html[data-theme='dark'] .footer__incubator-logo { - filter: invert(1) brightness(2) opacity(0.6); - /* Bright white in dark mode */ + filter: none; + /* Keep original colors in dark mode */ } .footer__logo:hover img, diff --git a/src/pages/index.module.css b/src/pages/index.module.css index 496de1a5..e44c07a7 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -414,9 +414,9 @@ } html[data-theme='dark'] .bifrostCard { - background: rgba(26, 29, 35, 0.4); - backdrop-filter: blur(10px); - border: 1px solid rgba(255, 255, 255, 0.05); + background: rgba(31, 37, 49, 0.55); + backdrop-filter: blur(12px); + border: 1px solid rgba(255, 255, 255, 0.06); } .bifrostCard:hover { @@ -426,7 +426,7 @@ html[data-theme='dark'] .bifrostCard { } html[data-theme='dark'] .bifrostCard:hover { - background: rgba(26, 29, 35, 0.6); + background: rgba(31, 37, 49, 0.78); border-color: var(--color-accent); } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 3b23e847..245f1e65 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -38,7 +38,7 @@ export default function Home(): ReactNode { <div className={styles.heroVisual}> <div className={styles.bifrostRing}> <div style={{ fontSize: '200px', fontWeight: 900, letterSpacing: '-0.1em', opacity: 0.1 }}> - BIFRO<span style={{ color: 'var(--bifrost-blue)' }}>MQ</span> + BIFRO<span style={{ color: 'var(--color-accent)' }}>MQ</span> </div> </div> </div>
