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

Test: Workbench Theming #25328

Closed
3 tasks done
bpasero opened this issue Apr 25, 2017 · 3 comments
Closed
3 tasks done

Test: Workbench Theming #25328

bpasero opened this issue Apr 25, 2017 · 3 comments

Comments

@bpasero
Copy link
Member

bpasero commented Apr 25, 2017

Test for #3112:

Complexity: 4

Color themes can now be defined in a new JSON file format that holds syntax token colors as well as workbench colors. Additionally a custom theme can also be defined in the settings.

New colors introduced for April:

  • Tree/List
  • Diff Editor
  • Quick open
  • Activity bar icon foreground
  • Message notification bar
  • Scrollbar
  • Info/Warning/Error colors (e.g. used in input boxes)
  • Splitview header (e.g. debug viewlet)
  • Buttons

To test, define your own custom colors via settings.

  • add to your settings:
	"workbench.colorCustomizations": {
		"sideBarBackground": "#ff0000"
	}
  • use code completion to see the available color keys. Color values must be in the form #RRGGBB or #RRGGBBAA.

  • Verify that the new color keys work

  • Try to complete our built-in themes

    • pick a theme and add your name to Add workbench/editor colors to our built in themes #25327
    • you can see the JSON snippet in Add workbench/editor colors to our built in themes #25327 (comment) to find a sorted list of all colors we support today
    • switch to the theme and define the missing colors in the "workbench.colorCustomizations" setting
    • when done, run the Developer: Generate Color Theme From Current Settings command
    • save the opened editor to the theme extension of the built-in theme. If the theme still uses a tmTheme file, delete that file and update the themes contribution point in the extension's package.json
    • make a PR with the updated theme
    • as an inspiration look at the Abyss theme
  • check list for your theme:

    • find widget
    • peek view
    • hover
    • code assist
    • diff view
  • feedback on any area, be it the custom color theme setting or color key names is highly welcome

Note: feel free to file a bug over a color you think is important to have for April. We also have a collection over at #23506

@cleidigh
Copy link
Contributor

@bpasero
I will sign up for can Kimbie dark - Will you accept a Windows 7 test approach only?

@bpasero
Copy link
Member Author

bpasero commented Apr 26, 2017

@cleidigh sure, thanks, I have added you to the list in #25327

@Tyriar
Copy link
Member

Tyriar commented Apr 26, 2017

If you're interested I made some notes on how I'll be doing derived colors for each key in the generator here Tyriar/vscode-theme-generator#29

@mjbvz mjbvz removed their assignment Apr 26, 2017
@mjbvz mjbvz closed this as completed Apr 26, 2017
@vscodebot vscodebot bot locked and limited conversation to collaborators Nov 18, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

5 participants