Theme Usage & Style Guide
About Theme Meta
Could it get any more meta than this? It's the RailsThemes.com design, for your duplicitous pleasure!
When we decided to do a responsive redesign of RailsThemes.com, we thought: Hey, let's show 'em how it's done. Let's show 'em what a theme can do!
So here it is, Theme Meta!
The base theme is a delightful blue/green scheme with a responsive grid.
Special Features
- Responsive design
- Color changing (via. sass)
- Matching jQuery UI theme (using the same color-changing ready sass)
Theme Layouts
This theme has the standard application and landing page styles. In addition, the standard application page accomodates pages with or without subnavigation.
Color Scheme
$crimson
HEX: #B61B2A$midnightblue
HEX: #2A4380$teal1
HEX: #0B4A4C$teal2
HEX: #0C6B6D$teal3
HEX: #006060$darkcyan
HEX: #009898$lightseagreen
HEX: #129A9A$orange
HEX: #FFC040$steelblue
HEX: #336699$darkslateblue
HEX: #404041$lightslategray
HEX: #909091$black1
HEX: #000000$black2
HEX: #181818$black3
HEX: #222222$black4
HEX: #252525$black5
HEX: #2C2C2C$black6
HEX: #333333$dimgray1
HEX: #454545$dimgray2
HEX: #464646$dimgray3
HEX: #555555$dimgray4
HEX: #666666$gray
HEX: #898989$darkgray
HEX: #ABABAB$lightgray1
HEX: #CDCDCD$lightgray2
HEX: #D7D7D7$gainsboro1
HEX: #DEDEDE$gainsboro2
HEX: #E6E6E6$whitesmoke1
HEX: #EDEDED$whitesmoke2
HEX: #F5F5F5$white1
HEX: #FAFAFA$white2
HEX: #FEFEFEBrowser Support
A browser support report (and example screenshots) can be found at https://railsthemes.com/themes/meta
Gem Support
In addition to all of the standard styling/markup support, this gem includes special stylesheets for:
- devise
- formtastic
- kaminari
- simple_form
- will_paginate
Stylesheets are automatically included by the installer based on the contents of your Gemfile.
About RailsThemes
All of our themes take advantage of the Rails 3.1+ asset pipeline. As such, you'll find our generated files in the following locations:
Directory Structure
- app
- assets
- images
- various
- javascripts
- various
- stylesheets
- various
- images
- controllers
- railsthemes (example only)
- views
- layouts
- application
- landing
- _flash
- _footer
- _header
- railsthemes
- inner (example of general layout)
- landing (example of landing layout)
- layouts
- assets
- public
- favicon.ico
Naming Conventions
Most theme files are either namespaced (e.g. railsthemes_themename_filename.ext) or in a railsthemes specific folder (e.g. railsthemes_themename/)
The exceptions to this are images and standard css/js assets from elsewhere (e.g. html5shiv).
JQuery UI
All themes include an appropriate jQuery UI theme.
Rails Version Support
Our themes are designed for Rails 3.1+