-
Notifications
You must be signed in to change notification settings - Fork 8.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
more lovable text colors #203692
more lovable text colors #203692
Conversation
💚 Build Succeeded
Metrics [docs]Page load bundle
|
Need to fix comments color in dark mode, too: @stratoula should this be fixed separately so that it can land in 8.17.X or 8.18? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Awesome Ryan, thank you so much <3
Yes is def a separate issue. Have we identified which grey looks better in dark mode? |
@stratoula I tried |
I will check it and let you know Ryan! |
Related to elastic#199715 Closes elastic#200160 ## Summary The Kibana ES|QL + Discover teams reviewed the ES|QL editor text colors and found them to be dull relative to current theme settings. This PR makes a slight change to use base colors instead of text colors. **Note** Longer term - and this consideration was preexisting - we could explore adding a text-editor-specific set of tokens for use in Monaco editors. That said, these theme files are not React based, so this might be a challenge to handle via EUI tokens once the old javascript based theme tokens are deprecated. ### Before and after **Editor in 8.X (Amsterdam theme)** <img width="420" src="https://github.com/user-attachments/assets/23726e98-9277-4ef4-ae21-c843fc929aa3" /> **Editor on main (Borealis theme)** <img width="400" src="https://github.com/user-attachments/assets/2b973b8b-d292-46d2-a5d2-0a787f8c686a" /> **Editor after this PR (Borealis theme)** _Light mode_ <img width="600" src="https://github.com/user-attachments/assets/d34f2961-44b9-4f79-8690-dc44035f8146" /> _Dark mode_ <img width="420" src="https://github.com/user-attachments/assets/e4ccbfb9-4dc1-4c41-ad95-6cc54a8de575" />
Related to #199715
Closes #200160
Summary
The Kibana ES|QL + Discover teams reviewed the ES|QL editor text colors and found them to be dull relative to current theme settings. This PR makes a slight change to use base colors instead of text colors.
Note
Longer term - and this consideration was preexisting - we could explore adding a text-editor-specific set of tokens for use in Monaco editors. That said, these theme files are not React based, so this might be a challenge to handle via EUI tokens once the old javascript based theme tokens are deprecated.
Before and after
Editor in 8.X (Amsterdam theme)
Editor on main (Borealis theme)
Editor after this PR (Borealis theme)
Light mode
Dark mode