raphamorim / lucario Goto Github PK

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

CSS 15.77% Shell 16.85% Less 20.70% Vim Script 42.70% Python 3.98%

sublime-text color-scheme iterm2 xterm xcode flat theme preferences jetbrains atom

lucario's Introduction

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

Color Palette
Editors
Terminal Emulators
Others
- CSS
- Pygments
Contributing
About

Color Palette

Palette	Hex	RGB	HSL
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

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

See Lucario in atom.io page

Jetbrains Editors

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

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

Sublime Text

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

Download Lucario.tmTheme
Open Sublime text and click on Preferences -> Browse Packages
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

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

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

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

Xcode

Download xcode/Lucario.dvtcolortheme
Move the file to your Xcode FontAndColorThemes directory
Reopen your Xcode and click on Xcode -> preferences
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

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

GNOME Terminal

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

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

The script was created with terminal.sexy.

iTerm

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

Terminal.app

Download terminal/Lucario.terminal
Open Settings in Terminal
Click "Gear" icon
Click Import and select the Lucario.terminal file
Click Default

Termux

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

Xfce Terminal

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

XTerm

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

Windows Terminal

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

Alacritty

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

Others

CSS

Download CSS/lucario.css
Move the CSS/lucario.css file to your web directory

Include the stylesheet in your HTML by including the line

<link rel="stylesheet" type="text/css" href="lucario.css">

The default stylesheet with highlight code blocks is rendered with the class highlight.

Pygments

Use git clone https://github.com/raphamorim/lucario.git
Copy the pygments/lucario.py file to pygments style directory, usually /usr/local/lib/python/X.X/site-packages/pygments/styles/
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/

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

About

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

License: MIT © Raphael Amorim.

lucario's People

Contributors

Stargazers

Watchers

lucario's Issues

I guess this is more of a suggestion than an issue. This is hands down the best theme I have ever had for sublime. Except one thing: the instance keywords this and self for java and python respectively are unaffected and though i tried changing them myself, i couldn't. Would someone mind pointing me in the right direction as to how i should change these, or can i just suggest it become implemented? It would be 100x better 👍

Colour highlighting of Julia functions - difference in Atom and Sublime

Hi,
I am wondering whether you do not know why the scheme highlight the same code differently in Atom and Sublime. The desired one is the one of Atom.

Atom example [correct]:

Sublime example (functions are of the colour of text):

Thank you for ideas.

Target the selector `:host, atom-text-editor` instead of `.editor` for shadow DOM support.

In index.less: Target the selector :host, atom-text-editor instead of .editor for shadow DOM support.

[VIM] Inconsistent style between Search and IncSearch

Hi @raphamorim, I know that it is possible to style IncSearch and Search differently, but I would expect these two styles to be the same.

Besides, I prefer the one you have chosen for IncSearch; it provides a stronger contrast than just an underline, which is desirable since it is the style for things we are looking for.

So, what do you think about replacing this:

For this:

If you agree, I would be happy to send a PR for that.

Intellij missing

Please could you make this awessome theme for intellij IDEA. Im currently using it in Vim and some other editors. It would be great. :)

Vim color scheme more than 256 colors

It's possible?
i've used the colors available in the 256 colors pallete. But as soon loses the magic

CSS style is not using Lucario colors

The color codes in the CSS style are not the ones defined for lucario in the README.
For example for strings #d7d787is used instead of #e6db74. Is this done on purpose?

Atom: Something causes the gutter line numbers to disappear/reappear at random occasions

Hi there,

Came across another issue that I unfortunately don't have the time to troubleshoot (for now).

Something with your atom theme causes the gutter to go crazy and hide line numbers at random intervals. It really is quite unpredictable.

Here's a screenshot:

Let me know what you think. I'll see if I can get to troubleshooting this further in a week or so when I have more time.

Thanks

Edit: I have a sneaking suspicion that it has something to do with the git diff package. It only happens on lines that are marked as edited, removed, or added..

Deprecated selector in `Lucario\index.less`

In Lucario\index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

