Coder Social home page Coder Social logo

palcalde / tokyonight.nvim Goto Github PK

View Code? Open in Web Editor NEW

This project forked from folke/tokyonight.nvim

0.0 1.0 0.0 254 KB

๐Ÿ™ A clean, dark Neovim theme written in Lua, with support for lsp, treesitter and lots of plugins. Includes additional themes for Kitty, Alacritty, iTerm and Fish.

License: MIT License

Shell 11.47% Lua 87.81% Vim Script 0.72%

tokyonight.nvim's Introduction

๐Ÿ™ Tokyo Night

A dark and light Neovim theme written in Lua ported from the Visual Studio Code TokyoNight theme. Includes extra themes for Kitty, Alacritty, iTerm and Fish.

Storm

image

Night

image

Day

image

โœจ Features

  • supports the latest Neovim 5.0 features like TreeSitter and LSP
  • minimal inactive statusline
  • vim terminal colors
  • darker background for sidebar-like windows
  • color configs for Kitty, Alacritty and Fish Shell
  • lualine theme

Plugin Support

โšก๏ธ Requirements

  • Neovim >= 0.5.0

๐Ÿ“ฆ Installation

Install the theme with your preferred package manager:

vim-plug

Plug 'folke/tokyonight.nvim', { 'branch': 'main' }

packer

use 'folke/tokyonight.nvim'

๐Ÿš€ Usage

Enable the colorscheme:

" Vim Script
colorscheme tokyonight
-- Lua
vim.cmd[[colorscheme tokyonight]]

To enable the TokyoNight theme for Lualine, simply specify it in your lualine settings:

require('lualine').setup {
  options = {
    -- ... your lualine config
    theme = 'tokyonight'
    -- ... your lualine config
  }
}

To enable the tokyonight colorscheme for Lightline:

" Vim Script
let g:lightline = {'colorscheme': 'tokyonight'}

โš™๏ธ Configuration

โ—๏ธ configuration needs to be set BEFORE loading the color scheme with colorscheme tokyonight

The theme comes in three styles, storm, a darker variant night and day.

The day style will be used if:

  • vim.g.tokyonight_style == "day"
  • or vim.o.background == "light"
Option Default Description
tokyonight_style "storm" The theme comes in three styles, storm, a darker variant night and day.
tokyonight_terminal_colors true Configure the colors used when opening a :terminal in Neovim
tokyonight_italic_comments true Make comments italic
tokyonight_italic_keywords true Make keywords italic
tokyonight_italic_functions false Make functions italic
tokyonight_italic_variables false Make variables and identifiers italic
tokyonight_transparent false Enable this to disable setting the background color
tokyonight_hide_inactive_statusline false Enabling this option, will hide inactive statuslines and replace them with a thin border instead. Should work with the standard StatusLine and LuaLine.
tokyonight_sidebars {} Set a darker background on sidebar-like windows. For example: ["qf", "vista_kind", "terminal", "packer"]
tokyonight_transparent_sidebar false Sidebar like windows like NvimTree get a transparent background
tokyonight_dark_sidebar true Sidebar like windows like NvimTree get a darker background
tokyonight_dark_float true Float windows like the lsp diagnostics windows get a darker background.
tokyonight_colors {} You can override specific color groups to use other groups or a hex color
tokyonight_day_brightness 0.3 Adjusts the brightness of the colors of the Day style. Number between 0 and 1, from dull to vibrant colors
tokyonight_lualine_bold false When true, section headers in the lualine theme will be bold
-- Example config in Lua
vim.g.tokyonight_style = "night"
vim.g.tokyonight_italic_functions = true
vim.g.tokyonight_sidebars = { "qf", "vista_kind", "terminal", "packer" }

-- Change the "hint" color to the "orange" color, and make the "error" color bright red
vim.g.tokyonight_colors = { hint = "orange", error = "#ff0000" }

-- Load the colorscheme
vim.cmd[[colorscheme tokyonight]]
" Example config in VimScript
let g:tokyonight_style = "night"
let g:tokyonight_italic_functions = 1
let g:tokyonight_sidebars = [ "qf", "vista_kind", "terminal", "packer" ]

" Change the "hint" color to the "orange" color, and make the "error" color bright red
let g:tokyonight_colors = {
  \ 'hint': 'orange',
  \ 'error': '#ff0000'
\ }

" Load the colorscheme
colorscheme tokyonight

Making undercurls work properly in Tmux

To have undercurls show up and in color, add the following to your Tmux config file:

# Undercurl
set -g default-terminal "${TERM}"
set -as terminal-overrides ',*:Smulx=\E[4::%p1%dm'  # undercurl support
set -as terminal-overrides ',*:Setulc=\E[58::2::%p1%{65536}%/%d::%p1%{256}%/%{255}%&%d::%p1%{255}%&%d%;m'  # underscore colours - needs tmux-3.0

๐Ÿญ Extras

Extra color configs for Kitty, Alacritty, Fish, WezTerm and iTerm can be found in extras. To use them, refer to their respective documentation.

image

You can easily use the color palette for other plugins inside your Neovim config:

local colors = require("tokyonight.colors").setup({}) -- pass in any of the config options as explained above
local utils = requires("tokyonight.util")

aplugin.background = colors.bg_dark
aplugin.my_error = util.brighten(colors.red1, 0.3)

๐Ÿ”ฅ Contributing

Pull requests are welcome. For the extras, we use a simple template system that can be used to generate themes for the different styles.

How to add a new extra template:

  1. create a file like lua/tokyonight/extra/cool-app.lua
  2. add the name and output file extension to the extras table in lua/tokyonight/extra/init.lua
  3. in the root directory, run $ lua lua/tokyonight/extra/init.lua to generate / update extra themes
  4. commit the newly created themes under extra/

tokyonight.nvim's People

Contributors

abzcoding avatar akarl avatar arnavb avatar augustocdias avatar bigpick avatar chmanie avatar codicocodes avatar ebsi-cgoboncan avatar folke avatar ful1e5 avatar gaetan-puleo avatar imcgaunn avatar jmederosalvarado avatar joshdick avatar jpe90 avatar jschrtke avatar kovidgoyal avatar landonschropp avatar laughingman-hass avatar lkemitchll avatar oblitum avatar petertriho avatar stevearc avatar stsewd avatar timtyrrell avatar vinnya3 avatar

Watchers

 avatar

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.