feat(dark-theme-styles-injector): add prop for selector

bin/build-themes.js

@@ -91,7 +91,7 @@ const processPostCss = async (content, cssFile) =>
         fs.writeFileSync(`../css/colors/${path.basename(file)}`, css);
         fs.writeFileSync(
             `../css/colors/${path.basename(file).replace(/\.css$/, '.js')}`,
-            `module.exports = \`${css}\``,
+            `module.exports = \`${vars}\``,
         );
     });
 

packages/dark-theme-styles-injector/src/component.tsx

@@ -9,18 +9,35 @@ const colorsMap = {
 };
 
 export type DarkThemeStylesInjectorProps = {
+    /**
+     * Какие цвета необходимо инвертировать
+     */
     colors: 'indigo' | 'bluetint';
+
+    /**
+     * Дополнительные стили для инвертированного режима
+     */
     styles?: string;
+
+    /**
+     * Селектор, в котором будут переопределяться переменные
+     */
+    selector?: string;
 };
 
 export const DarkThemeStylesInjector: FC<DarkThemeStylesInjectorProps> = ({
     colors,
     styles = '',
+    selector = ':root',
 }) => {
     return (
         <style>
-            {colorsMap[colors]}
-            {styles}
+            {`
+                ${selector} {
+                    ${colorsMap[colors]}
+                    ${styles}
+                }
+            `}
         </style>
     );
 };