.comment => .syntax--comment
.string => .syntax--string
.constant => .syntax--constant
.variable => .syntax--variable
.variable.other.readwrite.instance => .syntax--variable.syntax--other.syntax--readwrite.syntax--instance
.constant.character.escaped, .constant.character.escape, .string .source, .string .source.ruby => .syntax--constant.syntax--character.syntax--escaped, .syntax--constant.syntax--character.syntax--escape, .syntax--string .syntax--source, .syntax--string .syntax--source.syntax--ruby
.keyword, .storage => .syntax--keyword, .syntax--storage
.storage.type => .syntax--storage.syntax--type
.entity.name.class => .syntax--entity.syntax--name.syntax--class
.entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-class
.entity.name.function => .syntax--entity.syntax--name.syntax--function
.variable.parameter => .syntax--variable.syntax--parameter
.entity.name.tag => .syntax--entity.syntax--name.syntax--tag
.entity.other.attribute-name, .markup.heading => .syntax--entity.syntax--other.syntax--attribute-name, .syntax--markup.syntax--heading
.support.function => .syntax--support.syntax--function
.support.constant => .syntax--support.syntax--constant
.support.type, .support.class => .syntax--support.syntax--type, .syntax--support.syntax--class
.support.other.variable, .variable.unordered, .variable.ordered => .syntax--support.syntax--other.syntax--variable, .syntax--variable.syntax--unordered, .syntax--variable.syntax--ordered
.invalid, .invalid.deprecated => .syntax--invalid, .syntax--invalid.syntax--deprecated
.markup.bold, .markup.italic => .syntax--markup.syntax--bold, .syntax--markup.syntax--italic
.markup.raw => .syntax--markup.syntax--raw
.punctuation.definition.tag.xml.plist, .constant.name.xml => .syntax--punctuation.syntax--definition.syntax--tag.syntax--xml.syntax--plist, .syntax--constant.syntax--name.syntax--xml
atom-text-editor, :host => atom-text-editor,atom-text-editor
atom-text-editor .line.cursor-line, :host .line.cursor-line => atom-text-editor .line.cursor-line,atom-text-editor .line.cursor-line
atom-text-editor .invisible, :host .invisible, atom-text-editor .invisible-character, :host .invisible-character => atom-text-editor .invisible,atom-text-editor .invisible, atom-text-editor .invisible-character,atom-text-editor .invisible-character
atom-text-editor .selection .region, :host .selection .region => atom-text-editor .selection .region,atom-text-editor .selection .region
atom-text-editor .selection .cursor, :host .selection .cursor => atom-text-editor .selection .cursor,atom-text-editor .selection .cursor
atom-text-editor .indent-guide, :host .indent-guide => atom-text-editor .indent-guide,atom-text-editor .indent-guide
atom-text-editor .wrap-guide, :host .wrap-guide =

Logo doesn't show up on atom website

You should put full link to fix the issue

auto complete popup is same color of background in vim

Is this intended behavior?

Support Gnome-Terminal

Absolutely love this theme! If possible, could you please support gnome-terminal? Should be easy I hope.

Different editors/terminals use different colors

After stumbling upon non-palette colors in #60 and #63, I just ran a quick grep over the files in this repository to get an overview of all color hex-codes used.

Here is a list of the files that include RGB color codes and the colors they use:

readme.md
#19242f
#243443
#2b3e50
#5c98cd
#e6db74
#f8f8f2

lucario.tmtheme
#10171e
#19242f
#243443
#2b3e50
#3f9ab7
#49483e
#5c98cd
#61bbc8
#66d9ef
#72c05d
#75715e
#a6e22e
#ae81ff
#e6db74
#f8f8f0
#f8f8f2
#f92672
#ca94ff
#ff6541
#ffab28

gnome-terminal/lucario.sh
#2b3e50
#4f4f4f
#5796ed
#6b9fed
#8ee478
#eeeeee
#f8f8f2
#fa6960
#fbb036
#fc6ffa
#feffb9
#ff6c60
#ff73fd
#ffffb6
#ffffff

styles/colors.less
#19242f
#199c4b
#243443
#2b3e50
#5c98cd
#66d9ef
#6be5fd
#72cc5a
#8be0fd
#ca94ff
#e6db74
#e94b35
#f0cc04
#f8f8f0
#f8f8f2
#ff6541
#ffab28

styles/syntax-variables.less
#2196f3
#263238
#65737e
#96cbfe
#a8ff60
#cc6666
#cdd3de
#e9c062
#c0c5ce

css/lucario.css
#2b3e50
#7ce5e6
#84dffe
#b3d6b3
#d7d787
#e6b5ff
#f8f8f2
#ffb3b5
#ffffcc

xfce4-terminal/lucario.theme
#2b3e50
#4f4f4f
#5796ed
#6b9fed
#8ee478
#e6db74
#eeeeee
#f8f8f2
#fa6960
#fbb036
#fc6ffa
#feffb9
#ff6c60
#ff73fd
#ffffb6
#ffffff

colors/lucario.vim
#19242f
#204a87
#26446c
#2b3e50
#354758
#405160
#478815
#5c98cd
#61bbc8
#66747f
#66d9ef
#72c05d
#8c0c10
#929ba1
#ca94ff
#e6db74
#f8f8f0
#f8f8f2
#f92672
#ff6541
#ffab28

