menu
Channels
Team
Posts
Members
Info

Evergreen Component Theming

I'm wondering how to change the theming on certain components from Evergreen. For example, I'm looking to change the the background colors on components like Switch or active Tabs etc. I know theming support will be available in v5 but not sure when that is slated to be released.

thumbsup
3
message-simple
4

How do we start this with a create-react-app react website?

Do we need to copy the body of the scripts from the package.json into our root package.json to run evergreen?

thumbsup
0
message-simple
0

What syntax theme is being used in the docs for code previews? Is that chester?

thumbsup
0
message-simple
0

I want to contribute to Evergreen Framework.

Hi, I am a 20 years old engineering student from India and I also work in web front end with JS tech stack that includes React,Vue, Angular, GraphQL and others. I have worked as a freelancer, remote contract developer and also as an intern with clients and series A funded鈥

thumbsup
2
message-simple
8

Mobile Queries

What is the suggested method to resize components based on mobile queries? As an example, I would like to create an ASide / Nav and have it offscreen when on mobile. I'd like to use the Panel/Box component and would a recommendation for this - if possible.

thumbsup
0
message-simple
3

Feel free to use this channel for to say hi! We welcome everyone :)

thumbsup
2
message-simple
5

Any attempts at a Evergreen-Userland initiative?

With Evergreen being rather foundational is anyone out there working on a showcase collection of evergreen-based higher order components?

thumbsup
1
message-simple
3

How can I add bespoke styles to the Evergreen Tooltip. Background color, font鈥

thumbsup
0
message-simple
10

How do you deal with global CSS?

I have two questions: 1. Do you use a CSS reset internally for the components? 2. Let's say I import one of the Evergreen components, but I also have my own global CSS reset which may impact the styles of that component, e.g. font-family. How do you make sure the imported鈥

thumbsup
1
message-simple
1

Passing a <Component/> as the target doesn't trigger a Popover

I am doing a bit of a refactor in my code and I am trying to use a component that wraps a StyledComponent as the target for a popover. When I do this the popover is not triggered. If I use a StyledComponent alone it works fine. The only difference is the component is a wrapper鈥

thumbsup
0
message-simple
3