Git Product home page Git Product logo

Comments (18)

pocco81 avatar pocco81 commented on July 17, 2024 4

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.

pocco81 avatar pocco81 commented on July 17, 2024 4

Excuse the delay, hope it was worth it. Introducing...

Remastered Catppuccino!

image

Color palette:

image
image

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 yeahs 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?

image
image
image
image
image
image

from nvim.

pocco81 avatar pocco81 commented on July 17, 2024 4

You are right, I'll look into that.

Edit: https://coolors.co/fd0da9-d654c0-cc66c6-c277cb

image

Before:

image

After:

image

Edit:

I think I'm sticking with this one:

image

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:

After:
image

As you can see this one ain't as pale as the second one.

from nvim.

pocco81 avatar pocco81 commented on July 17, 2024 3

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.

pocco81 avatar pocco81 commented on July 17, 2024 2

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:

  1. Medium-contrast: so that it ain't painful to look at for prolonged periods of time.
  2. 16 colors: following the idea of base16 themes here.
  3. Low saturation: so that it's comfortable to look at.
  4. 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.

pocco81 avatar pocco81 commented on July 17, 2024 2

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.

pocco81 avatar pocco81 commented on July 17, 2024 2

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:
image

from nvim.

luissolanodev avatar luissolanodev commented on July 17, 2024 1

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:

  1. 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.
  2. 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!
  3. 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.
  4. Amazing! related to my previous point. To take in mind when writing all these variants and selecting highlight groups.
  5. 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.
  6. 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.
  7. 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.

luissolanodev avatar luissolanodev commented on July 17, 2024 1

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.

pocco81 avatar pocco81 commented on July 17, 2024 1

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.

pocco81 avatar pocco81 commented on July 17, 2024 1

It's finished, including integrations and extras/. The only thing missing is to update the docs.

from nvim.

pocco81 avatar pocco81 commented on July 17, 2024

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.

luissolanodev avatar luissolanodev commented on July 17, 2024

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.

quantum-booty avatar quantum-booty commented on July 17, 2024

Can we maybe get a softer light theme too? The constract of light_melya is a bit too harse atm.

from nvim.

luissolanodev avatar luissolanodev commented on July 17, 2024

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.

luissolanodev avatar luissolanodev commented on July 17, 2024

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.

luissolanodev avatar luissolanodev commented on July 17, 2024

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.

cosmojg avatar cosmojg commented on July 17, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.