All Projects β†’ CypherPoet β†’ charmed-dark-xcode-theme

CypherPoet / charmed-dark-xcode-theme

Licence: MIT license
A charming and colorful dark theme for Xcode 🌈.

Projects that are alternatives of or similar to charmed-dark-xcode-theme

DarkModeSplashScreen
A sample app for iOS and Android written in Xamarin.Forms showing how to implement a Splash Page for Dark Mode
Stars: ✭ 28 (-83.72%)
Mutual labels:  dark-theme, dark-mode
Deep-DarkFantasy
Global Dark Mode for ALL apps on ANY platforms.
Stars: ✭ 16 (-90.7%)
Mutual labels:  dark-theme, dark-mode
sketch-dark-mode
Generate a dark mode version of any Sketch document, the right way.
Stars: ✭ 58 (-66.28%)
Mutual labels:  dark-theme, dark-mode
Nozha-rtl-Dashboard
Nozha is a rtl / ltr Admin Panel with Dark Mode
Stars: ✭ 31 (-81.98%)
Mutual labels:  dark-theme, dark-mode
mantine
React components library with native dark theme support
Stars: ✭ 4,390 (+2452.33%)
Mutual labels:  dark-theme, dark-mode
CustomTkinter
A modern and customizable python UI-library based on Tkinter
Stars: ✭ 1,626 (+845.35%)
Mutual labels:  dark-theme, dark-mode
llDark
ι€‚η”¨δΊŽiOSζ·±θ‰²ζ¨‘εΌηš„δ»€δΊΊζ„‰εΏ«ηš„δΈ»ι’˜ζ‘†ζžΆ
Stars: ✭ 75 (-56.4%)
Mutual labels:  dark-theme, dark-mode
Raspberry-Pi-Dashboard
Web-based dashboard interface to inspect Raspberry Pi hardware and software with no extra software required.
Stars: ✭ 131 (-23.84%)
Mutual labels:  dark-theme, dark-mode
react-native-with-style
A styling package for easily adding themes to your React Native projects.
Stars: ✭ 17 (-90.12%)
Mutual labels:  dark-theme, dark-mode
dark
πŸŒ› Dark themes / mode for Rambox, Franz or Ferdi messaging services
Stars: ✭ 93 (-45.93%)
Mutual labels:  dark-theme, dark-mode
aylin-vscode-theme
🌌Aylin: a modern and minimal VS Code dark theme with bright colors
Stars: ✭ 17 (-90.12%)
Mutual labels:  dark-theme, editor-theme
Night Owl Vscode Theme
🌌 NIGHT OWL: A VS Code dark theme for contrast for nighttime coding, πŸ¦‰ LIGHT OWL: a daytime light theme
Stars: ✭ 2,368 (+1276.74%)
Mutual labels:  dark-theme, editor-theme
bootstrap-darkmode
Stylesheet and scripts for implementing dark mode with Bootstrap 4
Stars: ✭ 38 (-77.91%)
Mutual labels:  dark-theme, dark-mode
hash-dark-vscode
A minimal dark vscode theme inspired by Hashnode blog syntax highlighting.
Stars: ✭ 12 (-93.02%)
Mutual labels:  dark-theme, dark-mode
dark-mode
Dark Mode - Chrome extension. Relax your eyes at night and day.
Stars: ✭ 63 (-63.37%)
Mutual labels:  dark-theme, dark-mode
colorstorm
A color theme generator for editors and terminal emulators
Stars: ✭ 101 (-41.28%)
Mutual labels:  dark-theme, editor-theme
222
222. Dark mode. Everywhere. 222 bytes of js to make any website dark
Stars: ✭ 58 (-66.28%)
Mutual labels:  dark-theme, dark-mode
VS2019-Dark-Npp
Visual Studio 2019 Dark Theme for Notepad++
Stars: ✭ 146 (-15.12%)
Mutual labels:  dark-theme, dark-mode
tailwind-theme-switcher
Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes.
Stars: ✭ 164 (-4.65%)
Mutual labels:  dark-theme, dark-mode
Darkreader
Dark Reader Chrome and Firefox extension
Stars: ✭ 12,052 (+6906.98%)
Mutual labels:  dark-theme, dark-mode

Charmed Dark 🎨

A charming and colorful dark theme for Xcode 🌈.

I love Dark Mode. And code-editing themes are no exception. But I've always found the colors used by most dark themes to be downright ugly β€” stale, muddy, conflicting, and ultimately failing to take advantage of their shadier surroundings.

So the idea behind Charmed Dark is to create a palette of bright, charming, juicy primary colors that pop from a dark background, please the eye, but still don't overwhelm and still play nicely with each other.

I hope you like it β€” but feel free to tweak things as needed ✌️.

πŸ“Έ Screenshots

Tip

Depending on your monitor settings, GitHub's image resolution capabilities, and, likely, my own screen capturing limitations, these images might not be showing in their "true" resolution. Try following the installation instructions below and booting up a new Xcode project so see things for yourself.

Switch Statements

Switch Statements

SwiftUI Tab View

SwiftUI Tab View

SwiftUI App

SwiftUI App

SwiftUI View With Previews

SwiftUI View With Previews

Regex Literal

Regex Literal

Markdown

Markdown

✍️ Typography

Main Fonts Used

Source Code

  • Fira Code
    • 15 pt
    • Retina/Medium/Bold
    • Relaxed Line Spacing

Markup & Markdown

  • SF Pro Text
  • 15 pt
  • Medium/Bold

Console & Debugger Text

  • SF Mono
  • Regular
  • 13 pt

⬇️ Installation

If you haven't already done so, create a FontAndColorThemes directory inside of Xcode's UserData folder:

mkdir -p ~/Library/Developer/Xcode/UserData/FontAndColorThemes

Then simply download this project and copy the Charmed Dark.xccolortheme file to the FontAndColorThemes directory:

cp Charmed\ Dark.xccolortheme ~/Library/Developer/Xcode/UserData/FontAndColorThemes/

From there, open up Xcode and head into Preferences > Themes, and select Charmed Dark from the list of theme options. (If you currently have Xcode open, you'll likely need to restart it before seeing Charmed Dark appear in the menu).

πŸ™ Credits

Despite the previous jab I made at most dark themes, Charmed Dark was inspired by some notable outliers β€” particularly One Dark and the outstanding Dracula theme. I use Dracula as my theme for iTerm, and wouldn't hesitate to recommend it πŸ§›β€.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].