menu

Primer

For discussing Primer, Octicons, our style guide, and design systems at GitHub 🤖🎨

Channels
Chat
view-forward
# All channels
view-forward
# General
view-forward
# Hiring
view-forward
# Office Hours
view-forward
# Releases
view-forward
Team
Posts
Chat
Members
Info
down-caret

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…

thumbsup
0
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?

thumbsup
0
message-simple
0

Open office hours - 08/17/18

Talk to us about design systems at GitHub, how we're using Figma, our progress on building a react component library, and open roles on our team!

thumbsup
2
message-simple
31

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?

thumbsup
1
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…

thumbsup
0
message-simple
1

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} /> …

thumbsup
0
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…

thumbsup
1
message-simple
3

On an Apprenticeship Hunt in the midst of a Digital Skills Gap; is IT gated?

{ Git ("remote"), ("IT"), ("Apprenticeship"), [JOB]; WHERE …

thumbsup
0
message-simple
0

New in Primer CSS 14.0

The Design Systems team recently released Primer CSS 14.0.0 (the UI library used for github.com). 🚀 Here are a few highlights since the last major release. .css-truncate-overflow Use .css-truncate .css-truncate-overflow to truncate any overflowing text regardless of the…

thumbsup
0
message-simple
0

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 …

thumbsup
0
message-simple
0