phpMyAdmin顶部导航栏背景色由.navbar类控制，需通过自定义主题修改并适配body.darkmode暗色模式，同时注意目录名大小写、清除缓存及版本差异。
phpMyAdmin顶部导航栏颜色由哪个CSS类控制
顶部导航栏（含“数据库”“sql”“状态”等标签）的背景色由 .navbar 类定义，不是 .header 或 #serverinfo。不同版本略有差异：5.2+ 主要依赖 .navbar 和 .navbar-nav .nav-link，旧版可能用 #topmenu。直接检查元素最准——打开任意页面，右键顶部菜单 → “检查”，看最外层容器的 class 名。
改 .navbar 但不被升级覆盖的实操路径
不能直接改 themes/pmahomme/css/common.css，升级后文件会被重置。唯一抗升级的方式是启用自定义主题：
- 在
XAMPP\phpMyAdmin\themes\下新建目录custom\mytheme - 把
pmahomme整个目录复制进去（保留css/、templates/结构） - 编辑
mytheme/css/common.css，添加或修改以下规则：
.navbar {
background-color: #1976d2 !important;
}
.navbar-nav .nav-link {
color: #e0e0e0 !important;
}
.navbar-nav .nav-link:hover {
background-color: #0d47a1 !important;
}
再在 config.inc.php 末尾加上：
$cfg['ThemePath'] = './themes'; $cfg['ThemeDefault'] = 'mytheme';
重启 Apache，用隐身窗口访问，避免缓存干扰。
暗色模式下导航栏颜色怎么同步变
phpMyAdmin 的暗色模式靠 body.darkmode 类触发，不是媒体查询。只改 .navbar 不会自动适配暗色模式，必须显式声明：
立即学习“PHP免费学习笔记（深入）”；
body.darkmode .navbar {
background-color: #37474f !important;
}
body.darkmode .navbar-nav .nav-link {
color: #cfd8dc !important;
}
漏掉这条，切换暗色模式后导航栏会突兀地保持亮色背景，和整体违和。
为什么改了 CSS 还是没变色
常见卡点不在代码本身，而在加载链路：
-
$cfg['ThemeDefault']拼错目录名（比如写成myTheme但实际目录是mytheme，Linux 下严格区分大小写） - Apache 缓存了压缩后的 CSS：
./js/dist/theme.min.css，删掉这个文件再试 - 浏览器缓存了旧主题资源，Ctrl+F5 无效时换隐身窗口
- 用了 XAMPP 自带的旧版 phpMyAdmin（如 4.x），其导航栏结构是
#topmenu，需改#topmenu { background: ... }
真正起作用的永远是浏览器开发者工具里“Computed”面板显示的最终生效样式，而不是你改的那一行 CSS 是否存在。
