CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width" /> <meta name="MobileOptimized" content="width" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Themes | Drupal.org</title> <link type="text/css" rel="stylesheet" href="/files/advagg_css/css__vwdslBVX8xVWQ4hx4mWxIC59-lKGPldWkMIm435ispk__msT4O19F5udTbXsVQpyNk2EFYlbaoLwufqq_ZcdDcB0__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.css" media="all" /> <link type="text/css" rel="stylesheet" href="/files/advagg_css/css__Xi-PZpvKTY78w7l1WNsqwUA52MIupHJebCMiX34Ugt0__D_EUHDAfEQdxcLiSDY7hREUWkG1Ge56_h2z3Er8V188__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.css" media="all" /> <link type="text/css" rel="stylesheet" href="/files/advagg_css/css__WF0PRotZAhCcl0aJjY5W2LYj8UwiYuB2dZEFluOh3Tc__FviX13FUB-Ppa2XB29BUIJQZ1Wg-F5XiDE7XD5y7mjQ__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.css" media="all" /> <link type="text/css" rel="stylesheet" href="/files/advagg_css/css__pWCOPcaPe71p3QyGrAeqEd6dwL_n27prYOjnWQj4jVI__fR6RV6fh70jWL18FMzdVQpGUyYT8iL9Vw8wnms1DdQA__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.css" media="all" /> <link type="text/css" rel="stylesheet" href="/files/advagg_css/css__mlCLWKqAJJ-E-mMVCEmFp-7SE_XsgAxpf7HS-FcVqB0__7Tgy6u_PBeTp3b4s5UumhQPx9mJ_jhs1Z-WvSrqxAHk__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.css" media="all" /> <link type="text/css" rel="stylesheet" href="/files/advagg_css/css__QPp1snPjYt_xYr0c_V0IORcEElkIUBBBrvOB4ZE0Gnw__8jkPtXCYcQv4spuNwtiMBMbZXgCS-2GouDqwnCBDPRE__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.css" media="all" /> </head> <body class="html not-front not-logged-in one-sidebar sidebar-second page-project page-project-project-theme drupalorg-site-main" > <div id="skip-link" tabindex="-1"> <a class="element-invisible element-focusable" href="#content">Skip to main content</a> <a class="element-invisible element-focusable skip-link-search" href="#search-block-form">Skip to search</a> </div> <div class="region region-page-top"> <noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W36H8DW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="drupalorg-crosssite-gdpr">Can we use first and third party cookies and web beacons to <a href="https://www.drupal.org/terms">understand our audience, and to tailor promotions you see</a>?<br><button class="yes">Yes, please</button><button class="no">No, do not track me</button></div> </div> <div id="nav-header"> <div class="menu-nav"> <a class="nav-btn" id="nav-open-btn" href="#block-system-main-menu"><img src="/sites/all/themes/bluecheese/images/icon-w-menu.svg" alt="Main menu"></a> </div> <nav id="navigation-inner" class="container-12" role="navigation"> <div class="region region-navigation"> <div id="block-system-main-menu" class="block block-system block-menu"> <div class="block-inner"> <div class="content"> <div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/home" title="Drupal.org home page">Drupal.org home</a></li> <li class="expanded"><a href="/about" title="">Why Drupal?</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/about" title="Learn about Drupal">About Drupal</a></li> <li class="leaf"><a href="/docs/getting-started/understanding-drupal/overview-of-drupal" title="">Platform overview</a></li> <li class="leaf"><a href="/about/11" title="">Drupal 11</a></li> <li class="leaf"><a href="/features/content-authoring" title="">Content Authoring</a></li> <li class="leaf"><a href="/features/content-as-a-service" title="">Content as a Service</a></li> <li class="leaf"><a href="/features/decoupled" title="">Decoupled</a></li> <li class="leaf"><a href="/features/accessibility" title="">Accessibility</a></li> <li class="leaf"><a href="/features/marketing-automation" title="">Marketing Automation</a></li> <li class="leaf"><a href="/features/multilingual" title="">Multilingual</a></li> <li class="leaf"><a href="/features/security" title="">Security</a></li> <li class="leaf"><a href="/features/personalization" title="">Personalization</a></li> <li class="leaf"><a href="/case-studies" title="View case studies to see how your peers have built success on Drupal">Case studies</a></li> <li class="leaf"><a href="https://www.drupal.org/association/beyond-the-build" title="">Video series</a></li> <li class="last leaf"><a href="/about/in-the-news" title="">News</a></li> </ul></div></li> <li class="expanded"><a href="/industries" title="Examples of solutions built on Drupal">Use cases</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/developers" title="">For Developers</a></li> <li class="leaf"><a href="/marketers" title="Why marketers should choose Drupal for their ambitious digital experiences">For Marketers</a></li> <li class="leaf"><a href="/industries/ecommerce" title="">E-commerce</a></li> <li class="leaf"><a href="/industries/education" title="">Education</a></li> <li class="leaf"><a href="/industries/fintech" title="">FinTech</a></li> <li class="leaf"><a href="/industries/government" title="">Government</a></li> <li class="leaf"><a href="/industries/healthcare" title="">Healthcare</a></li> <li class="leaf"><a href="/industries/hightech" title="">High Tech</a></li> <li class="leaf"><a href="/industries/nonprofit" title="">Nonprofit</a></li> <li class="leaf"><a href="/industries/retail" title="">Retail</a></li> <li class="last leaf"><a href="/industries/travel" title="">Travel</a></li> </ul></div></li> <li class="expanded"><a href="/documentation" title="Resources to help you on your Drupal journey">Resources</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/docs/getting-started/installing-drupal" title="">Installing Drupal</a></li> <li class="leaf"><a href="/documentation" title="Drupal Documentation">Documentation</a></li> <li class="leaf"><a href="/docs/user_guide/en/index.html" title="The Drupal 8 user guide will get you up to speed in no time">User guide</a></li> <li class="leaf"><a href="/docs/official_docs/local-development-guide" title="">Local Development Guide</a></li> <li class="leaf"><a href="/security" title="Find information about security releases for Drupal">Security</a></li> <li class="leaf"><a href="/news" title="News about the Drupal ecosystem">News</a></li> <li class="leaf"><a href="/planet" title="">Blog</a></li> <li class="last leaf"><a href="/about/drupal-7/d7eol/partners" title="Find help for your Drupal 7 migration">Migrate from D7</a></li> </ul></div></li> <li class="expanded"><a href="/drupal-services" title="Buy Drupal Products and Services">Services</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/drupal-services" title="View the Drupal service provider marketplace">Find an Agency Partner</a></li> <li class="leaf"><a href="/hosting" title="Find trusted Drupal hosting providers">Find Integrations & Hosting</a></li> <li class="leaf"><a href="/training" title="Find expert Drupal training">Find Drupal Training</a></li> <li class="leaf"><a href="/association/become-a-drupal-certified-partner" title="">Become a Certified Partner</a></li> <li class="last leaf"><a href="/about/drupal-7/d7eol/migration-resource-center/enterprise" title="">Find a D7 migration partner</a></li> </ul></div></li> <li class="expanded"><a href="/community" title="Drupal Community">Community</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/community/contributor-guide" title="">How to Contribute</a></li> <li class="leaf"><a href="/community" title="View the community portal and find all the ways you can contribute to Drupal">About the Community</a></li> <li class="leaf"><a href="/support" title="">Support</a></li> <li class="leaf"><a href="/project/governance" title="">Community Governance</a></li> <li class="last leaf"><a href="https://jobs.drupal.org" title="">Jobs/Careers</a></li> </ul></div></li> <li class="expanded"><a href="/community/events" title="Find Drupal Events around the world, from the official DrupalCons, to community Camps and Meet-Ups">Events</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="https://events.drupal.org/barcelona2024" title="">DrupalCon Barcelona 2024</a></li> <li class="leaf"><a href="https://events.drupal.org/singapore2024" title="">DrupalCon Singapore 2024</a></li> <li class="leaf"><a href="https://events.drupal.org/atlanta2025" title="">DrupalCon Atlanta 2025</a></li> <li class="last leaf"><a href="/community/events" title="">Community Events</a></li> </ul></div></li> <li class="expanded"><a href="/download" title="Download and Extend Drupal">Download</a><div class="menu-block"><ul class="menu button"><li class="first collapsed"><a href="/download" title="Build your solution on Drupal">Download</a></li> <li class="leaf"><a href="/project/modules" title="Find modules to extend Drupal to meet any need">Modules</a></li> <li class="leaf"><a href="/project/themes" title="Browse themes as a starting point for making your Drupal site your own">Themes</a></li> <li class="leaf"><a href="/project/distributions" title="Use a distribution to start with a version of Drupal customized to purpose">Distributions</a></li> <li class="leaf"><a href="/project/issues" title="Dive into the issues queues and contribute back to Drupal">Issue queues</a></li> <li class="last leaf"><a href="https://git.drupalcode.org/project/drupal" title="">Browse Repository</a></li> </ul></div></li> <li class="expanded"><a href="/association" title="About the Drupal Association - the non-profit that supports the Drupal project">Give</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/association" title="Learn about the Drupal Association - the nonprofit that supports the Drupal project">Drupal Association</a></li> <li class="leaf"><a href="/association/organization-membership" title="Learn more about the organizations that support the Drupal Association and our mission">Become an Organization Member</a></li> <li class="leaf"><a href="/association/become-a-drupal-certified-partner" title="">Become a Certified Partner</a></li> <li class="leaf"><a href="/association/RippleMakers" title="">Become a Ripple Maker</a></li> <li class="leaf"><a href="/association/donate" title="">Make a Donation</a></li> <li class="leaf"><a href="/association/discover-drupal" title="">Discover Drupal</a></li> <li class="last leaf"><a href="https://www.drupal.org/swag?utm_source=drupalorg&utm_medium=banner&utm_campaign=drupal_swag_shop_2020_09_17" title="Purchase Drupal merchandise and be the coolest kid on the block">Drupal Swag Shop</a></li> </ul></div></li> <li class="last expanded"><a href="/try-drupal" title="Try Drupal">Demo</a><div class="menu-block"><ul class="menu button"><li class="first leaf"><a href="/try-drupal" title="Demo Drupal online with a Drupal platform partner">Demo online</a></li> <li class="last leaf"><a href="/download" title="">Download</a></li> </ul></div></li> </ul></div><a class="close-btn" href="#top">Return to content</a> </div> </div> </div> <div id="block-search-form" class="block block-search"> <div class="block-inner"> <div class="content"> <form action="/project/project_theme" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline"> <h2 class="element-invisible">Search form</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <label class="element-invisible" for="edit-search-block-form--2">Search </label> <input placeholder="Search…" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input alt="Search" type="image" id="edit-submit" name="submit" value="Search" src="/sites/all/themes/bluecheese/images/icon-w-search.svg" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-3iWsFrL-JpsZhFYiS9rCbcvnH1pjxzJWpp1wXCOp_9U" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> </div> <div id="block-system-user-menu" class="block block-system block-menu"> <div class="block-inner"> <div class="content"> <div class="menu-block"><ul class="menu"><li class="button default"><a href="#block-system-user-menu"><img src="https://www.drupal.org/sites/all/themes/bluecheese/images/icon-w-user.svg" alt="Log in, view profile, and more"></a><ul><li class="first leaf"><a href="/user/login?destination=project/project_theme" title="">Log in</a></li> <li class="last leaf"><a href="/user/register?destination=project/project_theme" title="">Create account</a></li> </ul></li></ul></div> </div> </div> </div> </div> </nav> </div> <div id="header" class="clearfix"> <div id="header-inner" class="container-12 clearfix"> <div id="header-left"> <div id="site-name"><a href="/" title="Drupal.org"><img src="https://www.drupal.org/files/drupal-wordmark.svg" alt="Drupal.org" /></a></div> </div> <div id="header-right"> </div> </div> </div> <div id="banner" data-nosnippet> <div class="region region-banner"> <div id="block-drupalorg-announcements" class="block block-drupalorg"> <div class="block-inner"> <div class="content"> <div class="announcement"><img class="photo" src="https://www.drupal.org/files/styles/grid-2-2x-square/public/announcements/drupalcon-hexagon-icon-280X280px_2.png?itok=Oxf_7ZRC" width="280" height="280" alt="Announcement icon" title="Announcement icon" />Early Bird Registration for DrupalCon Atlanta is now open! By registering during our Early Bird Registration window, you’ll save $100. This window ends on 19 January 2025 and will go by quickly, so don’t wait!</div> <div class="cta"><a href="https://web.cvent.com/event/f3a4f9b8-0efa-44cf-a939-b80869a939af/summary" class="global-announce-banner dc-singapore-registration">Register now to save $100</a></div> </div> </div> </div> </div> </div> <div id="page" class="clearfix"> <div id="page-heading"> <div class="breadbox"></div> <h1 id="page-title" class="container-12">Themes</h1> </div>  <div class="container-12 page-inner"> <div id="main" role="main"> <div id="content" class="clearfix"> <div id="content-inner" class="clearfix"> <div class="region region-content"> <div id="block-system-main" class="block block-system"> <div class="block-inner"> <div class="content"> <p>Add functionality and customize your Drupal application with thousands of projects contributed by our amazing community.</p><form action="/project/project_theme" method="get" id="drupalorg-browse-projects-form" accept-charset="UTF-8"><div><h3 class="results-count">3,171 themes match your search</h3><div class="form-item form-type-select form-item-f-0"> <label for="edit-f-0">Maintenance status </label> <select id="edit-f-0" name="f[0]" class="form-select"><option value="" selected="selected"> - Any -</option><option value="im_vid_44:13028">Actively maintained</option><option value="im_vid_44:19370">Minimally maintained</option><option value="im_vid_44:9990">Seeking co-maintainer(s)</option><option value="im_vid_44:9992">Seeking new maintainer</option><option value="im_vid_44:13032">Unsupported</option></select> </div> <div class="form-item form-type-select form-item-f-1"> <label for="edit-f-1">Development status </label> <select id="edit-f-1" name="f[1]" class="form-select"><option value="" selected="selected"> - Any -</option><option value="im_vid_46:9988">Under active development</option><option value="im_vid_46:13030">Maintenance fixes only</option><option value="im_vid_46:16538">No further development</option><option value="im_vid_46:9994">Obsolete</option></select> </div> <div class="form-item form-type-select form-item-f-2"> <label for="edit-f-2">Works with </label> <select id="edit-f-2" name="f[2]" class="form-select"><option value="" selected="selected"> - Any -</option><option value="sm_core_compatibility:11">Drupal 11</option><option value="sm_core_compatibility:10">Drupal 10</option><option value="sm_core_compatibility:9">Drupal 9</option><option value="sm_core_compatibility:8">Drupal 8</option><option value="sm_core_compatibility:7">Drupal 7</option><option value="sm_core_compatibility:6">Drupal 6</option><option value="sm_core_compatibility:5">Drupal 5</option><option value="sm_core_compatibility:4">Drupal 4</option></select> </div> <div class="form-item form-type-select form-item-f-3"> <label for="edit-f-3">Status </label> <select id="edit-f-3" name="f[3]" class="form-select"><option value="sm_field_project_type:full">Full projects</option><option value="sm_field_project_type:[* TO *]">All projects</option><option value="sm_field_project_type:sandbox">Only sandbox projects</option></select> </div> <div class="form-item form-type-select form-item-f-4"> <label for="edit-f-4">Stability </label> <select id="edit-f-4" name="f[4]" class="form-select"><option value="" selected="selected">All projects</option><option value="bs_project_release_has_full:true">Has a supported stable release</option></select> </div> <div class="form-item form-type-select form-item-f-5"> <label for="edit-f-5">Security advisory coverage </label> <select id="edit-f-5" name="f[5]" class="form-select"><option value="" selected="selected">All projects</option><option value="sm_field_security_advisory_cover:covered">Has security advisory coverage</option></select> </div> <div class="form-item form-type-textfield form-item-text"> <label for="edit-text">Search themes </label> <input type="text" id="edit-text" name="text" value="" size="20" maxlength="128" class="form-text" /> </div> <div class="form-item form-type-select form-item-solrsort"> <label for="edit-solrsort">Sort by </label> <select id="edit-solrsort" name="solrsort" class="form-select"><option value="score desc" selected="selected">Relevancy</option><option value="sort_label asc">Title</option><option value="sort_name asc">Author</option><option value="ds_created desc">Created date</option><option value="ds_project_latest_release desc">Last release</option><option value="iss_project_release_usage desc">Most installed</option></select> </div> <input type="submit" id="edit-submit" name="op" value="Search" class="form-submit" /></div></form><p><a href="/docs/user_guide/en/understanding-themes.html">A theme</a> is a set of files that define the visual look and feel of your site. You can use themes contributed by others or create your own. Learn more about <a href="/docs/theming-drupal">creating</a> and <a href="/docs/extending-drupal/installing-themes">using</a> Drupal themes</a>.</p><div id="node-259843" class="node node-project-theme node-teaser node-content-259843 clearfix"> <h2><a href="/project/bootstrap">Bootstrap</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/bootstrap"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/bootstrap5_0.png?itok=92QmIYh7" width="220" height="164" alt="Bootstrap 5 for Drupal" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Bootstrap 5, <strong>Single Directory Components</strong> ,SASS subTheme, jQuery free.</p> <p>The theme is ready for Drupal 11 and will work only for 10.3+ core versions.</p> <p>Two subtheme options:</p> <ul> <li>Simple CSS subtheme</li> <li>SASS subtheme</li> </ul> <p>This base theme bridges the gap between Drupal and the <a href="http://getbootstrap.com" target="_blank" rel="nofollow">Bootstrap Framework</a>.</p> <h3>✔ Features</h3> <ul> <li>Columns <ul> <li>Column based grid</li> <li>1, 2 and 3 column automatic layouts</li> <li>User defined column widths</li> <li>Container and container fluid layout</li> </ul> </li> <li>Markup <ul> <li>Standard Bootstrap 4 or 5 markup replacing Drupal twig templates</li> <li>Easy to customize twig templates</li> <li>Standard markup for header navigation</li> <li>Bootstrap 5 offcanvas menu</li> <li>Hide node titles on all view modes</li> <li>Multilevel main menu flyout submenus options</li> <li>Collapsed left slide main menu option</li> <li>Bootstrap form elements, including custom elements</li> <li>Classes to identify menu links</li> <li>Customized Bootstrap themed tables</li> <li>SVG icons integration on default links</li> <li>Scroll class on body on window scroll, with scroll up and down class added on scroll behaviour</li> <li>Three options for messages customizations</li> <li>Replace Commerce templates with Bootrstrap twig template</li> </ul> </li> <li>Features <ul> <li>Color Module integration on subtheme</li> <li>Bootswatch integration via CDN</li> <li>Predefined Google Fonts combinations</li> <li>Card Column Views template to alllow <a href="https://getbootstrap.com/docs/4.0/components/card/#card-columns" title="Bootstrap Card Column" rel="nofollow">card column</a> listings</li> <li>Extra theme suggestions for entities and blocks</li> <li>Body classes for entities and views</li> </ul> </li> </ul> <h3>Upgrade from Bootstrap 3</h3> <p>No formal upgrade path, 5.x version is a complete rewrite of the original 8.x-3.x theme.<br /> Open discussion here <a href="https://www.drupal.org/project/bootstrap/issues/3474190" title="Path to upgrade for version 8.x-3.x to 5.0.x" rel="nofollow">Path to upgrade Bootstrap Theme from version 8.x-3.x to 5.0.x</a> </p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/bootstrap" rel="tag" title="Bootstrap">Read more<span class="element-invisible"> about Bootstrap</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-3084234" class="node node-project-theme node-teaser node-content-3084234 clearfix"> <h2><a href="/project/gin">Gin Admin Theme</a></h2> <div class="content"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><a href="/files/project-images/Gin_FutureUI_NodeEdit_1.png" title="Managed form display" class="colorbox" data-colorbox-gallery="gallery-node-3084234" rel="nofollow"><img src="/files/project-images/Gin_FutureUI_NodeEdit_1.png" width="50%" alt="Gin Node Edit" /></a><a href="/files/project-images/Gin_FutureUI_NodeEdit_darkmode.png" title="Node edit form" class="colorbox" data-colorbox-gallery="gallery-node-3084234" rel="nofollow"><img src="/files/project-images/Gin_FutureUI_NodeEdit_darkmode.png" width="50%" alt="Gin Node Edit (Darkmode)" title="" /></a></p> <h3>A radically new UI layout paired with goodies like a Darkmode will give your Drupal's Admin interface a facelift. The Gin theme also includes things which are currently out of scope for Claro and/or some customisations we're experimenting with for the future. Built on the foundation of Claro from one of the lead designers of Claro & Drupal Design System.</h3> <p></p> <p><a href="/files/project-images/Gin_Settings.png" title="Settings" class="colorbox" data-colorbox-gallery="gallery-node-3084234" data-cbox-img-attrs=" "Settings"}" rel="nofollow"><img src="/files/project-images/Gin_Settings.png" width="33.333%" alt="Settings" title="" /></a><a href="/files/project-images/Gin_FutureUI_MinimalToolbar_0.png" title="Modern, minimal toolbar" class="colorbox" data-colorbox-gallery="gallery-node-3084234" data-cbox-img-attrs=" "Modern, minimal toolbar"}" rel="nofollow"><img src="/files/project-images/Gin_FutureUI_MinimalToolbar_0.png" width="33.333%" alt="Gin Content View" title="" /></a><a href="/files/project-images/Gin_FutureUI_LegacyToolbar.png" title="Status Report with Classic Toolbar" class="colorbox" data-colorbox-gallery="gallery-node-3084234" data-cbox-img-attrs=" "Status Report with Classic Toolbar"}" rel="nofollow"><img src="/files/project-images/Gin_FutureUI_LegacyToolbar.png" width="33.333%" alt="Gin Content View" title="" /></a></p> <div class="messages warning project form-item"> <h3>🚨 We're looking for new sponsors! 🚨</h3> <p>Issues currently stay open longer as we have only limited resources to look into them. Additionally new features are on hold for the time being.</p> <p class="description">This project is developed entirely in spare time. To keep the project for Drupal and Drupal CMS running and thriving, you can sponsor from $1, every donation counts! Thanks to all sponsors who support this project 🙏.</p> <p><a href="https://github.com/sponsors/saschaeggi" target="_blank" class="primary-button" rel="nofollow">Github Sponsors</a> <a href="https://opencollective.com/drupal_gin" target="_blank" class="primary-button" rel="nofollow">Open Collective</a> </p></div> <div class="note view-book-listings"> <h3><a href="/docs/contributed-themes/gin-admin-theme/installation-and-configuration" rel="nofollow">Installation & Configuration</a></h3> <p><code class="language-php">composer require drupal/gin_toolbar:^1.0@rc drupal/gin:^3.0@rc</code></p> <hr /> <p> </p> <ul class="guide-contents"> <li><a href="/docs/contributed-themes/gin-admin-theme/installation-and-configuration#s-install-via-composer" rel="nofollow">Composer</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/installation-and-configuration#s-activate-gin" rel="nofollow">Activate Gin</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/installation-and-configuration#s--unable-to-install-unable-to-update" rel="nofollow">Unable to install/update</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/known-issues" rel="nofollow">Known issues / Good to know</a></li> </ul> </div> <div class="note view-book-listings"> <h3><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin" rel="nofollow">Settings</a></h3> <p>Gin's Settings can be found at <code class="language-php">/admin/appearance/settings/gin</code></p> <hr /> <p> </p> <ul class="guide-contents"> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-appearance" rel="nofollow">Apperance (Light/Darkmode)</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-accent-color" rel="nofollow">Accent color</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-focus-color" rel="nofollow">Focus color</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-increase-contrast-experimental" rel="nofollow">Increase contrast</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-navigation" rel="nofollow">Navigation</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-show-secondary-toolbar-in-frontend" rel="nofollow">Secondary toolbar</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-layout-density" rel="nofollow">Layout density</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-enable-form-description-toggle" rel="nofollow">Form description toggle</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/specific-settings-within-gin#s-users-can-override-gin-settings" rel="nofollow">Users overrides</a></li> <li><a href="/docs/contributed-themes/gin-admin-theme/custom-theming" rel="nofollow">Custom theming</a></li> </ul> </div> </div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/gin" rel="tag" title="Gin Admin Theme">Read more<span class="element-invisible"> about Gin Admin Theme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-2604298" class="node node-project-theme node-teaser node-content-2604298 clearfix"> <h2><a href="/project/stable">Stable</a></h2> <div class="content"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>This is a copy of Drupal 8 's stable theme. This is for use with themes that depend on <code class="language-php">stable</code> running on versions of Drupal core that no longer include <code class="language-php">stable</code>.</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/stable" rel="tag" title="Stable">Read more<span class="element-invisible"> about Stable</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-1820494" class="node node-project-theme node-teaser node-content-1820494 clearfix"> <h2><a href="/project/adminimal_theme">Adminimal - Responsive Administration Theme</a></h2> <div class="content"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><img src="/files/adminimal-logo-slogan.png" /></p> <h3>Adminimal is the most popular contribute Administration Theme for Drupal</h3> <p>Based on the original "seven" theme, Adminimal brings unique features like: Modern minimalist design, responsive layout, usability improvements, customization, module specific styles, and many more...</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/adminimal_theme" rel="tag" title="Adminimal - Responsive Administration Theme">Read more<span class="element-invisible"> about Adminimal - Responsive Administration Theme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-612126" class="node node-project-theme node-teaser node-content-612126 clearfix"> <h2><a href="/project/seven">Seven</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/seven"><img src="https://www.drupal.org/files/styles/grid-3/public/images/image_1420x727.png?itok=EshWCULz" width="220" height="113" alt="Seven theme settings" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Seven was the default administrative theme for Drupal 7, 8, and 9.<br /> In Drupal 10, it was replaced by Claro.</p> <p>Some Drupal 10 sites may still require or prefer Seven, so it's available here as a contrib theme.</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/seven" rel="tag" title="Seven">Read more<span class="element-invisible"> about Seven</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/19370">Minimally maintained</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-1997362" class="node node-project-theme node-teaser node-content-1997362 clearfix"> <h2><a href="/project/bootstrap_barrio">Barrio Bootstrap 5 Theme</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/bootstrap_barrio"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/bootstrap5.jpeg?itok=FfqeL3Kd" width="220" height="220" alt="Bootstrap Barrio Drupal Theme" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Barrio is a Drupal - Bootstrap 5 Base Theme. Drupal markup is completely overwrite as standard Bootstrap 5 markup using from roots twig templates based on <strong>Single Directory Components</strong> referencing only to Bootstrap CSS and little custom CSS.</p> <p>Barrio is Flex based for whatever is not covered by Bootstrap. Use <a href="https://www.drupal.org/project/bootstrap_sass" rel="nofollow">SASS Barrio Drupal Starterkit Subtheme</a> to streamline your development, creating custom compiled Bootstrap styles by just changing a few variables.</p> <div class="note-tip"> <p><strong>Single Directory Components</strong> defined as low level components, to allow subthemes to build their own components based on Barrio.</p> </div> <div class="note"> <h3>Color Management</h3> <p>Color management using predefined or custom color combinations, declaring CSS variables.</p> <p>Variables will generate a complete color scheme overriding Bootstrap default color variables.</p> <p>Variables could also be referenced from custom CSS or SCSS</p> </div> <p><img src="/files/barrio_color%281%29.gif" width="100%" height="auto" alt="Bootstrap Barrio Color Management" /></p> <div class="note-tip"> <p><strong>jQuery</strong> is no longer required on Barrio 5.5.*.</p> <p>If your subtheme requires jQuery ensure that the dependency is declared on your subtheme info file before upgrading to 5.5.7</p> </div> <p><a href="https://github.com/hatuhay/drupal-start" class="link-button" rel="nofollow">Docksal Barrio Drupal 9 Boilerplate</a></p> <p><a href="https://www.drupal.org/project/bootstrap_sass" class="link-button" rel="nofollow">SASS Barrio Drupal Starterkit</a></p> <p>This theme has no style rather than layout to serve as a start Base Theme.</p> <p>Starterkit subtheme is fully integrated with <strong>Color Module</strong>.</p> <p>1, 2 or 3 columns are handled automatically with configurable column widths. An extensive easy to use configuration form allows to configure 'Bootstrap Style' tables, buttons, navbars, containers, rows, Google Fonts, icons, messages, menus, etc.</p> <div class="note-tip"> <p>To upgrade from Barrio 8.x-4.x to Barrio 5.1.x, if your theme does not use the Barrio Layouts on Display Suite then you can upgrade your Barrio theme with no harm</p> <p>If your theme use Barrio Layouts on Display Suite please read before upgrading to Barrio 5.x.</p> <p><a href="/docs/8/themes/barrio-bootstrap-4-drupal-89-theme/bootstrap-barrio-installation/upgrade-barrio-to-5x" class="link-button" rel="nofollow">Upgrade to Barrio 5.x</a></p> </div> <p><strong>Cards and Media</strong> Bootstrap layouts are declared to use them out of the box on Barrio Subthemes.</p> <p><a href="https://www.drupal.org/docs/8/themes/barrio-bootstrap-4-drupal-89-theme/card-and-media-bootstrap-layouts#comment-13622920" title="Quick Tutorial" class="link-button" rel="nofollow">Bootstrap Cards and Media Quick Tutorial</a>.</p> <div class="note-tip"> <p>Now Barrio comes with optional SVG Bootstrap icons defined for Drupal default menu links, to activate go to Font & Icon settings. New Barrio version also includes automatically generated classes for all menu links.</p> <p><a href="https://www.drupal.org/docs/8/themes/barrio-bootstrap-4-drupal-89-theme/svg-icons" class="link-button" rel="nofollow">Personalize icon usage</a></p></div> <p>For awesome block style manipulation use <a href="https://www.drupal.org/project/block_styles" rel="nofollow">Block Styles Module</a>. With this module any block could be turned into dropdown, modal or collapse with a click. It also let you add classes to blocks allowing padding and margins being handled from configuration.</p> <div class="note"> <p>A detailed guide for Barrio can be seen at:</p> <p><a href="https://www.drupal.org/docs/8/themes/barrio" title="Bootstrap Barrio Configuration Guide" class="link-button" rel="nofollow">Configuration Guide</a></p> <p><a href="https://www.drupal.org/docs/8/themes/barrio-bootstrap-4-drupal-8-theme/creating-a-custom-barrio-sub-theme" title="Create a Bootstrap Barrio Sub-Theme" class="link-button" rel="nofollow">Create a Bootstrap Barrio Sub-Theme</a></p></div> <div class="note-warning"> <h4>Layout note</h4> <p>Barrio 5.x layouts are defined using layout discovery classes, this layouts can be used out of the box with Layout Builder, Display Suite or any other module that consumes layout.</p> <p>Layouts included:</p> <ul> <li>Cards (several formats)</li> <li>Media</li> <li>2 columns (6-6, 3-9, 9-3)</li> <li>3 columns (4-4-4)</li> <li>4 columns (3-3-3-3, collapse to 6-6 on small)</li> </ul> </div> <h3>✔ SASS</h3> <div class="note-tip">We strongly recommend to use the <a href="https://www.drupal.org/project/bootstrap_sass" rel="nofollow">Bootstrap 4/5 Barrio SASS Subtheme</a> to completly unleash Bootstrap 4/5 power on your site.</div> <p>Almost every Drupal CSS is overriten using Bootstrap variables for sitewide standard colors and spacing. Based on Google Material Design full color scheme is generated including variants for main and secondary colors.</p> <p>This subtheme is compatible with Bootstrap Material Design. </p> <div class="note"> <p>Want to learn more:</p> <p><a href="https://www.drupal.org/docs/8/themes/bootstrap-4-sass-barrio-starter-kit-0" title="Bootstrap Barrio SASS Guide" class="link-button" rel="nofollow">SASS Subtheme Configuration Guide</a></p></div> <h3>✔ Features</h3> <ul> <li>Columns <ul> <li>Column based grid</li> <li>1, 2 and 3 column automatic layouts</li> <li>User defined column widths</li> <li>Container and container fluid layout</li> </ul> </li> <li>Markup <ul> <li>Standard Bootstrap 4 or 5 markup replacing Drupal twig templates</li> <li>Easy to customize twig templates</li> <li>Standard markup for header navigation</li> <li>Bootstrap 5 offcanvas menu</li> <li>Hide node titles on all view modes</li> <li>Multilevel main menu flyout submenus options</li> <li>Collapsed left slide main menu option</li> <li>Bootstrap form elements, including custom elements</li> <li>Classes to identify menu links</li> <li>Customized Bootstrap themed tables</li> <li>SVG icons integration on default links</li> <li>Scroll class on body on window scroll, with scroll up and down class added on scroll behaviour</li> <li>Three options for messages customizations</li> <li>Replace Commerce templates with Bootrstrap twig template</li> </ul> </li> <li>Features <ul> <li>Color Module integration on subtheme</li> <li>Bootswatch integration via CDN</li> <li>Predefined Google Fonts combinations</li> <li>Card Column Views template to alllow <a href="https://getbootstrap.com/docs/4.0/components/card/#card-columns" title="Bootstrap Card Column" rel="nofollow">card column</a> listings</li> <li>Extra theme suggestions for entities and blocks</li> <li>Body classes for entities and views</li> </ul> </li> </ul> <h3>✔ Installation</h3> <ul> <li>Download and install Barrio.</li> <li>Define Barrio Settings</li> <li>Choose how to load Bootstrap files, CDN or locally</li> <li>If load Bootstrap files from CDN, choose version to load on <a href="https://www.drupal.org/project/bootstrap_library" rel="nofollow">Bootstrap Library</a> settings.</li> </ul> <div class="note-tip"><a href="https://youtu.be/59QBCzaH6JI" rel="nofollow">Instalation Video</a></div> <h3>✔ Bootstrap Libraries Load</h3> <div class="note"> Since 8.x-4.24 version, Bootstrap is automatically downloaded via composer and copied into vendors folder.<br /> To copy dist files into libraries folder during installation, you can add the following 2 lines of script into your main composer.json file: <pre class="codeblock"><code class="language-php"> "scripts": { "post-install-cmd": [ "@composer drupal-scaffold" ], "post-update-cmd": [ "@composer drupal-scaffold", + "mkdir -p web/libraries/bootstrap", + "cp -R vendor/twbs/bootstrap/dist web/libraries/bootstrap" ], </code></pre><p>This will mantain your bootstrap version up to date when updating via composer. </p></div> <p>Also, Bootstrap Libraries could be loaded by the <a href="https://www.drupal.org/project/bootstrap_library" rel="nofollow">Bootstrap Library</a> module, this give you extra flexibility to load the library either via CDN or locally, choosing an up to date Bootstrap version regardless of the theme version. </p> <div class="note-tip"><a href="https://youtu.be/2ajARiTvYFQ" rel="nofollow">Bootstrap Libraries Video</a></div> </div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/bootstrap_barrio" rel="tag" title="Barrio Bootstrap 5 Theme">Read more<span class="element-invisible"> about Barrio Bootstrap 5 Theme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-1619846" class="node node-project-theme node-teaser node-content-1619846 clearfix"> <h2><a href="/project/classy">Classy</a></h2> <div class="content"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>The Classy theme is available in Drupal 8 and 9 and will be removed in Drupal 10 in favor of the Starterkit theme, which provides the same benefits as Classy while addressing several of the drawbacks.</p> <p>We do not recommend <em>new</em> projects use this theme, but this existing projects that depend on Classy may use this for Drupal 10+ and it should work no differently than if it were using the Drupal core Classy.</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/classy" rel="tag" title="Classy">Read more<span class="element-invisible"> about Classy</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/9990">Seeking co-maintainer(s)</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-3190308" class="node node-project-theme node-teaser node-content-3190308 clearfix"> <h2><a href="/project/bootstrap5">Bootstrap5</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/bootstrap5"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/b5-new-logo.png?itok=vZF0EXIw" width="220" height="110" alt="Bootstrap5 theme" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Bootstrap 5 based theme.</p> <div class="note-tip"> <p>Bootstrap 5 theme is <a href="https://drupalsouth.org/2024-awards" alt="DrupalSouth 2024 Splash award winner" rel="nofollow">DrupalSouth 2024 Splash award winner</a>.</p> </div> <p>This is a very non-prescriptive Bootstrap 5 theme with simple configuration. It can be used out of the box or as a subtheme for creating very flexible web designs with minimal changes (just override <a href="https://getbootstrap.com/docs/5.2/customize/sass/#variable-defaults" rel="nofollow">Bootstrap 5 variables.scss</a> and recompile SCSS!)</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/bootstrap5" rel="tag" title="Bootstrap5">Read more<span class="element-invisible"> about Bootstrap5</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-88566" class="node node-project-theme node-teaser node-content-88566 clearfix"> <h2><a href="/project/zen">Zen</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/zen"><img src="https://www.drupal.org/files/styles/grid-3/public/images/zen-logo.png?itok=d-1xd-xt" width="220" height="130" alt="Zen" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><strong>Zen is a modern, powerful, HTML5 <em>starting theme</em> with component-based CSS and a responsive, mobile-first grid design.</strong> If you are building your own standards-compliant theme, you will find it much easier to start with Zen than to start with Bartik or Stark. This theme has <a href="https://www.drupal.org/documentation/theme/zen" rel="nofollow">fantastic online documentation</a> and tons of helpful code comments in its JavaScript, PHP, HTML, CSS and Sass.</p> <h3><em>Zen now comes with modern front-end development practices!</em></h3> <table> <tr> <th></th> <th>HTML5</th> <th>RTL</th> <th>Mobile-first</th> <th>Components</th> <th>Style guide</th> <th>Task runner</th> </tr> <tr> <th>7.x-6.x</th> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> </tr> <tr> <th>7.x-5.x</th> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"><img src="/misc/druplicon.png" alt="Dot" width="20" /></td> <td align="center"></td> <td align="center"></td> <td align="center"></td> </tr> </table> </div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/zen" rel="tag" title="Zen">Read more<span class="element-invisible"> about Zen</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/19370">Minimally maintained</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-721350" class="node node-project-theme node-teaser node-content-721350 clearfix"> <h2><a href="/project/bartik">Bartik</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/bartik"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/Two_women_operating_ENIAC_0.gif?itok=RMeeBEto" width="220" height="145" alt="a photo of Jean Bartik and her colleague working on the ENIAC computer " /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Bartik is the default theme for Drupal 7. To download Bartik, <a href="http://drupal.org/start" rel="nofollow">download Drupal 7</a>. </p> <p>You can find documentation about it here: <a href="http://drupal.org/documentation/themes/bartik" rel="nofollow">http://drupal.org/documentation/themes/bartik</a></p> <p>A huge thank you to the dozens of people who worked on this theme, and to everyone who supported the effort.</p> <p>Any bugs found in Bartik should be filed as part of Drupal core. You can <a href="http://drupal.org/project/issues/drupal?text=&status=Open&priorities=All&categories=All&version=All&component=Bartik+theme" rel="nofollow">read the list of reported issues</a>, or <a href="http://drupal.org/node/add/project-issue/drupal" rel="nofollow">file your own (Project: Drupal core, Componant: Bartik)</a>.</p> <p>If you are having troubles with your own site, we recommend <a href="http://drupal.org/irc" rel="nofollow">asking for help in IRC</a> or <a href="http://drupal.org/forum" rel="nofollow">posting a question in the forums</a>. Browse the forums to see if someone else has written about the same problem. Or read <a href="http://drupal.org/documentation/" rel="nofollow">documentation</a>. "Issues" (despite the name) are for bugs in the software, not site-specific needs. </p> <p>The Bartik theme is named after <a href="http://en.wikipedia.org/wiki/Jean_Bartik" rel="nofollow">Jean Bartik</a>, one of the original programmers for the ENIAC computer. (Pictured on the left in the photo.)</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/bartik" rel="tag" title="Bartik">Read more<span class="element-invisible"> about Bartik</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/19370">Minimally maintained</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-506436" class="node node-project-theme node-teaser node-content-506436 clearfix"> <h2><a href="/project/omega">Omega</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/omega"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/logo_96.png?itok=vLsk5REZ" width="220" height="220" alt="Omega Five" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h2>Omega Five for Drupal 8</h2> <p>Omega Five brings back the ever popular user interface that allows for editing the responsive layout through the theme settings form making it possible for users of ALL abilities to create and adjust a fully responsive theme to their needs.</p> <h3>Omega Five Development Status</h3> <p>Primay feature development for Omega is happening at <a href="https://github.com/himerus/omega" rel="nofollow">github.com/himerus/omega</a></p> <p>The Drupal 8 version of Omega Five has been updated and released as <strong>8.x-5.0-alpha7</strong>. There is still much development to be done on the 8.x-5.x branch before things can be considered stable. There <strong>will</strong> potentially be problems in upgrading from one alpha release to the next without renaming and editing files where structure changes.</p> <h3>Omega Five Features</h3> <p>The current list of features for Omega Five is only a small sampling of the features available. This section will be updated with additional features and descriptions as it nears a stable release for Drupal 8.</p> <ul> <li>Fully Responsive layout(s) and highly configurable presentation of that layout in each responsive breakpoint.</li> <li>Full integration of layout_discovery in Drupal 8.3+ (<a href="https://github.com/himerus/omega/tree/layout" rel="nofollow">in development</a>)</li> <li>Ability for single or multiple layout configurations. You can then select which layout to use on the homepage, individual node types, and for taxonomy vocabularies.</li> <li>Create subthemes and clone themes through the Omega interface.</li> <li>Features for advanced themers like adding a config.rb, Gemfile, or Gulpfile to generated subthemes to aid in advanced front end development.</li> <li>Layout inheritance in subthemes so you can create a base theme for your project that controls layout and base styles, allowing subthemes to inherit ALL layout configurations from the parent.</li> <li>SCSS without the hassle: Don't know what Compass/Sass/Guard/Gobbledeegook is? No problem. Omega can handle the heavy lifting while setting up your subtheme to be ready to use more advanced front end development practices.</li> </ul></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/omega" rel="tag" title="Omega">Read more<span class="element-invisible"> about Omega</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-519586" class="node node-project-theme node-teaser node-content-519586 clearfix"> <h2><a href="/project/adaptivetheme">AdaptiveTheme</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/adaptivetheme"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/Adaptivethemes_220.png?itok=cKUTywen" width="220" height="208" alt="Adaptivethemes Logo" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Adaptivetheme for Drupal 8/9 is a base theme designed for people who don’t code, or for those who only want to write a bit of CSS but still want a sleek and sophisticated theme for todays mobile web - and beyond.</p> <p>Use the AT Generator module (included in <a href="https://www.drupal.org/project/at_tool" rel="nofollow">AT Tool</a>) to generate unlimited themes, clones of themes, and even skin themes. You never interact with Adaptivetheme (at_core) directly, it simply provides the advanced features used by your sub-themes.</p> <ul> <li>Theme generator using <a href="https://www.drupal.org/project/at_tool" rel="nofollow">AT Tool</a> module.</li> <li>Generate page suggestions and modify page layout.</li> <li>Set column layout per breakpoint (and per suggestions).</li> <li>Re-order row layouts per breakpoint (and per suggestions).</li> <li>Uses Flexbox.</li> <li>Easily create new regions, rows and layouts.</li> <li>Breakpoint module support.</li> <li>Responsive layouts for Display Suite, Paragraphs and Panels.</li> <li>Web fonts, support for Google, Typekit and local fonts</li> <li>Responsive menus - 8 different menu styles built in.</li> <li>Responsive local tasks, pagers, tables, book navigation etc.</li> <li>CSS shortcodes.</li> <li>CSS Animations.</li> <li>Slideshows and carousels built in (flexslider) with configurable settings.</li> <li>Image field positioning & captions.</li> <li>Touch icon support for iOS - default set included.</li> <li>Hide or show blocks in mobile</li> <li>Color module support (optional).</li> <li>FontAwesome.</li> <li>Many JS plugins included - all loaded from the super-fast Cloudflare CDN.</li> <li>... and a lot more!</li> </ul> <p><strong>Docs:</strong> <a href="http://docs.adaptivethemes.com/" target="_blank" rel="nofollow">D8 - docs.adaptivethemes.com</a><br /> <strong>Dependencies:</strong> <a href="https://www.drupal.org/project/at_tools" rel="nofollow">AT Tools module</a><br /> <strong>Versions:</strong> <a href="https://www.drupal.org/node/2853031/" target="_blank" rel="nofollow">Important reading for upgrades and versions of D8 Adaptivetheme and the AT Tools module</a></p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/adaptivetheme" rel="tag" title="AdaptiveTheme">Read more<span class="element-invisible"> about AdaptiveTheme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-1754374" class="node node-project-theme node-teaser node-content-1754374 clearfix"> <h2><a href="/project/radix">radix</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/radix"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/logo_267.png?itok=p91D5M59" width="220" height="220" alt="Drupal Radix Logo" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h2>Radix is the original component-based theme for Drupal. With Bootstrap 5, Sass, ES6, BrowserSync, BiomeJS built-in.</h2> <p>Radix started to shift towards component-driven theming with its Drupal 7 theme when things weren't that easy! Now with Single directory components in the core, a lot has changed. </p> <p>Radix is the original component-based theme for Drupal. It comes with Bootstrap 5, Sass, BrowserSync, BiomeJS, Laravel Mix built-in.</p> <p>Radix is a heavily opinionated theme, so you might not agree, if you feel like arguing about anything, please create an issue on drupal.org so we can talk it over. but over the years many other themes and projects started as a fork of Radix, so we've been doing something right probably.</p> <p>With Radix 6.x and Drupal ^10.1, we now support the core SDC and don't require the great components module anymore.</p> <p>We are also using the new Drupal core's starterkit process to create our subthemes, even though it wasn't necessary, it sounds cool on the README, so why not? but that's under the hood stuff.</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/radix" rel="tag" title="radix">Read more<span class="element-invisible"> about radix</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-2944005" class="node node-project-theme node-teaser node-content-2944005 clearfix"> <h2><a href="/project/bootstrap4">Bootstrap4</a></h2> <div class="content"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Bootstrap 4 based theme.</p> <div class="note-tip"> <p>Consider using <strong>ready for production</strong> <a href="https://www.drupal.org/project/bootstrap5" rel="nofollow">Bootstrap5 theme</a> if you are starting from scratch.</p></div></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/bootstrap4" rel="tag" title="Bootstrap4">Read more<span class="element-invisible"> about Bootstrap4</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/19370">Minimally maintained</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-3031920" class="node node-project-theme node-teaser node-content-3031920 clearfix"> <h2><a href="/project/tara">Tara - Modern Drupal 8, 9, 10, 11 Theme</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/tara"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/tara-full.png?itok=PQgISfor" width="220" height="399" alt="Tara Drupal Theme" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><strong>Tara</strong> theme is designed and developed by <a href="https://drupar.com" title="drupar.com" rel="nofollow">Drupar.com</a></p> <p> Theme is compatible with Drupal 8, 9, 10 and 11 </p> <p> <strong>Tara</strong> is light weight but very powerful and professional Drupal theme with modern look and feel. This theme is perfect for Business websites, Corporate websites, Portfolio, Personal / Blog websites. </p> <p> Tara theme is very flexible and easy to use theme<br /> <a href="https://drupar.com/theme/tara" rel="nofollow">read more</a> </p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/tara" rel="tag" title="Tara - Modern Drupal 8, 9, 10, 11 Theme">Read more<span class="element-invisible"> about Tara - Modern Drupal 8, 9, 10, 11 Theme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-1332338" class="node node-project-theme node-teaser node-content-1332338 clearfix"> <h2><a href="/project/zurb_foundation">ZURB Foundation</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/zurb_foundation"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/im01.png?itok=gtkpsk_O" width="220" height="220" alt="" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Do you like grid systems? How about rapid prototyping? Do you believe in mobile first? Then this theme is for you.</p> <p>From the <a href="http://foundation.zurb.com/" rel="nofollow">Zurb Foundation</a> homepage:</p> <blockquote><p> An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device. </p></blockquote> <blockquote><p><strong>Mockups don't tell a story</strong>. <strong>Build a prototype in no time</strong>.</p></blockquote> <blockquote><p>The difference between a good site and a great site is iteration — building something, playing with it, refining it. In Foundation, we've included dozens of styles to help you quickly prototype a site.</p></blockquote></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/zurb_foundation" rel="tag" title="ZURB Foundation">Read more<span class="element-invisible"> about ZURB Foundation</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-2866094" class="node node-project-theme node-teaser node-content-2866094 clearfix"> <h2><a href="/project/d8w3css">W3CSS Theme Renamed and Enhanced as Solo</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/d8w3css"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/midnight-and-twilight-themes-midnight-wispers_1.png?itok=na-xg4Ah" width="220" height="763" alt="Drupal Solo theme" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><div class="note-version messages status"> <h3>🌟 Introducing <a target="_blank" href="https://www.drupal.org/project/solo" rel="nofollow">Solo</a>: The Revamped W3CSS Theme on Drupal! 🌟</h3> <p><strong>Hey Drupal Enthusiasts!</strong></p> <p>I'm excited to share that the W3CSS theme has evolved into <a target="_blank" href="https://www.drupal.org/project/solo" rel="nofollow">Solo</a>! It's sleeker, faster, and packed with new features, now available on Drupal.org. Along with the theme, I've also upgraded the W3CSS paragraphs to the new and improved <a target="_blank" href="https://www.drupal.org/project/paragraphs_bundles" rel="nofollow">Paragraphs Bundles</a>, enhancing your content creation experience.</p> <p><strong>Why Upgrade to Solo?</strong></p> <ul> <li>Fresh, modern design</li> <li>Enhanced customization and performance</li> <li>Seamless integration with Drupal</li> </ul> <p><strong>📥 <a target="_blank" href="https://www.drupal.org/project/solo" rel="nofollow">Download</a> Solo Today!</strong></p> <p>⭐ Upgrade to Solo – where innovation meets elegance! ⭐<br />Upgrade with ease and give your website a stunning new look. We'd love your feedback!</p> <p><strong>How to Upgrade:</strong> <a target="_blank" href="https://www.youtube.com/watch?v=UrcryJxzX3Y" rel="nofollow">Part One</a> - <a target="_blank" href="https://www.youtube.com/watch?v=iHhoSbIt7tU" rel="nofollow">Part Two</a></p> </div> <p> </p> <h2>The Solo theme and Paragraphs Bundles module for Drupal</h2> <p>Some of the Paragraphs Bundles modules are now available as Views styles.<strong>The Vanilla Views suite CRAFTSHLP</strong> is a collection of nine powerful Drupal modules designed to enhance the visual and interactive experience of Drupal Views using pure, lightweight Vanilla JavaScript, these modules <a href="https://www.drupal.org/project/vvja" target="_blank" rel="nofollow">Accordion</a>, <a href="https://www.drupal.org/project/vvjc" target="_blank" rel="nofollow">3D Carousel</a>, <a href="https://www.drupal.org/project/vvjf" target="_blank" rel="nofollow">3D FlipBox</a>, <a href="https://www.drupal.org/project/vvjh" target="_blank" rel="nofollow">Hero</a>, <a href="https://www.drupal.org/project/vvjl" target="_blank" rel="nofollow">Lightbox</a>, <a href="https://www.drupal.org/project/vvjp" target="_blank" rel="nofollow">Parallax</a>, <a href="https://www.drupal.org/project/vvjr" target="_blank" rel="nofollow">Reveal</a>, <a href="https://www.drupal.org/project/vvjs" target="_blank" rel="nofollow">Slideshow</a>, and <a href="https://www.drupal.org/project/vvjt" target="_blank" rel="nofollow">Tabs</a>. </p> <h3>Comprehensive Landing Page Examples Showcasing All Paragraph Bundles</h3> <p><a title="Blue Skyline" target="_blank" href="https://unitedstarsofamerica.com/node/328 " rel="nofollow">Blue Skyline</a> - <a title="Bright Den" target="_blank" href="https://unitedstarsofamerica.com/node/316 " rel="nofollow">Bright Den</a> - <a title="Calm Corner" target="_blank" href="https://unitedstarsofamerica.com/node/317 " rel="nofollow">Calm Corner</a> - <a title="Color Whirl" target="_blank" href="https://unitedstarsofamerica.com/node/322 " rel="nofollow">Color Whirl</a> - <a title="Dawn View" target="_blank" href="https://unitedstarsofamerica.com/node/304 " rel="nofollow">Dawn View</a> - <a title="Dream Road" target="_blank" href="https://unitedstarsofamerica.com/node/326 " rel="nofollow">Dream Road</a> - <a title="Dusk Deck" target="_blank" href="https://unitedstarsofamerica.com/node/321 " rel="nofollow">Dusk Deck</a> - <a title="Earth Base" target="_blank" href="https://unitedstarsofamerica.com/node/309 " rel="nofollow">Earth Base</a> - <a title="Green Park" target="_blank" href="https://unitedstarsofamerica.com/node/306 " rel="nofollow">Green Park</a> - <a title="Jewel Place" target="_blank" href="https://unitedstarsofamerica.com/node/320 " rel="nofollow">Jewel Place</a> - <a title="Ocean Field" target="_blank" href="https://unitedstarsofamerica.com/node/324 " rel="nofollow">Ocean Field</a> - <a title="Peace Beach" target="_blank" href="https://unitedstarsofamerica.com/node/313 " rel="nofollow">Peace Beach</a> - <a title="Red Hill" target="_blank" href="https://unitedstarsofamerica.com/node/315 " rel="nofollow">Red Hill</a> - <a title="Ring Retreat" target="_blank" href="https://unitedstarsofamerica.com/node/318 " rel="nofollow">Ring Retreat</a> - <a title="Secret Garden" target="_blank" href="https://unitedstarsofamerica.com/node/310 " rel="nofollow">Secret Garden</a> - <a title="Shadow Line" target="_blank" href="https://unitedstarsofamerica.com/node/314 " rel="nofollow">Shadow Line</a> - <a title="Shine Land" target="_blank" href="https://unitedstarsofamerica.com/node/319 " rel="nofollow">Shine Land</a> - <a title="Sky Pattern" target="_blank" href="https://unitedstarsofamerica.com/node/308 " rel="nofollow">Sky Pattern</a> - <a title="Space Art" target="_blank" href="https://unitedstarsofamerica.com/node/311 " rel="nofollow">Space Art</a> - <a title="Star Circle" target="_blank" href="https://unitedstarsofamerica.com/node/307 " rel="nofollow">Star Circle</a> - <a title="Star Gate" target="_blank" href="https://unitedstarsofamerica.com/node/323 " rel="nofollow">Star Gate</a> - <a title="Star Home" target="_blank" href="https://unitedstarsofamerica.com/node/312 " rel="nofollow">Star Home</a> - <a title="Summit Point" target="_blank" href="https://unitedstarsofamerica.com/node/305 " rel="nofollow">Summit Point</a> - <a title="Sun Plains" target="_blank" href="https://unitedstarsofamerica.com/node/325 " rel="nofollow">Sun Plains</a><br /> </p><p></p> <br /> <h3>The theme includes 50 professional predefined color schemes that can be installed with a single click.</h3> <p><a title="Berry Blue Dreams" target="_blank" href="https://unitedstarsofamerica.com/node/219 " rel="nofollow">Berry Blue Dreams</a> - <a title="Blueberry Skies Quartet" target="_blank" href="https://unitedstarsofamerica.com/node/263 " rel="nofollow">Blueberry Skies Quartet</a> - <a title="Blushing Magnolia" target="_blank" href="https://unitedstarsofamerica.com/node/246 " rel="nofollow">Blushing Magnolia</a> - <a title="Celestial Blue Depths" target="_blank" href="https://unitedstarsofamerica.com/node/264 " rel="nofollow">Celestial Blue Depths</a> - <a title="Charcoal Gray" target="_blank" href="https://unitedstarsofamerica.com/node/226 " rel="nofollow">Charcoal Gray</a> - <a title="Classic Ivory Lace" target="_blank" href="https://unitedstarsofamerica.com/node/244 " rel="nofollow">Classic Ivory Lace</a> - <a title="Cotton Candy Whispers" target="_blank" href="https://unitedstarsofamerica.com/node/259 " rel="nofollow">Cotton Candy Whispers</a> - <a title="Crimson Denim Night" target="_blank" href="https://unitedstarsofamerica.com/node/250 " rel="nofollow">Crimson Denim Night</a> - <a title="Deep Ocean Shadows" target="_blank" href="https://unitedstarsofamerica.com/node/266 " rel="nofollow">Deep Ocean Shadows</a> - <a title="Deep Sea Echo" target="_blank" href="https://unitedstarsofamerica.com/node/220 " rel="nofollow">Deep Sea Echo</a> - <a title="Denim Twilight" target="_blank" href="https://unitedstarsofamerica.com/node/248 " rel="nofollow">Denim Twilight</a> - <a title="Dusk Shadow Fusion" target="_blank" href="https://unitedstarsofamerica.com/node/255 " rel="nofollow">Dusk Shadow Fusion</a> - <a title="Eclipse Noir" target="_blank" href="https://unitedstarsofamerica.com/node/227 " rel="nofollow">Eclipse Noir</a> - <a title="Enchanted Forest Zest" target="_blank" href="https://unitedstarsofamerica.com/node/233 " rel="nofollow">Enchanted Forest Zest</a> - <a title="Ethereal White Harmony" target="_blank" href="https://unitedstarsofamerica.com/node/243 " rel="nofollow">Ethereal White Harmony</a> - <a title="Flaming Sapphire" target="_blank" href="https://unitedstarsofamerica.com/node/235 " rel="nofollow">Flaming Sapphire</a> - <a title="Galactic Stone Hues" target="_blank" href="https://unitedstarsofamerica.com/node/224 " rel="nofollow">Galactic Stone Hues</a> - <a title="Gentle Ivory Breeze" target="_blank" href="https://unitedstarsofamerica.com/node/242 " rel="nofollow">Gentle Ivory Breeze</a> - <a title="Gunmetal Echo" target="_blank" href="https://unitedstarsofamerica.com/node/254 " rel="nofollow">Gunmetal Echo</a> - <a title="Indigo Pulse" target="_blank" href="https://unitedstarsofamerica.com/node/249 " rel="nofollow">Indigo Pulse</a> - <a title="Ivory Whisper" target="_blank" href="https://unitedstarsofamerica.com/node/240 " rel="nofollow">Ivory Whisper</a> - <a title="Jungle Denim Fusion" target="_blank" href="https://unitedstarsofamerica.com/node/265 " rel="nofollow">Jungle Denim Fusion</a> - <a title="Lemon Lime Forest" target="_blank" href="https://unitedstarsofamerica.com/node/232 " rel="nofollow">Lemon Lime Forest</a> - <a title="Luminous Alabaster" target="_blank" href="https://unitedstarsofamerica.com/node/239 " rel="nofollow">Luminous Alabaster</a> - <a title="Magnolia Afternoon" target="_blank" href="https://unitedstarsofamerica.com/node/251 " rel="nofollow">Magnolia Afternoon</a> - <a title="Metallic Nebula" target="_blank" href="https://unitedstarsofamerica.com/node/253 " rel="nofollow">Metallic Nebula</a> - <a title="Midnight Denim Swirl" target="_blank" href="https://unitedstarsofamerica.com/node/258 " rel="nofollow">Midnight Denim Swirl</a> - <a title="Midnight Garden Trio" target="_blank" href="https://unitedstarsofamerica.com/node/225 " rel="nofollow">Midnight Garden Trio</a> - <a title="Midnight Navy Duo" target="_blank" href="https://unitedstarsofamerica.com/node/262 " rel="nofollow">Midnight Navy Duo</a> - <a title="Midnight Whispers" target="_blank" href="https://unitedstarsofamerica.com/node/194 " rel="nofollow">Midnight Whispers</a> - <a title="Monochrome Splash" target="_blank" href="https://unitedstarsofamerica.com/node/247 " rel="nofollow">Monochrome Splash</a> - <a title="Mystic Ash Twilight" target="_blank" href="https://unitedstarsofamerica.com/node/221 " rel="nofollow">Mystic Ash Twilight</a> - <a title="Nightfall in Paris" target="_blank" href="https://unitedstarsofamerica.com/node/231 " rel="nofollow">Nightfall in Paris</a> - <a title="Nocturnal Velvet" target="_blank" href="https://unitedstarsofamerica.com/node/228 " rel="nofollow">Nocturnal Velvet</a> - <a title="Obsidian Cascade" target="_blank" href="https://unitedstarsofamerica.com/node/257 " rel="nofollow">Obsidian Cascade</a> - <a title="Ocean Depths Mystery" target="_blank" href="https://unitedstarsofamerica.com/node/195 " rel="nofollow">Ocean Depths Mystery</a> - <a title="Parisian Skyline" target="_blank" href="https://unitedstarsofamerica.com/node/230 " rel="nofollow">Parisian Skyline</a> - <a title="Porcelain Brilliance" target="_blank" href="https://unitedstarsofamerica.com/node/238 " rel="nofollow">Porcelain Brilliance</a> - <a title="Porpoise Dream" target="_blank" href="https://unitedstarsofamerica.com/node/256 " rel="nofollow">Porpoise Dream</a> - <a title="Pristine Porcelain Glow" target="_blank" href="https://unitedstarsofamerica.com/node/237 " rel="nofollow">Pristine Porcelain Glow</a> - <a title="Raspberry Nightfall" target="_blank" href="https://unitedstarsofamerica.com/node/229 " rel="nofollow">Raspberry Nightfall</a> - <a title="Razzle Onyx Elegance" target="_blank" href="https://unitedstarsofamerica.com/node/261 " rel="nofollow">Razzle Onyx Elegance</a> - <a title="Royal Azure Flame" target="_blank" href="https://unitedstarsofamerica.com/node/234 " rel="nofollow">Royal Azure Flame</a> - <a title="Rustic Redwood Charm" target="_blank" href="https://unitedstarsofamerica.com/node/236 " rel="nofollow">Rustic Redwood Charm</a> - <a title="Salmon Denim Fade" target="_blank" href="https://unitedstarsofamerica.com/node/260 " rel="nofollow">Salmon Denim Fade</a> - <a title="Silken Shadow Whisper" target="_blank" href="https://unitedstarsofamerica.com/node/245 " rel="nofollow">Silken Shadow Whisper</a> - <a title="Smokey Quartz Symphony" target="_blank" href="https://unitedstarsofamerica.com/node/252 " rel="nofollow">Smokey Quartz Symphony</a> - <a title="Soft Silk Elegance" target="_blank" href="https://unitedstarsofamerica.com/node/241 " rel="nofollow">Soft Silk Elegance</a> - <a title="Twilight Ash Mystique" target="_blank" href="https://unitedstarsofamerica.com/node/222 " rel="nofollow">Twilight Ash Mystique</a> - <a title="Urban Stone Shadows" target="_blank" href="https://unitedstarsofamerica.com/node/223 " rel="nofollow">Urban Stone Shadows</a></p> <p></p> </div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/d8w3css" rel="tag" title="W3CSS Theme Renamed and Enhanced as Solo">Read more<span class="element-invisible"> about W3CSS Theme Renamed and Enhanced as Solo</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/19370">Minimally maintained</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-3480993" class="node node-project-theme node-teaser node-content-3480993 clearfix"> <h2><a href="/project/easy_email_theme">Easy Email Theme</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/easy_email_theme"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/reset-password.png?itok=aL6CVBqQ" width="220" height="209" alt="Password recovery email in Easy Email Theme" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Easy Email Theme is an email-only theme to be used for sending HTML-formatted emails. It's designed to be used in conjunction with the <a href="https://www.drupal.org/project/easy_email" rel="nofollow">Easy Email module</a>.</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/easy_email_theme" rel="tag" title="Easy Email Theme">Read more<span class="element-invisible"> about Easy Email Theme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-3131051" class="node node-project-theme node-teaser node-content-3131051 clearfix"> <h2><a href="/project/dxpr_theme">DXPR Theme | Drupal Theme | Low-code Drupal 10 Bootstrap Theme</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/dxpr_theme"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/dxpr-theme-color-schemes.jpg?itok=Rnr5n6jx" width="220" height="1048" alt="DXPR Theme | Drupal Theme | Low-code Drupal 10 Bootstrap Theme" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h2>Save hundreds of hours by designing your website with less coding</h2> <h3>Top 5 Benefits of DXPR Theme</h3> <ol> <li> <strong>Design a Website that Stands Out: </strong>Customize Every Detail with DXPR Theme's Flexible Options. </li> <li> <strong>Connect with Your Audience on Any Device: </strong>Enjoy Seamless Mobile Optimization with DXPR Theme. </li> <li> <strong>Be Visible and Be Found: </strong>Boost Your Site's SEO and Attract Organic Traffic with DXPR Theme. </li> <li> <strong> Accelerate Your Site's Performance: </strong>Enhance User Engagement with DXPR Theme's Speed and Lightweight Design. </li> <li> <strong>Get the Help You Need: </strong>Benefit from Comprehensive Documentation and Customer Support with DXPR Theme. </li> </ol> <div class="note-tip"> <h3>Starting a new site?</h3> <p><em>Save yourself hours on configuring Drupal and DXPR by installing our free Drupal StaterKit</em></p> <h4>DXPR Marketing CMS Features</h4> <ul> <li>Visual page builder included</li> <li>DXPR Theme included</li> <li>Multilingual Ready</li> <li>Enterprise level security features pre-configured</li> <li>All the above you get for free, no card required</li> </ul> <p> <a class="action-button" href="https://www.drupal.org/project/dxpr_marketing_cms" title="DXPR Marketing CMS, the DXPR Drupal StarterKit" rel="nofollow">Get started</a> </p></div> <h3>Low-code Drupal theme</h3> <h4>Works great with and without our <a href="https://www.drupal.org/project/dxpr_builder" rel="nofollow">Drupal Layout Builder</a><br /> </h4> <p><br /></p> <p>Create a stunning website in minutes: Build your dream site with DXPR Theme's free, premium design, and customize it to perfection with over 200 settings.</p> <p>Launch your website in no time: DXPR Theme saves you time and hassle at any experience level, so you can focus on what matters.</p> <h3>Successful Sites Powered by DXPR Theme</h3> <ol> <li><a href="https://unprpd.org/" rel="nofollow"><strong>United Nations Partnership on the Rights of Persons with Disabilities</strong></a>'s site uses the DXPR Theme for a visually appealing, accessible, and consistent brand identity, optimized for various devices.</li> <li><a href="https://www.sinema.senate.gov/" rel="nofollow"><strong>Senator Sinema</strong></a>'s official site adopts the DXPR Theme for a clean, user-friendly, and mobile-optimized platform.</li> <li><a href="https://storyteller.iom.int/stories/tetiana-hope-knows-no-borders" rel="nofollow"><strong>International Organization for Migration</strong></a>'s Storyteller website leverages the DXPR Theme's customizable, multilingual, and mobile-optimized design for engaging storytelling.</li> <li><a href="https://www.minlib.net/" rel="nofollow"><strong>Minuteman Library Network</strong></a> uses the DXPR Theme to create a visually appealing and easy-to-navigate site with a consistent brand identity.</li> <li><a href="https://www.swarco.com/" rel="nofollow"><strong>SWARCO</strong></a> employs the DXPR Theme's responsive design, layout options, and SEO-friendly features to showcase their expertise.</li> <li><a href="https://nuspark.com/" rel="nofollow"><strong>Nuspark</strong></a> leverages the DXPR Theme and Builder for a professional, unique design and efficient content management.</li> <li><a href="https://dxpr.com/clients?utm_source=drupal.org&utm_medium=referral&utm_campaign=DXPR%20Theme%20Project%20Page&utm_content=successful-sites&utm_term=More%20DXPR%20sites" rel="nofollow">More DXPR sites</a></li> </ol> <p>* Multilingual example</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/dxpr_theme" rel="tag" title="DXPR Theme | Drupal Theme | Low-code Drupal 10 Bootstrap Theme">Read more<span class="element-invisible"> about DXPR Theme | Drupal Theme | Low-code Drupal 10 Bootstrap Theme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-3094960" class="node node-project-theme node-teaser node-content-3094960 clearfix"> <h2><a href="/project/bootstrap_italia">Bootstrap Italia</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/bootstrap_italia"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/screenshot_10.png?itok=mobUzxko" width="220" height="160" alt="Screenshot" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>bootstrap_italia is a base theme for Drupal that implements <a href="https://docs.italia.it/italia/designers-italia/design-linee-guida-docs/" title="Read guidelines" target="_blank" rel="nofollow" aria-label="External link in new window">the Italian guidelines for designing public digital services</a>. </p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/bootstrap_italia" rel="tag" title="Bootstrap Italia">Read more<span class="element-invisible"> about Bootstrap Italia</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-763088" class="node node-project-theme node-teaser node-content-763088 clearfix"> <h2><a href="/project/danland">Danland</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/danland"><img src="https://www.drupal.org/files/styles/grid-3/public/images/Danland.jpg?itok=NVfV5Jtd" width="220" height="167" alt="Danland theme screenshot" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><b>Danland</b> is clean, simple, elegant, and beautiful theme for <strong>Drupal 6.x</strong>, <strong>Drupal 7.x</strong>, and <strong>Drupal 8.x</strong>. This theme includes an image slideshow or photo slideshow feature on standard installation, Danland also include one subtheme without slideshow feature.</p> <p><strong><a href="http://www.danetsoft.com/demo" rel="nofollow">Danland demo site</a></strong> (all jQuery plugins disabled).</p> <p>Danland is very suitable for all types of websites; from corporate site to blog site, and it works perfectly in every browser; tested in IE6/7/8, Opera, Safari, Chrome and Firefox.</p> <p><b>Features of Danland 6.x and 7.x:</b></p> <ul> <li>1, 2 or 3 column layout</li> <li>Tableless design for SEO</li> <li>More than 17 collapsible block regions</li> <li>Superfish drop-down menu (2, 3 or more nested levels) and the shadow is enabled by default</li> <li>Built-in image slideshow (the frontpage wide image banner)</li> <li>Built-in IE transparent PNG fix</li> <li>Custom front page</li> <li>Wide image banner 950x355px. You can replace with your own photo for custom look</li> <li>XHTML 1.0 and CSS 2.1 validated</li> <li>User picture in profile, comments and post</li> <li>Primary links and secondary links</li> <li>Supports custom logo and favicon</li> <li>Support features like site name, slogan, mission.</li> <li>Custom login and logout</li> <li>Heading H1 optimization for SEO</li> <li>Support for local.css</li> <li><a href="http://drupal.org/project/civicrm" rel="nofollow">CiviCRM</a> friendly</li> <li>Complete <a href="http://drupal.org/node/768350" rel="nofollow">online documentation</a></li> </ul> <p><strong>1 sub-theme included</strong></p> <ul> <li><strong>Danblog</strong> is Danland without frontpage image banner and slideshow features, and we also change the global font-family from Arial to Verdana.</li> </ul> <p>The wide banner featured in this release using a beautiful photo of <a href="http://www.flickr.com/photos/rnbc/sets/72157603283582814/" rel="nofollow">Rodrigo</a> and <a href="http://drupal.org/project/marinelli" rel="nofollow">Marinelli</a> image banner, both released under GPL license.</p> </div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/danland" rel="tag" title="Danland">Read more<span class="element-invisible"> about Danland</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/19370">Minimally maintained</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-1992436" class="node node-project-theme node-teaser node-content-1992436 clearfix"> <h2><a href="/project/business_responsive_theme">Business Responsive Theme</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/business_responsive_theme"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/business-responsive-theme_0.png?itok=ppy7zjGF" width="220" height="511" alt="Business Responsive Theme" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Business responsive theme is the one of the popular <a href="https://www.zymphonies.com/" rel="nofollow">Zymphonies</a> theme. This theme is not dependent on any core theme. It is very lightweight with a modern look and feels. <a href="https://www.zymphonies.com/drupal-free-theme/business-responsive-theme" rel="nofollow">Read more</a></p> <p><a class="action-button" href="https://demo.zymphonies.com/free-theme/d10/business-responsive-theme/" rel="nofollow">Demo</a> <a class="action-button" href="https://www.zymphonies.com/drupal-premium-theme" rel="nofollow">Advanced Themes</a></p> <h3>Features</h3> <ul> <li>HTML5 & super clean markup</li> <li>Responsive hero banner</li> <li>Multi-level dropdown menu</li> <li>1 column, 2 column and 3 columns layouts</li> <li>Total of 16 + regions</li> <li>Drupal standards compliant</li> <li>Nivo slider, Views modules styles</li> <li>Minimal design and nice typography</li> <li>Social media (Facebook, Twitter, Linkedin, Pinterest & many more)</li> </ul> <h3>Most installed Zymphonies theme</h3> <ul> <li><strong>Drupal 8,9 & 10</strong> <ul> <li><a href="https://www.zymphonies.com/drupal-free-theme/business-responsive-theme" rel="nofollow">Business Responsive Theme</a></li> <li><a href="https://www.zymphonies.com/drupal-free-theme/drupal8-zymphonies-theme" rel="nofollow">Drupal8 Zymphonies Theme (Available in Drupal 8, 9 & 10)</a></li> <li><a href="https://www.zymphonies.com/drupal-free-theme/creative-responsive-theme" rel="nofollow">Creative Responsive Theme</a></li> <li><a href="https://www.zymphonies.com/drupal-free-theme/professional-responsive-theme" rel="nofollow">Professional Responsive Theme</a></li> </ul> </li> <li><strong>Drupal 7</strong> <ul> <li><a href="https://www.zymphonies.com/drupal-free-theme/business-responsive-theme" rel="nofollow">Business Responsive Theme</a></li> <li><a href="https://www.zymphonies.com/drupal-free-theme/multipurpose-zymphonies-theme" rel="nofollow">MultiPurpose Zymphonies Theme</a></li> <li><a href="https://www.zymphonies.com/drupal-free-theme/lexus-zymphonies-theme" rel="nofollow">Lexus Zymphonies Theme</a></li> <li><a href="https://www.zymphonies.com/drupal-free-theme/creative-responsive-theme" rel="nofollow">Creative Responsive Theme</a></li> <li><a href="https://www.zymphonies.com/drupal-free-theme/professional-responsive-theme" rel="nofollow">Professional Responsive Theme</a></li> </ul> </li> </ul> <h3>Business Responsive Theme - Settings</h3> <p><img src="/files/business-responsive-settings.gif" /></p> <h3>Drupal 10 Updates - April 2024</h3> <ul> <li>Improved UI/UX</li> <li>Added in-build Drupal 8 slider</li> <li>Introduced new regions</li> <li>Added price table region with UI</li> </ul> <h3><a href="https://www.zymphonies.com/contact" target="_blank" rel="nofollow">Contact Zymphonies</a></h3> <p>Have Queries? <a href="https://www.zymphonies.com/contact" rel="nofollow">Click here to contact Zymphonies</a></p> <ul> <li>Free theme customization & additional features</li> <li>Drupal custom theme development</li> <li>Drupal website design & development</li> <li>Drupal website migration</li> </ul> <p><b>Sponsored by <a href="https://www.zymphonies.com" title="Zymphonies" rel="nofollow"><strong>Zymphonies</strong></a></b></p> <p><a href="https://www.zymphonies.com" title="Zymphonies" rel="nofollow"><img src="/files/zymphonies-technologies_0.png" alt="Zymphonies" /></a></p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/business_responsive_theme" rel="tag" title="Business Responsive Theme">Read more<span class="element-invisible"> about Business Responsive Theme</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/19370">Minimally maintained</a>, <a href="/taxonomy/term/13030">Maintenance fixes only</a></span></div> </div> <div id="node-1216658" class="node node-project-theme node-teaser node-content-1216658 clearfix"> <h2><a href="/project/corporateclean">Corporate Clean</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/corporateclean"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/corporateclean-responsive_0.png?itok=9hjgnCXQ" width="220" height="174" alt="Responsive Corporate Clean" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><strong><a href="http://goo.gl/Cid6D" rel="nofollow">Corporate Clean for Drupal</a></strong> by <a href="http://www.morethanthemes.com/?utm_source=corporateclean_drupal&utm_medium=corporateclean_drupal&utm_campaign=corporateclean_drupal&mt-referral=drupalorg-corporateclean" rel="nofollow">More than (just) Themes</a> is based on the homonymous <a href="http://mttdownloads.s3.amazonaws.com/projects/kaolti/corporateclean_psds.zip" target="_blank" rel="nofollow">PSD template</a>, which was designed and published by <a href="http://www.kaolti.com/" target="_blank" rel="nofollow">Zsolt Kacso</a>. </p> <p><strong>Corporate Clean</strong> theme has been ported to Drupal and is supported by <a href="http://www.morethanthemes.com/?utm_source=corporateclean_drupal&utm_medium=corporateclean_drupal&utm_campaign=corporateclean_drupal&mt-referral=drupalorg-corporateclean" rel="nofollow">More than (just) Themes</a>, as part of our ongoing effort to bring top quality themes to Drupal community. <strong>Corporate Clean</strong> theme 7.x-2.x releases come with a <strong>responsive </strong>grid layout.</p> <p>To stay tuned with new theme releases, updates to existing themes, offers and other goodies <a href="http://twitter.com/morethanthemes" target="_blank" rel="nofollow">follow us on Twitter</a> or <a href="http://www.facebook.com/morethan.just.themes" target="_blank" rel="nofollow">like us on Facebook</a>. <a href="http://blog.morethanthemes.com" target="_blank" rel="nofollow">Check out our blog</a> too.</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/corporateclean" rel="tag" title="Corporate Clean">Read more<span class="element-invisible"> about Corporate Clean</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-925596" class="node node-project-theme node-teaser node-content-925596 clearfix"> <h2><a href="/project/tao">Tao</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/tao"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/tao.png?itok=62bJ948i" width="220" height="164" alt="" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Tao is a base theme for Drupal that is all about going with the flow. It is not<br /> meant for general-purpose use, but instead takes care of several tasks so that<br /> sub-themes can get on with their job:</p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/tao" rel="tag" title="Tao">Read more<span class="element-invisible"> about Tao</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <div id="node-2130125" class="node node-project-theme node-teaser node-content-2130125 clearfix"> <h2><a href="/project/bootstrap_business">Bootstrap Business</a></h2> <div class="content"> <div class="field field-name-field-project-images field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/project/bootstrap_business"><img src="https://www.drupal.org/files/styles/grid-3/public/project-images/bootstrap-business-slide.jpg?itok=ycnL1LJp" width="220" height="152" alt="" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><a href="http://demo.drupalizing.com/bootstrap-business/d7/site/" target="_blank" rel="nofollow">Bootstrap Business for Drupal</a> by <a href="http://www.morethanthemes.com" target="_blank" rel="nofollow">More than (just) Themes</a> is a responsive Drupal theme, that helps you create a great-looking corporate/business site. Design-wise, it is based on original design work by <a href="http://ayothemes.com" target="_blank" rel="nofollow">AyoThemes</a>. </p></div></div></div> </div> <div class="node-footer"><ul class="links inline"><li class="node-readmore first last"><a href="/project/bootstrap_business" rel="tag" title="Bootstrap Business">Read more<span class="element-invisible"> about Bootstrap Business</span></a></li> </ul><span class="separator">⋅</span> <span class="terms">Categories: <a href="/taxonomy/term/13028">Actively maintained</a>, <a href="/taxonomy/term/9988">Under active development</a></span></div> </div> <h2 class="element-invisible">Pages</h2><div class="item-list"><ul class="pager"><li class="pager-current first">1</li> <li class="pager-item"><a title="Go to page 2" href="/project/project_theme?page=1">2</a></li> <li class="pager-item"><a title="Go to page 3" href="/project/project_theme?page=2">3</a></li> <li class="pager-item"><a title="Go to page 4" href="/project/project_theme?page=3">4</a></li> <li class="pager-item"><a title="Go to page 5" href="/project/project_theme?page=4">5</a></li> <li class="pager-item"><a title="Go to page 6" href="/project/project_theme?page=5">6</a></li> <li class="pager-item"><a title="Go to page 7" href="/project/project_theme?page=6">7</a></li> <li class="pager-item"><a title="Go to page 8" href="/project/project_theme?page=7">8</a></li> <li class="pager-item"><a title="Go to page 9" href="/project/project_theme?page=8">9</a></li> <li class="pager-ellipsis">…</li> <li class="pager-next"><a title="Go to next page" href="/project/project_theme?page=1">next ›</a></li> <li class="pager-last last"><a title="Go to last page" href="/project/project_theme?page=126">last »</a></li> </ul></div> </div> </div> </div> </div> </div> </div>  </div>  <div id="aside" role="complementary" > <div id="aside-region"> <div class="region region-sidebar-second"> <div id="block-drupalorg-carbon-ad-sidebar" class="block block-drupalorg"> <div class="block-inner"> <div class="content"> <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CKYIEKJI&placement=drupalorg" id="_carbonads_js"></script><div class="ad-explanation description">Advertising sustains the DA. Ads are hidden for members. <a href="/association/individual-membership">Join today</a></div> </div> </div> </div> <div id="block-block-171" class="block block-block"> <div class="block-inner"> <h2>Contribute</h2> <div class="content"> <p>These projects are maintained by the community—join forces and help another maintainer, or share your own.</p> <ul> <li><a href="/community/contributor-guide" rel="nofollow">Contributor guide</a></li> <li><a href="/docs/develop/managing-a-drupalorg-theme-module-or-distribution-project/creating-a-new-project" rel="nofollow">Add a project</a></li> <li><a href="/docs/develop/issues/issue-procedures-and-etiquette/reporting-a-security-issue" rel="nofollow">Report a security issue</a></li> </ul> </div> </div> </div> <div id="block-drupalorg-order-facet-ds-created" class="block block-drupalorg-order-facet"> <div class="block-inner"> <h2>New Themes</h2> <div class="content"> <div class="item-list"><ul class="flat"><li class="first"><a href="https://www.drupal.org/project/lupus_csr">Lupus Client-Side Rendering (CSR)</a></li> <li><a href="https://www.drupal.org/project/genoring_theme">GenoRing Theme</a></li> <li><a href="https://www.drupal.org/project/tele_zymphonies_theme">Tele Zymphonies Theme | Drupal 10</a></li> <li><a href="https://www.drupal.org/project/easy_email_theme">Easy Email Theme</a></li> <li class="last"><strong><a href="/project/project_theme/?solrsort=ds_created%20desc">More new themes</a></strong></li> </ul></div> </div> </div> </div> <div id="block-drupalorg-order-facet-iss-project-release-usage" class="block block-drupalorg-order-facet"> <div class="block-inner"> <h2>Most installed</h2> <div class="content"> <div class="item-list"><ul class="flat"><li class="first"><a href="https://www.drupal.org/project/bootstrap">Bootstrap</a></li> <li><a href="https://www.drupal.org/project/stable">Stable</a></li> <li><a href="https://www.drupal.org/project/gin">Gin Admin Theme</a></li> <li><a href="https://www.drupal.org/project/adminimal_theme">Adminimal- Responsive Administration Theme</a></li> <li class="last"><strong><a href="/project/project_theme/?solrsort=iss_project_release_usage%20desc">More most installed</a></strong></li> </ul></div> </div> </div> </div> </div> </div>  </div>  </div> </div>  <div id="footer" role="contentinfo"> <div class="region region-footer"> <div id="block-drupalorg-crosssite-drupalorg-footer" class="block block-drupalorg-crosssite"> <div class="block-inner"> <div class="content"> <h4 class="element-invisible">News items</h4><ul class="drupal-news"><li class="0 first"><a href="https://www.drupal.org/news">News</a></li> <li class="1"><a href="https://www.drupal.org/planet" title="News from Drupal community members">Planet Drupal</a></li> <li class="2"><a href="https://www.drupal.org/about/media-kit/social-media" title="Drupal on social media">Social media</a></li> <li class="3"><a href="https://www.drupal.org/subscribe">Sign up for Drupal news</a></li> <li class="4"><a href="https://www.drupal.org/security" title="Announcements from the Drupal Security Team">Security advisories</a></li> <li class="5 last"><a href="https://jobs.drupal.org/" title="Drupal Jobs">Jobs</a></li> </ul><h4 class="element-invisible">Our community</h4><ul class="community"><li class="0 first"><a href="https://www.drupal.org/community">Community</a></li> <li class="1"><span><a href="https://www.drupal.org/drupal-services" title="People and organizations offering Drupal services">Services</a>, <a href="https://www.drupal.org/training" title="People and organizations offering Drupal training">Training</a> & <a href="https://www.drupal.org/hosting" title="Organizations offering Drupal hosting">Hosting</a></span></li> <li class="2"><a href="https://www.drupal.org/community/contributor-guide">Contributor guide</a></li> <li class="3"><a href="https://groups.drupal.org/groups" title="groups.drupal.org">Groups & meetups</a></li> <li class="4"><a href="https://events.drupal.org" title="Upcoming and past DrupalCons">DrupalCon</a></li> <li class="5 last"><a href="https://www.drupal.org/dcoc" title="Drupal code of conduct">Code of conduct</a></li> </ul><h4 class="element-invisible">Documentation</h4><ul class="get-started"><li class="0 first"><a href="https://www.drupal.org/documentation" title="Documentation for working with Drupal">Documentation</a></li> <li class="1"><a href="https://www.drupal.org/docs">Drupal Guide</a></li> <li class="2"><a href="https://www.drupal.org/docs/user_guide/en/index.html">Drupal User Guide</a></li> <li class="3"><a href="https://www.drupal.org/documentation/develop">Developer docs</a></li> <li class="4 last"><a href="https://api.drupal.org/" title="Drupal API reference">API.Drupal.org</a></li> </ul><h4 class="element-invisible">Drupal code base</h4><ul class="download-extend"><li class="0 first"><a href="https://www.drupal.org/download">Download & Extend</a></li> <li class="1"><a href="https://www.drupal.org/project/drupal" title="Download the latest version of the Drupal software">Drupal core</a></li> <li class="2"><a href="https://www.drupal.org/project/project_module" title="Download add-on features and functionality">Modules</a></li> <li class="3"><a href="https://www.drupal.org/project/project_theme" title="Download pre-designed styles for Drupal">Themes</a></li> <li class="4 last"><a href="https://www.drupal.org/project/project_distribution" title="Download a pre-packaged Drupal site">Distributions</a></li> </ul><h4 class="element-invisible">Governance of community</h4><ul class="about"><li class="0 first"><a href="https://www.drupal.org/about">About</a></li> <li class="1"><a href="https://www.drupal.org/about/features/accessibility" title="Our committment to accessibility">Web accessibility</a></li> <li class="2"><a href="https://www.drupal.org/association" title="About the Drupal Association">Drupal Association</a></li> <li class="3"><a href="https://www.drupal.org/drupalorg" title="About Drupal.org">About Drupal.org</a></li> <li class="4"><a href="https://www.drupal.org/terms" title="Drupal.org terms of service">Terms of service</a></li> <li class="5 last"><a href="https://www.drupal.org/privacy" title="Drupal.org privacy policy">Privacy policy</a></li> </ul> </div> </div> </div> <div id="block-block-77" class="block block-block"> <div class="block-inner"> <div class="content"> <p>Drupal is a <a href="/about/trademark">registered trademark</a> of <a href="https://dri.es">Dries Buytaert</a>.</p> </div> </div> </div> </div> </div> <div class="region region-page-bottom"> <script type="text/javascript"> (function(){ window._pxAppId = 'PXVnPBBfwe'; window._pxParam2 = ''; window._pxParam3 = '0'; var p = document.getElementsByTagName('script')[0], s = document.createElement('script'); s.async = 1; s.src = '/VnPBBfwe/init.js'; p.parentNode.insertBefore(s,p); }()); </script> <noscript> <div style="position:fixed; top:0; left:0; display:none" width="1" height="1"> <img src="/VnPBBfwe/xhr/api/v1/collector/noScript.gif?appId=PXVnPBBfwe"> </div> </noscript> </div> <script type="text/javascript" src="/files/advagg_js/js__B0FBwiP97ZnD38IFraZus4upS4KVkMXI3ou0fJ2ZXGA__pPDESRJz9GHsxqQIwQ_V8xnFYEH5jipG2eicsfrdWCs__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script>    <script type="text/javascript" src="/files/advagg_js/js__79M6UrZjAw3oNGnUjsWip12JsvnUZmJGA3h9LI0kuzE__J0sbXAJNry2-C_ZL2xd0RdVuzwTLvwN-UisIv5RNCvU__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer" onload="if(jQuery.isFunction(jQuery.holdReady)){jQuery.holdReady(true);}"></script>  <script type="text/javascript" src="/files/advagg_js/js__pqoYaVR8NVhof-vNXe50j2TKhFv__IihVag_h4G6kus__B4mbn4wICLQjWm1m3-z1kw8F1FtP0cDAHKp00Xy_-88__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript" src="/files/advagg_js/js__H5AFmq1RrXKsrazzPq_xPQPy4K0wUKqecPjczzRiTgQ__wor4r9P8YTtQ7p6fbywTetZ47Z_orumIfrrhgxrpLus__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer" onload=" function advagg_mod_1() { // Count how many times this function is called. advagg_mod_1.count = ++advagg_mod_1.count || 1; try { if (advagg_mod_1.count <= 40) { init_drupal_core_settings(); // Set this to 100 so that this function only runs once. advagg_mod_1.count = 100; } } catch(e) { if (advagg_mod_1.count >= 40) { // Throw the exception if this still fails after running 40 times. throw e; } else { // Try again in 1 ms. window.setTimeout(advagg_mod_1, 1); } } } function advagg_mod_1_check() { if (window.init_drupal_core_settings && window.jQuery && window.Drupal) { advagg_mod_1(); } else { window.setTimeout(advagg_mod_1_check, 1); } } advagg_mod_1_check();"></script> <script type="text/javascript" src="/files/advagg_js/js__Oc0wwB7MVRfxtYw6EQM7d9sXj9PAQePoWSzQJ0uTk6c__iXqOGoaPhZHCPEspUr5BC8BwOx5P8B11xv7VOhoUii8__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript" src="/files/advagg_js/js__FabcJ6qluktliDejymsuV-FqaN_HyMKGe93c2rO9Ky0__el1ZLGkKneOoCS6OWa01WHuIEsTsXZ46MRLCF390Fbw__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript" src="/files/advagg_js/js__YT6D1B_BKxvm6JCH_t9sZNI5L6yITa_DlU5QcSlOkAU__OXobH7d1IP1o3WABlniIrU_-pcJacVSIPUv9bpD-6pQ__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript" src="/files/advagg_js/js__xNXZEl6CREO_N4cX50nXAG3o3PPW1f2SzBBHY8rEKV8__vTuPvw9kFyhvW1mq6Cl_PG3exxZo1gi4hMxmKe9QZUI__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript" src="/files/advagg_js/js__pLKQd4r7OrHglE7Qkqw53K2UXCqQdhqQ9v0cz7hMCQY__OErfYuQdGbFHcCoLoUW_ESSvaumApNojzjJit8-2xcw__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript" src="/files/advagg_js/js__hHUWFbMAa11eJtx5V0ym9o0YBsB1udk34qUT5wr1ihI__ntICfIdx3SsBpfvYB8AF0VuFk7gZjQgBaS1C9CyMj6o__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="/files/advagg_js/js__2k0CJ3KAQNFTFab3y6ZvNtxs3HLons0Brq7VwvPSkKo__RYlZCliQTuN7U7I5I1Xhn1dAop17g2hAft1wVGgKHGA__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> <script type="text/javascript" src="/files/advagg_js/js__vj0LjvNwl-3K1P9LGT4BGuXCZcAovYsVlVmoJN3TMRg__KW8SiGceRY3sjIKVrffDjf2MK4A5Vp3EDDxVO-4pegI__YaNGWokqa69Wq8hHbkE322PVJ8I-GmpfBsT8LGsMpcI.js" defer="defer"></script> </body> </html>