To celebrate Primer's 10th birthday, here's a blog post blog post from about a color tool we built to work on dark mode and other themes, which we've open-sourced so you can check it out for yourselves 🤩
Follow
Click to Follow githubprimer
Primer
@githubprimer
's open-source design system.
Primer’s Tweets
10 years ago today a ruby gem named Primer was created, which later became a CSS framework, and continued to expand into Primer design system including Rails and React components. Design Systems are never done right? Happy Birthday Primer!🥳
2
3
35
Hey folks, we're looking for a Senior Manager to lead the Primer engineering team at GitHub! If you have a passion for design systems and want to lead the team that builds an important part of GitHub's front-end infrastructure, consider applying:
9
"If it's not documented, you're not going on vacation!" - check out 's #config2021 talk on being replaceable ✨
2
3
13
Primer started as a gem file of useful CSS & assets, later became a CSS framework, a React component library, and over the last year or so, components for Rails. Full circle, you now install Primer as a gem again! Interested in working on this? Apply here boards.greenhouse.io/github/jobs/31
4
13
See one of our systems designers , who worked on dark mode and our visual redesign last year, speak at #config2021 very soon! 👀
config.figma.com/talks/we-shoul
2
20
We're hiring engineers on our team! If you want to work on building design systems at scale, and build great internal developer experiences so hubbers can build great customer experiences, consider applying: boards.greenhouse.io/github/jobs/30
More roles & locations:
1
6
16
This week dark & dimmed mode were made generally available 🚀 github.blog/changelog/2021
We're working on more themes, such as high contrast and color blind friendly themes. Here's a sneak peak of a tool the team is building to make developing and testing new color themes easier 👀
GIF
3
23
123
You won't have to go it alone, we're building a team of experts specializing in accessibility, and you'll work alongside designers and engineers working on UI engineering and design systems.
More roles here:
2
Show this thread
Hey folks, we're looking for a designer to join our team to focus on accessibility - we believe building and maintaining accessible user experiences will be more successful if delivered through our design system.
Job description & application: boards.greenhouse.io/github/jobs/30
1
7
10
Show this thread
Hey folks we're hiring for designers on our team! Check out the careers page for more listings. We'll be opening up more roles in accessibility, eng, & management soon too.
Designer, Design Systems: boards.greenhouse.io/github/jobs/30
Careers page:
15
21
What are the best documentation sites you've interacted with and what made them great? 📚
12
6
33
We’re experimenting with introducing CSS encapsulation to Rails (with View Components). What parts of CSS Modules, and Styled Components or Emotion etc. would you want to take with you to another framework?
6
8
39
Did you know we have components in Rails? Check out this post from who has been developing ViewComponent and bringing encapsulation to our views
1
1
We're so happy to be able to give you a dark theme finally! We'll share more on the how soon, and will be shipping this to all parts of Primer (CSS, React, ViewComponents, design guidelines) in the near future!
1
1
23
I am extremely proud of my team. It's been months in the making, and though there's much more to do, today's ship is a big milestone. The updates to GitHub's design and repo homepage are the result of thoughtful incremental work by the team💖
54
41
439
Show this thread
Here are the release notes for v19.0.0, if anyone's interested:
2
4
In case you missed it, our awesome systems designer shipped a beautiful GitHub theme for , in light and dark modes 🤩 which you'll be able to use in the browser with Codespaces on GitHub in future ✨github.com/features/codes
Quote Tweet
The GitHub theme for @code now comes with a 
dark version.
marketplace.visualstudio.com/items?itemName
dark version.
marketplace.visualstudio.com/items?itemNameShow this thread
3
8
This got buried under all the other recent GitHub news 😉, but & shipped Primer Components v19! Includes improvements to Box & Flex components, new "sx" prop & more! Thanks to contributors Andrew Hill, & Tiaan du Plessis 💓
1
2
17
Props to for leading this work, and continued improvements from the rest of the team 🙌
Quote Tweet
This got buried under all the other recent Github news, but Github recently open-sourced their Gatsby docs starter, “Doctocat�.
Seems like a great way to get up and running quickly with a docs site 
primer.style/doctocat
read image description
ALT
1
6
happy that my PR just got merged and now github's favicon can be seen on dark mode ✨
63
66
1,540
This Tweet is unavailable.
2
Props to for this work! And thanks to & for their help with design & component updates!
While we focus improving github.com on mobile web, we're continually updating to make it easier for all teams to build responsive 💫
Quote Tweet
We've been working doggedly on making every part of GitHub responsive. There's a lot of surface area to cover but we are making steady progress. Today we've enabled full blown issue creation on mobile. Amazing work, @jonrohan and team!
GIF
2
10
We're very happy to welcome to the systems team! 🎉 He brings a ton of experience to the team and we couldn't be more excited!
Read more about Vinicius & more importantly which gif best represents his "essence" 😉 on our team page
6
31
Check out Emily Plummer from the team talking about design systems and react, and building our Primer Component library at #reactrally 🙌
3
12
In today's show we caught up with , a design infrastructure manager at GitHub, to help us dive deep into a listener question about the role and expectations of a design systems manager. This + a heavy dose of cool things!
Episode + show notes:
2
11
31
1
4
42
Our Primer CSS site primer.style/css/ is now powered by Doctocat, our theme for building Primer documentation sites. There's some bugs to fix and tweaks to make to our docs, but hey it's "incremental correctness" 😉
Props to for all the hard work �
2
9
43
Shoutout to our design ,it's his last day ðŸ˜. He's worked on everything from Figma prototyping components primer.style/design/tools/f, research for Doctocat, design docs, empty state guidelines & new styles 🙌 primer.style/design/ui-patt
Thank you so much, you'll be missed! 💓
2
21
This week we've been focusing on migrating sites over and adding new docs. Stay tuned!
1
5
Show this thread
Our intern has been doing awesome work helping us make our docs easier to create and maintain �
Check out Doctocat, our new theme for building Primer documentation sites:
5
19
71
Show this thread
Set your reminders: Thursday, August 8, 10 am PT.
Be one of the first to hear the latest on GitHub Actions.
github.co/2LMwHCr
6
67
120
It's Primer's birthday today! 🎉
7 years since the first commit, 4 years since it was open-sourced, 3.5 years since formed a dedicated team to evolve and maintain it! And we're now a team of 7! We have so much more to do, so stay tuned... 😉
3
13
81
👋 Happy Friday! Some recent Primer ships:
- Primer Components v12 github.com/primer/compone
- Minor Primer CSS releases, thanks ! github.com/primer/css/rel
- A GitHub Action for exporting Figma components github.com/marketplace/ac
💬 Chat to us in ➡� spectrum.chat/primer
2
10
If you're curious to learn more or have questions, chat to us in ➡� spectrum.chat/primer/release
1
5
Show this thread
Happy Friday! This week we shipped a huge re-org of Primer CSS, lead by 🙌
Check out the release notes: github.com/primer/css/rel
1
9
25
Show this thread
Thank you for being our very first apprentice! Thank you for all your contributions, it was great working with you! Enjoy your last semester and good luck with the future 💓
Quote Tweet
Today marks my last day at GitHub! It’s been a pleasure working with you all, especially the @githubprimer team! @jonrohan @broccolini @shawnbot @_aguillaume @emplums @emilybrick
Ready to start my last semester at @risd! Super excited to get back into studio 
4