Comments (18)
I don't know what to expect from Catppuccino after this big refactor
Expect a dark theme (that doesn't use too much magenta lol) with a mid-tone background and just a few "protagonist" colors instead of having a single one (which is where I failed at with Neon Latte), probably magenta, pink, red and orange. (I might also change syntax highlighting)
I'll make sure to put something together in a couple of hours...
Edit: I may need a bit more time 👍
from nvim.
Excuse the delay, hope it was worth it. Introducing...
Remastered Catppuccino!
Color palette:
You can view it here
(Note: had to exclude the white because the webapp only allowed 10 colors)
Specs
- Main colors are magenta, pink and fuchsia.
- Mid-tones only, not as pale as Nord, not as bright as Dracula
- Medium contrast for easy readability
- Only 11 colors (ATM)
- Simple color palette
- Inspired by the original Catppuccino family
- No shades whatsoever in favor of eye-candyness
- Barely saturated
Syntax
Given the fact that no changes whatsoever were made to the codebase, syntax highlighting in this theme is the same as in any of the current Catppuccino.nvim themes. This might change in the future.
Personal Opinion
I love this theme and the color palette too. It's gorgeous IMHO. Many personal choices were made so yeah my opinion is very biased.
How to test it?
Currently I haven't made any changes to the codebase. To test this theme edit Catppuccino.nvim's source code locally. Replace the contents of one of your currently active Catppuccino themes with this:
local util = require("catppuccino.utils.util")
local colors = {
none = "NONE",
bg = "#16131F", -- nvim bg -- yeah
fg = "#A7B6DC", -- yeah
fg_gutter = "#3e4058", -- not relevant
black = "#323448", -- not relevant?
gray = "#2C2E3D", -- yeah
red = "#E28D8D", -- yeah
green = "#ADD692", -- yeah
yellow = "#E3DAA3", -- yeah
blue = "#7EA1C8", -- yeah
magenta = "#F0A8E4", -- real: #A28BD0 -- yeah
cyan = "#FD0DA9", -- yeah
white = "#F2F2F7", -- yeah
orange = "#E7A988", -- yeah
pink = "#F0A8E4", -- real: #F0A8E4 -- not relevant?
black_br = "#ffffff", -- not relevant
red_br = "#E28D8D", -- not relevant
green_br = "#FD0DA9", -- not relevant
yellow_br = "#E6DFB8", -- not relevant
blue_br = "#7EA1C8", -- not relevant
magenta_br = "#AE9AD6", -- #F094D9 -- yeah
cyan_br = "#ffffff", -- not relevant?
white_br = "#CDCEE2", -- yeah
orange_br = "#E7A988", -- yeah
pink_br = "#DF97DB", -- yeah
comment = "#63718B", -- yeah
}
util.bg = colors.bg
colors.bg_alt = util.darken(colors.bg, 0.75, "#000000")
colors.bg_highlight = util.brighten(colors.bg, 0.05)
colors.fg_alt = util.darken(colors.fg, 0.80, "#000000")
colors.diff = { -- git and native diffs
add = colors.blue,
change = colors.yellow,
delete = colors.red,
text = colors.blue,
conflict = colors.magenta,
}
colors.black = util.darken(colors.bg, 0.8, "#000000")
colors.border_highlight = colors.blue
colors.border = colors.black
-- Popups and statusline should always be darker
colors.bg_popup = colors.bg_alt
colors.bg_statusline = colors.bg_alt
-- Sidebar and Floats
colors.bg_sidebar = colors.bg_alt
colors.bg_float = colors.bg_alt
colors.bg_visual = util.darken(colors.blue, 0.2)
colors.bg_search = util.darken(colors.cyan, 0.3)
colors.fg_sidebar = colors.fg_alt
colors.error = colors.red_br
colors.warning = colors.yellow
colors.info = colors.blue
colors.hint = colors.white_br
colors.variable = colors.white
return colors
(Side note: the yeah
s in the code represent how relevant the given color is. Furthermore, I know most colors don't match their names, but that's what it had to be done to be able to test this without having to make any changes to the core)
More Screenshots
Because why not?
from nvim.
You are right, I'll look into that.
Edit: https://coolors.co/fd0da9-d654c0-cc66c6-c277cb
Before:
After:
Edit:
I think I'm sticking with this one:
The initial fucshia is the first one, this one is the one with the arrow, and the one in the "After" section is the color next to this one (for reference). #D654C0
looks more like pink than fucshia IMO. It looks like this now:
As you can see this one ain't as pale as the second one.
from nvim.
Thank you! to everyone who has contributed to the project in one way or another! I'm gonna be moving this repo to the org (within a couple of hours, maybe a day), obviously after merging the dev-remaster
branch.
The final version has changed since the last screenshot I posted on this issue (improved colors for better contrast). I'll add one to the README of this repo.
This project tracks the final things that need to be done before finally releasing Catppuccin officially!
from nvim.
Hey! I'm very interested on which colors will be picked and how. Have you made any decisions so far?
Yes, but I still need to polish this, not to mention that I haven't written any code (I'll get to this, eventually). So far there are a few things I do wish the color palette was/could accomplish:
- Medium-contrast: so that it ain't painful to look at for prolonged periods of time.
- 16 colors: following the idea of base16 themes here.
- Low saturation: so that it's comfortable to look at.
- Narrow tone: because a warmer look will make it seem friendlier [at least I hope so]
What do I have so far? A color palette with 9 (10?) colors, but I just started it very recently. Yet again, I'm no artist and still need to learn about color properties and how to calculate their values so as to "get it right first try". But still, I don't want to overly complicate myself since this single-palette is, after all, just an idea ATM, tho I will make sure all the colors follow a trend to make it more unique.
from nvim.
Oh man syntax will be different for sure. Like the colors for parenthesis and function arguments and red and orange respectively, and those colors have little to no contrast...
I'll probably make a new branch to develop it and see how it goes.
from nvim.
Attention!
Development has started on the remastered version of Catppuccino under the dev-remaster
branch.
Edit 0: thought I'd mention this: this is, by no means, stable ATM. I'll update this comment after it's stable enough for daily use.
Edit 1: For consistency reasons, I'm going to be adding 4 bkg colors (including the current one), or 4 blacks if you will.
Edit 2: The branch is stable enough for normal use as of 52b2aea! 🍾 🍰
Edit 3: All the integrations and base colors work and "merge" as expected since b2f56ce
Edit 4; Successfully renamed the whole codebase to Katppuccino! a674217
Edit 5: Current state as of the commit 8956167:
from nvim.
Hey! this seems legit to me! I love the idea of standarization so we have guidelines to stick to and solid purposes/objectives. I'll give my feedback on each point and throw some doubts as well:
- Naming is very important. I think names will rely on the principle stablished for favlors, and taking point 2 in consideration it's probably better to have names ending with Catpuccino as you said. Don't you think we could run out of adjectives at some point though? or that it may be hard to find an adjective that fits some flavor? Idk.
- I like that idea a lot, initially I thought of porting every colorscheme I like to Catppuccino to take adventage of the integration it has with many plugins, but this seems much more fair because it'd make Catppuccino unique and sticked to semantics of it being one more color scheme, with different variants, but still Catppuccino, if you want try something different anytime you'd probably want to have more than one color scheme installed, and that's perfectly fine!
- I agree, syntax highlighting is nice, but sometimes I feel there's a lot of magenta going on! haha so it would be good to know what particular things make Catppuccino Catppuccino. I use to find myself wanting to change some highlights on the neon variant to make it look more colorful (like nebulous's twilight variant) thinking it'd be good, but if this goes out of the scope or misses the point then I shouldn't be thinking that way and install nebulous too instead. Anyway, I think syntax can also be discussed, but it would be good to have that starting point.
- Amazing! related to my previous point. To take in mind when writing all these variants and selecting highlight groups.
- Yeah I think they're pretty similar. Misty moka definitely needs refactor to match the new objective. Also the current colors are very bright and sometimes are hard to read.
Style is good, for flavor names I like the new idea you mentioned in point 1. On the other hand, it probably breaks the semantics to have one flavor named the same as the color scheme (Catppuccino), having them all ending with Catppuccino would fix this and give flavors that meaning of still being Catppuccino. - That's the next step! sounds great, I think when the refactor is completed and all these conventions are well stablished it'll be good to go. A lot of ideas come to my mind when making that step to creating an org.
- I can come up with ideas to improve docs. A list of detailed todo's and epics would help to a better contribution. I will think of this.
It was very long, but I had to say it. This is a good step to take Catppuccino to a new level, keep the good work going! Cheers bro.
from nvim.
Sounds great! My question is because I like a lot the neon variant and it's actually the only one I use, so I don't know what to expect from Catppuccino after this big refactor. Will it have some kind of similarity to one of the variants?
from nvim.
Damn... It seems like somebody is squatting the username @Catppuccino (there is no public activity as seen here)... @Catppuccino, in case you are reading this, I couldn't find any contact info in your profile, so thought I'd ask you publicly, would it be possible for you to release the name Catppuccino so that I claim it for an organization I was planning on making for this project?
Edit: well, this sucks. That account seems inactive since its creation so it's likely the person won't reply. Guess we'll have to wait :) if the person never replies then I guess we are gonna have to rebrand the project unfortunately, because I'm not naming the org catppuccino-theme
, it ain't a mouthful but it's just too long.
from nvim.
It's finished, including integrations and extras/
. The only thing missing is to update the docs.
from nvim.
Don't you think we could run out of adjectives at some point though? or that it may be hard to find an adjective that fits some flavor?
That's the thing, there won't be many themes as mentioned above, or there might only be one, who knows, it's just an idea ATM.
I like that idea a lot, initially I thought of porting every colorscheme I like to Catppuccino to take adventage of the integration it has with many plugins
In that case then forking Catppuccino might be a better idea since this doesn't go along with the current objectives sorry :(
if you want try something different anytime you'd probably want to have more than one color scheme installed, and that's perfectly fine!
I just commented something at bottom of the first comment in this issues (point number two to be more precise). Read it and please let me know what you think 🥇
I agree, syntax highlighting is nice, but sometimes I feel there's a lot of magenta going on!
Sorry! that was very opinionated, and since I hadn't gotten any suggestions for that I didn't change it. I'll reconsider this in the "big refactor".
I use to find myself wanting to change some highlights on the neon variant to make it look more colorful (like nebulous's twilight variant) thinking it'd be good, but if this goes out of the scope or misses the point then I shouldn't be thinking that way and install nebulous too instead
yes but remember that with Catppuccino you can edit both the colors and the highlights.
Also the current colors are very bright and sometimes are hard to read.
it's a fork of Nord, so I guess it inherited that from it.
That's the next step! sounds great, I think when the refactor is completed and all these conventions are well stablished it'll be good to go. A lot of ideas come to my mind when making that step to creating an org.
You would be welcome to join anytime 👍. Once again, I'd recommend you to read what's at the bottom of the first comment in this issues (point number two again).
from nvim.
Perhaps standardizing a single color palette?
Hey! I'm very interested on which colors will be picked and how. Have you made any decisions so far?
from nvim.
Can we maybe get a softer light theme too? The constract of light_melya is a bit too harse atm.
from nvim.
Wow! This is very accurate! I'm gonna be testing it, looks great so far. Are you planning on making changes or is this the final color scheme for release? Just asking, so that I could give you feedback if any.
from nvim.
Great! actually that'd be pretty much the feedback I'd have, syntax related stuff. Color scheme is great, looking forward to it.
from nvim.
Hey! so far it's been all good, don't you think fuchsia is a little bright though? I find it a bit obtrusive sometimes when searching in Telescope.nvim.
from nvim.
Damn... It seems like somebody is squatting the username @Catppuccino (there is no public activity as seen here)... @Catppuccino, in case you are reading this, I couldn't find any contact info in your profile, so thought I'd ask you publicly, would it be possible for you to release the name Catppuccino so that I claim it for an organization I was planning on making for this project?
Edit: well, this sucks. That account seems inactive since its creation so it's likely the person won't reply. Guess we'll have to wait :) if the person never replies then I guess we are gonna have to rebrand the project unfortunately, because I'm not naming the org
catppuccino-theme
, it ain't a mouthful but it's just too long.
For future reference, GitHub Support is usually pretty helpful when it comes to reclaiming disused namespace, especially if the account in question is very clearly abandoned.
from nvim.
Related Issues (20)
- Treesitter context highlighting when transparent_background=true HOT 3
- (option to) Disable all integrations by default HOT 1
- Incorrect typing for `illuminate` integration
- add tabby.nvim integration (colors) HOT 1
- Incorrect Typescript keyword color with TreeSitter enabled HOT 2
- Bufferline background breaks when Catppuccin is set to transparent background and bufferline style is styled as non-default HOT 4
- nvim-navbuddy integration
- Publish plugin on luarocks
- Lualine highlight color is not uniform
- lazy.nvim: module 'catppuccin.groups.integrations.colorful_winsep' HOT 5
- Add support for `mini.statusline` HOT 1
- mini.nvim integration seems broken HOT 1
- Tranceparency not working property with telescope dropdown HOT 3
- CmpBorder doesn't work HOT 2
- Bad highlighting in .gitignore files using tree-sitter HOT 6
- Support for Terminal Cursors HOT 1
- Failed to run `config` for catppuccin HOT 1
- add support for fzf-lua HOT 6
- Updating with vim-plug fails HOT 4
- Dependency Dashboard
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nvim.