nank1ro/flutter-shadcn-ui

Add missing `ColorScheme`s

Closed this issue · 5 comments

nank1ro commented

I already implemented the zinc and slate color schemes, but there are other color schemes that need to be implemented.
You can find the HSL colors here https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/themes.ts

The missing color scheme are:

  • Stone
  • Gray
  • Neutral
  • Red
  • Rose
  • Orange
  • Green
  • Blue
  • Yellow
  • Violet

Both the dark and light mode of each color scheme need to be implemented.

If you want to contribute, please comment with the color scheme you're going to implement, and I'll edit this post putting your nickname, so other users will not start the same color scheme.

Instructions

  1. Get the HSL from https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/themes.ts
  2. To convert from shadcn to the Material Color you can do:
foreground: "240 10% 3.9%"
print('foreground: ${HSLColor.fromAHSL(1, 240, 0.10, 0.039).toColor()}');
  1. Set the obtained color in your lib/src/theme/color_scheme/NAME.dart where NAME is your color scheme name.

You can duplicate slate.dart and just change the file name, and the colors

hamza-imran75 commented

I'll like to do stone 👋🏼

  • ❤️1
dickermoshe commented

I spent some time writing a script for this, but it seems that I cannot get my output for zinc to match what's already there.
I'll try again later, but it seems that the current zinc may not be correctly translated,

nank1ro commented

I spent some time writing a script for this, but it seems that I cannot get my output for zinc to match what's already there.

I'll try again later, but it seems that the current zinc may not be correctly translated,

I did them quickly, I might have made a mistake

dickermoshe commented

@hamza-imran75
I automated it all, I feel bad if you wasted time on this.
More than happy to leave Stone out

  • 👍1
hamza-imran75 commented

@dickermoshe nah it's alright I was busy all day so didn't even get chance to get started 😅