• Stars
    star
    797
  • Rank 57,151 (Top 2 %)
  • Language
    Vim Script
  • Created over 10 years ago
  • Updated 5 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

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

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 Text

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

Visual Studio Code

VS Code Example

  1. Go to View -> Command Palette or press Ctrl+Shift+P
  2. Then enter Install Extension
  3. Search for Lucario and install the extension.
  4. Open Command Palette, enter Preferences: Color Theme and select Lucario

Issues for the VS Code theme are tracked here.

Vim

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

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

Rio Terminal Example

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

GNOME Terminal

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

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.app

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

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

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

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.

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.

More Repositories

1

react-tv

[ Unmaintained due to raphamorim/react-ape ] React Renderer for low memory applications
JavaScript
2,014
star
2

react-ape

🦍• React Renderer to build UI interfaces using canvas/WebGL (TV and Hardware-Accelerated GPU development based)
JavaScript
1,513
star
3

awesome-canvas

A curated list of awesome HTML5 Canvas with examples, related articles and posts.
Markdown
1,399
star
4

origami.js

Powerful and Lightweight Library to create using HTML5 Canvas
JavaScript
765
star
5

waterfall.js

Tired of use creepy hacks or heavy ways to get a Grid based on Pinterest?
JavaScript
540
star
6

wasm-and-rust

WebAssembly and Rust: A Web Love Story
495
star
7

native-css

Convert pure CSS to React Style or javascript literal objects.
JavaScript
340
star
8

write-code-every-day

[No longer maintained] :octocat: A project to honor those developers who believed in the challenge.
HTML
170
star
9

retro

[Work in Progress] Minimalist Vim Based Editor for the 30th Century
JavaScript
105
star
10

go-rainbow

Golang Helper for beautiful CLI Applications
Go
89
star
11

react-motions

Compose React Animations using High-Order Functions or Components
CSS
88
star
12

imgStatus

[855bytes] Detect when images have been loaded without jQuery
JavaScript
65
star
13

xwasm

[Work In Progress] WebAssembly Packager and WASM tooling for modern frontend
JavaScript
55
star
14

clapton

Yet Another Open Source Desktop Media Player
JavaScript
50
star
15

canvas-experiments

Some experiments using Canvas HTML5 technology.
JavaScript
46
star
16

inphinity

A infinity scroll without jQuery or other dependency.
JavaScript
45
star
17

calendario

📆 Check if a day is a workday or holiday
JavaScript
37
star
18

firefox-offline-game

Mozillian fork from Chromium T-Rex Game
JavaScript
35
star
19

ranza

The dependency checker
JavaScript
30
star
20

LR35902

Gameboy Emulator written in Rust and WebAssembly. 8-bit microprocessor: Sharp LR35902.
Rust
28
star
21

memory-inspector

Memory Inspector watches memory usage/behaviour of an Web Application
JavaScript
22
star
22

wat

[fsnotify] A cross-platform File Watcher that runs specific tasks when specific files are added, changed or deleted
Go
21
star
23

cargo-server

serve a static site, single page application or just a static file with Rust
Rust
21
star
24

elekid

Resolver for React's Server Side Render on Module, ReactElement or Electron
JavaScript
19
star
25

kyoto

Kyoto Lang - A programming language designed to build WebAssembly
Rust
19
star
26

nautilus.js

Async CSS/JavaScript loader & dependency manager in ~1kb (600B gziped)
JavaScript
18
star
27

react-song

React renderer to MIDI, Custom Notes, ArrayBuffers and Base64 based on Songs
JavaScript
18
star
28

off-the-hook

[WIP] React Hooks that I use in my personal projects or I've created just for fun.
JavaScript
16
star
29

webpack-2-vs-rollup

Comparison between Webpack 2 and Rollup
JavaScript
14
star
30

treeData.js

A JavaScript plugin to easy create an tree data structure.
CSS
14
star
31

js2c

[WIP] Transform JavaScript into ANSI C
JavaScript
14
star
32

angular-drag-n-drop

Angular Drag and Drop, with no dependency on Jquery or other library.
JavaScript
13
star
33

just-canvas

Dancing using JavaScript - Canvas HTML5 Feature
JavaScript
13
star
34

algorithms

Solutions to algorithmic problems
JavaScript
13
star
35

redux-ssr-shopping-cart

A complete sample of React + Redux + Server Side Render + GraphQL + Express + MongoDB
JavaScript
13
star
36

awesome-conduct

Be Truly Awesome
12
star
37

sound-hunter

