Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Jun 21, 2023. It is now read-only.

Use Visual Studio colors and styles for all dialogs #2261

Merged
merged 70 commits into from
Apr 4, 2019

Conversation

jcansdale
Copy link
Collaborator

@jcansdale jcansdale commented Mar 5, 2019

Fixes #2300

Migrate from using styles in GitHub.UI (which were inherited from GitHub Desktop) to using a combination of native Visual Studio styles and styles in GitHub.VisualStudio.UI. The styles in GitHub.VisualStudio.UI contain skins for custom GitHub controls and know about the Blue, Dark and Light Visual Studio themes.

What this PR does

The following dialogs have been updated to use Visual Studio / GitHub.VisualStudio.UI styles:

  • Login credentials
  • Login 2FA
  • Open from GitHub
  • Create a repository
  • Create a Gist
  • Log out required
  • Fork a repository

Allows previewing of views in designer with Visual Studio styles:

image

Other cleanup:

  • Removed unused styles/controls from GitHub.UI

To do

  • Fix when running with Dark theme
  • Fix info icon color
  • Fix the separator color (e.g. under Sign in)
  • Fix the progress bar colors
    image
  • Fix the user filter box
    image
    Fixes Pull Request filter text too dark on dark theme #1785
    Done:
    image
  • Fix close icon of alert dialog
    image
    Here's how it should look:
    image
    Fixed:
    image
    image
  • Fix the PR list item background (it should be solid not an outline)

Reference

Reviewers

I've included screen grabs of the updated dialogs below. @donokuda are there any layout tweaks you think are now necessary?

A spinning animation no longer appears when a comment is in progress (e.g. when logging in). The button does however become inactive when the comment is running and this is hopefully indication enough that something is happening. We should check this works as expected when logging in and when creating a repository.

We should check this is working for dark and light themes.

We should check this is working on all supported versions of Visual Studio.

Before and after

Before:
image

After:
image

When used with Get to Code workflow

Light theme

image

Dark theme

image

Dark theme

Login credentials:
image

Login 2FA:
image

Open from GitHub:
image

Create a repository:

image

Create a Gist:
image

Fork a repository:
image

image

Leaving an inline comment

image

Updated dialogs

Login credentials:
image

Login 2FA:
image

Create a repository:
image

Create a Gist:
image

Log out required - how do I make this dialog appear?

@jcansdale jcansdale changed the title Use built in theme for clone/open button Use built in button style for all dialogs Mar 6, 2019
@jcansdale jcansdale changed the title Use built in button style for all dialogs Use built in button theme for all dialogs Mar 6, 2019
@jcansdale jcansdale requested review from grokys and donokuda March 6, 2019 12:58
@jcansdale
Copy link
Collaborator Author

jcansdale commented Mar 6, 2019

Looks like I have some theming to fix:

image

image

This means we don't need to individualy style standard controls (e.g. with ThemedDialogListViewStyleKey).
Demove the default Label style (GitHubLabel).
It looks like PromptTextBox theming isn't currently working.
@jcansdale jcansdale changed the title Use built in button theme for all dialogs [wip] Use built in button theme for all dialogs Mar 8, 2019
This will allows us to preview dialogs using Visual Studio colors/brushes.
In order for view to see ThemedDialogTextBoxStyleKey as StaticResource, ThemedDialogDefaultStylesKey must be imported into the View rather than the containing Window.
Don't create a dependency on which resource dictionaries have been merged.
I'm confused as to why this is nessesary!
@jcansdale
Copy link
Collaborator Author

Issue with spans and selected text?

image

@jcansdale
Copy link
Collaborator Author

Fix the list item background. It should look like this (circled).
image

@StanleyGoldman StanleyGoldman merged commit 233b5b9 into master Apr 4, 2019
@StanleyGoldman StanleyGoldman deleted the fixes/dialog-style-guide branch April 4, 2019 20:00
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

GitHub dialogs use common VS Styles and themes Pull Request filter text too dark on dark theme
3 participants