• Stars
    star
    788
  • Rank 55,735 (Top 2 %)
  • Language
    Vim Script
  • Created almost 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,009
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
537
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

rio

A hardware-accelerated GPU terminal emulator powered by WebGPU, focusing to run in desktops and browsers.
Rust
234
star
9

write-code-every-day

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

retro

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

go-rainbow

Golang Helper for beautiful CLI Applications
Go
89
star
12

react-motions

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

imgStatus

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

xwasm

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

clapton

Yet Another Open Source Desktop Media Player
JavaScript
50
star
16

canvas-experiments

Some experiments using Canvas HTML5 technology.
JavaScript
46
star
17

inphinity

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

calendario

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

firefox-offline-game

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

ranza

The dependency checker
JavaScript
30
star
21

LR35902

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

memory-inspector

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

wat

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

cargo-server

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

elekid

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

kyoto

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

nautilus.js

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

react-song

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

off-the-hook

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

webpack-2-vs-rollup

Comparison between Webpack 2 and Rollup
JavaScript
14
star
31

treeData.js

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

js2c

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

angular-drag-n-drop

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

just-canvas

Dancing using JavaScript - Canvas HTML5 Feature
JavaScript
13
star
35

algorithms-playground

Solutions to algorithmic problems
JavaScript
13
star
36

redux-ssr-shopping-cart

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

awesome-conduct

Be Truly Awesome
12
star
38

sound-hunter

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

astrofish

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

reactsandbox

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

mugiwara

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

tzu

The belt of number conversion for nodejs
JavaScript
10
star
43

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
44

raphamorim-keynote-theme

My own keynote theme :))
9
star
45

webassembly-image-editor

Image Editor powered by WebAssembly and Rust
JavaScript
8
star
46

how-to-write-your-react-renderer

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

kenobi

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

nbfs

NonBlocking ~Nodejs~ File System
JavaScript
6
star
49

aQuery

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

rust-dockerclient

Rust client for the Docker remote API
Rust
6
star
51

blonde

Paintfull setup no more
JavaScript
5
star
52

origamijs

Origami.js Site
CSS
5
star
53

capivara

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

500-days

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

shell-script-frontend

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

react-ape-movie-list-demo

Demo with React Ape
JavaScript
4
star
57

axum-service-checklist

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

react-blessed-task-list

JavaScript
3
star
59

retroeditor.io

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

raphamorim.github.com

A open blog plataform
JavaScript
2
star
61

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

Rustlab 2023 talk
HTML
2
star
62

shells

My collection of shell scripts
Shell
2
star
63

skyrim-vr

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

500-days-of-open-source

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

MapJs

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

tv-react-renderer-benchmark

Benchmark between renderers focused on memory
JavaScript
2
star
67

virtual.js

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

chlog

[WIP] Changelog for Humans
JavaScript
1
star
69

wa

Nothing to see here yet
Rust
1
star
70

arjs

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

suikoden-stars

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

awesome-webgl

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

js2c-set

Transform JS to C
JavaScript
1
star
74

rust-is-awesome

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

The-good-developer

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

react-conf-brasil

HTML
1
star
77

react-ape-preview

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

sayok

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

origami.svg

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

react-ape-photo-gallery

JavaScript
1
star
81

weird

Elixir
1
star
82

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
83

canvas-icons

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

canvas-filter-tools

filter tools powered by wasm and canvas
JavaScript
1
star
85

offline-reader

Work in progress
JavaScript
1
star