Skip to content

white apple logo for all themes except high contrast white#278673

Merged
eli-w-king merged 2 commits intomainfrom
eli/low-chickadee
Nov 21, 2025
Merged

white apple logo for all themes except high contrast white#278673
eli-w-king merged 2 commits intomainfrom
eli/low-chickadee

Conversation

@eli-w-king
Copy link
Contributor

@eli-w-king eli-w-king commented Nov 20, 2025

Using black apple logo for white high contrast theme, using white logo for all others.

Screenshot 2025-11-20 at 3 29 44 PM Screenshot 2025-11-20 at 3 29 07 PM

Copilot AI review requested due to automatic review settings November 20, 2025 23:42
@eli-w-king eli-w-king self-assigned this Nov 20, 2025
@eli-w-king eli-w-king changed the title white apple logo for all themes EXCEPT high contrast white white apple logo for all themes except high contrast white Nov 20, 2025
@eli-w-king eli-w-king requested a review from bpasero November 20, 2025 23:44
@eli-w-king eli-w-king added ux User experience issues chat-authentication Issues specifically about authenticating in Chat labels Nov 20, 2025
@eli-w-king eli-w-king added this to the November 2025 milestone Nov 20, 2025
@eli-w-king eli-w-king marked this pull request as ready for review November 20, 2025 23:45
@eli-w-king eli-w-king enabled auto-merge November 20, 2025 23:45
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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 for hc-light theme

Comment on lines +58 to 60
.chat-setup-dialog .dialog-buttons-row > .dialog-buttons > .monaco-button.continue-button.apple::before {
background-image: url('./apple-dark.svg');
}
Copy link

Copilot AI Nov 20, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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');
}

Copilot uses AI. Check for mistakes.
@eli-w-king eli-w-king merged commit 139c3c5 into main Nov 21, 2025
38 of 39 checks passed
@eli-w-king eli-w-king deleted the eli/low-chickadee branch November 21, 2025 05:36
@vs-code-engineering vs-code-engineering bot locked and limited conversation to collaborators Jan 5, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

chat-authentication Issues specifically about authenticating in Chat ux User experience issues

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants