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

Does base have any color system? #92

Open
rattanakchea opened this issue May 31, 2020 · 2 comments
Open

Does base have any color system? #92

rattanakchea opened this issue May 31, 2020 · 2 comments

Comments

@rattanakchea
Copy link

I don't seem to find any color references/ variables. Is there any plan to include color system in the future?

@matthewhartman
Copy link
Collaborator

That's the beauty of Base. You build on top of it so you define your own color scheme. What did you have in mind?

@rattanakchea
Copy link
Author

rattanakchea commented Jun 6, 2020

My idea it to a few base color setup that is extensible if the user wants to. Those colors should include at least a variation of black, grey, white, etc..

For example, the way I setup in my project.

$COLOR: () !default;

// color variables are defined, this is just an example
$COLOR_DEFAULT: (
  black: #000,
  dark: $dark,
  white: #FFF,
  gray: $gray-900,
  body-text: $gray-800,
  body-bg: $white,
  primary: $blue,
  secondary: $green,
  success: $green,
  info: $cyan,
  warning: $yellow,
  error: $red,
) !default;

// use map merge to allow extension in user config
$COLOR_MAP: map-merge($COLOR_DEFAULT, $COLOR);

Then any users can choose to define their own color to override the default color.

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

No branches or pull requests

2 participants