How to make Android Studio’s Editor looks like Xcode

How to make Android Studio’s Editor looks like Xcode

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

On Windows

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.

On Linux

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!

Leave a Reply

avatar
  Subscribe  
Notify of

Stay Connected

Newsletter

Subcribe for weekly emails! Get my posts of the week right in your inbox!