File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -135,7 +135,23 @@ function openDialogIfNeeded() {
135135 }
136136
137137 & __primary-icon {
138- filter : var (--primary-invert-if-bright );
138+ // Light mode: icon is black by default, invert to white when primary is dark
139+ filter : var (--primary-invert-if-dark );
140+
141+ // Dark mode: icon is white (swapped in icons.css), invert to black when primary is bright
142+ @media (prefers-color-scheme : dark ) {
143+ filter : var (--primary-invert-if-bright );
144+ }
139145 }
140146}
147+
148+ // Dark theme via Nextcloud setting (data-themes attribute, not media query)
149+ :global([data-themes *= dark ] .public-page-menu__primary-icon ) {
150+ filter : var (--primary-invert-if-bright );
151+ }
152+
153+ // Light theme explicitly set (overrides dark media query if system is dark but user chose light)
154+ :global([data-themes *= light ] .public-page-menu__primary-icon ) {
155+ filter : var (--primary-invert-if-dark );
156+ }
141157 </style >
You can’t perform that action at this time.
0 commit comments