Skip to content
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

Adding support for Dark Mode #29133

Merged
merged 3 commits into from
Jan 29, 2019

Conversation

simianhacker
Copy link
Member

@simianhacker simianhacker commented Jan 22, 2019

This PR adds the required changes to support the Global Dark Mode theme that will be introduced via #28445. For the logging UI I had to use the props.theme.darkMode switch to pick an appropriate color for both the log line hover along with the visible colors for the minimap. The previous colors changed correctly but were not visible.

image

Reviewers: As far as testing goes you will need to wait till #28445 is merged before you can successfully test the different themes.

@elasticmachine
Copy link
Contributor

Pinging @elastic/infrastructure-ui

this.darkMode = config.get('theme:darkMode');
} catch (e) {
this.darkMode = false;
}
Copy link
Member Author

Choose a reason for hiding this comment

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

This can be removed once the global dark theme PR is merged. For now, it's necessary to work with master.

Copy link
Contributor

Choose a reason for hiding this comment

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

FYI, you can always specify a default as the second argument

Copy link
Member Author

Choose a reason for hiding this comment

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

Oh... nice! I didn't know that would suppress the exception when the key doesn't exist.

@elasticmachine
Copy link
Contributor

💔 Build Failed

@simianhacker
Copy link
Member Author

retest

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@alvarolobato alvarolobato added the Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services label Jan 29, 2019
@weltenwort weltenwort self-assigned this Jan 29, 2019
@weltenwort
Copy link
Member

I took the liberty of pushing a small change to the autocomplete suggestion icon background color, hope you don't mind:

image

@simianhacker simianhacker requested review from skh and Kerry350 January 29, 2019 14:55
@simianhacker
Copy link
Member Author

@weltenwort Not at all... anything to move the product forward.

Copy link
Member

@weltenwort weltenwort left a comment

Choose a reason for hiding this comment

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

LGTM

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@simianhacker simianhacker merged commit c9eee0c into elastic:master Jan 29, 2019
simianhacker added a commit to simianhacker/kibana that referenced this pull request Jan 29, 2019
* Adding support for Dark Mode

* Use transparentize for suggestion icon bg color
simianhacker added a commit that referenced this pull request Jan 29, 2019
* Adding support for Dark Mode

* Use transparentize for suggestion icon bg color
@simianhacker simianhacker deleted the dark-theme-support branch April 17, 2024 14:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Logs UI Logs UI feature Feature:Metrics UI Metrics UI feature review Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services v6.7.0 v7.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants