Git Product home page Git Product logo

rigel's Introduction

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 ๐Ÿ‘Œ.

rigel's People

Contributors

anubhavcodes avatar chipbuster avatar dependabot[bot] avatar gotha avatar mikeyaa avatar muchzill4 avatar rigellute avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

rigel's Issues

[request] support italic

Hi, not sure where to put this feature request so I am adding it here.

Any chance you could support an italic mode ? Say, like gruvebox and onedark ? (they define a global var let g:onedark_terminal_italics = 1 and let g:gruvbox_italic = 1 to allow the style to use italic for comments...)

like this:
image

Add hyper theme

Hi there,

Thank you for inventing the great colour palette. As I know that your repository has already had a hyper theme but it looks incomplete for the following points. Thus, I created an alternative https://github.com/tani/hyper-rigel .

  • hyper-rigel is not uploaded on npmjs.com
  • only available 8 colours.
  • no colour configuration for selection.

If you would not mind merging my repository to your project, and use npmjs.com namespace. Please tell me.
I can send the PR and transfer the package name to your account.

[Suggestion] Submit to 'iTerm2-Color-Schemes' Repository

There's a really great repository with tons of color schemes, not just for iTerm, called iTerm2 Color Schemes. It has tons of color themes, and scripts that can convert iTerm color schemes to other types. It would be really nice to have Rigel be in there, since it's a great theme, and having it in so many other formats would be really nice too.

Add updated instructions for setting the colorscheme on slack.

First of all thank you for the beautiful theme. It works perfectly for me.

I followed the instructions to add the colorscheme to slack, and the current steps to do that are a bit different as described in the README.

I am opening this issue to discuss if you think it should be updated or not, and I will also create requests from my fork of the repo.

I look forward for your feedback.

[Suggestion] Webstorm Theme

A Webstorm/ InteliJ version of the theme would be lovely.

This theme looks beautiful, thank you for taking the time to create it.

:set colorcolumn[...] results in illegible text

Text is illegible when colorcolumn is set. This is easily remedied by setting guifg and guibg to NONE and replacing guibg and ctermbg with dark blues like so:

hi ColorColumn guifg=NONE ctermfg=NONE guibg=#002230 ctermbg=230 gui=NONE cterm=NONE

Screenshots:

With :set colorcolumn=100

rigel-colorcolumn-bug

With :set colorcolumn=100 and highlight edits

rigel-colorcolumn-fixed

