How to theme the ENTIRE Xcode IDE to light-on-dark? - xcode

On OSX, MacVim and Terminal can both be themed to be light-on-dark.
Xcode 3.2 allow the same customization for its editor using color schemes.
However, is there a way to do the same to its UI panels ("Groups and Files"
left pane and the list view top pane for example)? If not, is there a
quick way to toggle both panels on/off?

While you can't adjust the IDE color scheme, you can quickly toggle the navigator, debug area, and utility views with the following commands:
Navigator : ⌘0
Debug Area : ⇧⌘Y
Utility : ⌥⌘0
So, if you set your theme to one with a dark background, you can quickly close/open the lighter portions of the IDE as needed.
You can also change the debug console to have a different background by going into preferences ⌘., then go to Fonts & Colors, then select the Console. Now you can edit its background:
Just be sure to edit the font colors of the various input and outputs texts if you choose black. By default all of the input/output fonts are black, only the console prompt is not.

One possibility for now: System Preferences => Accessibility => Display => Invert Colors.
Note that Apple recently announced at WWDC that Xcode 10 will support "dark mode" as of some time in late 2018.

One cool workaround for this is to use a combination of
"Invert Colors" (in System Preferences -> Accessibility -> Display -> Invert Colors OR setting up a "Ctrl-Opt-Cmd-8" shortcut in System Preferences -> Keyboard -> Shortcuts -> Accessibility -> Invert Colors)
and
Choosing your favourite dark theme in Xcode's "Fonts & Colors", but inverted (!).
For example, I like a Choco theme from Chocolat app, but I need the functionality of Xcode, so I imported the theme manually by adjusting and enhancing some of the fonts and colors in some Xcode's custom dark theme's duplicate. After I was happy with the final theme, I duplicated it and inverted the colors using one of the websites that can be found in Google (http://www.mattlag.com/scripting/hexcolorinverter.php). And voila! "Ctrl-Opt-Cmd-8" + "Inverted Dark Theme" makes the whole Xcode environment dark and looking great, without the need of hiding any other sections of Xcode like Navigator, Debug and Utilities.
Let me know if this solution helps. I find it a little time consuming, but worth the effort.
p.s.: I've posted the discussed themes on GitHub: https://github.com/Rep0se/xcode-themes
p.p.s: To theme FileMerge tool in Mojave (for now) use this solution in combination with Invert Colors outlined above.
Quick shortcut Tip: To launch preferences, hit "Command" + ","

WWDC 2018 announced that Xcode 10 on macOS 10.14 will finally include native dark mode support. This will be available around Q3 2018. It will be a full dark style from the side menus to storyboards.

You can turn to full dark mode with the new macOS Mojave.
Simply go to System settings->General and switch to dark. Enjoy!!!

I've been digging around lately and I found some kind of "Hack" of DVT Framework myself... Xcode 10 with dark theme is however around the corner, so there will be no need for this hacking anymore... Anyway you can do nice thingies with this such as changing Highlight colors for buttons and plist-file browsers... If you open Xcode with Show Package Contents and browse a bit, you can find this nice file:
/Applications/Xcode.app/Contents/SharedFrameworks/DVTKit.framework/Versions/A/Resources/Default.dvttheme
You can open this either with Visual Studio Code or Atom or any code editor.
From now on, you can do some hacking and change some of the colors in the Xcode IDE:
But somehow, due to nature of Aqua theme/user interface, you cannot change the scrollViews, which is a bit disappointing... When you could, I would already create repo which would have all the craziness of colors for this. If you want, you can change at least plistViewer and the Attributes inspector windows (The properties are called and documented nice in Default.dvttheme
Hope this helps a bit.
edit:
What you could do is to edit the default Aqua theme with ThemeEngine https://github.com/DominikBucher12/ThemeEngine
(Change assets to black/dark) and the Xcode would inherit this Appearance..

There is an Xcode project that has a huge collection of themes, both light and dark. My favorite is Moodnight.
https://github.com/hdoria/xcode-themes

Related

Xcode - Dark theme for the whole UI

How can one make Xcode's UI completely dark?
There must be a way to have a dark theme for Xcode (like Visual Studio has it for example). I'm not only talking about a way of styling the editor, but a full-on dark theme. Dark menus, dark console, dark file browser, dark menu bar, etc.
Xcode's bright UI hurts at night and I can't be the only one who's really searching for this ;) (please don't recommand f.lux to me now, that's not a solution)
Xcode's UI can be changed to completely dark with Xcode 10 running on macOS Mojave. Just go into System Preferences -> General -> Under Appearance -> Click the dark mode
You can reference to this article:
https://medium.com/#guilhermerambo/how-to-enable-real-dark-mode-on-os-x-macos-14966f9f7d24
Install a dark mode in system service,it make Xcode most control dark,it's not perfect, but works.
Hope Apple implement it someday.
In Preferences → Accessibility there is a checkbox Invert colors. Of course, it doesn't give a nice dark theme, but I found it quite useful when working in darkness. The whole system interface with this checkbox on looks funny.
System wide dark mode is announced in macOS 10.14 Mojave in WWDC 18. You can also enable dark mode for XCode 10. Dark mode in interface builder.
Here is the link for XCode 10 beta
In Xcode 9 or below you can include the last the theme Dark,
https://gist.github.com/andresilvagomez/94854ed5320fac2b3b5790e63efc516e
Execute this command
open ~/Library/Developer/Xcode/UserData/FontAndColorThemes/
and create this file there
Default (Dark).xccolortheme
and paste the content inside of URL
Don't think Xcode can do that. You might want to consider the excellent Appcode IDE though.
If you need Dark theme for the whole UI, Here is how you what you can do:
1: Open Xcode settigns
2: Click Appearance and select Dark
Done!
This works in Xcode 9:
Xcode --> Preferences.. --> Fonts & Colors tab --> Choose your them (Dusk / Midnight)

Changin theme of webIDE in firefox

I want to change the webIDE theme in Mozilla Firefox. I want the editor to be dark colored. I googled it but couldn't find anything.
WebIDE? Did you mean Mozilla Developer Edition?
You want to revert to it's original theme but the editor still remain dark?
I think it's impossible because the editor is dependent with the themes you used.
if you want to change the color of your Toolbar (I don't know what it is called) just go to Open Menu (the burger icon) ->Add-ons*( If you installed MDE it's theme will be available)* -> Appearance. then Enabled it.
To enter to Dev mode (MDE)just press F12 and your editor is not really black. There a link below, hope it helps you.
MDE Flavor Themes Enabled:
http://techlemonade.com/how-to-change-firefox-developer-edition-dark-theme-to-light-theme/

Eclipse dark theme for windows: how to change the color of scroll bars and title bars to dark?

Is there a dark theme for eclipse for windows which changes the color of scroll bars and menu bar to dark as well?
In this post, we can see pretty themes but those are for Mac OS. For Windows, the dark themes look pretty ugly, because of those white scroll bars and title bars etc. really!
There is a dark theme that also changes the color of the scroll bars.
Darkest Dark Theme
https://marketplace.eclipse.org/content/darkest-dark-theme
In addition it said it provides nicer icons than the common ones of dark themes.
Note that it worked fine on Windows 10 64bits with Neon.3 Release (4.6.3). I do not know if it works well in other versions.
-
The Syntax highlighting I am using is not the native of the theme, but the RainbowDrops.epf. Download RainbowDrops.epf (right click on the link and select Save link as...) and import it with Eclipse built-in Preferences Import (go to File > Import... then select General > Preferences).
I think that the scrollbars are native OS and we can't change it.
As for the console you can edit it this way:
Preferences > General > Editors > Text Editors: Background colour
Then just choose the colors you want.
Hope this information was helpful.
Have a nice day.
I understand the original question was for Windows, but this is seen on Linux also and was frustrating to figure out so posting here.
If having to use the SWT_GTK3=0 workaround on Linux for Eclipse, then it will use Gtk2 and you will see the same problem Solace described.
Here is the Gtk2 theme that worked well for me:
https://github.com/horst3180/Vertex-theme
Best is to pull down the git repo to '~/opt/vertex-theme', checkout stable, and then install it by hand. (Don't delete directory so can uninstall later if needed. That's why I say to put it in your user's opt directory.) The .deb version didn't have an updated key and now apt whines about that. *glare
After install then run 'gtk-chtheme' (the Gtk2 theme changer) and you can select it there. That will fix both the bright menu bar at the top and scrollbars in Linux. If Gtk3 works for you with Eclipse, then you probably won't see the theme problem.

How to change Xcode 5 GUI font size

Very similar to this question pertaining to Xcode 4, I am hoping that apple has provided a solution in Xcode 5 for increasing the size of fonts outside of just in the editor.
Yes, preferences > fonts & colors does work for the editor, but that is not my question. Unless my Thunderbolt monitor is directly behind my macbook, the rest of the font on the screen is nearly impossible to read.
Thanks in advance, and if I stumble across the solution, I will be sure to put it up.
I think your best bet is to scale your display (System Preferences) if using the presentation mode in Xcode Preferences Fonts & Colors is not good enough.

Eclipse color theme and OS L&F

So I have been trying for a couple of hours to set a dark theme for Eclipse Juno, the blinding white in your face is very tiring and strains the eyes after a short time. I managed to find a theme that darkens eclipse but still a few problems remain.
See image
I have no control over the background color of the menubar. Is it possible to change it? I tried everything in Win7 "Window Color and Appearance" but aside from being able to change the fontsize of the window title the colors do not change.
I have no control over the fontsize used for the titles in the various view panels of Eclipse, like the projectexplorer or editor.
No control over scrollbar color.
These are minor issues but would make the end result of the themes so much better. Is it at all possible to do anything with any of those issues on Win7?
Does this help for item 2?
The font size for the view and editor titles can be changed in Preferences. Select General->Appearance->Colors and Fonts. In the panel on the right, expand 'View and Editor Folders' and select 'Part title font' then click the 'Edit...' button.
On this subject, this Eclipse Themes plugin is also worth a look:
https://github.com/jeeeyul/eclipse-themes/
This is an excellent article about Eclipse theming:
http://www.vogella.com/articles/Eclipse4CSS/article.html
As for the menubar and scrollbar, the aforementioned article states:
SWT currently has some limitations for styling. For example it is not
possible to style menus and table headers. In addition some platforms
do not allow the styling of certain widgets, e.g. the Button or the
ScrollBar widget.
In order to make these widgets fit nicely you can install custom Windows theme, such as this one: http://vi20rickrmetal12us.deviantart.com/art/Pre-Black-VS-for-Windows-7-180497508 (before you can install a custom theme, you have to patch your system with Universal Theme Patcher or similar tool).
I hit the same wall some time ago. I found this resources very useful at that point:
A eclipse 4 dark theme described in the blog post of its author. It can be downloaded from github here. You can see also the content of the code.
The home of various eclipse themes here.
Another stackoverflow quetion dealing with similar problems here.
Currently I am using InteliJ Idea with its darkula theme.

Resources