vscode-palenight-theme
vscode-palenight-theme copied to clipboard
[Suggestion] Please support for IntelliJ IDEs
Related with #22, With the 2019.1 release, custom UI Themes are officially supported by IntelliJ IDEA now. http://www.jetbrains.org/intellij/sdk/docs/reference_guide/ui_themes/themes_intro.html
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.
@ciel I would love to test, if you can share the json file.
@whizkydee https://plugins.jetbrains.com/contest/intellij-themes/2019
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"
}
}
}
@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!