# Removing Themes from the Feature Pack

Source: https://dev.arcxp.com/themes/how-to-guides/removing-themes-from-feature-pack/

Removing Themes from Feature Pack

This guide walks you through configuring your project without Themes.

If you decide to stop using Themes after including it in your feature pack, you must delete the `blocks.json` file from your project or repository. However, after removing the `blocks.json` file, you must apply additional configurations to preserve all of the PageBuilder Engine capabilities.

> **Note:**
> 
> If `blocks.json` is present, PageBuilder Engine ignores the `/properties` directory.

## Site properties

When using Themes, you define your site properties in the `blocks.json` file. Without this file, you must set your site properties inside the `/properties` directory of your project. See [How to use site properties](https://dev.arcxp.com/pagebuilder-engine/how-to-guides/basics/how-to-use-site-properties/) for the correct placement of site properties.

> **Important:**
> 
> The structure of the `site-id` value from the `blocks.json` file must stay the same when moving the site properties to the `/properties` directory.

## Site-specific CSS

Themes enables [site-specific CSS overrides](https://dev.arcxp.com/themes/developer-docs/themes-css/) for some chosen fields and includes variables and functions to achieve a consistent design. When removing Themes, you lose the site-specific CSS overrides feature and must include CSS files separately for each site.

PageBuilder Engine supports site-specific CSS. For information on configuring and keeping the CSS files as small as possible for each site, see [PageBuilder Engine Multi-site styling support](https://dev.arcxp.com/pagebuilder-engine/developer-docs/pagebuilder-engine-multi-site-styling-support/).

> **Note:**
> 
> When providing Themes CSS and site-specific CSS, both are included in the CSS bundle that PageBuilder Engine generates. They are not mutually exclusive and can work individually or together

## Component CSS

Any CSS included on the component level can stay as is. See [How to add styling to components](https://dev.arcxp.com/pagebuilder-engine/how-to-guides/components-and-content/how-to-add-styling-to-components/) for complete information on using static tags and importing styles into components.

## `fusion:themes` package

You must remove all references to the `fusion:themes` package from your code.

## OutputType

If you previously used the Themes outputType, your custom outputType must import the generated CSS in the head tag by adding `<props.cssLinks />`. See [Output Type API](https://dev.arcxp.com/pagebuilder-engine/developer-docs/output-type-api/) for more details.

## Engine SDK

The Engine SDK package provides components to use with Themes and custom code. Depending on your use case, you can use the Engine SDK individually, but you might require specific data structures (page-type metadata), variables, or content sources. You can add the package to your `package.json` file, which requires a GitHub personal access token with read permissions in the `.npmrc` file. See [Configuring environment variables](https://dev.arcxp.com/tutorials/quick-start/configure-local-environment-variables/#step-2-add-the-npmrc-file-to-your-project) to add the `.npmrc` file to your project.

> **Important:**
> 
> Removing the Engine SDK package might require code updates to any component that uses the Engine SDK. For example, `MetaData` is one of the most popular components that use the Engine SDK.

## Internationalization

You do not have to make any changes if you use internationalization in Themes. However, you must include the desired languages in the `blocks.json` file, which is not required if you are providing all translations yourself.

Ensure that you have locale in your [copied site properties](#site-properties), and remove all Themes override entries from your `intl.json` file. For more information, see [Internationalization](https://dev.arcxp.com/pagebuilder-engine/developer-docs/internationalization/).