Increase speed for search, finding songs in less than 5 minutes
CSS
12
star
38

astrofish

A intergalactic theme based on Spacemacs Color Scheme
Vim Script
11
star
39

reactsandbox

Create a React Component Sandboxes based on compositions
JavaScript
11
star
40

mugiwara

fast minimal CSS-in-JS created to reduce size of CSS injected
JavaScript
11
star
41

tzu

The belt of number conversion for nodejs
JavaScript
10
star
42

500-dias-de-open-source

Meu livro que retrata a experiencia de ter mergulhado de cabeça no mundo open source e escrever código útil diariamente por 500 dias seguidos.
Shell
10
star
43

raphamorim-keynote-theme

My own keynote theme :))
9
star
44

how-to-write-your-react-renderer

Slides: http://raphamorim.io/how-to-write-your-react-renderer
JavaScript
8
star
45

webassembly-image-editor

Image Editor powered by WebAssembly and Rust
JavaScript
8
star
46

kenobi

Render objects for view engines or static html
JavaScript
7
star
47

nbfs

NonBlocking ~Nodejs~ File System
JavaScript
6
star
48

aQuery

jQuery chunk [<=1kb]
JavaScript
6
star
49

rust-dockerclient

Rust client for the Docker remote API
Rust
6
star
50

blonde

Paintfull setup no more
JavaScript
5
star
51

origamijs

Origami.js Site
CSS
5
star
52

capivara

[no longer maintained] Generates & Obtain DOM (Document Object Model)
Python
5
star
53

500-days

http://raphamorim.io/500-days/
JavaScript
4
star
54

shell-script-frontend

[WIP] Replace grunt / gulp tasks using Shell Script
Shell
4
star
55

react-ape-movie-list-demo

Demo with React Ape
JavaScript
4
star
56

axum-service-checklist

Template for Rust API with Axum and Tokio
Rust
3
star
57

react-blessed-task-list

JavaScript
3
star
58

retroeditor.io

[Deprecated] Move to raphamorim/retro
HTML
3
star
59

raphamorim.github.com

A open blog plataform
JavaScript
2
star
60

Bring-Game-Boy-Alive-in-the-Web-with-Rust-and-WebAssembly-RustLab-2023

Rustlab 2023 talk
HTML
2
star
61

shells

My collection of shell scripts
Shell
2
star
62

skyrim-vr

Skyrim scenarios to Panoramic View using MozVR, thanks Skyrim360.
JavaScript
2
star
63

MapJs

The geolocation API and google maps working based only on your HTML.
JavaScript
2
star
64

500-days-of-open-source

My book about the write code every single day experience
2
star
65

tv-react-renderer-benchmark

Benchmark between renderers focused on memory
JavaScript
2
star
66

virtual.js

Use markup to create VR slide presentations that work across desktop, iOS, Android, and the Oculus Rift.
JavaScript
1
star
67

wa

Nothing to see here yet
Rust
1
star
68

arjs

Augmented Reality [拡張現実] JavaScript Library
JavaScript
1
star
69

suikoden-stars

A json data about all stars of destiny and how recruit in each suikoden game.
1
star
70

awesome-webgl

A curated list of awesome HTML5 Canvas with examples, related articles and posts.
1
star
71

chlog

[WIP] Changelog for Humans
JavaScript
1
star
72

js2c-set

Transform JS to C
JavaScript
1
star
73

rust-is-awesome

Personal list to check some resources which I've <3
1
star
74

The-good-developer

My book talks about how to become a better developer
HTML
1
star
75

react-conf-brasil

HTML
1
star
76

sayok

[EXPERIMENT] Terminal Notification for MacOS to notify Succeed Task
JavaScript
1
star
77

react-ape-preview

Service to run previews of React Ape render. Created specifically to react-ape docs
JavaScript
1
star
78

origami.svg

A Origami Plugin to deliver SVG instead Canvas (canvas to SVG)
JavaScript
1
star
79

canvas-icons

in development (Move Along, Nothing to See Here)
JavaScript
1
star
80

weird

Elixir
1
star
81

react-ape-photo-gallery

JavaScript
1
star
82

canvas-filter-tools

filter tools powered by wasm and canvas
JavaScript
1
star
83

offline-reader

Work in progress
JavaScript
1
star
84

rio

Rio is an opinionated package manager built with Rust for NodeJS ecosystem.
Rust
1
star
85

hackathon-1746

Projeto desenvolvido para solucionar o problema com a poda de árvores para a HackAthon 1746 realizado pela prefeitura do Rio de Janeiro
PHP
1
star