fix dark styles

primer · Oct 28, 2024 · d716517 · d716517
1 parent 3fcdd91
commit d716517
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/design-tokens/scripts/build-tokens.js b/packages/design-tokens/scripts/build-tokens.js
@@ -271,6 +271,7 @@ const darkJson = require('../src/tokens/base/colors/dark')
     `tokens/functional/components/tooltip/colors.json`,
     `tokens/functional/components/river-story-scroll/colors.js`,
     `tokens/functional/components/pricing-options/colors.json`,
+    `tokens/functional/components/icon/colors.json`,
   ]
 
   for (const path of filesForColorModes) {

diff --git a/packages/react/src/Icon/Icon.tsx b/packages/react/src/Icon/Icon.tsx
@@ -5,6 +5,8 @@ import {type Icon as OcticonProps} from '@primer/octicons-react'
 import {Colors} from '../constants'
 
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon/colors.css'
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css'
+
 
 export const namedIconSizes = ['small', 'medium', 'large'] as const
 export type NamedIconSize = (typeof namedIconSizes)[number]