white apple logo for all themes except high contrast white#278673
white apple logo for all themes except high contrast white#278673eli-w-king merged 2 commits intomainfrom
Conversation
There was a problem hiding this comment.
Pull Request Overview
This PR attempts to adjust the Apple logo styling for the chat setup dialog to use a white logo for all themes except high contrast light. However, the implementation has a critical bug that would cause visibility issues in the light theme.
Key Change
- Modified Apple logo asset selection rules to use white logo (
apple-dark.svg) by default and black logo (apple-light.svg) only forhc-lighttheme
| .chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before { | ||
| background-image: url('./apple-dark.svg'); | ||
| } |
There was a problem hiding this comment.
The default rule on line 58 will apply to ALL themes including .vs (light theme), resulting in a white Apple logo on a light background which would be invisible or very hard to see.
The implementation should follow the established pattern seen in other parts of the codebase (e.g., src/vs/workbench/browser/parts/editor/media/editorgroupview.css lines 52-72). The correct approach would be:
/* Default/base for light themes */
.chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before {
background-image: url('./apple-light.svg');
}
/* Dark themes get white logo */
.monaco-workbench.vs-dark .chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before,
.monaco-workbench.hc-black .chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before {
background-image: url('./apple-dark.svg');
}
/* High contrast light explicitly uses black logo (optional if same as default) */
.monaco-workbench.hc-light .chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before {
background-image: url('./apple-light.svg');
}This ensures proper contrast for each theme type.
See below for a potential fix:
/* Default/base for light themes */
.chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before {
background-image: url('./apple-light.svg');
}
/* Dark themes get white logo */
.monaco-workbench.vs-dark .chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before,
.monaco-workbench.hc-black .chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before {
background-image: url('./apple-dark.svg');
}
/* High contrast light explicitly uses black logo (optional if same as default) */
.monaco-workbench.hc-light .chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before {
background-image: url('./apple-light.svg');
}
Using black apple logo for white high contrast theme, using white logo for all others.