Black Hole Theme for Drupal

The Black Hole theme is a dark, modern and versatile design developed by Dr. Radut that brings a sleek and responsive aesthetic to your Drupal-powered website. With a focus on user experience and visual appeal, Black Hole combines functionality with elegance to provide a seamless and engaging interface for your site visitors.

It uses Yahoo Pure.css, a powerful responsive CSS framework and also fully supports right to left languages. Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB minified and gzipped.

Key Features:

  1. Responsive Design: Black Hole ensures a flawless experience across various devices and screen sizes, enhancing accessibility and user satisfaction.
  2. Customization Options: Tailor your website effortlessly with a range of customization options. From color schemes to layout preferences, this theme gives you the flexibility to create a unique and branded online presence.
  3. Performance Optimization: Built with performance in mind, ZeroPoint prioritizes fast loading times and smooth navigation, contributing to an optimal user experience and improved search engine rankings.
  4. Drupal Compatibility: Black Hole seamlessly integrates with Drupal, utilizing the platform's robust features and capabilities to empower your website with the latest in web development standards.
  5. Intuitive Configuration: Whether you're a seasoned Drupal user or a newcomer, Black Hole's user-friendly configuration options make it easy to set up and manage your website with minimal effort.

Here you can try a demo.

Black Hole branches

HTML5 CSS3 Responsive Mobile RTL
7.x-4.x yes yes yes yes yes
8.x-1.x yes yes yes yes yes

Theme's features

  • 1, 2, or 3 column layout with customizable widths using Yahoo Pure.css Framework (https://purecss.io);
  • 15 block regions;
  • 12 colour styles + themer setting. Choose themer style from theme's settings and then make appropriate modifications of /_custom/custom-style.css;
  • Helpful body classes (unique classes for each page, term, website section, etc.);
  • Themed blocks, block icons, page icons;
  • Drop-down Main menu;
  • Primary/secondary links menu position (center, left, right);
  • Duplicate the Main Menu in the footer of the page;
  • Two font families;
  • Different font sizes;
  • Round corners for page elements and menus;
  • Header image rotator;
  • Full breadcrumb;
  • No-followed login/register links;
  • Possibility to change "Submitted by" display on all nodes;
  • Advanced SEO optimization;
  • Theme's own slideshow with Multilingual support;
  • Social links integration;
  • Bi-directional right to left (RTL) theming;
  • The possibility of having different logos depending on the language;
  • Works perfect in Multilingual installations.

Advanced theme settings features

Pure.CSS settings

  • Responsive CSS files served from Yahoo CDN or locally;
  • Layout with fluid or fixed width;
  • Customizable width for First and Second sidebars;
  • Feature to choose the blocks visible on mobile devices.

Layout settings

  • 12 color style options: Star Nebula, Protostar, Star, Red Giant, Planetary Nebula, Planet,
    White Dwarf, Massive Star, Red Supergiant, Supernova, Neutron Star, Black Hole and additional Themer;
  • Two font families (Sans-Serif and Montserrat);
  • 3 font size settings;
  • Themed blocks;
  • Two sets of 32x32 pixel or 48x48 pixels Block icons for the themed blocks;
  • Main Drop-down menu and secondary menu can be positioned (center, left, right);
  • Three options for Search submit: button, icon or none;
  • Page icons - choose a layout with or without page icons;
  • Rounded corners for page elements and menus;
  • Header image rotator;

Other settings

  • Breadcrumbs - display or not;
  • Change the author and date information on all nodes types;
  • Replace "Submitted by" with other text;
  • SEO optimization;
  • Slideshow;
  • Social Media Links at the bottom of the page;
  • Remove Drupal META tag & Drupal X-Generator from header;
  • Disable cache for all blocks;
  • Site ID body class - useful in a multi-site environment.
  • Show Logo per language.

 

Related projects: Zero Point, ABC and Yahoo Pure.CSS Framework.

To know more, read the handbook.

Project information

Releases