Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Release/layouts #2

Open
wants to merge 20 commits into
base: main
Choose a base branch
from
Open

Release/layouts #2

wants to merge 20 commits into from

Conversation

intwone
Copy link

@intwone intwone commented Apr 23, 2022

Comment on lines +1 to +30
export const theme = {
colors: {
bg: '#130F1C',
txt: '#FFF',
gray: {
900: '#1F1B29',
800: '#29292E',
700: '#2E2A36',
600: '#3C3A41',
500: '#4F4D54',
},
purple: {
800: '#651FFF',
700: '#8046FF',
600: '#9D72FD',
},
red: {
800: '#BB3F3F',
},
cyan: {
900: '#0F9B8E',
800: '#3DA59B',
700: '#4EBAB0',
},
green: {
900: '#04D361',
800: '#50E793',
},
},
};
Copy link
Member

@guilhermemiua guilhermemiua May 7, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@intwone I think we can improve this theme by adding attributes like defaultPadding, defaultMargin and etc. This will improve the consistency of the project. We can discuss this later. I'll talk to some friends that uses Design systems.

Copy link
Member

@guilhermemiua guilhermemiua left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@intwone nice work man! I aproved this PR. There are things that I believe that can improve:
1 - Start using REM instead of pixels;
2 - Add more properties to the theme object
3 - Add 'ThemeProvider' from styled-components: https://styled-components.com/docs/advanced

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants