Skip to content

[dashboard+gis] remove dark mode options - #29017

Merged
spalger merged 5 commits into
elastic:masterfrom
spalger:remove/dark-theme-options
Jan 23, 2019
Merged

spalger merged 5 commits into
elastic:masterfrom
spalger:remove/dark-theme-options

Conversation

@spalger

@spalger spalger commented Jan 18, 2019 •

Copy link
Copy Markdown
Contributor

Summary

In Kibana 7 we will be removing the app-specific dark mode options and replacing them with a global dark mode uiSetting. #28445 will add the new uiSetting, but I wanted to split up the work a little so I'm starting with a removal of the dark theme settings from the Dashboard and GIS apps.

Visualize also passes a reversed prop to visualizations that indicates if dark mode is in effect, and since with the PR I'm removing that ability I've hard coded that prop to false in src/legacy/core_plugins/metrics/public/components/vis_editor.js. With #28445 I'll start setting that value based on the uiSetting and update the tests to make sure functionality is not broken.

Checklist

Use strikethroughs to remove checklist items you don't feel are applicable to this PR.

For maintainers

--

release-note: Dark mode is now a global option

You used to have to choose to which dashboards should use dark mode and which shouldn't, but starting in Kibana 7.0 this setting has been moved to the advanced settings and will apply to everything, not just Dashboards or the GIS app! This means that the dark mode setting in dashboards is now ignored and overridden by the global advanced setting.

@spalger spalger added WIP Work in progress Team:Geo Former Team Label for Geo Team. Now use Team:Presentation Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// labels Jan 18, 2019
@spalger
spalger requested a review from a team as a code owner January 18, 2019 20:38
@elasticmachine

Copy link
Copy Markdown
Contributor

Pinging @elastic/kibana-gis

@elasticmachine

Copy link
Copy Markdown
Contributor

Pinging @elastic/kibana-app

@thomasneirynck
thomasneirynck self-requested a review January 18, 2019 20:44
// Visual builder applies dark theme by investigating appState for 'options.darkTheme'
// This test ensures everything is properly wired together and Visual Builder adds dark theme classes
it('should display Visual Builder timeseries with reversed class', async () => {
await dashboardAddPanel.addVisualization('Rendering Test: tsvb-ts');

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Will restore a test like this in #28445

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

<Visualization
dateFormat={this.props.config.get('dateFormat')}
reversed={reversed}
reversed={false}

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Will base this value on the dark mode uiSetting in #28445

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

@spalger spalger added review and removed WIP Work in progress labels Jan 18, 2019
@elasticmachine

Copy link
Copy Markdown
Contributor

💚 Build Succeeded

@cchaos cchaos left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

There's still about 17 references of .theme-dark like in the _hacks.scss file:

Should these be removed as well?

Comment thread src/legacy/core_plugins/kibana/public/dashboard/_index.scss Outdated
@elasticmachine

Copy link
Copy Markdown
Contributor

💚 Build Succeeded

@cchaos cchaos left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM. I made some notes to myself to double-check when universal dark theme goes in.

@thomasneirynck thomasneirynck left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

verified in maps app. thank you 🙇‍♂️ !

@lukasolson lukasolson left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM

@lukasolson

Copy link
Copy Markdown
Contributor

Side note: Is this or the other PR going to be labeled as blocker, seeing as how existing dark themed dashboards are going to not be dark theme any more?

@spalger

spalger commented Jan 23, 2019

Copy link
Copy Markdown
Contributor Author

I assume you mean "breaking"? I suppose this one should be, but yeah, need to add a release note to this one.

@spalger
spalger merged commit c052613 into elastic:master Jan 23, 2019
@spalger spalger added the v7.0.0 label Jan 23, 2019
@lukasolson

Copy link
Copy Markdown
Contributor

Hahaha yes I mean breaking change. Words are so very difficult.

@gchaps

gchaps commented Feb 11, 2019

Copy link
Copy Markdown
Contributor

@spalger Could you please add a description of this change to the Breaking Changes doc?

@spalger

spalger commented Feb 11, 2019 •

Copy link
Copy Markdown
Contributor Author

Updated breaking changes doc in 7728d11

@spalger
spalger deleted the remove/dark-theme-options branch August 18, 2020 17:56
patrykkopycinski pushed a commit to patrykkopycinski/kibana that referenced this pull request May 6, 2026
* [dashboard+gis] remove dark mode options

* [reporting/extract] restore fixtures

* remove mentions of old `.theme-dark` class

* import panel styles from panel/_index.scss
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

release_note:breaking review Team:Geo Former Team Label for Geo Team. Now use Team:Presentation Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// v7.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants