Not a boring website!

Our design follows this ideology - every theme is crafted to be engaging, modern, and delightful.

Theme Documentation

Complete guide to all available themes in our design system. Each theme features carefully crafted color palettes designed for optimal user experience.

Soft Lavender

UAP Style

Color Palette

Primary Background #faf8ff
Secondary Background #f5f2ff
Primary Color #9b7ed8
Primary Hover #8a6bc7
Primary Text #2d1b4e
Secondary Text #6b5b8a

Description

Soft Lavender is a gentle, soothing theme perfect for creating a calm and peaceful user experience. The light purple tones provide excellent readability while maintaining a modern, elegant aesthetic. This theme is ideal for content-heavy applications and long reading sessions.

Usage

Best suited for:

  • Content platforms and blogs
  • Educational websites
  • Portfolio sites
  • Applications requiring extended reading

UAP Midnight Lavender

UAP Style

Color Palette

Primary Background #1a1526
Secondary Background #241d35
Primary Color #7c5fb8
Primary Hover #8a6bc7
Primary Text #e8dff5
Secondary Text #c4b3d9

Description

UAP Midnight Lavender is a sophisticated dark theme that reduces eye strain in low-light environments. The deep purple backgrounds combined with soft lavender accents create a premium, modern look. Perfect for night-time browsing and professional applications.

Usage

Best suited for:

  • Professional dashboards
  • Developer tools and IDEs
  • Media consumption apps
  • Applications used in low-light environments

Durjoy's Ocean Blue

Fresh & Vibrant

Color Palette

Primary Background #f0f9ff
Secondary Background #e0f2fe
Primary Color #06b6d4
Primary Hover #0891b2
Primary Text #0c4a6e
Secondary Text #075985

Description

Durjoy's Ocean Blue is a refreshing, vibrant theme that brings energy and clarity to any interface. The cool cyan tones create a sense of freshness and modernity, making it perfect for creative applications and modern web experiences. This special theme combines the best of both worlds - professional and playful.

Usage

Best suited for:

  • Creative portfolios
  • Modern web applications
  • Tech startups and SaaS products
  • Applications requiring a fresh, energetic feel

Safe Blue

Soothing & Professional

Color Palette

Primary Background #f8fbff
Secondary Background #f0f7ff
Primary Color #7ab8e8
Primary Hover #6ba8d8
Primary Text #2c5282
Secondary Text #4a6fa5

Description

Safe Blue is a calming and professional theme featuring soft pastel blue tones. The gentle, muted colors create a sense of tranquility and trustworthiness, making it perfect for business applications and professional websites. This pastel theme offers excellent readability with a soft, approachable aesthetic.

Usage

Best suited for:

  • Business and corporate websites
  • Professional portfolios
  • Enterprise applications
  • Trust-focused platforms

Boring Monochrome

Black, White & Glass

Color Palette

Primary Background #ffffff
Secondary Background #f5f5f5
Primary Color #000000
Primary Hover #333333
Primary Text #000000
Secondary Text #333333

Description

Boring Monochrome is a minimalist black and white theme with glassmorphism effects. Despite its name, this theme is anything but boring - it features elegant glass effects, subtle shadows, and a sophisticated monochrome palette that creates a timeless, modern aesthetic. Perfect for users who appreciate minimalist design with a touch of elegance.

Usage

Best suited for:

  • Minimalist design enthusiasts
  • Professional portfolios
  • Modern web applications
  • Users who prefer classic black and white aesthetics

Theme Comparison

Feature Soft Lavender UAP Midnight Lavender Durjoy's Ocean Blue Safe Blue Boring Monochrome
Style Light & Soft Dark & Sophisticated Bright & Fresh Calm & Professional Minimalist & Elegant
Best For Reading & Content Low-light & Professional Creative & Modern Business & Corporate Minimalist Design
Eye Strain Low (daytime) Low (nighttime) Low (balanced) Low (daytime) Low (balanced)
Mood Calm & Peaceful Premium & Modern Energetic & Fresh Trustworthy & Clear Timeless & Classic

CSS Variables Reference

Soft Lavender Variables

--bg-primary: #faf8ff;
--bg-secondary: #f5f2ff;
--color-primary: #9b7ed8;
--color-primary-hover: #8a6bc7;
--text-primary: #2d1b4e;
--text-secondary: #6b5b8a;

UAP Midnight Lavender Variables

--bg-primary: #1a1526;
--bg-secondary: #241d35;
--color-primary: #7c5fb8;
--color-primary-hover: #8a6bc7;
--text-primary: #e8dff5;
--text-secondary: #c4b3d9;

Durjoy's Ocean Blue Variables

--bg-primary: #f0f9ff;
--bg-secondary: #e0f2fe;
--color-primary: #06b6d4;
--color-primary-hover: #0891b2;
--text-primary: #0c4a6e;
--text-secondary: #075985;

Safe Blue Variables

--bg-primary: #f8fbff;
--bg-secondary: #f0f7ff;
--color-primary: #7ab8e8;
--color-primary-hover: #6ba8d8;
--text-primary: #2c5282;
--text-secondary: #4a6fa5;

Boring Monochrome Variables

--bg-primary: #ffffff;
--bg-secondary: #f5f5f5;
--color-primary: #000000;
--color-primary-hover: #333333;
--text-primary: #000000;
--text-secondary: #333333;