primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-29 14:14:26 +03:00
Code Issues Projects Releases Wiki Activity

Added light & dark colorblind themes (#1596)

Browse Source 
* Added light & dark colorblind themes

* Changeset

* Create afraid-pugs-whisper.md

* Updating primitives version

* Removing extra space

* Remove extra changeset

Co-authored-by: simurai <simurai@github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>
This commit is contained in:
Julius Yanik 2021-09-16 18:34:45 +02:00 committed by GitHub
parent 2cf661c4d9
commit dc99ed86cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/afraid-pugs-whisper.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": minor
---
Add light & dark colorblind themes

2
package.json
View File

@ -34,7 +34,7 @@
"release": "changeset publish"
},
"dependencies": {
"@primer/primitives": "^4.7.1"
"@primer/primitives": "^4.8.0"
},
"devDependencies": {
"@changesets/changelog-github": "0.4.1",

10
src/base/modes.scss
View File

@ -3,9 +3,11 @@
@import "../support/mixins/color-modes.scss";
@import "@primer/primitives/dist/scss/colors/_light.scss";
@import "@primer/primitives/dist/scss/colors/_light_protanopia.scss";
@import "@primer/primitives/dist/scss/colors/_dark.scss";
@import "@primer/primitives/dist/scss/colors/_dark_dimmed.scss";
@import "@primer/primitives/dist/scss/colors/_dark_high_contrast.scss";
@import "@primer/primitives/dist/scss/colors/_dark_protanopia.scss";
// Outputs the CSS variables
// Use :root (html element) to define a default
@ -14,6 +16,10 @@
@include primer-colors-light;
}
@include color-mode-theme(light_protanopia) {
@include primer-colors-light-protanopia;
}
@include color-mode-theme(dark) {
@include primer-colors-dark;
}
@ -26,6 +32,10 @@
@include primer-colors-dark_high_contrast;
}
@include color-mode-theme(dark_protanopia) {
@include primer-colors-dark_protanopia;
}
// Color mode boundaries
// Enables nesting of different color modes

8
yarn.lock
View File

@ -880,10 +880,10 @@
"@nodelib/fs.scandir" "2.1.4"
fastq "^1.6.0"
"@primer/primitives@^4.7.1":
version "4.7.1"
resolved "https://registry.yarnpkg.com/@primer/primitives/-/primitives-4.7.1.tgz#2510ca37dd83d1e9cacda7637f2a594edff0391d"
integrity sha512-kttAUcP3QgT5UbYLeMTKDxPvnAVzywX0xnKPcLkmEVQyhmEBlTO4LSlYIzL5YcKyklHcFRf1426UcGOY9wdWDQ==
"@primer/primitives@^4.8.0":
version "4.8.0"
resolved "https://registry.yarnpkg.com/@primer/primitives/-/primitives-4.8.0.tgz#674d4958d9b2256cc8226d4e6e328686a84b8564"
integrity sha512-et4Kwt5LRy5YskHYHFJBoqWoqTHsdQHAOV5YvqQco2P7fQ3Xnus6tMQDuoD2cR03S86qKAjNYO9E6grDxVJWZA==
"@sinonjs/commons@^1.7.0":
version "1.8.2"