Download this help site
(PDF 82MB)


Dark Impact theme set


The themes in the new Dark Impact theme set are fully responsive and mobile friendly. This version supersedes the non-responsive version that was released earlier and is now being deprecated.

The Dark Impact theme set provides an excellent starting point for designers and others who want to completely customize their website. Available in a variety of dark colors and designs, these themes are fully responsive and mobile friendly.

Themes within the theme set

The Dark Impact theme set consists of the following website themes:

 Read more/less
Theme namePreview
Blue Moon
Summer Garden
Magenta Graphic
Night Fire


By default, responsiveness is enabled in all Dark Impact themes (excluding the deprecated Dark Impact themes). You can, however, disable the responsive behavior using theme overrides.

 Read more/less

With responsiveness enabled, gadgets will be stacked within a single column on mobile devices, and resized to match the device's screen width. A mobile version of the site menu will be displayed, with a limit of 3 levels in total (main menu plus 2 submenu levels). Only horizontal menus are available for responsive themes.

To disable responsive behavior within Dark Impact themes, follow these steps: 

  1. Enable theme overrides (if you have not done so already).
  2. Click the link to download the theme files. 
  3. Unzip the theme files to a location of your choice on your computer or network.
  4. Using a text editor, open the basic.responsive.grid.less file from the Styles folder.
  5. Replace the following lines...


  6. Upload the modified  basic.responsive.grid.less file to the Styles theme folder on your site via File management or WebDAV
  7. Click the Rebuild theme button on the Theme overrides screen.

The site will now appear the same regardless of device size.

Design elements

Dark Impact, together with the Clean Lines and White Space themes, forms part of a suite of simple themes that are flexible and easy to customize.

 Read more/less

All of the simple theme sets provide a clear and modern look, with a single screen-wide background image that gives each site its signature look. The focus of the Dark Impact set is on providing inverted designs that combine dark backgrounds with bright typography.  

The typography of the theme is classic, with Tahoma and Georgia fonts used across all theme variations.

Theme-specific functionality

Dark Impact themes provide theme-specific functionality, including:

 Read more/less
  • Alignment options for social profile and log in button gadgets
  • Orientation option – horizontal and vertical – for log in form gadgets
  • Font Awesome iconic font set for adding icons you can easily size and color 
  • Background color setting for functional buttons appearing on system gadgets and singular gadgets – e.g. Post, Next, Cancel, Register, Confirm 

Customizing Dark Impact themes

From the Colors and styles screen, you can customize the colors, fonts, styles, and backgrounds of various elements that appear throughout your site. For details, see Color and style settings for Clean Lines, White Space, Dark Impact themes.

You can also customize Dark Impact themes using CSS and  theme overrides .

On this page:

See also:

  • No labels