Themes allow you to change the look and feel of your Drupal site. You can use themes contributed by others or create your own to share with the community. Contributed themes are not part of any official release and may not have optimized code/functionality for your purposes. You can also create a sub-theme of an existing theme. A sub-theme inherits a parent theme's resources. Read more about Sub-theme structure and inheritance. You can also view a full index of themes listing only their titles.
Colorfulness Theme is a very light-weight, CSS-based, tableless template, with 2 or 3 columns made by niGraphic Design.
- Supports RTL & LTR languages
- Fixed width with 2 or 3 columns
- Light-weight and fast loading
The given theme is made for a city portal of a Brest in Belarus and laid out in free using.
Three columns design with 10 regions for blocks
- Cross-browser tested in IE6/7, Opera, Safari, and Firefox
- Possibility of citing of comments
960gs + HTML5 = 965
!important - The SASS branch of 965 has a new home and is now called Sasson, check it out if you haven't already, we will keep here the pre-sass branch.
965 is a base theme for themers who like to start their projects with an elegant, flexible, modern base theme that gives you anything but CSS styles, the fun part is left for you.
This theme is intended for those who want a simple layout with the ability to easily change simple aspects such as font colors, link colors, fonts, and header color without having to bother to dig through lots of code to find what you should change. We accomplish that with a second, very well documented stylesheet called changeme.css which only includes the "most frequently want to change" items with lots of comments.
To modify this theme you should:
- Never touch the style.css
- Instead, proceed directly to changeme.css (do not pass go or collect $200)
- see how the changeme.css is clearly documented to make simple changes
- Save file and rejoice.
Please report any bugs in the issue queue, as this theme is a total and complete 'work in progress'. (theme created very quickly and haphazardly by Mustardseed Media, Inc.)
A Drupal 7 develoment version has been committed. Please test it and post issues in queue.
Upgrading from D6
- When upgrading from the Drupal 6 theme, be sure to backup your changeme.css file which has all of your custom work in it.
- You can simply drop this file into the new D7 theme, overwriting the blank changeme.css.
Adaptivetheme Mobile is a subtheme for Adaptivetheme. It is designed purely to build Drupal mobile themes for mobile web devices (for mobile websites).
It strips out many of the additional regions from the standard Adaptivetheme subtheme which are not needed for mobile sites. It also adds new layouts and a new theme setting for Access Keys for primary and secondary links.
A short list of features
- Access Keys for Primary and Secondary links - Access keys can aid mobile device navigation
- Simplified page.tpl.php
- Skip links for Main content, Search and Primary links (can be hidden with a theme setting)
- 3 simple layouts to choose from in theme settings - suitable for small screen mobile devices
- Support for iPhone's apple-touch-icon
- Prints mobile metatags - HandheldFriendly and viewport
I designed Moleskine thinking about travelling bloggers. It refers to the Moleskine brand of notebooks, used by European artists and thinkers for the past two centuries, from Van Gogh to Picasso, from Ernest Hemingway to Bruce Chatwin.
Moleskine is a fixed, 2 columns, table-less theme, using the Holy Grail layout technique, so it's good for SEO. It is compatible with all the core modules (no support for the Color module though :) ).
- Cross-browser compatible. Works in Opera 9, Firefox 3, Safari and IE 6-7.
- Support of Forum, Blog, and Poll module
- Support for logo, breadcrumb, slogan, Footer message, primary links, mission, shortcut icon and user pictures
- Three regions : Content top / Bottom, and sidebar right
- TinyMCE stylesheet included and supported
This is a valid XHTML 1.0 Strict / CSS 2.1 theme ported from the free CSS template Inf08.
The original template is licensed under CCPL but the designer has kindly granted me the permission to release the theme under GPL (see CREDITS.txt)
Kalatheme is a revolutionary and powerful framework that allows Drupal rookies and savvy veterans to rapidly build responsive, mobile-first subthemes by leveraging both the Twitter Bootstrap front end toolkit and the power of Panopoly. While Kalatheme is a theme in and of itself it is more importantly a framework to easily build other Bootstrap themes.
Kalatheme takes care of the responsive grid and media queries, HTML5 compliance and cross browser parity and you can easily preprocess your CSS with LESS, SASS or COMPASS. With Kalatheme you don't have to worry about many of the more technical aspects of modern themes. It avoids complicated template files and clunky blocks and with Bootstrap you don't have to start from scratch with CSS. You can focus on what makes your theme unique.
Kalatheme is able to do this with the following magix:
Offline - A theme for you dead site \m/
To make it work for offline use you have to do some fiddeling in the site settings.php
add this line to the top of your sites/YOURSITE/settings.php
$conf['maintenance_theme'] = 'offline';
and youre ready to go offline in style.
To test it open up 2 different browsers fx opera & firefox.
In the first browser you will login as admin and in the second you will login as a normal user.
1. Admin browser
Login to your site as admin
Clear the theme cache (/admin/settings/performance) down in the bottom of the page "clear cached data"
Set the site to off-line in the site-maintenance (/admin/settings/site-maintenance)
DONT lock out!!!
if youre locked out .... : http://lmgtfy.com/?q=logged+out+of+drupal+in+maintenance+mode
2. user browser
Open up the other browser and go to the site you should now se the site-offline.
if you wanna se the page when its totally offline - like in a database error:
go to settings.php
find the $db_url settings its around line 96, and changethe password etc to something else to provoke the error
Outreach is an adaptive, CSS-based, multi-column layout, recolorable theme that uses HTML5 and CSS3 and has drop-down menu support via Superfish.
Outreach is an AdaptiveTheme 3.x subtheme that ships with the Open Outreach distribution for nonprofits but can be used on any Drupal site. Via AdaptiveTheme, it fully supports mobile devices using modern responsive design methods - this gives you instant support for the mobile web.
Outreach makes it easy to change things like the sidebar layout, sidebar width, page width and you can have it fluid or fixed width also. Customize the fonts, menus, breadcrumbs, search results, colors and many others aspects of your Drupal site - all with easy to use theme settings.
- 5 preset color schemes
- Custom color options
- Configurable layout - lots of options
- Mobile support (smartphone, tablet, iPad, iPhone etc)
- Font selection
- Font size setting
- Heading styles
- Image position settings
- 14 regions for placing blocks
Credits: Outreach is maintained and developed by Chocolate Lily. Amazing base theme by AdaptiveThemes. Design originally based on the Skeleton theme, which was ported to Drupal by More Than Themes from an original design by Simple Themes.
Neptune is a responsive, HTML5 based, single column (+ new multi-column support in the dev release), Zen 7.x-5.x sub-theme.
You can check it out at the demo site.
All the goodness of Zen 7.x-5.x, which includes:
- HTML5 markup
- Sass and Compass integration
plus Neptune features:
- Google web fonts (Montserrat for titles and Istok Web for all other text)
- Mobile friendly mini nav
- Single column (+ new multi-column support in the dev release), configurable width layout
This theme creates a way sites who have mobile domain aliases of their website to have a specially formatted mobile format for their visitors who use the mobile domain, and allow the visitors of your .com/.net/.org/etc to still see a fancy or complex theme.
This theme is intended to be used with the .mobi loader module, though it will also work fine without it as long as your intention is for all your users to see the mobi format. When paired with the .mobi loader module, the module overrides the default theme to display a mobile, portable format from the mobi theme.
Web-based settings are built into the theme configuration page to change background colors for:
- Left sidebar
- Right sidebar
This is a simple subtheme of Bartik theme that comes with Drupal 7 for using with Drupal for Facebook module.
This subtheme is a fixed width, 760px wide theme, to be used for iframe based Facebook canvas applications.
A modern, floral design perfect for a Bee’s Nirvana!
Developed by InterFace incorporating pastel colours and a simple but pleasing design. Layout uses two columns with a main region, and a right sidebar. The expanded footer region contains an area for latest news etc as well as the normal copyright notices.
Developed for Drupal-6 ver.
1. Fixed column width (700 px)
2. Cross browser compatible and tested on IE-6, IE-7, Fire Fox, Opera
3. Styled for blogging
4. Standards-compliant XHTML 1.0 Strict and CSS 2.
Lightweight is a simple base theme that's a blank slate with left or right sidebar. The original lightweight which was my internal base theme for D6 had no images whatsoever and very little CSS, thus the name lightweight. The D7 version has a couple of images, but just for buttons and search bar. The buttons, search bar and fieldsets where taken from Bartik, because I fell in love with those elements and they are a good starting point for personalizing them to the theme you're creating.
This theme is for intermediate/advanced themer, that don't need inner divs, starter functions, or that many default regions. It is also for themers looking to have nice markup, there are several override template files for views for example.
If you are just starting out theming better choice might be:
I never really use Lightweight as a parent theme, I use it as a sort of starter kit to start my themes instead of starting them from scratch. The idea is to have starter theme that has a common layout (header - content with sidebars - footer), common template files I always override, and an info file, and then modify the files and directory to make it your own.
The simple instructions to start are:
Box_grey is intended to be relatively easy to modify for those that aren't competent in css positioning. It uses a hybrid CSS/table based layout designed to be fairly robust with different sizes of content and has a neutral grey colour scheme.
Currently box_grey is packaged with one theme stylevariation called box_cleanslate.
The Fluid Baseline Grid System is an HTML5 & CSS3 development kit that provides a solid foundation to quickly design websites with ease.
I found this responsive grid system and thought it was a great building block for a Drupal theme in my initial proof of concept. The Fluid Baseline Grid System is released under an Unlicense license and therefore is considered in the public domain.
Feel free to modify the default template layout based on the usage example below to fit your individual website's needs. You can easily create a sub-theme of FBG with different template configurations, stylesheets, and images.
About the Fluid Baseline Grid Drupal theme
The Fluid Baseline Grid Drupal theme has entered it's 2.x branch for Drupal 7, while the FBG project itself is still in the 1.x branch. We have made a lot of changes since our initial 1.x release, and we felt it was necessary to change to a 2.x branch because of the amount of changes.
*Note - As of 8/9/12 I have back-ported the 7.x-2.x fixes and new features to a 6.x-2.x branch. Enjoy!
FBG 2.x Features
- Same Great Features as FBG 1.x!
- Extensive stylings for all core modules: blocks, nodes, forums, books, profiles, etc.
- Drop-down menu with unlimited number of submenus
- 7 predefined color schemes
- 1-, 2- or 3-column layout with flexible width
- Configurable layout width
- Configurable position of each sidebar
- Configurable base font size
- Regions: content, content top, content bottom, sidebar first, sidebar second, highlight
- Supported standard theme features: logo, site name, site slogan, primary links, secondary links, user pictures in comments, user pictures in nodes, favicon
- Can be used as a full-fledged admin theme, also inside overlay
A grungy-looking blog theme originally designed by Studio ST for Wordpress. Supports a single sidebar and discrete header/footer regions, but the layout is pretty fixed. Nicely styled comments and comment forms make it a stand-out.
This theme is part of the plutado series of themes. It has been designed from scratch by David Plutado Fugate (plutado) with the idea that it should be relatively simple for beginners and experts alike to change the images that make up the aesthetics for the content area and sidebars, as well as the backgrounds (the original fireworks .png files are included in a folder along with this design). The themes in this series have been designed to especially accentuate elaborate background designs – and as such, the normal content area is offset a good distance from the top of the page. Even without modifications, these themes work pretty well out of the box.
List of features:
Gray colored, table based theme.
The beginning theme has to be considered as another blank canvas for theme
developers (like framework, zen).
Use beginning as a starting point to help facilitate your theme development. Simply add background
images and you're done !
- Supports site name, slogan, title, search box, shortcut icon, and primary links.
- Fixed width layout with 2 columns.
- CSS based, tableless design.
- Compatible and tested with Firefox 3, Firefox 2, IE6, IE7, IE8, Google Chrome 1, Safari 4beta.
- Quick edit and delete links.
- Custom search form design.
From version 1.5, please download DD_belatedPNG, rename it to "DD_belatedPNG.js" and extract to "js" folder
Clean and simple Administration theme.
- Modern browser - IE7-8, Firefox 3, Chrome, Safari
This theme has been developed to integrate well with the following modules:
- devel (db log)
You can see more screenshots at
#D7CX: I pledge that Blue Zinfandel will have a full Drupal 7 release on the day that Drupal 7 is released.
This is a port of Brian Gardner's Blue Zinfandel Squared WordPress Theme. Simple two-column theme for blogs. See README.txt for more information.
This theme was featured in this blog post:
Now in version x.2.x
- 960px width
- 3 columns