R3ap3r/aurora-wordpress-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Theme/Plugin File Editor sidebar legibility in dark mode (v1.13)

Browse Source 
Core sets an explicit light background on the shared #templateside > ul
file-tree component, which nothing in native-dark.css covered - combined
with this file's dark-surface text colors, that produced light text on
a light background rather than just unstyled.
This commit is contained in:
NixReaper
2026-07-26 15:26:26 -05:00
parent d39155e4d5
commit 8b66155ba5
4 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/assets/native-dark.css
+12
View File
@@ -119,6 +119,18 @@ html.aurora-dark.aurora-ready #wpbody-content .plugins tr {
background: transparent;
}
/* Theme File Editor / Plugin File Editor (theme-editor.php, plugin-editor.php)
share the same #templateside file-tree component. Core sets an explicit
light background directly on `#templateside > ul` (not just inherited from
the page), which nothing else here targets — combined with this file's own
light text/link colors (meant for a dark surface), that produced light text
on a light background, i.e. effectively unreadable rather than just
unstyled. Both screens are deliberately left as framed native content (not
rebuilt), same as Site Health/Updates, but still need to be legible. */
html.aurora-dark.aurora-ready #wpbody-content #templateside > ul {
background: transparent;
}
html.aurora-dark.aurora-ready #wpbody-content .wp-list-table.striped > tbody > :nth-child(odd),
html.aurora-dark.aurora-ready #wpbody-content .striped > tbody > :nth-child(odd) {
background: var(--aurora-bg-subtle);