Comments (5)
Would definitely love this. I've been trying for a few hours and have made some progress. I'll share the JSON file here shortly.
I was very surprised at how easy it was to setup and preview. Though I'd rather it come from the original creator.
from vscode-palenight-theme.
Here's what I've got so far, but it's very far from complete.
{
"ui" : {
"*" : {
"arc" : 0,
"background" : "#292D3E",
"foreground" : "#f8f8f2",
"selectionBackground" : "#6272a4",
"selectionForeground" : "#f8f8f2",
"inactiveBackground" : "#292D3E",
"inactiveForeground" : "#f8f8f2",
"borderColor" : "#292D3E",
"selectionInactiveBackground" : "#6272a4",
"selectionInactiveForeground" : "#f8f8f2"
},
"Borders" : {
"color" : "#292D3E",
"ContrastBorderColor" : "#292D3E"
},
"ActionButton" : {
"hoverBackground" : "#282a35",
"hoverBorderColor" : "#282a35",
"pressedBackground" : "#282a35",
"pressedBorderColor" : "#282a35"
},
"Button" : {
"arc" : 0,
"startBorderColor" : "#6272a4",
"endBorderColor" : "#6272a4",
"startBackground" : "#6272a4",
"endBackground" : "#6272a4",
"focusedBorderColor" : "#6272a4",
"default" : {
"startBackground" : "#6272a4",
"endBackground" : "#6272a4",
"startBorderColor" : "#6272a4",
"endBorderColor" : "#6272a4",
"focusColor" : "#6272a4",
"focusedBorderColor" : "#6272a4"
}
},
"CheckBoxMenuItem" : {
"acceleratorSelectionForeground" : "#80CBC4"
},
"ComboBox" : {
"modifiedItemForeground" : "#80CBC4",
"ArrowButton" : {
"background" : "#44475a",
"nonEditableBackground" : "#44475a",
"iconColor" : "#bd93f9"
},
"selectionBackground" : "#bd93f9",
"nonEditableBackground" : "#44475a"
},
"CompletionPopup" : {
"selectionBackground" : "#6272a4",
"selectionInactiveBackground" : "#6272a4",
"matchForeground" : "#80CBC4"
},
"Component" : {
"arc" : 0,
"focusColor" : "#bd93f9",
"borderColor" : "#6272a4",
"focusedBorderColor" : "#6272a4",
"errorFocusColor" : "#ff5554",
"inactiveErrorFocusColor" : "#ff5554",
"warningFocusColor" : "#f1fa8c",
"inactiveWarningFocusColor" : "#f1fa8c"
},
"DragAndDrop" : {
"areaBorderColor" : "#6272a4"
},
"Editor" : {
"background" : "#282a35",
"shortcutForeground" : "#80CBC4"
},
"EditorTabs" : {
"background" : "#292D3E",
"underlineHeight" : 2,
"hoverMaskColor" : "#292D3E",
"underlineColor" : "#80CBC4",
"borderColor" : "#292D3E"
},
"FileColor" : {
"Blue" : "#8be9fd",
"Green" : "#44475a",
"Orange" : "#ffb86c",
"Yellow" : "#44475a",
"Rose" : "#ff79c6",
"Violet" : "#bd93f9"
},
"HelpTooltip" : {
"shortcutForeground" : "#ff79c6"
},
"Label" : {
"foreground" : "#f8f8f2",
"errorForeground" : "#ff5554"
},
"Link" : {
"activeForeground" : "#ff79c6",
"hoverForeground" : "#ff79c6",
"visitedForeground" : "#bd93f9",
"pressedForeground" : "#bd93f9"
},
"Notification" : {
"borderColor" : "#6272a4",
"errorBorderColor" : "#ff5554",
"errorBackground" : "#292D3E",
"errorForeground" : "#f8f8f2",
"ToolWindow" : {
"warningForeground" : "#f8f8f2",
"warningBackground" : "#292D3E",
"warningBorderColor" : "#ffb86c",
"errorForeground" : "#f8f8f2",
"errorBorderColor" : "#ff5554",
"errorBackground" : "#292D3E",
"informativeForeground" : "#f8f8f2",
"informativeBackground" : "#292D3E",
"informativeBorderColor" : "#50fa7b"
}
},
"Plugins" : {
"SearchField" : {
"background" : "#44475a"
},
"SectionHeader" : {
"foreground" : "#f8f8f2"
},
"lightSelectionBackground" : "#282a35",
"Button" : {
"installBorderColor" : "#bd93f9",
"installForeground" : "#bd93f9",
"installBackground" : "#292D3E",
"updateBorderColor" : "#ff79c6",
"updateForeground" : "#ff79c6",
"updateBackground" : "#292D3E",
"installFillForeground" : "#292D3E",
"installFillBackground" : "#bd93f9",
"installFocusedBackground" : "#292D3E"
},
"Tab" : {
"selectedBackground" : "#282a35",
"selectedForeground" : "#f8f8f2",
"hoverBackground" : "#282a35"
}
},
"ProgressBar" : {
"failedColor" : "#ff5554",
"failedEndColor" : "#ff5554",
"trackColor" : "#6272a4",
"progressColor" : "#ff79c6",
"indeterminateStartColor" : "#bd93f9",
"indeterminateEndColor" : "#bd93f9",
"passedColor" : "#50fa7b",
"passedEndColor" : "#50fa7b"
},
"Popup" : {
"Header" : {
"activeBackground" : "#44475a",
"inactiveBackground" : "#44475a"
}
},
"SearchEverywhere" : {
"SearchField" : {
"background" : "#44475a"
},
"Tab" : {
"selectedBackground" : "#282a35",
"selectedForeground" : "#f8f8f2"
}
},
"SearchMatch" : {
"startBackground" : "#ff79c6",
"endBackground" : "#ff79c6"
},
"Separator.separatorColor" : "#282a35",
"TabbedPane" : {
"focusColor" : "#ff79c6",
"underlineColor" : "#bd93f9"
},
"ToggleButton" : {
"onBackground" : "#50fa7b",
"onForeground" : "#282a35",
"offBackground" : "#6272a4",
"offForeground" : "#282a35",
"buttonColor" : "#f8f8f2"
},
"ToolWindow" : {
"Button" : {
"hoverBackground" : "#282a35"
},
"Header" : {
"background" : "#292D3E",
"inactiveBackground" : "#292D3E"
},
"HeaderTab" : {
"selectedBackground" : "#282a35",
"selectedInactiveBackground" : "#282a35"
}
},
"Tree" : {
"modifiedItemForeground" : "#ff79c6",
"selectionBackground" : "#212532",
"selectionInactiveBackground" : "#212532"
},
"ValidationTooltip" : {
"errorBackground" : "#ff5554",
"errorBorderColor" : "#ff5554",
"warningBorderColor" : "#ffb86c",
"warningBackground" : "#ffb86c"
},
"VersionControl" : {
"FileHistory" : {
"Commit" : {
"selectedBranchBackground" : "#44475a"
}
},
"GitLog" : {
"headIconColor" : "#f1fa8c",
"localBranchIconColor" : "#50fa7b",
"remoteBranchIconColor" : "#bd93f9",
"tagIconColor" : "#ff79c6",
"otherIconColor" : "#8be9fd"
},
"Log" : {
"Commit" : {
"currentBranchBackground" : "#44475a"
}
}
},
"WelcomeScreen" : {
"Projects" : {
"selectionBackground" : "#6272a4",
"selectionInactiveBackground" : "#282a35"
}
}
},
"icons" : {
"ColorPalette" : {
"Actions.Blue" : "#8be9fd",
"Actions.Green" : "#50fa7b",
"Actions.Grey" : "#f8f8f2",
"Actions.GreyInline.Dark" : "#50fa7b",
"Actions.GreyInline" : "#50fa7b",
"Actions.Red" : "#ff5554",
"Actions.Yellow" : "#f1fa8c",
"Objects.Blue" : "#8be9fd",
"Objects.Green" : "#50fa7b",
"Objects.GreenAndroid" : "#50fa7b",
"Objects.Grey" : "#bd93f9",
"Objects.Pink" : "#ff79c6",
"Objects.Purple" : "#bd93f9",
"Objects.Red" : "#ff5554",
"Objects.RedStatus" : "#ff5554",
"Objects.Yellow" : "#f1fa8c",
"Objects.YellowDark" : "#f1fa8c",
"Objects.BlackText" : "#282a35",
"Checkbox.Border.Default" : "#bd93f9",
"Checkbox.Border.Default.Dark" : "#bd93f9",
"Checkbox.Border.Selected" : "#bd93f9",
"Checkbox.Border.Selected.Dark" : "#bd93f9",
"Checkbox.Background.Default" : "#6272a4",
"Checkbox.Background.Default.Dark" : "#6272a4",
"Checkbox.Foreground.Selected" : "#f8f8f2",
"Checkbox.Foreground.Selected.Dark" : "#f8f8f2",
"Checkbox.Focus.Wide" : "#bd93f9",
"Checkbox.Focus.Wide.Dark" : "#bd93f9",
"Checkbox.Focus.Thin.Selected" : "#bd93f9",
"Checkbox.Focus.Thin.Selected.Dark" : "#bd93f9",
"Checkbox.Focus.Thin.Default" : "#bd93f9",
"Checkbox.Focus.Thin.Default.Dark" : "#bd93f9"
}
}
}
from vscode-palenight-theme.
@ciel I would love to test, if you can share the json file.
from vscode-palenight-theme.
@whizkydee
https://plugins.jetbrains.com/contest/intellij-themes/2019
from vscode-palenight-theme.
@dumindu @ciel Hi, I'm looking into how to import this theme into Webstorm because it's a really great theme (I already use it in vscode), and I'd like to know how you imported the json file into Webstorm. Thanks!
from vscode-palenight-theme.
Related Issues (20)
- Colors not working properly in C HOT 1
- No text selection highlight on extension search bar HOT 4
- It needs more contrast in all places but the editor. HOT 1
- Colors changed after latest vs code update HOT 3
- Adopt semantic highlighting
- Extensions list highlighting issue
- Matching brackets better visible
- Ligatures are not working correctly
- Multicursor selections not visible
- Create a High-Contrast Version
- text selection is not visible
- Inconsistent `const` keyword highlighting (JavaScript/TypeScript) HOT 2
- the text selection is not visible at all HOT 4
- text highlighting in extension area still lags some fix
- Text Highlighted from Search Results not visible HOT 3
- Publish to Open VSX
- support .diff extension
- Text selection not visible on identifiers HOT 2
- Please be compatible with Volar's component highlighting
- In .jsx files, distinguish color components from HTML tags through visual contrast.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vscode-palenight-theme.