Skip to content

Commit eb49110

Browse files
d0ubIeUthorsten
authored andcommitted
Enhance theme switcher logo visibility and contrast
Scaled up the #phpmyfaq-logo for better visibility and applied color inversion to the logo image for high-contrast mode. Simplified logo image styling and removed redundant hover effects.
1 parent 80837b8 commit eb49110

File tree

1 file changed

+4
-11
lines changed

1 file changed

+4
-11
lines changed

phpmyfaq/assets/scss/layout/_theme-switcher.scss

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -363,8 +363,9 @@
363363
border-radius: 4px;
364364
}
365365
}
366-
//Logo link exception - yellow border on hover instead of background
366+
//Logo link exception - yellow border on hover & scale up for better visibility
367367
#phpmyfaq-logo {
368+
transform: scale(1.3);
368369
border: 5px solid transparent;
369370
border-radius: 8px;
370371
padding: 2px;
@@ -376,18 +377,10 @@
376377
border-color: var(--bs-primary) !important;
377378
}
378379
}
380+
// Logo image - invert colors for high-contrast mode
379381
#phpmyfaq-logo img {
380382
filter: brightness(0) invert(1) saturate(2);
381-
transform: scale(1.3);
382-
display: block;
383-
border: 3px solid var(--bs-primary);
384-
border-radius: 6px;
385-
padding: 3px;
386-
}
387-
388-
#phpmyfaq-logo:hover img {
389-
border-color: var(--bs-primary);
390-
box-shadow: 0 0 0 2px var(--bs-primary);
383+
width: 100%;
391384
}
392385
// Heading style exceptions
393386
h1.pmf-start-page,

0 commit comments

Comments
 (0)