menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Primer

For discussing Primer, Octicons, our style guide, and design systems at GitHub 馃馃帹

Channels
Team
Posts
Members
Info

Suggested Pattern for Styling components

What is the suggested pattern for styling the components and adding CSS for styling the components according to the design needs.

message-simple
0

How do you style the scrollbars in Github darkmode?

Hey there, I have noticed that in dark mode the scrollbars are also dark, while they preserve the overall style of each operation system. So on windows the scrollbars remain squared in dark mode, while on mac they are rounded. Where can I find the code for that, since most other鈥

message-simple
0

How do you deal with pending status?

Button or Form UI can trigger async action and may requires giving pending status feedback to users. Some design systems have indeterminate progress bar for this. how do you guys handle this in primer?

message-simple
0

what is the reason for using Gatsby for docs site?

Hi everyone, I'm trying to figure out the best practices and tools when creating the design system hence exploring primer. From primer docs: However, Storybook does provide @storybook/addon-docs which can be used for similar purpose. Can anyone help me to understand the reason鈥

message-simple
1

How do you keep Figma and React in sync?

Hey guys, we're building a similar service for ourselves and are curious whether there's anything Github is using for automating synchronization between Figma libraries and CSS framework?

message-simple
0

octicons and react components not working

I cant seem to get the Octicons working with the icon prop of the react components. When I try to use them it says: Gotta love typescript errors. I've tried using the icon components directly like <TextInput icon={Play} /> 鈥

message-simple
0

Figma Components 404

Hi Everybody 馃憢 Just trying to have a glance at the Figma components (the links listed under Resources but I'm afraid all links except for Marketing seem to be broken and returning 404 鈥 e.g. Buttons. It looks a lot like a public access issue similar to what @rogerolden reported鈥

message-simple
3

Figma links

Hi guys, where to get all Figma links to look at the design? I didn't find anything except few files with menus and buttons

message-simple
1

Any advice on a Navbar & dark theme?

Hey, I want to move to primer component (bc it feels awesome 馃憣) from react-bootstrap but I need to find/create : 鈥 a very simple Navbar component (like https://react-bootstrap.github.io/components/navbar/) that work well on mobile 鈥 a dark mode 鈥

message-simple
0

Theme-get and Tokens as Arrays

Pardon the broad question but I am curious if someone could expand on a few concepts I've found in Primer... 1) What was the reasoning (and perhaps advantages) behind writing your primer-colors in array format instead of with named keys? 2) themeGet is used heavily throughout鈥

message-simple
0