Drupal Themes

Louie

Fri, 01/19/2018 - 19:13

A ZURB Foundation theme from the great apes at Cheeky Monkey Media.

eStore

Thu, 01/18/2018 - 13:53

QuickSeedGCI

Mon, 01/15/2018 - 05:47

QuickSeed is a Drupal 8 theme aims to serve on the web as fast as possible. Basically it is designed for Blogger or News websites keeping in mind of search engine friendly and mobile friendly features. There are dedicated blocks for Ad-senses and recommended content by third parties. it provides best reading experience to its users with appropriate font and background color. After All it is responsive, fully optimized and very fast.
Demo: https://quickguide.me/

QuickSeed2017GCI

Mon, 01/15/2018 - 05:25

QuickSeed is a Drupal 8 theme aims to serve on the web as fast as possible. Basically it is designed for Blogger or News websites keeping in mind of search engine friendly and mobile friendly features. There are dedicated blocks for Ad-senses and recommended content by third parties. it provides best reading experience to its users with appropriate font and background color. After All it is responsive, fully optimized and very fast.
Demo: https://quickguide.me/

QuickSeedGCI2017

Mon, 01/15/2018 - 04:46

QuickSeed is a Drupal 8 theme aims to serve on the web as fast as possible. Basically it is designed for Blogger or News websites keeping in mind of search engine friendly and mobile friendly features. There are dedicated blocks for Ad-senses and recommended content by third parties. it provides best reading experience to its users with appropriate font and background color. After All it is responsive, fully optimized and very fast.
Demo: https://quickguide.me/

Titus

Fri, 01/12/2018 - 22:45

Titus is a Drupal 8 administration theme, based on the Seven theme. It's designed to be a modern, seamless and visually pleasing admin experience.

Screenshots

Screenshots are available on Imgur.

Development & Testing

See Titus - Testing Distribution for testing details.

Ven

Tue, 01/02/2018 - 03:25

Ven is a clean and simple theme for Drupal 8 blogs.

Features:
- uses 'stable' as base theme
- very light weight (no jquery)
- responsive

Only article content type (intended for blogs) is themed.
More features will be added.

Recommended:
- Place main-menu block on header region.
- Create an image-style that is wide enough and set it for 'article' content type teaser and default displays.

Landing Page for Business apps

Sun, 12/31/2017 - 03:14

Landing Page theme will work with Drupal 8.x version.

Single page theme will suitable for Business applications, Startup Web apps etc.,

Btester Admin Theme

Sat, 12/30/2017 - 23:09

Btester Theme

Sat, 12/30/2017 - 23:06

Bootstrap Light

Fri, 12/22/2017 - 04:33

This bootstrap subtheme is designed for ease of use and configuration, while providing a sensible out-of-the-box experience.

Boots RTL

Mon, 12/18/2017 - 09:29

boots theme is sub theme to bootstrap. this theme develop to support RTL.

Eventura

Fri, 12/08/2017 - 06:42

A Bootstrap theme in Drupal 8 for event landing pages.

SShop

Tue, 12/05/2017 - 16:03

Drupal 8 SShop is OPTASY's very first theme provided with in-built support for the Drupal Commerce. It's free to use — designed, from scratch, by OPTASY.com — and it addresses e-commerce websites specifically.

Live Preview

Bootstrap-based, conveniently quick & easy to install and built, from the ground up, with Drupal Commerce in mind!

Curious to see other “samples” of our work or maybe just to be the first to get the latest SShop theme updates? Then simply Like us on Facebook or just Follow us on Twitter. It's there that we share some of our Drupal expertise and keep you updated on the further progress of the SShop theme.

Features
  • Fully responsive.
  • Bootsrap based.
  • Work with the Font Awesome Icons module.
  • The multi-level responsive header menu provided by SmartMenus library.
  • The slideshow on the homepage provided by Views Slideshow module.
  • Included content types into configurations. You will have Blog and Slider content types +
    add fields to the Default Product type.
  • Homepage created with the Page Manager module, using the custom Layout. Feature with Page and Page Variant are included in the theme, under the "SShop homepage feature" section.
Documentation

DrupalCoders - Bootstrap Sass

Sun, 12/03/2017 - 21:45

Do you like SCSS? Do you find it hard to start with Bootstrap SASS?

This theme will help you get started with SCSS Bootstrap in minutes. What is DrupalCoders Bootstrap SASS ?

Official Website Here
DrupalCoders Bootstrap SASS intends to improve bootstrap base theme:

1. Creating sub-theme using Drush
2. Adding compilers for SCSS .
3. Improving SCSS files.
4. Adding easy to read media queries.
5. Dropdown Menu for Mobile and Desktop

Purpose of this theme is to easy add SASS sub-themes.

This theme is using Bootstrap as base theme.

Requirements

