aytee17 / vscode-oceanic-next-sublime Goto Github PK

Oceanic Next theme for VS Code with a dash of Sublime

Home Page: https://marketplace.visualstudio.com/items?itemName=aytee17.vscode-oceanic-next-sublime

vscode-oceanic-next-sublime's Introduction

Oceanic Next Sublime

Oceanic Next Sublime is a color scheme designed to emulate the appearance of the Oceanic Next theme as it looks on the Sublime Text 3 text editor. If you are migrating to VS Code but prefer the appearance of Sublime + Oceanic Next, then this extension is for you.

Complimentary Settings

Add any or all of the following settings to your settings.json. These settings help approximate the Sublime experience.

UI Appearance

"editor.minimap.showSlider": "always",
"editor.renderLineHighlight": "none",
"editor.smoothScrolling": true,
"explorer.openEditors.visible": 0,
"workbench.activityBar.visible": false,
"workbench.statusBar.feedback.visible": false,

Editor Appearance

"editor.fontSize": 12,
"editor.letterSpacing": -0.2,
"editor.lineHeight": 15,
"editor.links": false,
"editor.parameterHints": false,
"editor.renderIndentGuides": false,

Complimentary Extensions

Extension Settings

"workbench.iconTheme": "material-icon-theme",
"material-icon-theme.opacity": 0.7,
"editor.matchBrackets": false

Enjoy! 🌊

vscode-oceanic-next-sublime's People

Contributors

Watchers

Forkers

christophwolff developerblue

vscode-oceanic-next-sublime's Issues

Syntax highlighting for .tsx files not matching Sublime Text

My Visual Studio Code editor with this Oceanic Next Sublime theme doesn't quite match the Oceanic Next color scheme in Sublime Text.

Both editors opened to the same App.tsx file:

Tags like <View></View> are orange rather than the expected red like in Sublime.
Stylesheet.create({ ... }) is not highlighted orange. The json inside is also white, instead of the expected light blue.

VS Code identifies the file as "TypeScript React" and Sublime Text identifies the file as "TSX", not sure if this is where the discrepancy occurs.

I'd really like to get the red tags and blue json while I work! Thank you!

Visual Studio Code 1.61.1 with the Oceanic Next Sublime v0.0.21 theme
Sublime Text 4 Build 4113 with the Oceanic Next Color Scheme v0.2.3 theme

Hover popup box background color

The popup box bg color doesn't match the theme.

Title bar

Thanks for this great theme! The best Vscode version of Oceanic I found.

Would be nice to make the title bar also like the darker color.

Workaround for now is adding this to settings.json

	"workbench.colorCustomizations": {
		"titleBar.activeBackground": "#092028",
		"titleBar.activeForeground": "#A7ADBA",
		"titleBar.inactiveBackground": "#092028",
		"titleBar.inactiveForeground": "#A7ADBA"
	},

Yellowish scrollbar

The color of the scrollbar and mini map were a bit yellowish.

These alpha whites did the trick for me.

		"scrollbarSlider.activeBackground": "#ffffff33",
		"scrollbarSlider.background": "#ffffff22",
		"scrollbarSlider.hoverBackground": "#ffffff33",

Activity bar badge background color alerting

This might be subjective but I found the red bg color of the badge too alerting.
Getting the feeling you need to check it all the time 😄

A nice toned down version is

"activityBarBadge.background": "#4178A3"

Editor ruler doesn't match colors

editorRuler.foreground seems not defined and doesn't match the theme really.

Workaround is adding this to settings.json

	"workbench.colorCustomizations": {
		"editorRuler.foreground": "#ffffff22"
	},