使用 shell 主题覆盖 gnome shell 扩展中的 css

使用 shell 主题覆盖 gnome shell 扩展中的 css

gnome-shell-extension 中的 css 可以被 shell 主题中的 css 覆盖吗?
例如“Dash to Panel”在其 stylesheet.css 中有以下几行:

#dashtopanelScrollview .app-well-app:hover .overview-icon,
#dashtopanelScrollview .app-well-app:focus .overview-icon {
    background: none;
}

#dashtopanelScrollview .app-well-app:hover > :first-child,
#dashtopanelScrollview .app-well-app:focus > :first-child {
    background-color: rgba(238, 238, 236, 0.1);
}

当我在 gnome-shell.css 中放置相同选择器或更具体的选择器并尝试更改 .overview-icon 的背景时,将改用从 Dash 到 Panel 的 stylesheet.css 的 css。

答案1

根据您提供的 CSS,我能够使用重要规则强制设置样式。

#dashtopanelScrollview .app-well-app:hover .overview-icon,
#dashtopanelScrollview .app-well-app:focus .overview-icon {
    background: red!important;
}

#dashtopanelScrollview .app-well-app:hover > :first-child,
#dashtopanelScrollview .app-well-app:focus > :first-child {
    background-color: red!important;
}

相关内容