Comments (2)
Tagging in @primer/reviewers to get this on the radar of our First Responders
from primitives.
Is it possible to create a custom theme that can be applied to both Rails and React libraries?
Yes, but I would start with saying Primer is built for GitHub first, so it might not be very straightforward to customise it for another brand.
That said, primer/view-components (rails) depends on primer/css for styling.
Both primer/css and primer/react depend on primer/primitives for theme tokens. Refer to this chart. (some of the tokens are imported from primitives, while some are kept in sync with primitives)
For use outside of GitHub, you could fork primer/primitives, create a new theme, build it to get the artefacts and use the custom theme with primer/css for primer/view-components and in primer/react. For primer/css, you could also take the path of overriding css variables instead of maintaining a fork of primitives.
Once again, it's not built with this use case in mind, but it might just work out!
from primitives.
Related Issues (20)
- Button component associated colors are inconsistent. HOT 2
- Update repo structure HOT 3
- Move to json5 for token source files. HOT 1
- [Token update]: Shadows HOT 14
- Remove `mktg` colors from primer HOT 5
- Cleanup / re-structuring of color tokens HOT 4
- How to deal with hover and selected component colors HOT 6
- Discourage usage file for stylelint
- Create color a11y check file from tokens
- Format script is very unhelpful and not the same as lint HOT 3
- Validation for token files HOT 4
- Eslint json5 HOT 1
- Move size and type build steps to new build flow
- Add json/docs to new build workflow
- Define a code styleguide to have more consistent code.
- Improve DX with automated linting HOT 2
- Move to npm
- [ESLINT]: Separate eslint for docs/ folder HOT 1
- consider to generate `sass variables` format. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from primitives.