diff --git a/components/Content_ChatInformationScreen.js b/components/Content_ChatInformationScreen.js index 7e22848..2f97cd9 100644 --- a/components/Content_ChatInformationScreen.js +++ b/components/Content_ChatInformationScreen.js @@ -1,42 +1,17 @@ -import React, { useState } from 'react'; -import { StyleSheet, Text, View, Button, Image, TouchableOpacity, SafeAreaView, ScrollView, FlatList} from 'react-native'; -import { StatusBar } from 'expo-status-bar'; -import Constants from "expo-constants"; -import styled from "styled-components"; -import Images from "../posts/images.js"; -import Post from "../posts/post.js"; -import SwitchToggle from "react-native-switch-toggle"; -import { - darkModeStyling, - darkModeOn, - lightModeStyling, - TestText, - ChatScreenInformation_Title, - BackgroundDarkColor, - Navigator_BackButton, - SubTitle, - FlexRow, - StyledButton, - ButtonText, - FlexRow_WithoutJustifyContent, - Colors -} from '../screens/screenStylings/styling.js'; -import MemberRow from '../components/MemberRow_ChatInformationScreen.js'; +import React from 'react'; +import { Image, TouchableOpacity} from 'react-native'; + +import { useTheme } from '@react-navigation/native'; const Content = ({navigation}, props) => { - if (darkModeOn === true) { - var styling = darkModeStyling; - } else { - var styling = lightModeStyling; - } - const {darkest} = Colors; + const {colors} = useTheme(); const {source_for_image} = props; return( {alert("Coming soon")}}> diff --git a/components/MemberRow_ChatInformationScreen.js b/components/MemberRow_ChatInformationScreen.js index 8dc812a..d477dbb 100644 --- a/components/MemberRow_ChatInformationScreen.js +++ b/components/MemberRow_ChatInformationScreen.js @@ -1,26 +1,9 @@ -import React, { useState } from 'react'; -import { StyleSheet, Text, View, Button, Image, TouchableOpacity, SafeAreaView, ScrollView, FlatList} from 'react-native'; -import { StatusBar } from 'expo-status-bar'; -import Constants from "expo-constants"; -import styled from "styled-components"; -import Images from "../posts/images.js"; -import Post from "../posts/post.js"; -import SwitchToggle from "react-native-switch-toggle"; +import React from 'react'; +import { Image} from 'react-native'; import {useTheme} from "@react-navigation/native"; import { - darkModeStyling, - darkModeOn, - lightModeStyling, TestText, - ChatScreenInformation_Title, - BackgroundDarkColor, - Navigator_BackButton, - SubTitle, - FlexRow, - StyledButton, - ButtonText, - FlexRow_NOJustifyContent, - Colors + FlexRow_NOJustifyContent } from '../screens/screenStylings/styling.js'; diff --git a/navigation/StackNavigator.js b/navigation/StackNavigator.js index d35e481..9133dcf 100644 --- a/navigation/StackNavigator.js +++ b/navigation/StackNavigator.js @@ -1,22 +1,14 @@ import React, {useContext} from "react"; import { createStackNavigator } from "@react-navigation/stack"; -import { StyleSheet, Text, View, Button, Image, TouchableOpacity, SafeAreaView, ScrollView} from 'react-native'; -import {darkModeStyling, darkModeOn, lightModeStyling} from '../screens/screenStylings/styling.js'; - -import {Colors} from '../screens/screenStylings/styling.js' -const {primary, tertiary} = Colors; import { ExperimentalFeaturesEnabledContext } from "../components/ExperimentalFeaturesEnabledContext.js"; import ProfileScreen from "../screens/ProfileScreen"; import SettingsScreen from "../screens/SettingsScreen"; import HomeScreen from "../screens/HomeScreen"; -import LoginScreen from "../screens/LoginScreen"; import AccountSettings from "../screens/AccountSettings"; -import Signup from "../screens/Signup.js"; -import { CredentialsContext } from "../components/CredentialsContext.js"; -import { NavigationContainer, useTheme } from '@react-navigation/native'; +import { useTheme } from '@react-navigation/native'; import FindScreen from "../screens/FindScreen.js"; import ProfilePages from '../screens/ProfilePages.js' @@ -31,7 +23,6 @@ import SelectCategorySearchScreen from '../screens/SelectCategorySearchScreen' import AccountBadges from "../screens/AccountBadges.js"; import ChangeEmailPage from "../screens/ChangeEmailPage"; -import Conversations from "../screens/Conversations.js"; import RecordAudioPage from "../screens/PostScreens/RecordAudioPage.js"; import SendAudioPage from "../screens/PostScreens/SendAudioPage.js"; @@ -64,8 +55,6 @@ import HomeScreenSettings from "../screens/HomeScreenSettings.js"; import Filter_HomeScreenSettings from "../screens/HomeScreenSettings/Filter_HomeScreenSettings.js"; import Algorithm_HomeScreenSettings from "../screens/HomeScreenSettings/Algorithm_HomeScreenSettings.js"; import Audio_HomeScreenSettings from "../screens/HomeScreenSettings/Audio_HomeScreenSettings.js"; -import CreateConversationSelection from "../screens/CreateConversationSelection.js"; -import ConversationCreationPage from "../screens/CreateConversation.js"; import ChangePasswordScreen from "../screens/ChangePasswordScreen.js"; import EditProfile from "../screens/EditProfile.js"; import AccountFollowRequestsScreen from "../screens/AccountFollowRequestsScreen.js"; @@ -75,7 +64,6 @@ import ActivateEmailMFA from "../screens/SecuritySettingsScreens/MFAScreens/Acti import VerifyEmailScreen from "../screens/VerifyEmailScreen.js"; import VerifyEmailCodeScreen from "../screens/VerifyEmailCodeScreen.js"; import DataControl from "../screens/SecuritySettingsScreens/DataControl.js"; -import DeleteAccountConfirmation from "../screens/DeleteAccountConfirmation.js"; import ExperimentalFeatures from "../screens/ExperimentalFeatures.js"; import ActivityScreen from "../screens/ActivityScreen.js"; import PrivacySettings from "../screens/PrivacySettings.js"; @@ -88,14 +76,6 @@ import PollVoteViewPage from "../screens/PollVoteViewPage.js"; const Stack = createStackNavigator(); -const screenOptionStyle = { - headerStyle: { - backgroundColor: "#9AC4F8", - }, - headerTintColor: "white", - headerBackTitle: "Back", -}; - const RootStack = () => { const { colors } = useTheme(); return( diff --git a/navigation/Start_Stack.js b/navigation/Start_Stack.js index 9f1dfd5..174bd4c 100644 --- a/navigation/Start_Stack.js +++ b/navigation/Start_Stack.js @@ -1,7 +1,5 @@ -import React, {useEffect, useState} from "react"; +import React, {useState} from "react"; import { createStackNavigator } from "@react-navigation/stack"; -import { StyleSheet, Text, View, Button, Image, TouchableOpacity, SafeAreaView, ScrollView} from 'react-native'; -import {darkModeStyling, darkModeOn, lightModeStyling} from '../screens/screenStylings/styling.js'; import {Colors} from '../screens/screenStylings/styling.js' const {primary, tertiary} = Colors; diff --git a/screens/HomeScreen.js b/screens/HomeScreen.js index fb191b6..f34bfb4 100644 --- a/screens/HomeScreen.js +++ b/screens/HomeScreen.js @@ -1,13 +1,10 @@ -import React, { useState, useContext, useRef, useEffect, useCallback, memo, useReducer } from 'react'; -import { StyleSheet, Text, View, Button, Image, TouchableOpacity, SafeAreaView, ScrollView, FlatList, Alert, useWindowDimensions, Animated, ActivityIndicator, TouchableWithoutFeedback, RefreshControl} from 'react-native'; +import React, { useState, useContext, useRef, useEffect } from 'react'; +import { Text, View, Image, TouchableOpacity, ScrollView, FlatList, ActivityIndicator, TouchableWithoutFeedback, RefreshControl} from 'react-native'; import { StatusBar } from 'expo-status-bar'; import AsyncStorage from '@react-native-async-storage/async-storage'; -import { useTheme, useFocusEffect, useIsFocused, CommonActions } from '@react-navigation/native'; +import { useTheme } from '@react-navigation/native'; import Icon from 'react-native-vector-icons/Ionicons'; import { - darkModeStyling, - darkModeOn, - lightModeStyling, ProfileOptionsView, ProfileOptionsViewText, ProfileOptionsViewSubtitleText, @@ -18,81 +15,16 @@ import { ReportProfileOptionsViewButtonsText, ReportProfileOptionsViewSubtitleText, ReportProfileOptionsViewText, - InnerContainer, - PageTitle, SubTitle, - StyledFormArea, StyledButton, ButtonText, - Line, - WelcomeContainer, - WelcomeImage, - Avatar, - Colors, - StyledContainer, - ProfileHorizontalView, - ProfileHorizontalViewItem, - ProfIcons, - ProfInfoAreaImage, - ProfileBadgesView, - ProfileBadgeIcons, - ProfilePostsSelectionView, - ProfilePostsSelectionBtns, - ProfileGridPosts, - ProfileFeaturedPosts, - ProfileTopBtns, - TopButtonIcons, - ProfileSelectMediaTypeItem, - ProfileSelectMediaTypeHorizontalView, - ProfileSelectMediaTypeIcons, - ProfileSelectMediaTypeIconsBorder, - PollPostFrame, - PollPostTitle, - PollPostSubTitle, - PollBarOutline, - PollBarItem, - PollKeyViewOne, - PollKeyViewTwo, - PollKeyViewThree, - PollKeyViewFour, - PollKeyViewFive, - PollKeyViewSix, - PollKeysCircle, - PollPostHorizontalView, - PollPostIcons, - AboveBarPollPostHorizontalView, - BottomPollPostHorizontalView, - LikesView, - CommentsView, - PollBottomItem, - MultiMediaPostFrame, - ImagePostFrame, - PostCreatorIcon, - PostsHorizontalView, - PostsVerticalView, - PostHorizontalView, - PostsIcons, - PostsIconFrame, MsgBox, - ImagePostTextFrame, - SearchFrame, - SearchHorizontalView, - SearchHorizontalViewItem, - SearchHorizontalViewItemCenter, - SearchSubTitle, - ConfirmLogoutButtons, - ConfirmLogoutButtonText, - ViewHider, } from '../screens/screenStylings/styling.js'; import { CredentialsContext } from '../components/CredentialsContext.js'; -import { AdIDContext } from '../components/AdIDContext.js'; -import { Audio } from 'expo-av'; import { SimpleStylingVersion } from '../components/StylingVersionsFile.js'; import { AppStylingContext } from '../components/AppStylingContext.js'; import axios from 'axios'; -import { ProfilePictureURIContext } from '../components/ProfilePictureURIContext.js'; import { ServerUrlContext } from '../components/ServerUrlContext.js'; -import SocialSquareLogo_B64_png from '../assets/SocialSquareLogo_Base64_png.js'; import { BadgeEarntNotificationContext } from '../components/BadgeEarntNotificationContext.js'; import * as Haptics from 'expo-haptics'; @@ -105,39 +37,23 @@ import PollPost from '../components/Posts/PollPost.js'; import ThreadPost from '../components/Posts/ThreadPost.js'; import { StatusBarHeightContext } from '../components/StatusBarHeightContext.js'; import ThreeDotMenuActionSheet from '../components/Posts/ThreeDotMenuActionSheet.js'; -import { BannerAd, BannerAdSize } from 'react-native-google-mobile-ads'; import ParseErrorMessage from '../components/ParseErrorMessage.js'; import AppBannerAd from '../components/ads/AppBannerAd.js'; -const {brand, primary, tertiary, greyish, darkLight, darkestBlue, slightlyLighterPrimary, slightlyLighterGrey, descTextColor, darkest, red, orange, yellow, green, purple} = Colors; - const HomeScreen = ({navigation, route}) => { const [followingFeed, dispatchFollowingFeed] = usePostReducer() const [forYouFeed, dispatchForYouFeed] = usePostReducer(); console.log('Refresh items:', followingFeed.refreshItems) // Filter code - const [showPhotos, setShowPhotos] = useState(undefined); - const [showVideos, setShowVideos] = useState(undefined); - const [showAudio, setShowAudio] = useState(undefined); - const [showThreads, setShowThreads] = useState(undefined); - const [showPolls, setShowPolls] = useState(undefined); - const [showCategories, setShowCategories] = useState(undefined); - const [PlayVideoSoundInSilentMode, setPlayVideoSoundInSilentMode] = useState(undefined) - const OutputAsyncStorageToConsole = false const [updateSimpleStylesWarningHidden, setUpdateSimpleStylesWarningHidden] = useState(true); const {AppStylingContextState, setAppStylingContextState} = useContext(AppStylingContext); const adContent = `` - const {profilePictureUri, setProfilePictureUri} = useContext(ProfilePictureURIContext); const [usernameToReport, setUsernameToReport] = useState(null); const [postEncrypted, setPostEncrypted] = useState(null); const [ProfileOptionsViewState, setProfileOptionsViewState] = useState(true); const {storedCredentials, setStoredCredentials} = useContext(CredentialsContext); - const [postSent, setPostSent] = useState(null); const StatusBarHeight = useContext(StatusBarHeightContext); - async function unloadAudioFunction() { - playRecording.unloadAsync; - } - if (storedCredentials) {var {name, displayName, _id} = storedCredentials} else {var {name, displayName, _id} = {name: 'SSGUEST', displayName: 'SSGUEST', _id: 'SSGUEST'}} + if (storedCredentials) {var {_id} = storedCredentials} else {var {_id} = {_id: 'SSGUEST'}} const {serverUrl, setServerUrl} = useContext(ServerUrlContext); const {badgeEarntNotification, setBadgeEarntNotification} = useContext(BadgeEarntNotificationContext); const {allCredentialsStoredList, setAllCredentialsStoredList} = useContext(AllCredentialsStoredContext); diff --git a/screens/NotificationsSettingsScreen.js b/screens/NotificationsSettingsScreen.js index 2076763..d6899d2 100644 --- a/screens/NotificationsSettingsScreen.js +++ b/screens/NotificationsSettingsScreen.js @@ -4,16 +4,6 @@ import { StatusBar } from 'expo-status-bar'; import { WelcomeContainer, Avatar, - SettingsPageItemTouchableOpacity, - SettingsItemImage, - SettingsItemText, - ConfirmLogoutView, - ConfirmLogoutText, - ConfirmLogoutButtons, - ConfirmLogoutButtonText, - darkModeOn, - darkModeStyling, - lightModeStyling, BackgroundDarkColor, TestText, TextLink, @@ -22,14 +12,11 @@ import { ButtonText } from '../screens/screenStylings/styling.js'; import {useTheme} from "@react-navigation/native"; -import { ImageBackground, ScrollView, Text, TouchableOpacity, View, Image, Switch, ActivityIndicator, Alert } from 'react-native'; +import { ScrollView, Text, TouchableOpacity, View, Switch, ActivityIndicator } from 'react-native'; import { ProfilePictureURIContext } from '../components/ProfilePictureURIContext.js'; -import AsyncStorage from '@react-native-async-storage/async-storage'; import { CredentialsContext } from '../components/CredentialsContext'; import * as Notifications from 'expo-notifications'; import * as Linking from 'expo-linking'; -import * as IntentLauncher from 'expo-intent-launcher'; -import AppCredits from '../components/AppCredits.js'; import axios from 'axios'; import Ionicons from 'react-native-vector-icons/Ionicons'; import { ServerUrlContext } from '../components/ServerUrlContext.js'; diff --git a/screens/PostScreens/AudioUploadPage.js b/screens/PostScreens/AudioUploadPage.js index 355cda1..4b94d87 100644 --- a/screens/PostScreens/AudioUploadPage.js +++ b/screens/PostScreens/AudioUploadPage.js @@ -1,60 +1,16 @@ -import React, {useContext, useState, useEffect} from 'react'; +import React, {useContext} from 'react'; import { StatusBar } from 'expo-status-bar'; -import { Audio } from 'expo-av'; import { useTheme } from '@react-navigation/native'; import { - InnerContainer, - PageTitle, - SubTitle, - StyledFormArea, - StyledButton, - ButtonText, - Line, - WelcomeContainer, - WelcomeImage, - Avatar, - StyledContainer, - ProfileHorizontalView, - ProfileHorizontalViewItem, - ProfIcons, - ProfInfoAreaImage, - ProfileBadgesView, - ProfileBadgeIcons, - ProfilePostsSelectionView, - ProfilePostsSelectionBtns, - ProfileGridPosts, - ProfileFeaturedPosts, - ProfileTopBtns, - TopButtonIcons, - PostTypeSelector, - PostHorizontalView, - PostIcons, - PostCollectionView, - PostMsgBox, BackgroundDarkColor, FlexRow, LeftButton_AudioUploadScreen, RightButton_AudioUploadScreen, - darkModeOn, - darkModeStyling, - lightModeStyling, AudioUploadScreenUploadButtons, - HorizontalLineAcrossScreen, - RecordAudio_AudioUploadPage, - RecordButton_RecordScreen_AudioUploadPage, - RecordButtonChanger_RecordScreen_AudioUploadPage, - AudioWaveBox_RecordScreen_AudioUploadPage, - ViewHider } from '../screenStylings/styling.js'; -// async-storage -import AsyncStorage from '@react-native-async-storage/async-storage'; - -//credentials context -import { CredentialsContext } from './../../components/CredentialsContext'; -import { ImageBackground, ScrollView, Image, TouchableOpacity, Text, View } from 'react-native'; -import * as Haptics from 'expo-haptics'; +import { Image, TouchableOpacity, Text, View } from 'react-native'; import { StatusBarHeightContext } from '../../components/StatusBarHeightContext.js'; import TopNavBar from '../../components/TopNavBar.js'; diff --git a/screens/SettingsScreen.js b/screens/SettingsScreen.js index ca2956d..4e2ba05 100644 --- a/screens/SettingsScreen.js +++ b/screens/SettingsScreen.js @@ -1,6 +1,5 @@ import React, {useContext, useState} from 'react'; import { StatusBar } from 'expo-status-bar'; -import * as Haptics from 'expo-haptics'; import { WelcomeContainer, @@ -12,9 +11,6 @@ import { ConfirmLogoutText, ConfirmLogoutButtons, ConfirmLogoutButtonText, - darkModeOn, - darkModeStyling, - lightModeStyling, BackgroundDarkColor, TextLink, TextLinkContent @@ -30,9 +26,8 @@ import AsyncStorage from '@react-native-async-storage/async-storage'; //credentials context import { CredentialsContext } from '../components/CredentialsContext'; -import { ImageBackground, ScrollView, Switch, Text, TouchableOpacity, View, Alert, ActivityIndicator } from 'react-native'; +import { ScrollView, Text, TouchableOpacity, View, ActivityIndicator } from 'react-native'; import * as Linking from 'expo-linking'; -import SocialSquareLogo_B64_png from '../assets/SocialSquareLogo_Base64_png.js'; import * as WebBrowser from 'expo-web-browser'; import { ProfilePictureURIContext } from '../components/ProfilePictureURIContext.js'; import { AllCredentialsStoredContext } from '../components/AllCredentialsStoredContext.js'; diff --git a/screens/Signup.js b/screens/Signup.js index 63f274c..d46df86 100644 --- a/screens/Signup.js +++ b/screens/Signup.js @@ -29,9 +29,6 @@ import { ExtraText, TextLink, TextLinkContent, - darkModeOn, - darkModeStyling, - lightModeStyling } from '../screens/screenStylings/styling.js'; import {View, ActivityIndicator, TouchableOpacity, Text} from 'react-native'; @@ -62,11 +59,6 @@ import KeyboardAvoidingScrollView from '../components/KeyboardAvoidingScrollView const Signup = ({navigation, route}) => { - if (darkModeOn === true) { - var styling = darkModeStyling; - } else { - var styling = lightModeStyling; - } const [webBrowserResult, setWebBrowserResult] = useState(null); const {allCredentialsStoredList, setAllCredentialsStoredList} = useContext(AllCredentialsStoredContext); const {profilePictureUri, setProfilePictureUri} = useContext(ProfilePictureURIContext); diff --git a/screens/screenStylings/styling.js b/screens/screenStylings/styling.js index 8ea6526..b3127a3 100644 --- a/screens/screenStylings/styling.js +++ b/screens/screenStylings/styling.js @@ -1,214 +1,5 @@ -import { StyleSheet} from 'react-native'; import styled from "styled-components/native"; import Constants from "expo-constants"; -import { DefaultTheme, DarkTheme } from '@react-navigation/native'; -import React from 'react'; - -var darkModeOn = true; - -/* Transfer all settings pages over to the dark mode switching system */ - -var darkModeStyling = StyleSheet.create({ - textColor: { - color: '#ECEFF4' - }, - oppositeTextColor: { - color: '#2E3440' - }, - tintColor: { - tintColor: '#ECEFF4' - }, - oppositeTintColor: { - tintColor: '#2E3440' - }, - borderColor: { - borderColor: '#ECEFF4' - }, - backgroundColor: { - backgroundColor: '#2E3440' - }, - oppositeBackgroundColor: { - backgroundColor: '#ECEFF4' - }, - navBackgroundColor: { - backgroundColor: '#3B4252' - }, - navFocusedColor: { - color: '#88C0D0' - }, - settingsButtonTouchableOpacity: { - backgroundColor: '#3B4252', - width: '40%', - maxWidth: '40%', - minWidth: '40%', - height: 50, - maxHeight: 50, - minHeight: 50, - borderColor: '#5E81AC', - borderWidth: 5, - borderRadius: 50/2, - marginLeft: '5%', - marginRight: '5%' - }, - settingsButtonText: { - color: '#ECEFF4', - fontSize: 14, - textAlign: 'center', - textAlignVertical: 'center', - justifyContent: 'center', - alignContent: 'center', - alignItems: 'center', - alignSelf: 'center' - }, - like_comment_save_buttons: { - minHeight: 40, - minWidth: 40, - width: 40, - height: 40, - maxWidth: 40, - maxHeight: 40, - position:'absolute', - left:15 - }, - ProfileTopBtn_Left: { - position: 'absolute', - zIndex: 100, - width: '10%', - backgroundColor: '#2E3440', - justifyContent: 'center', - alignItems: 'center', - borderRadius: 30, - marginVertical: 5, - height: 40, - right: '35%', - flex: 5, - width: 40, - height: 40 - }, - ProfileTopBtn_Right: { - position: 'absolute', - zIndex: 100, - width: '10%', - backgroundColor: '#2E3440', - justifyContent: 'center', - alignItems: 'center', - borderRadius: 30, - marginVertical: 5, - height: 40, - left: '35%', - flex: 5, - width: 40, - height: 40 - } -}) - -var lightModeStyling = StyleSheet.create({ - textColor: { - color: '#2E3440' - }, - oppositeTextColor: { - color: '#ECEFF4' - }, - tintColor: { - tintColor: '#2E3440' - }, - oppositeTintColor: { - tintColor: '#ECEFF4' - }, - borderColor: { - borderColor: '#2E3440' - }, - backgroundColor: { - backgroundColor: '#ECEFF4' - }, - oppositeBackgroundColor: { - backgroundColor: '#2E3440' - }, - navBackgroundColor: { - backgroundColor: '#D8DEE9' - }, - settingsButtonTouchableOpacity: { - backgroundColor: '#D8DEE9', - width: '40%', - maxWidth: '40%', - minWidth: '40%', - height: 50, - maxHeight: 50, - minHeight: 50, - borderColor: '#5E81AC', - borderWidth: 5, - borderRadius: 50/2, - marginLeft: '5%', - marginRight: '5%' - }, - settingsButtonText: { - color: '#2E3440', - fontSize: 14, - textAlign: 'center', - textAlignVertical: 'center', - justifyContent: 'center', - alignContent: 'center', - alignItems: 'center', - alignSelf: 'center' - }, - like_comment_save_buttons: { - minHeight: 40, - minWidth: 40, - width: 40, - height: 40, - maxWidth: 40, - maxHeight: 40, - position:'absolute', - left:15 - }, - ProfileTopBtn_Left: { - position: 'absolute', - zIndex: 100, - width: '10%', - backgroundColor: '#ECEFF4', - justifyContent: 'center', - alignItems: 'center', - borderRadius: 30, - marginVertical: 5, - height: 40, - right: '35%', - flex: 500, - width: 40, - height: 40 - }, - ProfileTopBtn_Right: { - position: 'absolute', - zIndex: 10000, - width: '10%', - backgroundColor: '#ECEFF4', - justifyContent: 'center', - alignItems: 'center', - borderRadius: 30, - marginVertical: 5, - height: 40, - left: '35%', - flex: 500, - height: 40, - width: 40 - } -}) - -var lightModeStyling_navFocusedColor = '#5E81AC'; -var darkModeStyling_navFocusedColor = '#88C0D0'; -var darkModeStyling_navNonFocusedColor = '#ECEFF4'; -var lightModeStyling_navNonFocusedColor = '#2E3440'; - - - -export { - darkModeStyling, - darkModeOn, - lightModeStyling, - lightModeStyling_navFocusedColor, - darkModeStyling_navFocusedColor, - darkModeStyling_navNonFocusedColor, - lightModeStyling_navNonFocusedColor -}; /* Kovid's code*/