SkillAgentSearch skills...

Xcode

An arctic, north-bluish clean and elegant Xcode color theme.

Install / Use

/learn @nordtheme/Xcode

README

<p align="center"> <a href="https://www.nordtheme.com/ports/xcode" target="_blank"> <picture> <source srcset="https://raw.githubusercontent.com/nordtheme/webmain/assets/images/ports/xcode/repository-hero.svg?sanitize=true" width="100%" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" /> <img srcset="https://raw.githubusercontent.com/nordtheme/webmain/assets/images/ports/xcode/repository-hero.svg?sanitize=true" width="100%" /> </picture> </a> </p> <p align="center"> <a href="https://github.com/nordtheme/xcode/releases/latest" target="_blank"> <img src="https://img.shields.io/github/release/nordtheme/xcode.svg?style=flat-square&label=Release&logo=github&logoColor=eceff4&colorA=4c566a&colorB=88c0d0"/> </a> <a href="https://www.nordtheme.com/docs/ports/xcode" target="_blank"> <img src="https://img.shields.io/github/release/nordtheme/xcode.svg?style=flat-square&label=Docs&colorA=4c566a&colorB=88c0d0&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI%2BCiAgICA8cGF0aCBmaWxsPSIjZDhkZWU5IiBkPSJNMTMuNzQ2IDIuODEzYS42Ny42NyAwIDAgMC0uNTU5LS4xMzNMOCAzLjg0OGwtNS4xODgtMS4xOGEuNjY5LjY2OSAwIDAgMC0uNTcuMTMzLjY3Ny42NzcgMCAwIDAtLjI0Mi41MzF2OC4xMzNjLS4wMDguMzIuMjEuNTk4LjUyLjY2OGw1LjMzMiAxLjE5OWguMjk2bDUuMzMyLTEuMmEuNjY4LjY2OCAwIDAgMCAuNTItLjY2N1YzLjMzMmEuNjU5LjY1OSAwIDAgMC0uMjU0LS41MnpNMy4zMzIgNC4xNjhsNCAuODk4djYuNzY2bC00LS44OTh6bTkuMzM2IDYuNzY2bC00IC44OThWNS4wNjZsNC0uODk4em0wIDAiLz4KPC9zdmc%2BCg%3D%3D"/> </a> <a href="https://github.com/nordtheme/xcode/blob/develop/changelog.md" target="_blank"> <img src="https://img.shields.io/github/release/nordtheme/xcode.svg?style=flat-square&label=Changelog&logo=github&logoColor=eceff4&colorA=4c566a&colorB=88c0d0"/> </a> </p> <p align="center"> <a href="https://github.com/svengreb/styleguide-javascript/releases/latest" target="_blank"> <img src="https://img.shields.io/github/release/svengreb/styleguide-javascript.svg?style=flat-square&label=JavaScript%20Style%20Guide&logoColor=eceff4&colorA=4c566a&colorB=88c0d0&logo=javascript"/> </a> <a href="https://github.com/svengreb/styleguide-markdown/releases/latest" target="_blank"> <img src="https://img.shields.io/github/release/svengreb/styleguide-markdown.svg?style=flat-square&label=Markdown%20Style%20Guide&colorA=4c566a&colorB=88c0d0&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOSIgaGVpZ2h0PSIzOSIgdmlld0JveD0iMCAwIDM5IDM5Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNEOERFRTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMS41IDEuNWgzNnYzNmgtMzZ6Ii8%2BPHBhdGggZmlsbD0iI0Q4REVFOSIgZD0iTTIwLjY4MyAyNS42NTVsNS44NzItMTMuNDhoLjU2Nmw1Ljg3MyAxMy40OGgtMS45OTZsLTQuMTU5LTEwLjA1Ni00LjE2MSAxMC4wNTZoLTEuOTk1em0tMi42OTYgMGwtMTMuNDgtNS44NzJ2LS41NjZsMTMuNDgtNS44NzJ2MS45OTVMNy45MzEgMTkuNWwxMC4wNTYgNC4xNnoiLz48L3N2Zz4%3D"/> </a> <a href="https://github.com/svengreb/styleguide-git/releases/latest" target="_blank"> <img src="https://img.shields.io/github/release/svengreb/styleguide-git.svg?style=flat-square&label=Git%20Style%20Guide&logoColor=eceff4&colorA=4c566a&colorB=88c0d0&logo=git"/> </a> </p> <p align="center"> <a href="https://github.com/nordtheme/nord/releases/tag/v0.2.0" target="_blank"> <img src="https://img.shields.io/static/v1.svg?style=flat-square&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACUklEQVRIibXUQUiTcRjH8e+zvaO0AgPd1mDmNvFVI+ng1UNU1wiDoEIIoUNUdOkQUkER1KWTnRJCLyZBIdEhQvAWQVp5KN9X3bskmHunYbeZbu/TaWXRdOLrc3ue5/f/f/6nP+xwycy8m6y0LGqg0N7UsLB+9jmdbQwZQaNawPBKpCstA3g/7fRCl5k68P7PLNjplRgBQtUAYjmuCriqDP690RqQK8A3WSt1mmZsqbyyM+4pVc5tcvdxYD+W46qVdif/l7Ac95bluGo57piqBqt58e+zaXfSclwNbBQyE+F7KKPAMTuzeGcrQLk2BEREV41dvYAD2jeddrt9BQA6DtYtC3QDKyIM2pmlVl+Bublc2ExGpgS9BuxTLT2byuX2+AYUJTAyPq6GmYwOIPoEOLy7IAO+AYgejTW5dwF2UbiM8kGVs9NO/qo/AGRV5Ybl5E4mEokVT0rdwHdBH9pOvmvbgCd6GlgDGZqddVPtydg8aC9gKDqybaA9EX2nyHWgrhTkxUQ2W9uajL4U0QdAbNsAQFsy3C8wBHTsXQk+BmhpitwE3vgCANSGVi8pfATO207uooh4hqc9vgHxeLzgeXIG+KFIv5Ve7GxujuZ9AwAONYfnVLUHCCHec9vO1vsKALSloq9A7gONhILDm/2yWwYAzETDbeC1wgk7k+/bKCuW4yqwDIxtGBSGzURktNzbdrZeQ8EJIA76CJXCP/kLCpEyUE2VVLWnLRV9Wh7MZPJHPNW3QE2lQ0YgSKpKgLWiV1zftyTCn758XUwZ4lUEdrx+ASW88rx2UJY8AAAAAElFTkSuQmCC&label=Nord&message=v0.2.0&colorA=4c566a&colorB=88c0d0"/> </a> <a href="https://developer.apple.com/xcode" target="_blank"> <img src="https://img.shields.io/static/v1.svg?style=flat-square&label=Xcode%20Compatibility&message=8%2B&logo=xcode&logoColor=eceff4&colorA=4c566a&colorB=1c91fe" /> </a> </p> <p align="center">An arctic, north-bluish clean and elegant <a href="https://developer.apple.com/xcode" target="_blank">Xcode</a> theme.</p> <p align="center">Designed for a fluent and clear workflow based on the <a href="https://www.nordtheme.com" target="_blank">Nord</a> color palette.</p> <p align="center"> <a href="https://www.nordtheme.com/ports/xcode" target="_blank"> <img src="https://raw.githubusercontent.com/nordtheme/webmain/assets/images/ports/xcode/overview.png" /> </a> </p>

