Create theme configuration using tailwindcss

[giteshk11]

Create a theming structure for the application implementing tailwindcss

• [x] Discuss the look and feel for the theme.

[giteshk11]

@tiagostutz i'm not able to tag that guy,could you tag him and lets tag others too,who you think and help or bring more to the table for discussion.

[giteshk11]

Below are some design ideas.

• https://dribbble.com/shots/3271222-sweet-animals
• https://dribbble.com/shots/3579240-Sociology-Life-Life-is-always-so-good-2

Comment down below if you have more ideas.

[tiagostutz]

@JapneetSingh5 @eduardomrodrigues take a look at those amazing references..!

[giteshk11]

@tiagostutz have you thought of the color schemes or do you have a color palette in mind? http://colormind.io/bootstrap/ I found this cool site, it might help

[tiagostutz]

I don't have a particular color schema... that's something the theme will handle, right?

Of course, we will have to have a default color palette. Any suggestion? There are some nice color palette generators out there. The ones I have used:

• https://coolors.co/
• https://colorhunt.co/
• http://colormind.io/
• https://www.colourlovers.com/

I think they will be useful, but first we mus decide how many colors the theme will have. Any thoughts?

[giteshk11]

I think they will be useful but first, we must decide how many colors the theme will have. Any thoughts?

• PrimaryColor
• SecondaryColor
• AccentColor
• TextIcons
• PrimaryText
• SecondaryText
• DividerColor

I think these would work just fine

[giteshk11]

Sample color palette. @tiagostutz

[tiagostutz]

Nice!

Have you check how many semantic colors variables are there in Tailwind? Is it the same of Bootstrap (primary, secondary, info, danger....) or different (less or more) ?

[giteshk11]

I don't think tailwind doesn't have that out of the box. We have to add our own i guess.

[giteshk11]

@tiagostutz I'm not able to push the changes I'm getting this error

[error] No files matching the pattern were found: "'src/*/.{ts,tsx,scss,css,json}'".

[tiagostutz]

@tiagostutz I'm not able to push the changes I'm getting this error

[error] No files matching the pattern were found: "'src/*/.{ts,tsx,scss,css,json}'".

I had this error once but unfortunately I don't remember how I fixed that... but I remember I have fixed and pushed the changes. Is your branch up to date with the master?

Hey @eduardomrodrigues . Could you help us with this issue? Maybe you are more familiar with this kind of issue regarding to commit/push validator...

[eduardomrodrigues]

@tiagostutz I'm not able to push the changes I'm getting this error

[error] No files matching the pattern were found: "'src/*/.{ts,tsx,scss,css,json}'".

I had this error once but unfortunately I don't remember how I fixed that... but I remember I have fixed and pushed the changes. Is your branch up to date with the master?

Hey @eduardomrodrigues . Could you help us with this issue? Maybe you are more familiar with this kind of issue regarding to commit/push validator...

Of course! @giteshk11, this error happens when you push your changes? Can you paste all logs here? Thank you!

[giteshk11]

prettier --write 'src//*.{ts,tsx,scss,css,json}' [error] No files matching the pattern were found: "'src/*/.{ts,tsx,scss,css,json}'". npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! stop-analyzing-embed@0.2.0 format: `prettier --write 'src//*.{ts,tsx,scss,css,json}'` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the stop-analyzing-embed@0.2.0 format script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

@eduardomrodrigues

[giteshk11]

[error] No files matching the pattern were found: "'src/*/.{ts,tsx,scss,css,json}'".

I solved this issue by removing the quotes from prettier --write 'src/**/*.{ts,tsx,scss,css,json}'