rytse / rigel

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

Home Page:https://rigel.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  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 β†’ Sidebar Theme
  2. 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 πŸ‘Œ.

About

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

https://rigel.netlify.com/


Languages

Language:Vim Script 41.0%Language:HTML 23.9%Language:CSS 21.5%Language:JavaScript 13.6%