termux/lucario.colors
#2b3e50
#4f4f4f
#5796ed
#6b9fed
#8ee478
#e3bf21
#eeeeee
#f8f8f2
#fa6960
#fbb036
#fc6ffa
#feffb9
#ff6c60
#ff73fd
#ffffb6
#ffffff

Comparing the colors used in the different implementations of the theme, it turns out that the default foreground and background colors are the only ones that are used in all implementations. The following table gives for each color the number of files it was found in.

Color	Count
`#10171e`	1
`#19242f`	4
`#199c4b`	1
`#204a87`	1
`#2196f3`	1
`#243443`	3
`#263238`	1
`#26446c`	1
`#2b3e50`	8
`#354758`	1
`#3f9ab7`	1
`#405160`	1
`#478815`	1
`#49483e`	1
`#4f4f4f`	3
`#5796ed`	3
`#5c98cd`	4
`#61bbc8`	2
`#65737e`	1
`#66747f`	1
`#66d9ef`	3
`#6b9fed`	3
`#6be5fd`	1
`#72c05d`	2
`#72cc5a`	1
`#75715e`	1
`#7ce5e6`	1
`#84dffe`	1
`#8be0fd`	1
`#8c0c10`	1
`#8ee478`	3
`#929ba1`	1
`#96cbfe`	1
`#a6e22e`	1
`#a8ff60`	1
`#ae81ff`	1
`#b3d6b3`	1
`#c0c5ce`	1
`#ca94ff`	3
`#cc6666`	1
`#cdd3de`	1
`#d7d787`	1
`#e3bf21`	1
`#e6b5ff`	1
`#e6db74`	5
`#e94b35`	1
`#e9c062`	1
`#eeeeee`	3
`#f0cc04`	1
`#f8f8f0`	3
`#f8f8f2`	8
`#f92672`	2
`#fa6960`	3
`#fbb036`	3
`#fc6ffa`	3
`#feffb9`	3
`#ff6541`	3
`#ff6c60`	3
`#ff73fd`	3
`#ffab28`	3
`#ffb3b5`	1
`#ffffb6`	3
`#ffffcc`	1
`#ffffff`	3

In order to make the Lucario color theme more consistent across different Editors/Terminals, I think there are two steps to be taken:

Expand the "official" color palette. I mean all of the above listed implementations use more than the 6 basic colors and providing more "official" colors would reduce the clutter. For example it might make sense to define a 16-color palette that can be used by terminal schemes in conjunction with the foreground and background color.
Overhaul all implementations so that they use only colors from the expanded color palette.

I really like the overall looks of lucario and I use it for several applications and I would love it to be more consistent, so I'd be willing to invest some time on this issue. However, I don't think I would be much help when it comes to expanding the color palette, but I could definitely help out updating the different implementations.

Sorry for the lengthy issue, looking forward to hear your opinion on this topic.

Difference between gVim and terminal vim

The difference is really profound. gVim looks great but I like terminal Vim and that looks not-do-good. Isn't it possible to get at least the bgcolor a little closer to the gVim one?

XML Theme error

After installing this theme via Package Manager I noticed there was an error popping up in my console that's coming from another plugin, SublimeLinter. I checked the file and line number where that error was coming from and it looks like an XML error with Lucario's theme.

The variable scheme_text is the Lucario color scheme and that is getting passed to ElementTree.XML which then throws the ParseError. Looking at other themes that don't cause this error I think the issue might be with your comments that are on the first line of .tmTheme.

Error trace is below.

Traceback (most recent call last):
File "/Users//Library/Application Support/Sublime Text 3/Packages/SublimeLinter/lint/util.py", line 239, in generate_color_scheme_async
plist = ElementTree.XML(scheme_text)
File "X/xml/etree/ElementTree.py", line 1356, in XML
xml.etree.ElementTree.ParseError: XML or text declaration not at start of entity: line 8, column 0

Tabs show up as white using One Dark UI theme in Atom

The One Dark theme happens to currently be the default UI theme in Atom. Tabs in the One Dark theme (and other UI themes) show up as white when using Lucario, which is clearly not intended.

Add to Sublime Package Control

It would be great if this were available via Sublime's package manager

Support Emacs in color theme

add ZSH support

Support Visual Studio Code

The fast way - Convert Lucario.tmTheme to vscode theme:
https://code.visualstudio.com/Docs/customization/themes#_adding-a-new-theme

Use the `atom-text-editor` tag instead of the `editor` class.

In index.less: Use the atom-text-editor tag instead of the editor class.

Finish VIM color scheme

vim-airline

Hello dude, what is up? I am here to ask you about your project, I think that it is a good color scheme and I think that could be included as vim-airline color scheme in a future... 👯 👍

