@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
519 lines (518 loc) • 21.7 kB
JavaScript
import './fonts/community-icons.css';
import './styles/reset.css';
/**
* Style fragments - Imports - Start
*/
import MuiAppBar from './components/MuiAppBar';
import MuiAutocomplete from './components/MuiAutocomplete';
import MuiAvatar from './components/MuiAvatar';
import MuiButton from './components/MuiButton';
import MuiContainer from './components/MuiContainer';
import MuiDialog from './components/MuiDialog';
import MuiDrawer from './components/MuiDrawer';
import MuiIcon from './components/MuiIcon';
import MuiIconButton from './components/MuiIconButton';
import MuiOutlinedInput from './components/MuiOutlinedInput';
import MuiPopover from './components/MuiPopover';
import MuiSelect from './components/MuiSelect';
import MuiTooltip from './components/MuiTooltip';
import SCAccordionLessons from './components/SCAccordionLessons';
import SCAccountChangeMailValidation from './components/SCAccountChangeMailValidation';
import SCAccountDataPortability from './components/SCAccountDataPortability';
import SCAccountDelete from './components/SCAccountDelete';
import SCAccountReset from './components/SCAccountReset';
import SCAccountVerify from './components/SCAccountVerify';
import SCAddUsersButton from './components/SCAddUsersButton';
import SCBaseDialog from './components/SCBaseDialog';
import SCBaseItem from './components/SCBaseItem';
import SCBaseItemButton from './components/SCBaseItemButton';
import SCBottomNavigation from './components/SCBottomNavigation';
import SCBroadcastMessages from './components/SCBroadcastMessages';
import SCBullet from './components/SCBullet';
import SCCalendar from './components/SCCalendar';
import SCCategories from './components/SCCategories';
import SCCategoriesPopularWidget from './components/SCCategoriesPopularWidget';
import SCCategoriesSuggestionWidget from './components/SCCategoriesSuggestionWidget';
import SCCategory from './components/SCCategory';
import SCCategoryAutocomplete from './components/SCCategoryAutocomplete';
import SCCategoryFeedTemplate from './components/SCCategoryFeedTemplate';
import SCCategoryFollowersButton from './components/SCCategoryFollowersButton';
import SCCategoryHeader from './components/SCCategoryHeader';
import SCCategoryTemplate from './components/SCCategoryTemplate';
import SCCategoryTrendingFeedWidget from './components/SCCategoryTrendingFeedWidget';
import SCCategoryTrendingUsersWidget from './components/SCCategoryTrendingUsersWidget';
import SCCourseTypePopover from './components/SCCourseTypePopover';
import SCCourseUsersTable from './components/SCCourseUsersTable';
import SCChangeCoverButton from './components/SCChangeCoverButton';
import SCChangeGroupCoverButton from './components/SCChangeGroupCoverButton';
import SCChangeGroupPictureButton from './components/SCChangeGroupPictureButton';
import SCChangePictureButton from './components/SCChangePictureButton';
import SCChoices from './components/SCChoices';
import SCCommentObject from './components/SCCommentObject';
import SCCommentObjectReply from './components/SCCommentObjectReply';
import SCCommentsFeedObject from './components/SCCommentsFeedObject';
import SCCommentsObject from './components/SCCommentsObject';
import SCComposer from './components/SCComposer';
import SCConsentSolution from './components/SCConsentSolution';
import SCContributionActionsMenu from './components/SCContributionActionsMenu';
import SCCourse from './components/SCCourse';
import SCCourseContentMenu from './components/SCCourseContentMenu';
import SCCourseDashboard from './components/SCCourseDashboard';
import SCCourses from './components/SCCourses';
import SCCourseForm from './components/SCCourseForm';
import SCCourseFormDialog from './components/SCCourseFormDialog';
import SCCourseInfoDetails from './components/SCCourseInfoDetails';
import SCCourseParticipantsButton from './components/SCCourseParticipantsButton';
import SCCreateCourseButton from './components/SCCreateCourseButton';
import SCCreateEventButton from './components/SCCreateEventButton';
import SCCreateEventWidget from './components/SCCreateEventWidget';
import SCCreateGroupButton from './components/SCCreateGroupButton';
import SCCustomAdv from './components/SCCustomAdv';
import SCCustomSnackMessage from './components/SCCustomSnackMessage';
import SCDateTimeAgo from './components/SCDateTimeAgo';
import SCDefaultHeaderContent from './components/SCDefaultHeaderContent';
import SCDefaultDrawerContent from './components/SCDefaultDrawerContent';
import SCEditGroupButton from './components/SCEditGroupButton';
import SCEditor from './components/SCEditor';
import SCEditCourse from './components/SCEditCourse';
import SCEmojiPicker from './components/SCEmojiPicker';
import SCEmptyStatus from './components/SCEmptyStatus';
import SCEvent from './components/SCEvent';
import SCEventActionsMenu from './components/SCEventActionsMenu';
import SCEventForm from './components/SCEventForm';
import SCEventFormDialog from './components/SCEventFormDialog';
import SCEventHeader from './components/SCEventHeader';
import SCEventInfoDetails from './components/SCEventInfoDetails';
import SCEventInfoWidget from './components/SCEventInfoWidget';
import SCEventInviteButton from './components/SCEventInviteButton';
import SCEventLocationWidget from './components/SCEventLocationWidget';
import SCEventMediaWidget from './components/SCEventMediaWidget';
import SCEventMembersWidget from './components/SCEventMembersWidget';
import SCEventParticipantsButton from './components/SCEventParticipantsButton';
import SCEvents from './components/SCEvents';
import SCEventSubscribeButton from './components/SCEventSubscribeButton';
import SCExploreFeedTemplate from './components/SCExploreFeedTemplate';
import SCFeed from './components/SCFeed';
import SCFeedObject from './components/SCFeedObject';
import SCFeedObjectDetailTemplate from './components/SCFeedObjectDetailTemplate';
import SCFeedObjectMediaPreview from './components/SCFeedObjectMediaPreview';
import SCFeedUpdatesWidget from './components/SCFeedUpdatesWidget';
import SCFooter from './components/SCFooter';
import SCGroup from './components/SCGroup';
import SCGroupActionsMenu from './components/SCGroupActionsMenu';
import SCGroupAutocomplete from './components/SCGroupAutocomplete';
import SCGroupFeedTemplate from './components/SCGroupFeedTemplate';
import SCGroupForm from './components/SCGroupForm';
import SCGroupHeader from './components/SCGroupHeader';
import SCGroupInfoWidget from './components/SCGroupInfoWidget';
import SCGroupInviteButton from './components/SCGroupInviteButton';
import SCGroupInvitedWidget from './components/SCGroupInvitedWidget';
import SCGroupMembersButton from './components/SCGroupMembersButton';
import SCGroupMembersWidget from './components/SCGroupMembersWidget';
import SCGroupRequestsWidget from './components/SCGroupRequestsWidget';
import SCGroups from './components/SCGroups';
import SCGroupSettingsIconButton from './components/SCGroupSettingsIconButton';
import SCGroupTemplate from './components/SCGroupTemplate';
import SCIncubator from './components/SCIncubator';
import SCIncubatorDetail from './components/SCIncubatorDetail';
import SCIncubatorListWidget from './components/SCIncubatorListWidget';
import SCIncubatorSuggestionWidget from './components/SCIncubatorSuggestionWidget';
import SCInlineComposerWidget from './components/SCInlineComposerWidget';
import SCLanguageSwitcher from './components/SCLanguageSwitcher';
import SCLessonAppbar from './components/SCLessonAppbar';
import SCLessonDrawer from './components/SCLessonDrawer';
import SCLessonCommentActionsMenu from './components/SCLessonCommentActionsMenu';
import SCLessonCommentObject from './components/SCLessonCommentObject';
import SCLessonCommentObjects from './components/SCLessonCommentObjects';
import SCCourseCompletedDialog from './components/SCCourseCompletedDialog';
import SCLessonEditForm from './components/SCLessonEditForm';
import SCLessonFilePreview from './components/SCLessonFilePreview';
import SCLessonTemplate from './components/SCLessonTemplate';
import SCLessonObject from './components/SCLessonObject';
import SCLessonReleaseMenu from './components/SCLessonReleaseMenu';
import SCLightbox from './components/SCLightbox';
import SCLoyaltyProgramDetailTemplate from './components/SCLoyaltyProgramDetailTemplate';
import SCLoyaltyProgramWidget from './components/SCLoyaltyProgramWidget';
import SCMainFeedTemplate from './components/SCMainFeedTemplate';
import SCMediaFile from './components/SCMediaFile';
import SCMediaLink from './components/SCMediaLink';
import SCMediaShare from './components/SCMediaShare';
import SCMyEventsWidget from './components/SCMyEventsWidget';
import SCNavigationMenuIconButton from './components/SCNavigationMenuIconButton';
import SCNavigationMenuDrawer from './components/SCNavigationMenuDrawer';
import SCNavigationSettingsIconButton from './components/SCNavigationSettingsIconButton';
import SCNavigationToolbar from './components/SCNavigationToolbar';
import SCNavigationToolbarMobile from './components/SCNavigationToolbarMobile';
import SCNotification from './components/SCNotification';
import SCNotificationFeedTemplate from './components/SCNotificationFeedTemplate';
import SCNotificationItem from './components/SCNotificationItem';
import SCOnBoardingWidget from './components/SCOnBoardingWidget';
import SCPlatformWidget from './components/SCPlatformWidget';
import SCPollSuggestionWidget from './components/SCPollSuggestionWidget';
import SCPreviewMediaDocument from './components/SCPreviewMediaDocument';
import SCPreviewMediaLink from './components/SCPreviewMediaLink';
import SCPrivateMessageComponent from './components/SCPrivateMessageComponent';
import SCPrivateMessageEditor from './components/SCPrivateMessageEditor';
import SCPrivateMessageSettingsIconButton from './components/SCPrivateMessageSettingsIconButton';
import SCPrivateMessageSnippetItem from './components/SCPrivateMessageSnippetItem';
import SCPrivateMessageSnippets from './components/SCPrivateMessageSnippets';
import SCPrivateMessageThread from './components/SCPrivateMessageThread';
import SCPrivateMessageThreadItem from './components/SCPrivateMessageThreadItem';
import SCProgressBar from './components/SCProgressBar';
import SCReactionAction from './components/SCReactionAction';
import SCRelatedEventsWidget from './components/SCRelatedEventsWidget';
import SCRelatedFeedObjectsWidget from './components/SCRelatedFeedObjectsWidget';
import SCScrollContainer from './components/SCScrollContainer';
import SCSearchAutocomplete from './components/SCSearchAutocomplete';
import SCSnippetNotifications from './components/SCSnippetNotifications';
import SCSuggestedEventsWidget from './components/SCSuggestedEventsWidget';
import SCLiveStream from './components/SCLiveStream';
import SCCreateLiveStreamButton from './components/SCCreateLiveStreamButton';
import SCCreateLiveStreamDialog from './components/SCLiveStreamDialog';
import SCLiveStreamSelector from './components/SCLiveStreamSelector';
import SCLiveStreamForm from './components/SCLiveStreamForm';
import SCLiveStreamFormSettings from './components/SCLiveStreamFormSettings';
import SCLiveStreamRoom from './components/SCLiveStreamRoom';
import SCLiveStreamVideoConference from './components/SCLiveStreamVideoConference';
import SCLiveStreamInfoDetails from './components/SCLiveStreamInfoDetails';
import SCUpScalingTierBadge from './components/SCUpScalingTierBadge';
import SCUserLiveStreamWidget from './components/SCUserLiveStreamWidget';
import SCToastNotifications from './components/SCToastNotifications';
import SCUser from './components/SCUser';
import SCUserActionIconButton from './components/SCUserActionIconButton';
import SCUserAvatar from './components/SCUserAvatar';
import SCUserCategoriesFollowedWidget from './components/SCUserCategoriesFollowedWidget';
import SCUserConnectionsRequestsSentWidget from './components/SCUserConnectionsRequestsSentWidget';
import SCUserConnectionsRequestsWidget from './components/SCUserConnectionsRequestsWidget';
import SCUserConnectionsWidget from './components/SCUserConnectionsWidget';
import SCUserCounters from './components/SCUserCounters';
import SCUserCreatedCoursesWidget from './components/SCUserCreatedCoursesWidget';
import SCUserFeedTemplate from './components/SCUserFeedTemplate';
import SCUserFollowedUsersWidget from './components/SCUserFollowedUsersWidget';
import SCUserFollowersWidget from './components/SCUserFollowersWidget';
import SCUserInfo from './components/SCUserInfo';
import SCUserProfileBlocked from './components/SCUserProfileBlocked';
import SCUserProfileEdit from './components/SCUserProfileEdit';
import SCUserProfileHeader from './components/SCUserProfileHeader';
import SCUserProfileTemplate from './components/SCUserProfileTemplate';
import SCUserSubscribedGroupsWidget from './components/SCUserSubscribedGroupsWidget';
import SCUserSuggestionWidget from './components/SCUserSuggestionWidget';
import SCTagAutocomplete from './components/SCTagAutocomplete';
import SCVoteAudienceButton from './components/SCVoteAudienceButton';
import SCVoteButton from './components/SCVoteButton';
import SCWidget from './components/SCWidget';
/**
* Style fragments - Imports - End
*/
/**
* Style assets - Imports - Start
*/
import GoogleIconContained from './assets/social/contained/google';
import FacebookIconContained from './assets/social/contained/facebook';
import TwitterIconContained from './assets/social/contained/twitter';
import LinkedinIconContained from './assets/social/contained/linkedin';
import GoogleIconOutlined from './assets/social/outlined/google';
import FacebookIconOutlined from './assets/social/outlined/facebook';
import TwitterIconOutlined from './assets/social/outlined/twitter';
import LinkedinIconOutlined from './assets/social/outlined/linkedin';
/**
* Style assets - Imports - End
*/
/**
* Export default theme
*/
const theme = {
// palette: {
// background: {
// default: '#FFFFFF'
// },
// text: {
// primary: 'rgba(0,0,0,0.8)'
// },
// primary: {
// main: '#546E7A'
// },
// secondary: {
// main: '#008080'
// }
// },
typography: {
htmlFontSize: 14,
fontSize: 14,
// fontFamily: '"Inter", "Helvetica", "Arial", sans-serif',
fontWeightLight: '300',
fontWeightRegular: '400',
fontWeightMedium: '500',
fontWeightBold: '700',
h1: {
fontSize: '3.4rem'
},
h2: {
fontSize: '1.7rem'
},
h3: {
fontSize: '1.5rem'
},
h4: {
fontSize: '1.2rem'
},
h5: {
fontSize: '1.1rem'
},
h6: {
fontSize: '1rem'
},
body1: {
fontSize: '1rem'
}
},
shape: {
borderRadius: 20,
borderRadiusSm: 10
},
spacing: 8,
mixins: {
toolbar: {
minHeight: 45,
'@media (min-width:0px)': {
minHeight: 45
},
'@media (min-width:600px)': {
minHeight: 45
}
}
},
components: {
MuiAppBar,
MuiAutocomplete,
MuiAvatar,
MuiButton,
MuiContainer,
MuiDialog,
MuiDrawer,
MuiIcon,
MuiIconButton,
MuiOutlinedInput,
MuiPopover,
MuiSelect,
MuiTooltip,
SCAccordionLessons,
SCAccountChangeMailValidation,
SCAccountDataPortability,
SCAccountDelete,
SCAccountReset,
SCAccountVerify,
SCAddUsersButton,
SCBaseDialog,
SCBaseItem,
SCBaseItemButton,
SCBottomNavigation,
SCBroadcastMessages,
SCBullet,
SCCategories,
SCCategoriesPopularWidget,
SCCategoriesSuggestionWidget,
SCCategory,
SCCategoryAutocomplete,
SCCategoryFeedTemplate,
SCCategoryFollowersButton,
SCCategoryHeader,
SCCategoryTemplate,
SCCategoryTrendingFeedWidget,
SCCategoryTrendingUsersWidget,
SCChangeCoverButton,
SCChangeGroupCoverButton,
SCChangeGroupPictureButton,
SCChangePictureButton,
SCChoices,
SCCommentObject,
SCCommentObjectReply,
SCCommentsFeedObject,
SCCommentsObject,
SCComposer,
SCConsentSolution,
SCContributionActionsMenu,
SCCourse,
SCCourseContentMenu,
SCCourseDashboard,
SCCourses,
SCCourseForm,
SCCourseFormDialog,
SCCourseParticipantsButton,
SCCourseInfoDetails,
SCCourseTypePopover,
SCCourseUsersTable,
SCCreateGroupButton,
SCCustomAdv,
SCCustomSnackMessage,
SCDateTimeAgo,
SCDefaultHeaderContent,
SCDefaultDrawerContent,
SCEditGroupButton,
SCEditor,
SCEditCourse,
SCEmojiPicker,
SCExploreFeedTemplate,
SCFeed,
SCFeedObject,
SCFeedObjectDetailTemplate,
SCFeedObjectMediaPreview,
SCFeedUpdatesWidget,
SCFooter,
SCGroup,
SCGroupActionsMenu,
SCGroupAutocomplete,
SCGroupFeedTemplate,
SCGroupForm,
SCGroupHeader,
SCGroupInfoWidget,
SCGroupInviteButton,
SCGroupInvitedWidget,
SCGroupMembersButton,
SCGroupMembersWidget,
SCGroupRequestsWidget,
SCGroupSettingsIconButton,
SCGroupTemplate,
SCGroups,
SCIncubator,
SCIncubatorDetail,
SCIncubatorListWidget,
SCIncubatorSuggestionWidget,
SCInlineComposerWidget,
SCLanguageSwitcher,
SCLessonAppbar,
SCLessonDrawer,
SCLessonCommentActionsMenu,
SCLessonCommentObject,
SCLessonCommentObjects,
SCCourseCompletedDialog,
SCLessonEditForm,
SCLessonFilePreview,
SCLessonTemplate,
SCLessonObject,
SCLessonReleaseMenu,
SCLightbox,
SCLoyaltyProgramDetailTemplate,
SCLoyaltyProgramWidget,
SCMainFeedTemplate,
SCMediaFile,
SCMediaLink,
SCMediaShare,
SCNavigationMenuIconButton,
SCNavigationMenuDrawer,
SCNavigationSettingsIconButton,
SCNavigationToolbar,
SCNavigationToolbarMobile,
SCNotification,
SCNotificationFeedTemplate,
SCNotificationItem,
SCOnBoardingWidget,
SCPlatformWidget,
SCPollSuggestionWidget,
SCPreviewMediaDocument,
SCPreviewMediaLink,
SCPrivateMessageComponent,
SCPrivateMessageEditor,
SCPrivateMessageSettingsIconButton,
SCPrivateMessageSnippetItem,
SCPrivateMessageSnippets,
SCPrivateMessageThread,
SCPrivateMessageThreadItem,
SCProgressBar,
SCReactionAction,
SCRelatedFeedObjectsWidget,
SCScrollContainer,
SCSearchAutocomplete,
SCSnippetNotifications,
SCToastNotifications,
SCUser,
SCUserActionIconButton,
SCUserAvatar,
SCUserCategoriesFollowedWidget,
SCUserConnectionsRequestsSentWidget,
SCUserConnectionsRequestsWidget,
SCUserConnectionsWidget,
SCUserCounters,
SCUserCreatedCoursesWidget,
SCUserFeedTemplate,
SCUserFollowedUsersWidget,
SCUserFollowersWidget,
SCUserInfo,
SCUserProfileBlocked,
SCUserProfileEdit,
SCUserProfileHeader,
SCUserProfileTemplate,
SCUserSubscribedGroupsWidget,
SCUserSuggestionWidget,
SCTagAutocomplete,
SCEventForm,
SCEventFormDialog,
SCCreateCourseButton,
SCCreateEventButton,
SCEventLocationWidget,
SCEvent,
SCEventActionsMenu,
SCEvents,
SCEventInviteButton,
SCEventHeader,
SCEventInfoWidget,
SCEventInfoDetails,
SCEventSubscribeButton,
SCEventParticipantsButton,
SCMyEventsWidget,
SCCalendar,
SCCreateEventWidget,
SCSuggestedEventsWidget,
SCEventMembersWidget,
SCRelatedEventsWidget,
SCVoteAudienceButton,
SCVoteButton,
SCWidget,
SCEventMediaWidget,
SCEmptyStatus,
SCLiveStream,
SCLiveStreamInfoDetails,
SCUpScalingTierBadge,
SCUserLiveStreamWidget,
SCCreateLiveStreamButton,
SCCreateLiveStreamDialog,
SCLiveStreamSelector,
SCLiveStreamForm,
SCLiveStreamFormSettings,
SCLiveStreamRoom,
SCLiveStreamVideoConference
},
selfcommunity: {
user: {
avatar: {
sizeSmall: 21,
sizeMedium: 30,
sizeLarge: 60,
sizeXLarge: 90
}
},
category: {
icon: {
sizeSmall: 24,
sizeMedium: 40,
sizeLarge: 50
}
},
group: {
avatar: {
sizeSmall: 40,
sizeMedium: 60,
sizeLarge: 90,
sizeXLarge: 205
}
}
}
};
export default theme;
/**
* Style assets - Exports - Start
*/
export { GoogleIconContained, FacebookIconContained, LinkedinIconContained, TwitterIconContained, GoogleIconOutlined, FacebookIconOutlined, LinkedinIconOutlined, TwitterIconOutlined };
/**
* Style assets - Exports - End
*/