Added light & dark colorblind themes (#1596)

* 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>

Author: 3 people

.changeset/afraid-pugs-whisper.md

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

package.json

@@ -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",

src/base/modes.scss

@@ -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
 

yarn.lock

@@ -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"