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

#000 or #111 code editor background #8

Closed
mfidemraizer opened this issue Jul 10, 2018 · 7 comments
Closed

#000 or #111 code editor background #8

mfidemraizer opened this issue Jul 10, 2018 · 7 comments
Labels

Comments

@mfidemraizer
Copy link

mfidemraizer commented Jul 10, 2018

Hey. I find the color scheme pleasant for me, but may you also publish a darker flavor with #000 or #111 editor background color?

@fisheva
Copy link
Owner

fisheva commented Jul 10, 2018

Editor background color is the most critical thing in a theme. If the background color changes, the hue and brightness of all remaining colors need to be re-commissioned to match, including various interface elements colors and various code character colors. Even after all above is completed, I will need to maintain a more theme since then. That's a huge task.

Sorry, I can't meet this request.

@mfidemraizer
Copy link
Author

Hi! Thank you for the quick answer.

I was looking for something like the following pic. It's just I need a darker editor background. Everything else may be as is:

image

@fisheva
Copy link
Owner

fisheva commented Jul 10, 2018

Give me a day, I will give you a rough set of settings to match the background color you want. Not change the theme plugin, just your personal settings.

@mfidemraizer
Copy link
Author

Yup! Thanks. I still don't find a reason to explain why most dark themes don't use #000 or #111 as background color.

I've been using Tomorrow Night Bright. Yours feels better for me because the other colors are cooler and less brighter than others'.

Anyway, it's my personal preference :)

@fisheva
Copy link
Owner

fisheva commented Jul 11, 2018

In #000 background, the contrasts of code characters colors are too strong, which are harmful to eyes. So I only made #111 version. Paste the following text into user settings and use it with Eva Dark (Bold). Hope it helps.

"workbench.colorCustomizations": {
        "activityBar.background": "#111",
        "activityBar.dropBackground": "#171B21",
        "badge.background": "#676E95BF",
        "debugToolBar.background": "#171B21",
        "debugToolBar.border": "#171B21",
        "dropdown.background": "#1F222A",
        "dropdown.border": "#0C0C0C",
        "editor.background": "#111",
        "editor.lineHighlightBackground": "#676E953F",
        "editor.rangeHighlightBackground": "#676E953F",
        "editorGroup.border": "#0C0C0C",
        "editorGroup.emptyBackground": "#111",
        "editorGroupHeader.tabsBackground": "#171B21",
        "editorGroupHeader.tabsBorder": "#171B21",
        "editorGroupHeader.noTabsBackground": "#171B21",
        "editorGutter.background": "#111",
        "editorHoverWidget.background": "#1F222A",
        "editorHoverWidget.border": "#0C0C0C",
        "editorIndentGuide.activeBackground": "#3B3F59",
        "editorIndentGuide.background": "#3B3F59",
        "editorLineNumber.foreground": "#42465F",
        "editorLineNumber.activeForeground": "#A7AFBD",
        "editorOverviewRuler.commonContentForeground": "#171B21",
        "editorOverviewRuler.rangeHighlightForeground": "#171B21",
        "editorPane.background": "#171B21",
        "editorSuggestWidget.background": "#1F222A",
        "editorSuggestWidget.border": "#0C0C0C",
        "editorWidget.background": "#171B21",
        "editorWidget.border": "#171B21",
        "input.background": "#111",
        "input.border": "#111",
        "list.activeSelectionBackground": "#676E953F",
        "list.inactiveSelectionBackground": "#676E953F",
        "merge.border": "#0C0C0C",
        "merge.commonContentBackground": "#171B21",
        "merge.commonHeaderBackground": "#171B21",
        "notifications.background": "#171B21",
        "notifications.border": "#0C0C0C",
        "notificationCenterHeader.background": "#171B21",
        "notificationCenter.border": "#0C0C0C",
        "notificationToast.border": "#0C0C0C",
        "panel.background": "#111",
        "panel.border": "#171B21",
        "peekViewEditor.background": "#171B21",
        "peekViewEditorGutter.background": "#171B21",
        "peekViewResult.background": "#111",
        "peekViewTitle.background": "#111",
        "scrollbarSlider.activeBackground": "#676E958C",
        "scrollbarSlider.background": "#676E954C",
        "scrollbarSlider.hoverBackground": "#676E958C",
        "sideBar.background": "#171B21",
        "sideBarSectionHeader.background": "#111",
        "statusBar.background": "#171B21",
        "statusBar.noFolderBackground": "#171B21",
        "statusBarItem.prominentBackground": "#171B21",
        "tab.activeBackground": "#111",
        "tab.border": "#0C0C0C",
        "tab.inactiveBackground": "#171B21",
        "terminal.background": "#111",
        "terminal.border": "#171B21",
        "titleBar.activeBackground": "#111",
        "titleBar.inactiveBackground": "#111",
        "walkThrough.embeddedEditorBackground": "#171B21",
        "welcomePage.buttonBackground": "#171B21",
    },

@mfidemraizer
Copy link
Author

Hey, thanks! ;-)

Actually my screen is set up to has 0 brightness. Probably this contributes to preserve my eyes even with #000 :D

I've already pasted it. It looks nice.

Are you going to publish it as part of Eva theme?

@fisheva
Copy link
Owner

fisheva commented Jul 11, 2018

No...I like the current version of Eva Dark : )

@fisheva fisheva closed this as completed Jul 11, 2018
@fisheva fisheva added the Others label Dec 25, 2018
@fisheva fisheva pinned this issue Dec 5, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants