I just upgraded from Xcode 3.1.4 to 3.2.1. Previously I've been using the Dusk color theme. After the upgrade I noticed that the fonts on this theme seem much bolder that for other default themes, even though they all use the same font type and size (Menlo Regular - 11). It seems that Xcode makes the font a little wider as you change the background to darker colors. This is simply annoying.
Has anyone noticed this? I can't find a way to use normal looking fonts on a dark background...
try Monaco - 12 on a dark background, I think the appearance of fonts on a dark background is probably an OS thing to do with how Mac OSX antialiases fonts
Related
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)
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 does exactly work themes switching in application? What if I override the default styles? Can I also define different styles for light and dark themes separately? Why the icons colos get changed - i.e. the black background of icons changes into white if the theme is set to Dark. Will it also be changed to white if I override the background style of application bar to white explicitly? How can I make sure nothing gets changed and my app looks the same in Light and Dark themes?
Have you seen these?
Theme Overview for Windows Phone
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402557(v=vs.105).aspx
Theme Resources for Windows Phone
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff769552(v=vs.105).aspx
How to: Apply Theme Resources for Windows Phone
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff769545(v=vs.105).aspx
I personally use PhoneThemeManager from Jeff Wilcox for theme overriding works!
Of course, it is better to have the same UX across all the Windows Phone application when it comes to light/dark theme support, but I agree that sometimes it is really needed to override the theme.
You can probably find more information in this thread: How to override WindowsPhone dark theme by light
and also previously I was using this tutorial to customize light and dark themes:
http://blog.richardszalay.com/2011/06/11/practical-support-for-light-dark-themes-on-windows-phone-7/
I am hoping some of you css wizards might have run into the problem I'm about to describe.
I've created css3 buttons for a clients website, in order to replace their current image buttons. The buttons happen to be a light font face on a dark value background (white text on a red background).
On OSX and iOS, the quartz rendering engine kind of freaks out about this, and anti-aliases the font to death. Bold become really really really bold.
The strange thing is, I develop on a Mac, and cannot replicate the rendering problem the client is having across multiple devices. I've made sure I only have system fonts enabled, that my font smoothing is set the same, etc...
I found an article that suggested a fix for webkit based browsers here, and have seperated the text from it's background in order to give just the text an opacity value.
Still, no dice. Anyone have idea what could be the problem here?
Sample image:
I've encountered bolding issues with web fonts on webkit based browsers. I used the following CSS property to remedy it:
-webkit-font-smoothing: antialiased;
Seems like a better solution than messing with opacity to fix font weights... which really just feels like a hack.
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