interlope/bludit-blowfish
1
0 Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Enhance button styles in sidebar context for improved specificity

Browse Source
This commit is contained in:
interlope committed 2026-05-29 18:27:10 +02:00
1 parent 361f7736da
commit b2697f8031
1 file changed
+12
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+12
View File
@@ -1025,6 +1025,7 @@ img.nav-svg-icon {
.plugin.plugin-search button, .plugin.plugin-search button,
.plugin.plugin-search .btn { .plugin.plugin-search .btn {
background: var(--accent) !important; background: var(--accent) !important;
background-color: var(--accent) !important;
border: 1px solid var(--accent) !important; border: 1px solid var(--accent) !important;
color: var(--accent-contrast) !important; color: var(--accent-contrast) !important;
padding: 0.55rem 1.2rem; padding: 0.55rem 1.2rem;
@@ -1034,9 +1035,20 @@ img.nav-svg-icon {
margin-top: var(--space-sm); margin-top: var(--space-sm);
} }
/* Higher-specificity rule for the sidebar context so we beat any plugin-bundled
CSS that gets loaded after style.css and re-sets the button colour. */
.sidebar-container .plugin.plugin-search button,
.sidebar-container .plugin.plugin-search .btn {
background: var(--accent) !important;
background-color: var(--accent) !important;
border-color: var(--accent) !important;
color: var(--accent-contrast) !important;
}
.plugin.plugin-search button:hover, .plugin.plugin-search button:hover,
.plugin.plugin-search .btn:hover { .plugin.plugin-search .btn:hover {
background: var(--accent-hover) !important; background: var(--accent-hover) !important;
background-color: var(--accent-hover) !important;
border-color: var(--accent-hover) !important; border-color: var(--accent-hover) !important;
transform: translateY(-2px); transform: translateY(-2px);
} }