How to make Android Studio’s Editor looks like Xcode
- October 18, 2019
- John Codeos
UPDATED(Jan 6th, 2020): Color scheme for dark mode (Darcula) added on the repo.
When I started developing native apps, I started with iOS with Xcode.
Then, I jumped to Android and Android Studio, the design of the editor of the IDE made me feel I was coding in the early 10s, the time where Android UI design was look like this.
Not so pretty as it is now, right?
To understand for what I’m talking about, here’s the editor of the Android Studio when you open it for the first time.
So, I made a color scheme with the same colors and font that Xcode uses!
Adding Xcode font in your system.
Before we add the color scheme, we have to add the font.
The font called SF Mono Regular (You can find it inside the GitHub link at the bottom of this article)
On Mac OS
To add the font on Mac OS, the only thing you have to do is double click the font file, and in the new window press Install
To add the font on Windows, click in Windows 10’s Search field (right of the Start button), type “fonts,” then click the Fonts – Control panel. Copy the font file and paste it inside there.
To add font on Linux (Ubuntu) is easy as Mac OS, double click on the font file and in the new window press Install Font
Import Color Scheme in Android Studio
Open your Android Studio and go Android Studio > Preferences (MacOS), File > Settings (Windows, Linux), on the new window, go Editor > Color Scheme, press the gear icon next to the Scheme, and choose Import Scheme…
Choose the .jar file you downloaded, press Open, then Apply and OK.
Done! Enjoy your Android Studio with Xcode’s editor colors!
You can find the files here
If you have any questions feel free to DM me on Twitter @johncodeos or leave a comment below!