Theme Configurations

Customize the theme according to your requirements.

Logo Settings

Go To- apps/site/src/components/fronted/header/index.tsx file

<Link href="/">
    <a className="hidden sm:flex">
        <Image
            src="/assets/img/logo.svg" // logo image here ...
            width={146}
            height={33}
            alt="logo"
            noPlaceholder={true}
        />
    </a>
</Link>

Change Color

Go to apps/site/tailwind.config.js file.

Scroll down to line 9 and update the color:

colors: {
    themePrimary: '#1CAF57',
    themeLighterAlt: '#f7f8fa',
    themeLighter: '#B8B9BB',
    themeLight: '#6B7280',
    themeTertiary: '#8F9CA9',
    themeSecondary: '#a6b2cc',
    themeDarkAlt: '#66737F',
    themeDark: '#36414C',
    themeDarker: '#2d3748',
    themeDarkerAlt: '#1a202c',
    body: '#f2f5f8',
    black1: '#000',
    white: '#fff',
    prm: '#8e9cce',
    arsenic: '#36414C',
    black: '#13161C',
    gray: '#D5DDE5',
    deep: '#66737F',
    light: '#F2F5F8',
    grayLight: '#8F9CA9',
    greenLight: '#E8F7EE',
    greenLight2: '#D2EFDD',
    whiteLight: '#B8B9BB',
    yellowLight: '#FFF6E9',
}

Change Content

We use static content for the site. You can change the content from each page or component.

For example, if you want to change the content of the home page HeroSection component, you can go to apps/site/src/components/fronted/banner/index.tsx file and update the content.

3. Custom Development Support

If you require custom development or need assistance with the customization process, our team is here to help. Please contact us for personalized support.

For inquiries, please reach out to support@jstemplate.net

Getting Started