UO Cosmic Theme
Cosmic is a responsive UO branded website theme available to all faculty and staff of the University of Oregon. It currently supports Drupal 7, though Drupal 6 and Wordpress versions may be developed if there is enough demand.
Cosmic is designed to be extendable and modifiable, and is intended to aid developers who need a UO branded website but lack the design resources or time to develop a custom theme for thier project.
Installing Cosmic on your Drupal Site
- Drupal 7
- jquery_update Module Enabled
You must be on the UO Network (Wired or Wireless) to download these files.
- Download the Zen base Drupal theme ( Packaged is the latest copy of Zen 5 Dev that Cosmic is updated for )
- Extract the archive to your sites/all/themes directory in your Drupal install.
- Download the UO Cosmic theme.
- Extract the cosmic archive into the same directory as zen (so that you have themes/zen and themes/cosmic in the same directory).
- Login as administrator on your Drupal site and goto admin/appearance in your drupal install. Select enable and set default under the UO cosmic theme to start using the theme.
It's very likely that you might want to tweak or modify Cosmic to better fit the needs of your individual site. Cosmic provides a number of techniques to allow you to adjust it for your sites needs.
Tweak the appearance Settings
Cosmic provides a number of built in configuration options on the theme settings page. You can access this page by selecting appearance -> themes -> cosmic through Drupal's admin menu or by going directly to admin/appearance/settings/cosmic.
The settings at the bottom of this page allow you to change the style and color of the main navigation bar. Future versions will likely include more selectable settings.
Add site specific css
Cosmic searches for a file called overrides.css in the css directory. The theme is aware of this file but it is not tracked in git, so you can comfortably upgrade your version of cosmic without erasing any site specific customizations you may need.
Cosmic can be subthemed, allowing you to make your own theme that uses Cosmic as a base while still maintaining control over full theming capabilities and allowing for easy upgrades.
1. Setup the location for your new sub-theme.
Copy the STARTERKIT folder out of the cosmic/ folder and rename it to be your
new sub-theme. IMPORTANT: The name of your sub-theme must start with an
alphabetic character and can only contain lowercase letters, numbers and
For example, copy the sites/all/themes/cosmic/STARTERKIT folder and rename it
2. Setup the basic information for your sub-theme.
In your new sub-theme folder, rename the STARTERKIT.info.txt file to include
the name of your new sub-theme and remove the ".txt" extension. Then edit
the .info file by editing the name and description field.
For example, rename the foo/STARTERKIT.info file to foo/foo.info. Edit the
foo.info file and change "name = Cosmic Sub-theme Starter Kit" to "name = Foo"
and "description = Read..." to "description = A Cosmic sub-theme".
Then, visit your site's Appearance page at admin/appearance to refresh
Drupal 7's cache of .info file data.
3. Edit your sub-theme to use the proper function names.
Edit the template.php and theme-settings.php files in your sub-theme's
folder; replace ALL occurrences of "STARTERKIT" with the name of your
For example, edit foo/template.php and foo/theme-settings.php and replace
every occurrence of "STARTERKIT" with "foo".
It is recommended to use a text editing application with search and
"replace all" functionality.
4. Set your website's default theme.
Log in as an administrator on your Drupal site, go to the Appearance page at
admin/appearance and click the "Enable and set default" link next to your
Bug Reports and Assistance
This theme is provided AS IS and does not come with any warranty or technical support. If you encounter any bugs, missing functionality, or other issues with the theme, please email us. Likewise, if you make a patch to the theme that could benefit other users of the theme, please email the patch to us and we may apply it to the core theme distribution.