---
title: IC 3.0 Quick Theming
description: Learn how to quickly update and apply new themes in IC 3.0. Customize your intranet’s look and feel in just a few simple steps.
---

[Skip to content](https://learn.intranetconnections.com/ic-3.0-quick-theming#main-content)

![New White Logo-1](https://learn.intranetconnections.com/hs-fs/hubfs/New%20White%20Logo-1.png?width=200&height=58&name=New%20White%20Logo-1.png)

Open main navigation

Close main navigation

- [Contact Support](mailto:support@intranetconnections.com)

[Contact Support](mailto:support@intranetconnections.com)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [IC Knowledge Hub](https://learn.intranetconnections.com/?hsLang=en-ca)
2. [Onboarding & Setup](https://learn.intranetconnections.com/onboarding-setup?hsLang=en-ca)
3. [Theme & Design](https://learn.intranetconnections.com/onboarding-setup?hsLang=en-ca#theme-design)

# IC 3.0 Quick Theming

## Easily Customize the Look and Feel of Your Intranet Using the Theme Builder

This article provides a simple step-by-step guide on how to quickly change the theme of your IC 3.0 intranet. With just a few clicks, administrators can apply a new look and feel to match your organization’s branding or refresh the intranet design.

<iframe data-hsv-src="https://play.hubspotvideo.com/v/7578106/id/213273033037" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="213273033037" data-hsv-style="" data-hsv-width="1920" data-hsv-height="1080" data-hsv-autoplay="false" data-hsv-loop="false" data-hsv-muted="false" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>

Follow these steps to update your theme:

1\. Click on **“Admin”**

**![Click on admin ](https://images.tango.us/workflows/3a7f9eb6-aa9a-4c97-ad2f-8fb416e62160/steps/9bbd7269-b3f3-4fe0-9258-d8aede415f45/a30614f7-f165-45b3-bd64-51789bde60c3.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.8724&fp-y=0.0374&fp-z=2.6977&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=702&mark-y=5&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xNjkmaD0xNjkmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)**

2\. Click the **“Palette” icon** located in the top navigation bar

![Click on the icon of "palette" located on the top navigation](https://images.tango.us/workflows/3a7f9eb6-aa9a-4c97-ad2f-8fb416e62160/steps/6d1e5021-5b39-4d43-a34c-12e1ab006082/ec34cad5-c456-40d5-a87b-5f8b64baf8d2.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.5626&fp-y=0.0312&fp-z=2.7916&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=528&mark-y=5&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xNDQmaD0xNDQmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)

 3\. This will open up the **Theme Builder**

![Screenshot 2026-05-01 140319](https://learn.intranetconnections.com/hs-fs/hubfs/Screenshot%202026-05-01%20140319.png?width=670&height=437&name=Screenshot%202026-05-01%20140319.png)  
Within the Theme Builder you will see sections for Brand Identity, Typography, Colors, Home Page Background, Hero Banner. See below for the details of each section.

4\. In the panel that opens on the right, **select your desired theme**. Once satisfied, click **Apply** to save your changes.

With IC 3.0 Quick Theming, you can easily keep your intranet design fresh and aligned with your organization’s style in just minutes.

 

Click [here](https://drone-cyprus-94547586.figma.site/)to check for the optimal image sizes for consistent quality across the platform.

 

#### Brand Identity

![Screenshot 2026-05-01 133000](https://learn.intranetconnections.com/hs-fs/hubfs/Screenshot%202026-05-01%20133000.png?width=670&height=483&name=Screenshot%202026-05-01%20133000.png)

- Logo - upload a logo here to populate the logo in upper left corner, recommended image size is 40 x 40 px
- Global Color Palette - click on Get Logo Colors to pull your corporate colors from your logo
- Fav Icon - upload an icon here to populate the icon displayed in the browser tab when your intranet site is open, recommended icon size is 24 x 24 px
- Browser Title - add your intranet name here to display the intranet name in the browser tab when your intranet site is open

#### Typography

![Screenshot 2026-05-01 133013](https://learn.intranetconnections.com/hs-fs/hubfs/Screenshot%202026-05-01%20133013.png?width=670&height=434&name=Screenshot%202026-05-01%20133013.png)

- Select a font for your intranet site from the dropdown
- Or upload your own font using the Upload Font button
- Browser Title - add your intranet name here to display the intranet name in the browser tab when your intranet site is open

#### Colors

![Screenshot 2026-05-01 133028](https://learn.intranetconnections.com/hs-fs/hubfs/Screenshot%202026-05-01%20133028.png?width=670&height=436&name=Screenshot%202026-05-01%20133028.png)

- Top Navigation 
    - Background - color of the global navigation menu bar at the top of the site
    - Text & Icons - colors of the text and icons in the global navigation menu
- Buttons 
    - Button, Accent Colors - color of buttons (eg. "Apply" button, "Discard Changes")
- Widget Header 
    - Background - color of the widget headers
    - Text - color of the text in the widget headers

#### Home Page Background

![Screenshot 2026-05-01 142622](https://learn.intranetconnections.com/hs-fs/hubfs/Screenshot%202026-05-01%20142622.png?width=670&height=364&name=Screenshot%202026-05-01%20142622.png)

- Background Type - select Color or Image to change the page background (this is a global setting)

#### Hero Banner

![Screenshot 2026-05-01 134617](https://learn.intranetconnections.com/hs-fs/hubfs/Screenshot%202026-05-01%20134617.png?width=670&height=435&name=Screenshot%202026-05-01%20134617.png)

- Hero Banner - site banner displayed across the top of your site, recommended image size is 1920 x 100 px 
    - You can upload a Hero Banner for Desktop & Tablet and/or Mobile view

 

Check out our intranet design best practices [here](https://learn.intranetconnections.com/design-best-practices?hsLang=en-ca), for an engaging intranet.

- [FAQs](https://learn.intranetconnections.com/faqs?hsLang=en-ca#main-content)

    - [AI](https://learn.intranetconnections.com/faqs?hsLang=en-ca#ai)
- [Onboarding & Setup](https://learn.intranetconnections.com/onboarding-setup?hsLang=en-ca#main-content)

    - [Migration](https://learn.intranetconnections.com/onboarding-setup?hsLang=en-ca#migration)
    - [Theme & Design](https://learn.intranetconnections.com/onboarding-setup?hsLang=en-ca#theme-design)
    - [Installation](https://learn.intranetconnections.com/onboarding-setup?hsLang=en-ca#installation)
- [Product News](https://learn.intranetconnections.com/product-news?hsLang=en-ca#main-content)

    - [Release Notes](https://learn.intranetconnections.com/product-news?hsLang=en-ca#release-notes)
    - [Product Patches](https://learn.intranetconnections.com/product-news?hsLang=en-ca#product-patches)
- [Reports](https://learn.intranetconnections.com/reports?hsLang=en-ca#main-content)

    - [Intranet Analytics](https://learn.intranetconnections.com/reports?hsLang=en-ca#intranet-analytics)
- [Integrations](https://learn.intranetconnections.com/integrations?hsLang=en-ca#main-content)

    - [SharePoint](https://learn.intranetconnections.com/integrations?hsLang=en-ca#sharepoint)
    - [AI](https://learn.intranetconnections.com/integrations?hsLang=en-ca#ai)
- [Support](https://learn.intranetconnections.com/support?hsLang=en-ca)
- [Technical Setup & Configuration](https://learn.intranetconnections.com/technical-setup-configuration?hsLang=en-ca#main-content)

    - [Intranet Settings](https://learn.intranetconnections.com/technical-setup-configuration?hsLang=en-ca#intranet-settings)
    - [Disaster Recovery](https://learn.intranetconnections.com/technical-setup-configuration?hsLang=en-ca#disaster-recovery)
    - [Advanced Configuration](https://learn.intranetconnections.com/technical-setup-configuration?hsLang=en-ca#advanced-configuration)
- [How To's](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#main-content)

    - [Multilingual](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#multilingual)
    - [Navigation](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#navigation)
    - [Intranet Architecture](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#intranet-architecture)
    - [Security & Permissions](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#security-permissions)
    - [Private Cloud](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#private-cloud)
    - [Feature Requests](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#feature-requests)
    - [Forms & Workflows](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#forms-workflows)
    - [Your Guide to Transitioning to IC 3.0](https://learn.intranetconnections.com/how-tos?hsLang=en-ca#your-guide-to-transitioning-to-ic-3-0)
- [Best Practices](https://learn.intranetconnections.com/best-practices?hsLang=en-ca#main-content)

    - [Design](https://learn.intranetconnections.com/best-practices?hsLang=en-ca#design)
    - [Getting Started](https://learn.intranetconnections.com/best-practices?hsLang=en-ca#getting-started)
- [Applications](https://learn.intranetconnections.com/applications?hsLang=en-ca#main-content)

    - [Documents](https://learn.intranetconnections.com/applications?hsLang=en-ca#documents)
    - [Internal Resources](https://learn.intranetconnections.com/applications?hsLang=en-ca#internal-resources)
    - [Announcements](https://learn.intranetconnections.com/applications?hsLang=en-ca#announcements)
    - [Engagement](https://learn.intranetconnections.com/applications?hsLang=en-ca#engagement)
    - [Advertising](https://learn.intranetconnections.com/applications?hsLang=en-ca#advertising)
- [Account & Support](https://learn.intranetconnections.com/account-support?hsLang=en-ca#main-content)

    - [Our Services](https://learn.intranetconnections.com/account-support?hsLang=en-ca#our-services)
- [Security](https://learn.intranetconnections.com/security?hsLang=en-ca#main-content)

    - [Security News & Updates](https://learn.intranetconnections.com/security?hsLang=en-ca#security-news-updates)
- [Widgets](https://learn.intranetconnections.com/widgets?hsLang=en-ca#main-content)

    - [What's New Feed](https://learn.intranetconnections.com/widgets?hsLang=en-ca#whats-new-feed)
    - [Content & Media Widgets](https://learn.intranetconnections.com/widgets?hsLang=en-ca#content-media-widgets)
    - [Engagement Widgets](https://learn.intranetconnections.com/widgets?hsLang=en-ca#engagement-widgets)

[![ic-chatbot-logo](https://learn.intranetconnections.com/hs-fs/hubfs/Logos%20and%20Icons/ic-chatbot-logo.png?width=100&height=100&name=ic-chatbot-logo.png "ic-chatbot-logo")](https://intranetconnections.com)

<https://www.linkedin.com/company/intranet-connections> <https://www.instagram.com/intranetconnections> <https://www.facebook.com/intranetconnections> <https://www.twitter.com/intranettips>

Copyright © 2025, Intranet Connections

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://7578106.fs1.hubspotusercontent-na1.net/hubfs/7578106/video_assets/213264578339/inherited/web_optimized.mp4",
  "dateModified" : "2026-05-20T15:58:48.921Z",
  "duration" : "PT1M23S",
  "height" : 1080,
  "name" : "IC 3.0 Quick Theming",
  "thumbnailUrl" : "https://7578106.fs1.hubspotusercontent-na1.net/hubfs/7578106/IC%203.0%20Quick%20Theming.mp4/medium.jpg",
  "uploadDate" : "2026-05-20T15:58:40.349Z",
  "width" : 1920
}
```