Theme port for VSCode

Question

Theme port for VSCode

a-wart opened this issue 7 years ago · 10 comments

It would be really great if you make the Visual Studio Code theme based on your awesome ariake-dark-syntax. Is there any hope you do that?

Answer 1 · 2017-09-03T15:58:58.000Z

Funny you should mention this, I just came up with a .tmtheme file from this yesterday. I'm pretty sure that will work at least with syntax coloring in VS.

https://gist.github.com/Geo1088/4590666f667e1b9fa050e4fd2a184dc7

I'm also working on porting it to CodeMirror for my own personal use, and using sickill/coloration followed by some manual adjustment I also managed to make it into a pretty nice Vim theme, though I don't have the file for that with me right now.

Answer 2 · 2017-09-03T19:06:46.000Z

great! looking forward to see full theme package in Marketplace. i've created a local theme from your .tmTheme file and custom …-color-theme.json settings like

{
	"tokenColors": "./Ariake.tmTheme",
	"colors": {
		"editor.lineHighlightBackground": "#65737e30",
		"editor.background": "#2b303b",
		"editorCursor.foreground": "#c0c5ce",
		"editor.selectionBackground": "#4f5b66",
		"editor.foreground": "#c0c5ce",
		"editorWhitespace.foreground": "#65737e",
		"editorIndentGuide.background": "#3b5364",
		"sideBar.background": "#1c1f26", // 232830
		"activityBar.background": "#1c1f26",
		"sideBarSectionHeader.background": "#1c1f26",
		"editorGroupHeader.tabsBackground": "#1c1f26",
		"editorGroup.dropBackground": "#1c1f26",
		"tab.border": "#1c1f26",
		"tab.inactiveForeground": "#65737f",
		"tab.inactiveBackground": "#1c1f26",
		"statusBar.background": "#1c1f26",
		"statusBar.foreground": "#4f5b66",
		"statusBar.debuggingBackground": "#230000",
		"titleBar.inactiveBackground": "#1c1f26",
		"titleBar.activeBackground": "#1c1f26",
		"list.activeSelectionBackground": "#343d46",
		"list.inactiveSelectionBackground": "#343d46",
		"list.focusBackground": "#343d46",
		"list.hoverBackground": "#1c1f26",
		"input.background": "#1c1f26",
		"dropdown.background": "#1c1f26",
		"editorWidget.background": "#232830",
		"editorHoverWidget.background": "#232830",
		"editorHoverWidget.border": "#343d46"
	},
	"name": "Ariake"
}

and now it looks pretty well, so thanks a lot!

I can also publish it, if you want me to do that, btw. ’cause it's for-me-only for now.

Answer 3 · 2017-09-03T19:15:45.000Z

I'm not the author, would rather wait for @pathtrk to comment before publishing anything. Glad you like it though, was my first time messing with syntax themes so I'm really happy with how it worked out. There may still be some issues with it, so getting it its own repo or as part of this one would be awesome.

Answer 4 · 2017-09-04T00:27:05.000Z

@a-wart
Porting this theme to the Visual Studio Code sounds great.

@Geo1088
Can I make another repo for it and invite you as a co-author?
I'm happy if I could add your credit to the license.

Answer 5 · 2017-09-05T00:41:17.000Z

@pathtrk Go for it, sounds good to me!

Answer 6 · 2017-09-05T00:49:51.000Z

I appear to have misplaced the flash drive I had the Vim color theme on, but I can recreate it in the next couple days. Will let you guys know when I have it again.

Answer 7 · 2017-09-17T23:01:36.000Z

"in the next couple days" 2 weeks later

Vim theme: https://gist.github.com/Geo1088/978cb1b188cecfe93fdbcea1be24f497

@pathtrk Do you want me to just upload these in the root of pathrk/ariake-theme?

Answer 8 · 2017-10-11T07:49:58.000Z

@pathtrk done!
https://marketplace.visualstudio.com/items?itemName=wart.ariake-dark

Answer 9 · 2017-10-13T10:30:07.000Z

btw @Geo1088 @pathtrk guys take a look at this gorgeous icon that my friend has made for the theme:

Answer 10 · 2017-10-13T14:19:03.000Z

That looks amazing!

@pathtrk any update on how you want to handle the other repo? I can get the files uploaded whenever once I know what structure you want to use.