如何修改phpMyAdmin顶部导航栏颜色-phpMyAdmin-PHP中文网

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

编写健壮的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 是否存在。