Move dark and light codeMirror tokens into separate file (#1162)

* move dark and light codeMirror tokens into separate file * move codeMirror tokens
primer · Jan 24, 2025 · 630d875 · 630d875
1 parent dc7190e
commit 630d875
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 311 deletions.
diff --git a/...ns/functional/color/light/app-light.json5 → src/tokens/component/codeMirror.json5 b/...ns/functional/color/light/app-light.json5 → src/tokens/component/codeMirror.json5
@@ -9,6 +9,9 @@
           group: 'component',
           scopes: ['fgColor'],
         },
+        'org.primer.overrides': {
+          dark: '{fgColor.default}',
+        },
       },
     },
     bgColor: {
@@ -20,6 +23,9 @@
           group: 'component',
           scopes: ['bgColor'],
         },
+        'org.primer.overrides': {
+          dark: '{bgColor.default}',
+        },
       },
     },
     gutters: {
@@ -32,6 +38,9 @@
             group: 'component',
             scopes: ['bgColor'],
           },
+          'org.primer.overrides': {
+            dark: '{bgColor.default}',
+          },
         },
       },
     },
@@ -46,6 +55,9 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{bgColor.default}',
+            },
           },
         },
         muted: {
@@ -57,6 +69,9 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{fgColor.muted}',
+            },
           },
         },
       },
@@ -71,6 +86,9 @@
             group: 'component',
             scopes: ['fgColor'],
           },
+          'org.primer.overrides': {
+            dark: '{fgColor.muted}',
+          },
         },
       },
     },
@@ -84,6 +102,9 @@
             group: 'component',
             scopes: ['fgColor'],
           },
+          'org.primer.overrides': {
+            dark: '{fgColor.default}',
+          },
         },
       },
     },
@@ -97,6 +118,13 @@
             group: 'component',
             scopes: ['bgColor'],
           },
+          'org.primer.overrides': {
+            dark: '{borderColor.accent.muted}',
+            'dark-high-contrast': {
+              $value: '{base.color.blue.4}',
+              alpha: 0.4,
+            },
+          },
         },
       },
     },
@@ -110,6 +138,9 @@
             group: 'component',
             scopes: ['bgColor'],
           },
+          'org.primer.overrides': {
+            dark: '{bgColor.neutral.muted}',
+          },
         },
       },
     },
@@ -123,6 +154,9 @@
             group: 'component',
             scopes: ['fgColor'],
           },
+          'org.primer.overrides': {
+            dark: '{fgColor.default}',
+          },
         },
       },
     },
@@ -136,6 +170,9 @@
             group: 'component',
             scopes: ['bgColor'],
           },
+          'org.primer.overrides': {
+            dark: '{bgColor.default}',
+          },
         },
       },
     },
@@ -150,6 +187,9 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.neutral.8}',
+            },
           },
         },
         constant: {
@@ -161,6 +201,9 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.blue.2}',
+            },
           },
         },
         entity: {
@@ -172,6 +215,9 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.purple.2}',
+            },
           },
         },
         keyword: {
@@ -183,6 +229,11 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.red.3}',
+              'light-protanopia-deuteranopia': '{base.color.orange.5}',
+              "dark-protanopia-deuteranopia": '{base.color.orange.3}',
+            },
           },
         },
         storage: {
@@ -194,6 +245,11 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.red.3}',
+              'light-protanopia-deuteranopia': '{base.color.orange.5}',
+              "dark-protanopia-deuteranopia": '{base.color.orange.3}',
+            },
           },
         },
         string: {
@@ -205,6 +261,9 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.blue.1}',
+            },
           },
         },
         support: {
@@ -216,6 +275,9 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.blue.2}',
+            },
           },
         },
         variable: {
@@ -227,6 +289,11 @@
               group: 'component',
               scopes: ['fgColor'],
             },
+            'org.primer.overrides': {
+              dark: '{base.color.orange.2}',
+              'light-tritanopia': '{base.color.red.6}',
+              'dark-tritanopia': '{base.color.red.2}',
+            },
           },
         },
       },