Premium Theme

Flatboard Pro Theme - This theme is part of Flatboard Pro edition.

A sophisticated premium theme showcasing all advanced customization possibilities of Flatboard 5. Includes smooth animations, customizable layouts, modern visual effects, flexible page structure and numerous configuration options for an optimal user experience.

✨ Features

🎨 Layout Styles

The theme offers 4 pre-configured layout styles with automatic preset application:

• Default: Balanced and versatile layout
• Centered: Optimized for comfortable reading
• Wide: Immersive full-width experience
• Compact: Dense layout for maximum content visibility

🎭 Visual Effects

• Parallax scrolling: Smooth depth effects on page elements
• Color gradients: Modern gradient backgrounds and accents
• Dynamic shadows: Elevated card designs with depth
• Smooth animations: 4 animation levels (None, Subtle, Normal, High)
• Glass morphism: Modern glassmorphism navbar effect

🎯 Navigation & Interface

• Navbar styles: Default, Glass, Solid, Transparent
• Card styles: Default, Elevated, Bordered, Minimal
• Sticky navigation: Fixed navigation bar on scroll
• Back to top button: Quick return to page top
• Smooth scrolling: Elegant page navigation
• Breadcrumb navigation: Clear hierarchical navigation

📱 Responsive Design

• Fully responsive layout for all devices
• Optimized for mobile, tablet, and desktop
• Flexible sidebar positioning (left or right)
• Adaptive content cards

🎨 Customization Options

• Border radius: 6 levels from 0.5x to 2x
• Avatar shapes: Square, Rounded, or Round (circle)
• Font size: Scalable from 0.8x to 1.5x
• Spacing: Adjustable spacing from 0.8x to 1.5x
• Footer alignment: Centered or container-fluid

🎬 Interactive Features

• User reactions: Emoji reaction picker for posts
• Share buttons: Social media sharing integration
• Notification bell: Animated notification alerts
• User presence indicators: Online status display
• Tooltips: Enhanced Bootstrap and custom tooltips
• Auto-refresh: Automatic notification updates

🎪 Content Sections

• Hero section: Customizable hero banner with HTML support
• Statistics display: Forum stats in Default or Compact mode
• Call-to-action sections: Engagement prompts for visitors
• User avatars & signatures: Personalized user content
• Lazy loading: Optimized image loading for performance

⚙️ Configuration

Access the theme configuration panel from: Admin Panel → Appearance → Themes → Premium → Configure

Layout Options

Visual Effects

Typography

Content Display

User Features

Advanced Features

🎨 Customization

Custom Hero Section

The theme includes a fully customizable hero section. You can add your own HTML content through the Hero Custom Content field in the theme configuration.

Default hero includes:

• Responsive two-column layout
• Featured image
• Custom icon
• Heading and description
• Call-to-action buttons

Layout Presets

When selecting a Layout Style, the theme automatically applies coordinated settings:

• Default: Balanced animations, standard spacing, glass navbar
• Centered: Reading-optimized, reduced animations, focused layout
• Wide: Immersive experience, enhanced animations, transparent navbar
• Compact: Dense layout, minimal spacing, compact elements

Animation Customization

The theme includes 5 JavaScript modules for enhanced interactivity:

1. theme-presets.js: Layout preset coordination
2. theme-config.js: Configuration management
3. animations.js: Smooth element animations
4. parallax.js: Parallax scrolling effects
5. ux-enhancements.js: UX improvements and interactions

🎨 Color Scheme

The theme uses a Twilight color palette with full dark mode support:

Light Mode (Twilight Light)

• Primary: #7587A6 (Blue-gray)
• Secondary: #5F5A60 (Dark gray)
• Success: #8F9D6A (Olive green)
• Danger: #CF6A4C (Burnt orange)
• Warning: #F9EE98 (Pale yellow)
• Info: #AFC4DB (Light blue)
• Background: #F7F7F7 (Off-white)

Dark Mode (Twilight Dark)

• Backgrounds: From #1E1E1E to #0A0A0A
• Text colors: From #F7F7F7 to #838184
• Full contrast optimization for readability

🔧 Technical Details

Browser Compatibility

• Chrome/Edge: Latest 2 versions
• Firefox: Latest 2 versions
• Safari: Latest 2 versions
• Opera: Latest 2 versions
• Mobile browsers: iOS Safari, Chrome Android

Performance Optimizations

• Lazy loading for images
• CSS minification ready
• Optimized animation performance
• Efficient DOM manipulation
• Responsive image loading

🆘 Support

Resources

• Official Website: flatboard.org
• Theme Page: Premium Theme Resource
• Documentation: Flatboard 5 Documentation
• Contact: contact@flatboard.com

Requirements

• Flatboard: Version 5.0 or higher
• PHP: 8.2 or higher
• Modern browser with JavaScript enabled

Troubleshooting

If you encounter issues:

1. Clear your browser cache
2. Verify theme files are properly uploaded
3. Check file permissions (755 for directories, 644 for files)
4. Ensure Flatboard 5 is up to date
5. Review browser console for JavaScript errors

📄 License

This theme is provided by Flatboard Team. Please refer to the Flatboard license terms.

👥 Credits

Author: Flatboard Team
Version: 5.0.3
Website: flatboard.org

Enjoy your Premium Flatboard experience! 🎉

Hi!

great news! :)

would it be possible to download premium theme separately because the premium theme actually included in the flatboard-pro is still premium v 5.0.1 (atm 13:24).

Hi @arpinux ,
You can here

Hi!

once again, great theme! ... but :

• even if unselected, the navigation bar stay fixed and on place during page scrolling.
• even if unselected, shadows are still present on the "new discussion" button", the tag button on the right-bottom corner of the posts list (main page or forum's pages) and behind the dark/light theme selection button (in the navbar)

5.0.5 is out. Shadow partially fixed...