The dark blue for the colorcolumn might be a bit too subtle, but the basic idea is there. Could possibly make it the same color as the cursorline (guibg=#001a25 ctermbg=234), like so:

image

VS Code Port

I have created a Rigel port for VS Code. It hasn't been submitted to the Visual Studio Marketplace because I want to get your (@Rigellute) feedback to see if there are any other improvements I can make.

If you want to try it out, download my repo and move the folder into your ~/.vscode/extensions directory.

https://github.com/mrmartineau/rigel-vscode

Thanks for the great theme by the way ๐Ÿ‘

[Addition] Windows Terminal Theme

Rigel colorscheme could be installed into Windows Terminal by adding following entry into schemes array of settings.json.

I only doubt the choice of selectionBackground color.

{
    "name": "rigel",

    "cursorColor": "#FFCC1B",
    "selectionBackground": "#E6E6DC",
    
    "background": "#002635",
    "foreground": "#E6E6DC",

    "black": "#00384D",
    "blue": "#1C8DB2",    
    "cyan": "#00CCCC",
    "green": "#7FC06E",
    "purple": "#C694FF",
    "red": "#C43061",
    "white": "#77929E",
    "yellow": "#F08E48",
    "brightBlack": "#517F8D",
    "brightBlue": "#7EB2DD",
    "brightCyan": "#00FFFF",
    "brightGreen": "#9CF087",
    "brightPurple": "#FB94FF",
    "brightRed": "#FF5A67",
    "brightWhite": "#B7CFF9",
    "brightYellow": "#FFCC1B"
},

Delimiter matching in vim is hard to read

Hi there!

Thanks for the work on this colorscheme!

One thing I've noticed in vim is that, with this colorscheme, the automatic delimiter highlighting gets a little tricky to read. For example, in the following screenshot, my cursor is actually on the last parenthesis of the line: the blue block after empty is just the matching delimiter highlighting.

image

In this example, it's not too bad, but in large codebases where delimiters may be very far up the page, it causes me to lose track of my cursor sometimes.

I looked over the docs, but I couldn't see a mention of this. Have I missed a setting that controls this or do you know if there's a different setting that interferes with coloring? The same screenshot with the Snazzy colorscheme looks like this:

image

In case it matters, my vimrc is here, and the terminal emulator is Konsole.

In tmux, color is off

I debugged this issue, and it boiled down to this line:

hi Normal guifg=#e6e6dc ctermfg=254 guibg=#002635 ctermbg=235 gui=NONE cterm=NONE

I'm not familiar enough with the semantics of vim colouring to know why this is happening, but I found something similar on reddit:
https://www.reddit.com/r/neovim/comments/825dj7/the_endless_litany_of_tmux_and_nvim_color_problems/

In here, someone mentions that the line in another colorscheme has this line:

hi Normal ctermfg=252 ctermbg=235 guifg=#c3d5ec guibg=#1e222c

and mentions: "That sets bg=light automatically, Vim helpfully decides that the bg is light, even though bg=dark was explicitly set a few lines above".

For context, here are pictures of vim/neovim run with and without the mentioned line in tmux.

With line:
Screen Shot 2019-09-04 at 5 05 52 PM

Without line:
Screen Shot 2019-09-04 at 5 05 35 PM

By the way, beuatiful colorscheme!

[Website] order of lightline statusbar example

This is a very minor issue.

The website shows the airline and the lightline statusbar with the applied colors, but the order of the vim modes of the lightline is there "normal","insert","replace","visual" in contrast to the airline order "normal", "insert", "visual", "replace".

To be consistent and easier to compare, the "replace" and "visual" mode should be swapped.
Even the lightline examples of their github page (https://github.com/itchyny/lightline.vim) use always the order "normal", "insert", "visual", "replace". Thus this order should be used.

[Addition] Emacs theme

Would love to paint my emacs with rigel theme, as its becoming default theme everywhere.

Workaround
In mean time, I used the existing theme for vim and converted it to rigel-theme.el

Sample
loading the generated theme on vanilla emacs looks like this:
screenshot-20200711-07:21:57

Any emacs folks in house for review ??

Selection color makes some text hard to read

First of all, thanks for sharing this lovely theme. Amazing work! ๐Ÿ˜

I'm not sure if it's something wrong with my setup, but the selection color in vim makes certain highlights hard to read (def and return are barely visible):

Screenshot 2019-11-01 at 21 41 19

While the purpose of selecting does not strictly go in line with reading what's selected, I was wondering if you'd consider tweaking the selection color a bit.

nvim treesitter support

Hi,
first of all: this is my absolute favorite colorscheme. Thanks for making it.

A few months ago I changed my neovim config to use treesitter for highlighting. It's great but it seems to break the colors for Rigel.
I since switched to another scheme but I dearly miss Rigel. Is there a chance that Rigel will be updated to support the treesitter highlight groups? I once tried to update it myself but I failed so far, having little experience with the whole vim color scheme topic.

Issue with terminal color

I think the last commit has caused some issue with my VIM. Every time I run vim I get the following error:

Error detected while processing function <SNR>56_AddAnsiGroups:
line   18:
E254: Cannot allocate color 0
E254: Cannot allocate color 0
Press ENTER or type command to continue

That is a function in coc.nvim. It seems like the g:terminal_ansi_colors has a wrong value that causes this.

:echo g:terminal_ansi_colors
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.