styles [nfc]: Pull out kWarningColor constant

Author: chrisbobbe

src/message/MentionedUserNotSubscribed.js

@@ -11,6 +11,7 @@ import * as api from '../api';
 import ZulipButton from '../common/ZulipButton';
 import ZulipTextIntl from '../common/ZulipTextIntl';
 import { getAuth } from '../selectors';
+import { kWarningColor } from '../styles/constants';
 
 type Props = $ReadOnly<{|
   user: UserOrBot,
@@ -23,7 +24,7 @@ const styles = createStyleSheet({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-around',
-    backgroundColor: 'hsl(40, 100%, 60%)', // Material warning-color
+    backgroundColor: kWarningColor,
     paddingHorizontal: 16,
     paddingVertical: 8,
   },

src/settings/NotificationsScreen.js

@@ -18,6 +18,7 @@ import { useAppState } from '../reactNativeUtils';
 import { IconAlertTriangle } from '../common/Icons';
 import type { LocalizableText } from '../types';
 import { TranslationContext } from '../boot/TranslationProvider';
+import { kWarningColor } from '../styles/constants';
 
 const {
   ZLPConstants,
@@ -176,7 +177,7 @@ export default function NotificationsScreen(props: Props): Node {
           systemSettingsWarnings.length > 0
             ? {
                 Component: IconAlertTriangle,
-                color: 'hsl(40, 100%, 60%)', // Material warning-color
+                color: kWarningColor,
               }
             : undefined
         }

src/styles/constants.js

@@ -18,3 +18,6 @@ export const HIGHLIGHT_COLOR: string = Color(BRAND_COLOR).fade(0.5).toString();
 
 export const HALF_COLOR = 'hsla(0, 0%, 50%, 0.5)';
 export const QUARTER_COLOR = 'hsla(0, 0%, 50%, 0.25)';
+
+// Material warning color
+export const kWarningColor = 'hsl(40, 100%, 60%)';