> ## Content Index
> Fetch the complete content index at: https://blog.fabrixly.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to Configure Branding and Theme in the Admin Console
- URL: https://blog.fabrixly.com/how-to-configure-console-branding-and-theme/
- Published: 2026-07-07T14:10:38.000Z
- Updated: 2026-07-07T14:10:38.000Z
- Author: Fabrixly
- Tags: Documentation

This guide walks you through customizing the branding, logo, and theme colors of your Fabrixly-IDS login screens and administrator dashboard.

---

## 1\. Accessing Theme Settings

1. Log in to your **Fabrixly-IDS Admin Console** (typically hosted at `https://ids.fabrixly.com/admin` or `http://localhost:5173`).
2. On the left navigation sidebar, click on **System Settings** (or **Branding & Themes** depending on your role scope).

---

## 2\. Setting Application Identity

Under the **General Identity** section:

- **Application Name**: Enter the user-facing name of your authentication service (e.g., `MyCompany Auth` or `Fabrixly Sign-In`). This name is displayed on the main OIDC login views and emails.
- **Logo URL**: Enter the absolute HTTP/HTTPS URL of your company logo (e.g., `https://mycompany.com/assets/logo.png`).
  - *Tip*: Keep the logo aspect ratio square or rectangular (max height 60px) to prevent layout distortion on mobile screens.

---

## 3\. Customizing the Login Screen Theme

Under the **Theme Configuration** section, configure the color palette using hex codes (e.g., `#1890ff`):

- **Primary Color**: Used for major buttons, links, checkbox borders, and active tabs.
- **Secondary Color**: Used for accents, badges, success states, and secondary controls.
- **Background Color**: Controls the background color of the login container card.
- **Font Family**: Select a modern typography system (e.g., `Inter, -apple-system, sans-serif`) to match your corporate styling.

---

## 4\. Live Preview & Saving

1. As you edit colors and upload logo URLs, click **Refresh Preview** to see how the login page will render on desktop and mobile viewports.
2. Once you are satisfied with the branding layout, click **Save Settings** in the upper-right corner.
3. The changes take effect **instantly** for all active OIDC authentication screens and emails.