问题在于每个已读通知都有独立的背景颜色，这也需要被覆盖。除了你之前的其他更改外，这应该会有所帮助。
.user-menu .quick-access-panel .read {
background: transparent;
}
搜索输入框的情况类似，那里也应用了一个独立的背景，需要将其移除：
.search-menu .search-input, .search-menu-container .search-input {
background: transparent;
}
我们有一份指南，介绍了如何进行此类 CSS 更改，可能对你有帮助：Making custom CSS changes on your site