Skip to main content



React-theme-default package contains the @selfcommunity custom theme.
It is based on Material-Ui Theming, which you can consult to find all the information you need to configure and customize the theme.


Install the @selfcommunity/react-theme-default package and pass it down to your provider context through configuration.

import defaultTheme from '@selfcommunity/react-theme-default';

import React from 'react';
import {SCContextProvider} from '@selfcommunity/react-core';
import {MyComponent} from './MyComponent';

function App() {
const conf = {
portal: '',
locale: {...},
session: {...},
theme: defaultTheme,
return (
<SCContextProvider conf={conf}><MyComponent /></SCContextProvider>