Put color in markdown (atom)

[VIM] The visual mode selection is black in terminal vim.

Hi, @raphamorim. I'm using Lucario as my color scheme on Vim within the terminal. Given that the background is dark, I'm wondering if 16 is an aproprieted color for the visual mode selection. Is this the intended behavior?

I would expect something like:

Which means replace 16 by 60 on the following line:

hi Visual       ctermfg=NONE ctermbg=16 cterm=NONE guifg=NONE guibg=#19242f gui=NONE

If it is ok for you, I'll be happy to send a PR.

Distribute with Vim?

there is an issue open in the vim repository, to distribute more colorschemes with Vim. Would you kindly give your permission to distribute this colorscheme with Vim?

Add Windows Terminal to About section

Now lucario is also available on Windows Terminal #70. I think it would be awesome to update the About section of this repo to add Windows Terminal as well. 😁

Support Brackets editor

Deprecated selector in `Lucario/index.less`

In Lucario/index.less:

.comment => .syntax--comment
.string => .syntax--string
.constant => .syntax--constant
.variable => .syntax--variable
.variable.other.readwrite.instance => .syntax--variable.syntax--other.syntax--readwrite.syntax--instance
.constant.character.escaped, .constant.character.escape, .string .source, .string .source.ruby => .syntax--constant.syntax--character.syntax--escaped, .syntax--constant.syntax--character.syntax--escape, .syntax--string .syntax--source, .syntax--string .syntax--source.syntax--ruby
.keyword, .storage => .syntax--keyword, .syntax--storage
.storage.type => .syntax--storage.syntax--type
.entity.name.class => .syntax--entity.syntax--name.syntax--class
.entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-class
.entity.name.function => .syntax--entity.syntax--name.syntax--function
.variable.parameter => .syntax--variable.syntax--parameter
.entity.name.tag => .syntax--entity.syntax--name.syntax--tag
.entity.other.attribute-name, .markup.heading => .syntax--entity.syntax--other.syntax--attribute-name, .syntax--markup.syntax--heading
.support.function => .syntax--support.syntax--function
.support.constant => .syntax--support.syntax--constant
.support.type, .support.class => .syntax--support.syntax--type, .syntax--support.syntax--class
.support.other.variable, .variable.unordered, .variable.ordered => .syntax--support.syntax--other.syntax--variable, .syntax--variable.syntax--unordered, .syntax--variable.syntax--ordered
.invalid, .invalid.deprecated => .syntax--invalid, .syntax--invalid.syntax--deprecated
.markup.bold, .markup.italic => .syntax--markup.syntax--bold, .syntax--markup.syntax--italic
.markup.raw => .syntax--markup.syntax--raw
.punctuation.definition.tag.xml.plist, .constant.name.xml => .syntax--punctuation.syntax--definition.syntax--tag.syntax--xml.syntax--plist, .syntax--constant.syntax--name.syntax--xml
atom-text-editor, :host => atom-text-editor,atom-text-editor
atom-text-editor .line.cursor-line, :host .line.cursor-line => atom-text-editor .line.cursor-line,atom-text-editor .line.cursor-line
atom-text-editor .invisible, :host .invisible, atom-text-editor .invisible-character, :host .invisible-character => atom-text-editor .invisible,atom-text-editor .invisible, atom-text-editor .invisible-character,atom-text-editor .invisible-character
atom-text-editor .selection .region, :host .selection .region => atom-text-editor .selection .region,atom-text-editor .selection .region
atom-text-editor .selection .cursor, :host .selection .cursor => atom-text-editor .selection .cursor,atom-text-editor .selection .cursor
atom-text-editor .indent-guide, :host .indent-guide => atom-text-editor .indent-guide,atom-text-editor .indent-guide
atom-text-editor .wrap-guide, :host .wrap-guide => atom-text-editor .wrap-guide,atom-text-editor .wrap-guide
atom-text-editor .gutter .line-number, :host .gutter .line-number => atom-text-editor .gutter .line-number,atom-text-editor .gutter .line-number
atom-text-editor .gutter .line-number.git-line-added, :host .gutter .line-number.git-line-added => atom-text-editor .gutter .line-number.git-line-added,atom-text-editor .gutter .line-number.git-line-added
atom-text-editor .gutter .line-number.git-line-modified, :host .gutter .line-number.git-line-modified => atom-text-editor .gutter .line-number.git-line-modified,atom-text-editor .gutter .line-number.git-line-modified
atom-text-editor .gutter .line-number.git-line-removed, :host .gutter .line-number.git-line-removed => atom-text-editor .gutter .line-number.git-line-removed,atom-text-editor .gutter .line-number.git-line-removed

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.