Skip to content

The best flat theme for Vim, Atom, Sublime Text, Jetbrains Editors, Terminal.app, iTerm, Xcode, Windows Terminal and XTerm

Notifications You must be signed in to change notification settings

raphamorim/lucario

Repository files navigation

Logo

The best colorful flat theme for your favorite editor and terminal emulator.

Contents

Color Palette

Palette Hex RGB HSL Sample
Background #2b3e50 43 62 80 209.2° 30.1% 24.1%
Current Line #243443 36 52 67 209° 30.1% 20.2%
Selection #19242f 25 36 47 210° 30.6% 14.1%
Foreground #f8f8f2 248 248 242 60° 30% 96%
Comment #5c98cd 92 152 205 208.1° 53.1% 58.2%
String #e6db74 230 219 116 54.2° 69.5% 67.8%

Editors

Atom Example

  1. Go to Atom -> Preferences...
  2. Then select the Install tab
  3. Switch to the Themes
  4. Type Lucario in the search box

See Lucario in atom.io page

Helix Example

  1. Copy helix/lucario.toml to $XDG_HOME/.config/helix/themes
  2. Issue the :theme lucario command or add theme = "lucario" to your config.toml

Jetbrains Editors

(Available for IntellijIDEA, Pycharm, Webstorm, PHPStorm and RubyMine)

Jetbrains Example

  1. Download Intellij/Lucario.jar
  2. Go to File -> Import Settings.
  3. In the Import File Location dialog box select your downloaded Intellij/Lucario.jar file.
  4. In the Select Components to Import dialog box select only Editor Colors as settings to be imported, and click OK.

Sublime Example

Install using Package Control

If you are using Package Control, you can easily install Lucario via Package Control: Install Package. The package theme is named "Lucario Color Scheme" in the packages list.

Install manually

  1. Download Lucario.tmTheme
  2. Open Sublime text and click on Preferences -> Browse Packages
  3. Select your downloaded Lucario.tmTheme there

Activating the theme

You should be able to select lucario theme by browsing Preferences -> Color Scheme -> Lucario

There are two implementations of Lucario for VS Code. The first one by Ikuyadeu (issues tracked here):

VS Code theme by Ikyuadeu example

The second one by victor-gp (issues tracked here):

VS Code theme by victor-gp example

To install one of them: launch VS Code Quick Open (Ctrl+P), paste the corresponding command and press enter.

ext install Ikuyadeu.lucario
  OR
ext install victor-gp.lucario-theme

Vim Example

  1. Download colors/lucario.vim
  2. Move the file to the ~/.vim/colors/ directory
  3. Add the following lines to your vimrc file:
    syntax enable
    set number
    colorscheme lucario

OS X Hint: vim /usr/share/vim/vimrc

xcode Example

  1. Download xcode/Lucario.dvtcolortheme
  2. Move the file to your Xcode FontAndColorThemes directory
  3. Reopen your Xcode and click on Xcode -> preferences
  4. Open Fonts & Colors tab and select lucario as your theme

Hint: run this command to move the Lucario.dvtcolortheme file to your Xcode FontAndColorThemes directory:

$ mv Lucario.dvtcolortheme ~/Library/Developer/Xcode/UserData/FontAndColorThemes/

Terminal Emulators

Rio Terminal Example

  1. Download rio/lucario.toml
  2. Create a folder called themes inside Rio configuration folder path.
  3. Move lucario.toml file to inside themes folder.
  4. Change your Rio configuration main file to use the theme you want.
    [style]
    theme = "lucario"

GNOME Terminal Example

Since it is not possible to add color themes to GNOME Terminal, the provided script will create a new Profile which uses custom colors.

  1. Download gnome-terminal/lucario.sh
  2. Run the script from within GNOME Terminal (./lucario.sh)
  3. Right-click in the Terminal and select Profiles -> Lucario
  4. In the main menu select Edit -> Preferences
  5. Go to the Profiles tab and in the dropdown list for the default profile select Lucario

The script was created with terminal.sexy.

iTerm Example

  1. Download iterm/Lucario.itermcolors
  2. Open Settings in iTerm
  3. Go to Profiles -> Colors tab
  4. Click Load Presets... to import and select the Lucario.itermcolors file

Terminal Example

  1. Download terminal/Lucario.terminal
  2. Open Settings in Terminal
  3. Click "Gear" icon
  4. Click Import and select the Lucario.terminal file
  5. Click Default

Termux Example

  1. Make sure that Termux:Styling add-on is installed.
  2. Download termux/lucario.colors
  3. Replace the lucario.colors with ~/.termux/colors.properties.
  4. Rename lucario.colors to colors.properties.
  5. Restart Termux to apply.

Xfce Terminal

xfce4-terminal Example

  1. Save xfce4-terminal/lucario.theme to $HOME/.local/share/xfce4/terminal/colorschemes/ (You might need to create this folder first.)
  2. In Xfce Terminal open Preferences, go to the Colors tab and under Presets select Lucario.

xterm Example

  1. Download xterm/.Xresources
  2. Either move the .Xresources file to your home directory or add the contents to your existing ~/.Xresources
  3. Run xrdb -merge ~/.Xresources
  4. (optional) Add xrdb -merge ~/.Xresources to your init scripts (e.g. .xinitrc)

Windows Terminal Example

  1. Open settings.json from Windows Terminal.
  2. Find the "schemes" array within it.
  3. Now, copy the JSON object present in lucario.json to "schemes" array in settings.json file.
  4. Apply the color scheme by setting "colorScheme": "Lucario" to your profile.

alacritty Example

The most up-to-date versions of Alacritty use the TOML format for configuration. For configuration with YAML (in previous versions) follow the additional steps.

TOML

  1. Copy and paste alacritty/lucario.toml into your alacritty config at $HOME/.config/alacritty/lucario.toml
  2. Import the configuration in your alacritty.toml file
    import = [
        "~/.config/alacritty/lucario.toml"
    ]

YAML

  1. Copy and paste alacritty/alacritty.yml into your alacritty config at $HOME/.config/alacritty/alacritty.yml

Mintty Example

  1. Download mintty/lucario
  2. Create the directory ~/.mintty/themes in case it does not exist

Note

The physical directory pointed by ~ depends on your environment: C:\Users\<username> on Git Bash, C:\cygwin64\home\<username> on Cygwin, or C:\msys64\home\<username> on MSYS2.

  1. Place the downloaded lucario on the directory ~/.mintty/themes
  2. Append a new line containing ThemeFile=lucario to the file ~/.minttyrc
  3. Restart Mintty to apply

Others

CSS

CSS Example

  1. Download CSS/lucario.css
  2. Move the CSS/lucario.css file to your web directory
  3. Include the stylesheet in your HTML by including the line
    <link rel="stylesheet" type="text/css" href="lucario.css">
  4. The default stylesheet with highlight code blocks is rendered with the class highlight.

Pygments

  1. Use git clone https://github.com/raphamorim/lucario.git
  2. Copy the pygments/lucario.py file to pygments style directory, usually /usr/local/lib/python/X.X/site-packages/pygments/styles/
  3. Run the following to use the formatter on the command line, pygmentize -S lucario

Contributing

Want to use Lucario Color Scheme for your favorite editor, but it doesn't exist? So how about creating one? It's very simple! \o/

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :)

About

Credits: Project inspired by @zenorocha's Dracula Theme.

License: MIT © Raphael Amorim.