如何修改Wazuh Kibana插件的样式及功能模块菜单位置

一、样式修改相关文件 #

• 全局通用样式：修改public/styles/目录下的.scss或.css文件，主题色、通用间距、字体规则等全局样式均在此处定义。
• 页面级样式：找到对应功能页面所在的public/pages/[模块名]/styles/子目录，修改对应样式文件即可仅对当前页面生效。
• 组件级样式：修改public/components/[组件名]/目录下的单独样式文件，可精准调整按钮、卡片、提示框等独立组件的外观。
  注：不建议修改Kibana全局原生样式，仅调整Wazuh插件自带的样式文件，可避免版本兼容问题。

二、security、scan等功能模块入口调整相关文件 #

• 主导航菜单入口：修改public/routes.js或public/app.js文件，Wazuh所有一级功能模块的导航注册、排序、显隐配置均在此文件中。
• 侧边栏/顶部快捷入口：修改public/components/navigation/目录下的sidebar.js、top-menu.js等导航组件文件，可调整页面内侧边栏、顶部栏的模块入口位置。
• 首页功能卡片入口：修改public/pages/overview/或public/components/main/目录下的首页组件文件，可调整首页展示的功能模块卡片的排序、摆放位置。

内容的提问来源于stack exchange，提问作者Design Hub