Skip to content

About

Codely terminal color theme for Ghostty and Rex Beta

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Codely Terminal Theme logo

Codely Terminal Theme

Codely OS Codely Cafe News Codely Newsletter Codely YouTube Codely Courses GitHub Repo stars

A dark terminal theme with a deep navy background, bright accents, and a mint green cursor.

One theme file for Ghostty and Rex Beta.

Inspired by the Codely Design System.

Preview

Ghostty

Codely theme in Ghostty with file icons and ANSI colors

Rex Beta

Codely theme in Rex Beta showing file icons, a project tree, and an error message

Screenshots use the demo folder included in this repository. Icons come from eza and a Nerd Font; the theme supplies the terminal colors. File colors also depend on eza and your shell color settings. App chrome and transparency depend on your terminal preferences.

Getting started

Download the Codely theme file, or clone this repository:

git clone https://github.com/CodelyTV/terminal-theme.git
cd terminal-theme

Ghostty

Copy the theme into Ghostty's user themes directory. Run this from the repository root:

mkdir -p "${XDG_CONFIG_HOME:-$HOME/.config}/ghostty/themes"
cp themes/Codely "${XDG_CONFIG_HOME:-$HOME/.config}/ghostty/themes/Codely"

Add this line to your Ghostty configuration:

theme = Codely

Remove any existing background, foreground, cursor-color, selection-background, selection-foreground, and palette settings that would override the theme. The theme also sets bold-is-bright = true.

On macOS, the configuration is commonly at ~/Library/Application Support/com.mitchellh.ghostty/config. Ghostty also supports the XDG configuration directory. Reload with Cmd+Shift+, on macOS, or use Reload Configuration in the menu.

You can also reference the theme with an absolute path:

theme = /absolute/path/to/terminal-theme/themes/Codely

See Ghostty's theme documentation.

Rex Beta

  1. Open Rex Beta > Settings > Themes.
  2. Under Import Theme, click Import.
  3. Select themes/Codely from this repository.
  4. Select Codely under Dark Mode.

Rex imports Ghostty and iTerm theme files and matches the appearance from the background color. These steps were checked in Rex Beta 0.1.0, build 1203. Rex's interface can evolve during the beta.

Reproduce the preview

Install eza and use a Nerd Font in your terminal. To match the original Ghostty configuration, select DankMono Nerd Font, which must be installed separately. No font is bundled with this theme.

On macOS, eza can be installed with Homebrew:

brew install eza

Run the preview from the repository root:

./scripts/preview.sh

Or inspect the demo directory directly. If you use the Codely dotfiles, the la alias already runs eza -la --icons --group-directories-first:

cd demo
la

Without that alias, use the equivalent command:

eza -la --icons=always --color=always --group-directories-first

The demo includes source code, tests, package metadata, configuration files, an executable, a symbolic link, and an SVG. package-lock.json is the standard npm lockfile name. macOS's built-in ls -la does not render file icons.

For a tree view, run eza --tree --all --icons=always --color=always demo.

The preview also displays all 16 ANSI colors. It does not install packages or run the demo app.

Theme colors

Color Normal Bright
Black #352D39 #9D8DA5
Red #FF6978 #FFB5BC
Green #3CFF64 #5CF19E
Yellow #FEF878 #FFFBBA
Blue #1A8FE3 #8DC8F2
Magenta #F15CAF #F8ADD6
Cyan #75F4F4 #A4E2F2
White #FFFFFF #FFFEFC

Background: #1A2233. Foreground: #FFFFFF. Cursor: #5CF19E. Selection: #ABB2BF on #3E4451.

Contributing

Edit themes/Codely, import it into your terminal, and run the preview. Include updated screenshots when changing colors.

License

MIT.

About

Codely terminal color theme for Ghostty and Rex Beta

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages