feat: add gutterActiveForeground option.

Author: jaywcjlove

themes/theme/src/index.tsx

@@ -35,6 +35,8 @@ export interface Settings {
   gutterBackground?: string;
   /** Text color inside gutter. */
   gutterForeground?: string;
+  /** Text active color inside gutter. */
+  gutterActiveForeground?: string;
   /** Gutter right border color. */
   gutterBorder?: string;
 }
@@ -66,15 +68,17 @@ export const createTheme = ({ theme, settings, styles }: CreateThemeOptions): Ex
       borderLeftColor: settings.caret,
     };
   }
-
+  let activeLineGutterStyle: StyleSpec = {};
+  if (settings.gutterActiveForeground) {
+    activeLineGutterStyle.color = settings.gutterActiveForeground;
+  }
   if (settings.lineHighlight) {
     themeOptions['.cm-activeLine'] = {
       backgroundColor: settings.lineHighlight,
     };
-    themeOptions['.cm-activeLineGutter'] = {
-      backgroundColor: settings.lineHighlight,
-    };
+    activeLineGutterStyle.backgroundColor = settings.lineHighlight;
   }
+  themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;
 
   if (settings.selection) {
     themeOptions[

www/src/pages/theme/editor/index.tsx

@@ -81,6 +81,7 @@ export function ThemeEditor() {
     gutterBackground: '#FFFFFF',
     gutterForeground: '#4D4D4C',
     gutterBorder: '#ddd',
+    gutterActiveForeground: '',
     lineHighlight: '#EFEFEF',
   });
 

www/src/pages/theme/editor/themeCode.ts

@@ -207,6 +207,7 @@ const myTheme = createTheme({
     gutterBackground: '${styles.gutterBackground}',
     gutterForeground: '${styles.gutterForeground}',
     gutterBorder: '${styles.gutterBorder}',
+    gutterActiveForeground: '${styles.gutterActiveForeground}',
     lineHighlight: '${styles.lineHighlight}',
   },
   styles: [