Skip to content
This repository has been archived by the owner on Sep 30, 2024. It is now read-only.

search redesign: add monaco themes for redesign #20473

Merged
merged 1 commit into from
Apr 30, 2021

Conversation

limitedmage
Copy link
Contributor

Fixes #20280 where Monaco background color in dark mode was incorrect for the redesign.

This only changes the background color in dark mode to fix the bug, but also adds the infrastructure to customize Monaco colors later on.

@limitedmage limitedmage requested review from a team April 27, 2021 23:10
Copy link
Contributor

@rvantonder rvantonder left a comment

Choose a reason for hiding this comment

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

const lightColors: monaco.editor.IColors = {
background: '#ffffff',
'editor.background': '#ffffff',
'editor.foreground': '#2b3750',
Copy link
Contributor

@umpox umpox Apr 28, 2021

Choose a reason for hiding this comment

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

I think there might be some more colors we should change here, e.g. this is $gray-19 in the current design, but in the redesign that color doesn't exist and is mapped to a different value.

Can these reference CSS variables? That might be useful to map these over and keep it resilient to change

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Unfortunately these cannot be CSS variables. See microsoft/monaco-editor#2427 . Colors must be hex codes.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

As mentioned in the description, there are definitely more colors we could change here, but I decided to only fix the background for now as it's a very glaring bug.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Fix background color for monaco query input when redesign theme is enabled
3 participants