Getting started

Visit the [official website][nord-home] to learn all about the [features][nord-home#intro], how to [install and activate][nord-docs-home-install] the theme, the [color set for the asset catalog][nord-home#ui-elements] and more from the [official documentations][nord-docs-home].

Quick Start

Nord Xcode can be installed by downloading the latest [Nord.xccolortheme][gh-tree-xccolortheme] file from the [GitHub repository][gh-repo] and place it into the ~/Library/Developer/Xcode/UserData/FontAndColorThemes directory.

mkdir -p ~/Library/Developer/Xcode/UserData/FontAndColorThemes
curl https://raw.githubusercontent.com/nordtheme/xcode/develop/src/Nord.xccolortheme -o ~/Library/Developer/Xcode/UserData/FontAndColorThemes/Nord.xccolortheme

For more details see the [official installation & activation guide][nord-docs-home-install].

Latest Development State

To always use the latest development state of Nord Xcode, [clone the repository][gh-repo] and create a [symbolic link][wiki-symlink] of the [Nord.xccolortheme][gh-tree-xccolortheme] file to ~/Library/Developer/Xcode/UserData/FontAndColorThemes/Nord.xccolortheme afterwards:

git clone https://github.com/nordtheme/xcode
ln -sr "$PWD/src/Nord.xccolortheme" "$HOME/Library/Developer/Xcode/UserData/FontAndColorThemes/Nord.xccolortheme"

Activation

To activate and use Nord Xcode as your default color theme…

  1. …open File > Preferences
  2. …switch to the Fonts & Colors tab
  3. …select Nord from the list
<p align="center"> <picture> <img src="https://raw.githubusercontent.com/nordtheme/webmain/assets/images/ports/xcode/ui-activation.png" /> </picture> </p>

Features

<p align="center"> <strong>Beautiful code to keep focused.</strong> </p> <p align="center">The color scheme supports all syntax types available in Xcode.</p> <p align="center"> <picture> <img src="https://raw.githubusercontent.com/nordtheme/webmain/assets/images/ports/xcode/editor-syntax_types.png" /> </picture> </p> <p align="center"> <strong>Nord as color set.</strong> </p> <p align="center">All Nord colors right at your hand — Use the <a href="https://developer.apple.com/library/archive/documentation/Xcode/Reference/xcode_ref-Asset_Catalog_Format" target="_blank">asset catalog</a> color set in the <a href="https://developer.apple.com/xcode/interface-builder" target="_blank">Interface Builder</a> and programmatically.</p> <p align="center"> <picture> <img src="https://raw.githubusercontent.com/nordtheme/webmain/assets/images/ports/xcode/ui-asset_catalog.png"/> </picture> </p> <p align="center"> <strong>Build beautiful UI elements with Nord.</strong> </p> <p align="center">Create UI elements in the Xcode <a href="https://developer.apple.com/xcode/interface-builder" target="_blank">Interface Builder</a> using Nord colors.</p> <p align="center"> <picture> <img src="https://raw.githubusercontent.com/nordtheme/webmain/assets/images/ports/xcode/ui-interface_builder.png" /> </picture> </p>

Contributing

Nord is an open source project and we love to receive contributions from the [community][nord-comm]!

There are many ways to contribute, from [writing- and improving documentation and tutorials][nord-contrib-guide-docs], [reporting bugs][nord-contrib-guide-bugs], [submitting enhancement suggestions][nord-contrib-guide-enhance] that can be added to Nord by [submitting pull requests][nord-contrib-guide-pr].

Please take a moment to read Nord's full [contributing guide][nord-contrib-guide] to learn about the development process, the project's used [styleguides][nord-contrib-guide-styles], [branch organization][nord-contrib-guide-branching] and [versioning][nord-contrib-guide-versioning] model.

The guide also includes information about [minimal, complete, and verifiable examples][nord-contrib-guide-mcve] and other ways to contribute to the project like [improving existing issues][nord-contrib-guide-impr-issues] and [giving feedback on issues and pull requests][nord-contrib-guide-feedback].

<p align="center"> <picture> <source srcset="https://raw.githubusercontent.com/nordtheme/assets/main/static/images/elements/separators/iceberg/footer/dark/spaced.svg" width="100%" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" /> <source srcset="https://raw.githubusercontent.com/nordtheme/assets/main/static/images/elements/separators/iceberg/footer/light/spaced.svg" width="100%" media="(prefers-color-scheme: dark)" /> <img src="https://raw.githubusercontent.com/nordtheme/assets/main/static/images/elements/separators/iceberg/footer/dark/spaced.svg" width="100%" /> </picture> </p> <p align="center"> Copyright &copy; 2016-present <a href="https://www.svengreb.de" target="_blank">Sven Greb</a> </p> <p align="center"> <a href="ht
View on GitHub
GitHub Stars109
CategoryDevelopment
Updated17d ago
Forks9

Languages

JavaScript

Security Score

100/100

Audited on Mar 8, 2026

No findings