/* ========================================================= CUAV 文档中心 - 自定义覆盖样式 作用：把 theme-cuav 的顶部改成类似 PX4 Guide 的浅色系顶栏： 白底、左侧 logo + "雷迅文档中心"、右侧下拉导航 + 语言 + 昼夜图标。 加载位置：被 theme-cuav 的 header.html 在 cuav-style.css 之后注入， 因此这里的规则优先级高于主题默认样式。 用法： - 默认日间：顶栏为白色，正文保持 theme-cuav 默认风格。 - 给 加上 class="theme-dark" 即进入夜晚（黑背景）。 切换按钮 + 逻辑由 cuav-header 插件提供。 ========================================================= */ /* ---------- 1. 顶部导航栏：浅色系（日间默认） ---------- */ .navbar.fixed-top.navbar-inverse.bg-inverse { background-color: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; min-height: 56px; box-shadow: 0 1px 3px rgba(0, 0, 0, .04); } /* logo 与标题垂直居中 */ .navbar .navbar-brand { display: flex; align-items: center; } .navbar .navbar-brand img { height: 30px; } /* 在 logo 右侧注入"雷迅文档中心"标题 */ .navbar .navbar-brand::after { content: "雷迅文档中心"; margin-left: .6rem; font-size: 1.05rem; font-weight: 600; letter-spacing: .5px; color: #1f2937; } /* 导航项不允许折行 */ .navbar .navbar-nav { flex-wrap: nowrap !important; } /* 导航项文字 */ .navbar .nav-link { color: #4b5563 !important; font-size: .95rem; padding: 7px 12px !important; border-radius: 6px; } .navbar .nav-link:hover, .navbar .nav-link:focus { color: #111827 !important; background-color: #f3f4f6 !important; } .navbar .navbar-toggler { border-color: #d1d5db; } /* GitBook 原装 fontsettings 齿轮按钮，在白色顶栏上可见 */ .navbar .font-settings { color: #4b5563 !important; } .navbar .font-settings:hover { color: #111827 !important; } /* 子手册下拉菜单 */ .navbar .dropdown-menu { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, .1); } .navbar .dropdown-item { color: #374151 !important; } .navbar .dropdown-item:hover, .navbar .dropdown-item:focus { background: #f3f4f6 !important; color: #111827 !important; } /* ---------- 2. 夜间模式（GitBook 自带 fontsettings：.book.color-theme-2） ---------- */ /* 背景 */ .book.color-theme-2, body .book.color-theme-2 { background: #0d0d0d !important; color: #d2d2d2 !important; } .book.color-theme-2 .book-summary { background: #111111 !important; } .book.color-theme-2 .book-body, .book.color-theme-2 .page-inner, .book.color-theme-2 .body-inner { background: #0d0d0d !important; } /* 顶部导航栏：夜晚变深色 */ .book.color-theme-2 .navbar.fixed-top.navbar-inverse.bg-inverse { background-color: #0e0e0e !important; border-bottom-color: #1f1f1f !important; box-shadow: none; } .book.color-theme-2 .navbar .navbar-brand::after { color: #ffffff; } .book.color-theme-2 .navbar-brand img { /* 黑 logo 在深色顶栏上不可见，反色为白 */ filter: brightness(0) invert(1); } .book.color-theme-2 .navbar .nav-link { color: #cfcfcf !important; } .book.color-theme-2 .navbar .nav-link:hover, .book.color-theme-2 .navbar .nav-link:focus { color: #ffffff !important; background-color: #1f1f1f !important; } .book.color-theme-2 .navbar .navbar-toggler { border-color: #444; } .book.color-theme-2 .navbar .font-settings { color: #cfcfcf !important; } .book.color-theme-2 .navbar .font-settings:hover { color: #ffffff !important; } .book.color-theme-2 .navbar .dropdown-menu { background: #171717 !important; border-color: #262626 !important; } .book.color-theme-2 .navbar .dropdown-item { color: #cfcfcf !important; } .book.color-theme-2 .navbar .dropdown-item:hover, .book.color-theme-2 .navbar .dropdown-item:focus { background: #262626 !important; color: #ffffff !important; } /* 左侧目录树 */ .book.color-theme-2 .summary, .book.color-theme-2 .book-summary nav { background: #111111; } .book.color-theme-2 .summary .chapter > a, .book.color-theme-2 .summary a { color: #bdbdbd; } .book.color-theme-2 .summary .chapter:hover > a, .book.color-theme-2 .summary a:hover { color: #ffffff; } .book.color-theme-2 .summary li.active > a, .book.color-theme-2 .summary .chapter.active > a { color: #ffffff; background: rgba(255, 255, 255, .06); } .book.color-theme-2 .summary .header { color: #8a8a8a; } /* 正文排版 */ .book.color-theme-2 .markdown-section { color: #d2d2d2; } .book.color-theme-2 .markdown-section h1, .book.color-theme-2 .markdown-section h2, .book.color-theme-2 .markdown-section h3, .book.color-theme-2 .markdown-section h4, .book.color-theme-2 .markdown-section h5, .book.color-theme-2 .markdown-section h6 { color: #ffffff; } .book.color-theme-2 .markdown-section a { color: #4ea1ff; } .book.color-theme-2 .markdown-section code { background: #1c1c1c; color: #e8e8e8; } .book.color-theme-2 .markdown-section pre { background: #161616 !important; } .book.color-theme-2 .markdown-section pre code { background: transparent; } .book.color-theme-2 .markdown-section blockquote { border-left-color: #3a3a3a; color: #a8a8a8; } .book.color-theme-2 .markdown-section table th, .book.color-theme-2 .markdown-section table td { border-color: #333333; } .book.color-theme-2 .markdown-section hr { border-color: #2a2a2a; } .book.color-theme-2 .markdown-section img { background: transparent; } /* 上下篇导航箭头 */ .book.color-theme-2 .navigation { color: #8a8a8a; } .book.color-theme-2 .navigation:hover { color: #ffffff; }