<commit_before>---
title: Import Bootstrap Theme
page_title: Import Bootstrap Theme | UI for ASP.NET AJAX Documentation
description: Import Bootstrap Theme
slug: theme-builder/import-bootstrap-theme
tags: import, bootstrap, theme
published: True
position: 3
---

# Import Bootstrap Theme 


The **Import Bootstrap Theme** functionality is currently in development and with limited capabilities.  In order to take advantage of it you need to upload **config.json** file generated by the [Bootstrap customizer tool](http://getbootstrap.com/customize/).

![Themebuilder import existing theme](images/theme-builder-import-bootstrap-theme.png)

>note You should map the variables from the **“vars”** object according to the convention below in order to import the bootstrap theme successfully:

````
{
    //"$font-size": "@font-size-base",
    //"$line-height": "@line-height-base",
    //"$font-family": "@font-family-sans-serif",
    "$base-color": "@text-color",
    "$base-bg": "@body-bg",
    "$base-border": "@panel-default-border",
    "$brand-primary": "@brand-primary",
    "$link-color": "@link-color",
    "$link-bg": "@pagination-bg",
    "$link-border": "@pagination-border",
    "$link-hovered-color": "@link-hover-color",
    "$link-hovered-bg": "@pagination-hover-bg",
    "$link-hovered-border": "@pagination-hover-border",
    "$link-selected-color": "@pagination-active-color",
    "$link-selected-bg": "@pagination-active-bg",
    "$link-selected-border": "@pagination-active-border",<commit_msg>deleted commented variables<commit_after>---
title: Import Bootstrap Theme
page_title: Import Bootstrap Theme | UI for ASP.NET AJAX Documentation
description: Import Bootstrap Theme
slug: theme-builder/import-bootstrap-theme
tags: import, bootstrap, theme
published: True
position: 3
---

# Import Bootstrap Theme 


The **Import Bootstrap Theme** functionality is currently in development and with limited capabilities.  In order to take advantage of it you need to upload **config.json** file generated by the [Bootstrap customizer tool](http://getbootstrap.com/customize/).

![Themebuilder import existing theme](images/theme-builder-import-bootstrap-theme.png)

>note You should map the variables from the **“vars”** object according to the convention below in order to import the bootstrap theme successfully:

````
{
    "$base-color": "@text-color",
    "$base-bg": "@body-bg",
    "$base-border": "@panel-default-border",
    "$brand-primary": "@brand-primary",
    "$link-color": "@link-color",
    "$link-bg": "@pagination-bg",
    "$link-border": "@pagination-border",
    "$link-hovered-color": "@link-hover-color",
    "$link-hovered-bg": "@pagination-hover-bg",
    "$link-hovered-border": "@pagination-hover-border",
    "$link-selected-color": "@pagination-active-color",
    "$link-selected-bg": "@pagination-active-bg",
    "$link-selected-border": "@pagination-active-border",
{'fraction_non_alphanumeric': 0.16030271757825937, 'fraction_numerical': 0.0006879944960440316, 'mean_word_length': 4.539047619047619, 'pattern_counts': {'":': 29, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4759610', 'n_tokens_mistral': 847, 'n_tokens_neox': 848, 'n_words': 239}