This theme is using Bootstrap as base theme, you need to download and enable it before installing DrupalCoders theme.
Bootstrap Theme

Installation

1. Install and enable the theme:

drush dl drupalcoders_bootstrap drush en drupalcoders_bootstrap

2. Create a sub-theme using drush dc command:
drush dc [theme-name]
Example:'drush dc mytheme'

4. Install node modules:

cd/path/mytheme npm install

5. Compile and Watch SCSS files:
gulp

Usage

Media Queries are changed to:

$mobile: "screen and (max-width: #{$screen-xs-max})"; $tablet: "screen and (min-width: #{$screen-sm-min})"; $tablet-only: "(min-width: #{$screen-sm-min}) and (max-width: #{$screen-sm-max})"; $normal: "screen and (min-width: #{$screen-md-min})"; $normal-only: "(min-width: #{$screen-md-min}) and (max-width: #{$screen-md-max})"; $large: "screen and (min-width: #{$screen-lg-min})";

In SCSS you can use it like @media #{$tablet} { } to help you style faster.

Recommended Modules:

Ckeditor Bootstrap Buttons
Glyphicons
Bootstrap Layouts
Paragraphs Bootstrap Layouts
Bootstrap Paragraphs
Views_bootstrap

Material Corporate

Wed, 11/29/2017 - 06:30

Material-Corporate

Presenting the fully responsive Drupal 8 theme based on material design. Install the theme and place the logo of your company in the root folder of the theme as logo.png and allow the theme to design your site.

Features

  • Responsive for any device
  • A total of 12 block region
  • Supported standard theme features: site logo, site name, site slogan, material-icons, images in nodes
  • Use of Google Fonts and Nice Typography
  • Drupal standards compliant
  • HTML5 & super clean markup
  • Ideal for corporate, business and personal sites

Current Browsers Supported

  • All Modern Mobile Browsers
  • Opera
  • Firefox
  • Chrome
  • Safari

BYU Theme

Thu, 11/23/2017 - 19:34
BYU Theme

BYU Brand-compliant Theme using Bootstrap and web components.

Dependencies
  • Version 8.x-1.x requires the Porto subtheme. Contact Katria for access.
  • Version 8.x-2.x requires the Bootstrap subtheme.
  • Both 8.x themes have a strong dependency on the Block Classmodule for the byu-footer-column component.
  • The 7.x version requires multiple dependencies. Please visit http://webcommunity.byu.edu/drupal-7 for installation instructions.
Requesting Features and Options

Requests for enhancements should be created here. Enhancement requests for the header and footer specifically should be posted on the #engineering-group channel or in Github: https://github.com/byuweb/byu-theme-components/issues

Reporting Bugs & Issues

Report bugs here for the theme. For the header or footer not working (if you think this is related to the components, and not Drupal): https://github.com/byuweb/byu-theme-components/issues. If you aren't sure if it's a component or Drupal issue, assume it is Drupal and it will be redirected if it is for the components group instead.

Understanding Header/Footer Components

You can read the full documentation for the BYU Header & Footer components on these pages: http://2017-components-demo.cdn.byu.edu/ and http://webcommunity.byu.edu/html-5

Questions? Ask the Group

The Engineering team of web developers around campus that supports the components is on slack.Join the byuweb team (see http://webcommunity.byu.edu/) and go to the #engineering-group channel.

Search Options

The search in the byu header can be disabled in the header settings. You can also customize how it works. It is using the byu-search component.

If you use the default core search module, it will work out of the box.

Using Different Search Modules

You are able to use different search modules (i.e. Custom Search or Google Custom Search). If the search component gets confused finding your search/text input and your button/submit input, the theme has settings provided to tell it specifically which elements to target.

For example, if you use the Custom Search module, you will want to specify:
input[data-drupal-selector="edit-keys"] for the Search Box element
and input[data-drupal-selector="edit-submit"] for the Search Button element.
These fields take simple CSS selectors, so if your search module isn't working, make sure you are using a CSS selector that will not target multiple divs, and that will not change. (i.e. ID's of these search elements often change once you start searching or reloading the page.)

Zurb Clean Blog

Thu, 11/23/2017 - 09:37

Zurb Clean Blog is a new and clean theme based on official blog theme of Zurb Foundation 6
This theme can be used for blogs.

Zurb Foundation 6 is the most popular and advance HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Requirements:

Theme Configuration

  • Step 1 . Add Site branding block to Logo region
  • Step 2 . Configure required block in Header region (i.e. remove all block except "main navigation")
  • Step 3 . Configure site branding block and uncheck site slogan and site name (if not required)

Estate Theme

Wed, 11/15/2017 - 12:11

Umami

Mon, 11/13/2017 - 17:07

Umami is the theme that will be used in the Umami installation profile for Drupal core.

Development takes place on github. Please file any issues there.

Documentation does not exist yet - perhaps you'd like to start writing some for us?

Pages