Skip to content

🌌 Colorscheme for vim, terminal, vscode and slack - based on the star Rigel ✨.

Notifications You must be signed in to change notification settings

Rigellute/rigel

Repository files navigation

Rigel ✨

vim

A 24bit colorscheme based on the star Rigel - the bright blue star in the constellation of Orion

vim

Installation

Troubleshooting

Install

Vim

"""" install
" install with vim-plug
Plug 'Rigellute/rigel'

" or with NeoBundle
" NeoBundle 'Rigellute/rigel'
" or with Vundle
" Plugin 'Rigellute/rigel'

"""" enable 24bit true color
set termguicolors

"""" enable the theme
syntax enable
colorscheme rigel
JavaScript and TypeScript

If you are using JavaScript, I recommend adding vim-javascript for improved syntax highlighting.

Plug 'pangloss/vim-javascript'

This theme has good support for flow syntax, which you can enable with

" Once vim-javascript is installed you enable flow highlighting
let g:javascript_plugin_flow = 1

If you are using React, I recommend adding vim-jsx for better jsx highlighting

Plug 'mxw/vim-jsx'

This theme also has good support for Typescript, which is enabled by default. You might just need to add a plugin for Typescript syntax.

I recommend leafgarland/typescript-vim.

airline

let g:rigel_airline = 1
let g:airline_theme = 'rigel'

lightline

let g:rigel_lightline = 1
let g:lightline = { 'colorscheme': 'rigel' }

Terminal

terminal

The terminal screenshot above is using Pure prompt and Fira Code font (size 16) in Alacritty.

Alacritty

If you are using Alacritty version 0.13.0 or newer:

  1. Copy alacritty.toml and paste into ~/.config/alacritty/alacritty.toml

otherwise:

  1. Copy alacritty.yml and paste into ~/.config/alacritty/alacritty.yml

Kitty

  1. Copy kitty.conf and paste into ~/.config/kitty/kitty.conf

iTerm2

  1. Download rigel.itermcolors
  2. In iTerm2 access the Preferences pane on the Profiles tab.
  3. Under the Colors tab import the rigel.itermcolors file via the Load Presets drop-down at the bottom right.

macOS Terminal.app

  1. Download rigel.terminal
  2. Terminal > Preferences > Profiles > [+] button to select file and use theme

Note Terminal.app doesn't support truecolor, so colors might look slightly faded.

VS Code

Thanks to mrmartineau, the Rigel theme is ported to VS Code, which can be found here. The theme can be installed via "extensions" from the Visual Studio Marketplace.

VS Code port repo.

Slack

  1. Go to Slack's Preferences β†’ Themes
  2. Click on custom themes.
  3. Scroll to the bottom and paste these colors:
#002635,#00384D,#F08E48,#E6E6DC,#00384D,#B7CFF9,#00FFFF,#FF5A67

Troubleshooting

True color

Make sure you are using a terminal emulator that supports truecolor. Read more about this here.

Colours don't look right

If you are running vim within tmux, you may run into some truecolor issues.

To fix, add this to you tmux.conf

set -g terminal-overrides ',xterm-256color:Tc'
set -g default-terminal "tmux-256color"
set -as terminal-overrides ',xterm*:sitm=\E[3m'

And in your .bash_profile || .zshrc

export TERM="xterm-256color"

Ensure you tmux kill-server, quit your emulator of choice and startup it all back up again. It should then look πŸ‘Œ.