Skip to content

Commit

Permalink
Adding Bleached, Rich, and Vintage to the ColourScheme model
Browse files Browse the repository at this point in the history
  • Loading branch information
@andypearson
andypearson committed Jul 13, 2009
1 parent e0bc790 commit 98bcffa
Show file tree
Hide file tree
Showing 2 changed files with 65 additions and 87 deletions.
57 changes: 57 additions & 0 deletions app/models/colour_scheme.rb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,63 @@ class ColourScheme
:border => '4d4d4d',
:datetime => '4a4a4a',
:tags => '797979'
},
'bleached' => {
:name => 'Bleached',
:accent => 'ff5e1d',
:background => 'd9d5cb',
:h2 => '2b1f23',
:h3 => '5f5659',
:h4 => '8f8d88',
:h4_strong => '554c4f',
:link => '66260c',
:link_border => 'c5c2bb',
:header => '554c4f',
:header_background => 'efece6',
:header_link => '993811',
:border => '80797b',
:datetime => '898680',
:tags => '898680'
},
'rich' => {
:name => 'Rich',
:accent => 'f2e985',
:background => '2b0d1f',
:h2 => '776d73',
:h2_link => 'c2ba6a',
:h3 => 'c6c4b0',
:h4 => '553d4c',
:h4_strong => '806e79',
:typography => 'c6c4b0',
:link => 'f7f2b6',
:link_border => '1d0b16',
:link_hover => 'fff',
:header => '999',
:header_background => '1a0813',
:header_link => 'c2ba6a',
:border => '1a0813',
:datetime => '523a49',
:tags => '4a3c45'
},
'vintage' => {
:name => 'Vintage',
:accent => 'ededed',
:background => '81a0a0',
:h2 => 'b7cbcb',
:h2_link => 'ededed',
:h3 => 'dddddb',
:h4 => '678080',
:h4_strong => '4d6060',
:typography => 'cfdcdc',
:link => 'b7cbcb',
:link_border => '678080',
:link_hover => 'fff',
:header => 'bbbbb7',
:header_background => '4d6060',
:header_link => 'd7d8d6',
:border => '455353',
:datetime => 'b7cbcb',
:tags => 'cfdcdc'
}
}

Expand Down
95 changes: 8 additions & 87 deletions app/views/colour_schemes/index.css.erb
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,22 @@
/*
---- Colour Schemes
*/

<% @colour_schemes.each do |key, scheme| %>
<% @colour_schemes.each do |key, scheme| -%>

#<%= key %> { background-color:#<%= scheme[:accent] %>; }
body.<%= key %> { background-color:#<%= scheme[:background] %>; }
body.<%= key %> #container { background:#<%= scheme[:background] %> url(../images/<%= key %>/backie.jpg) no-repeat fixed 50% 0; }
body.<%= key %> h1 a { background-image:url(../images/<%= key %>/andy-pearson.gif); }
body.<%= key %> h2 { color:#<%= scheme[:h2] %>; }
body.<%= key %> h2 a { color:#<%= scheme[:h2_link] %>; }
body.<%= key %> h2 a { color:#<%= (scheme[:h2_link]) ? scheme[:h2_link] : scheme[:link] %>; }
body.<%= key %> h3 { color:#<%= scheme[:h3] %>; }
body.<%= key %> h4 { color:#<%= scheme[:h4] %>; }
body.<%= key %> h4 strong { color:#<%= scheme[:h2] %>; }
body.<%= key %> p { color:#<%= scheme[:typography] %>; }
body.<%= key %> h4 strong { color:#<%= (scheme[:h4_strong]) ? scheme[:h4_strong] : scheme[:h2] %>; }
body.<%= key %> p { color:#<%= (scheme[:typography]) ? scheme[:typography] : scheme[:h2] %>; }
body.<%= key %> a { color:#<%= scheme[:link] %>; border-bottom-color:#<%= scheme[:link_border] %>; }
body.<%= key %> a:hover,
body.<%= key %> #lifestream li p.tags a:hover,
body.<%= key %> #lifestream li p.date-time a:hover { color:#<%= scheme[:accent] %>; border-bottom-color:#<%= scheme[:accent] %>; }
body.<%= key %> #lifestream li p.date-time a:hover { color:#<%= (scheme[:link_hover]) ? scheme[:link_hover] : scheme[:accent] %>; border-bottom-color:#<%= (scheme[:link_hover]) ? scheme[:link_hover] : scheme[:accent] %>; }
body.<%= key %> #header p { color:#<%= scheme[:header] %>; }
body.<%= key %> #header p span { background-color:#<%= scheme[:header_background] %>; }
body.<%= key %> #header p a,
Expand All @@ -26,88 +25,10 @@ body.<%= key %> #header ul { width:auto; }
body.<%= key %> #lifestream li { border-top-color:#<%= scheme[:border] %>; }
body.<%= key %> #lifestream li p.date-time { color:#<%= scheme[:datetime] %>; border-top-color:#<%= scheme[:link_border] %>; }
body.<%= key %> #lifestream li p.date-time a { color:#<%= scheme[:datetime] %>; }
body.<%= key %> #lifestream li p.tags { color:#<%= scheme[:tags] %>; }
body.<%= key %> #lifestream li p.tags a { color:#<%= scheme[:tags] %>; }

<% end %>

/*
#bleached { background-color:#ff5e1d; }
body.bleached { background-color:#d9d5cb; }
body.bleached #container { background:#d9d5cb url(../images/bleached/backie.jpg) no-repeat fixed 50% 0; }
body.bleached h1 a { background-image:url(../images/bleached/andy-pearson.gif); }
body.bleached h2 { color:#2b1f23; }
body.bleached h2 a { color:#66260c; }
body.bleached h3 { color:#5f5659; }
body.bleached h4 { color:#8f8d88; }
body.bleached h4 strong { color:#554c4f; }
body.bleached p { color:#2b1f23; }
body.bleached a { color:#66260c; border-bottom-color:#c5c2bb; }
body.bleached a:hover,
body.bleached #lifestream li p.tags a:hover,
body.bleached #lifestream li p.date-time a:hover { color:#ff5e1d; border-bottom-color:#ff5e1d; }
body.bleached #header p { color:#554c4f; }
body.bleached #header p span { background-color:#efece6; }
body.bleached #header p a,
body.bleached #header p a:hover { color:#993811; }
body.bleached #lifestream li { border-top-color:#80797b; }
body.bleached #lifestream li p.date-time { color:#898680; border-top-color:#c3c0b8; }
body.bleached #lifestream li p.date-time a { color:#898680; }
body.bleached #lifestream li p.tags { color:#898680; }
body.bleached #lifestream li p.tags a { color:#898680; }
*/
body.<%= key %> #lifestream li p.tags { color:#<%= (scheme[:tags]) ? scheme[:tags] : scheme[:datetime] %>; }
body.<%= key %> #lifestream li p.tags a { color:#<%= (scheme[:tags]) ? scheme[:tags] : scheme[:datetime] %>; }

/*
#rich { background-color:#f2e985; }
body.rich { background-color:#2b0d1f; }
body.rich #container { background:#2b0d1f url(../images/rich/backie.jpg) no-repeat fixed 50% 0; }
body.rich h1 a { background-image:url(../images/rich/andy-pearson.gif); }
body.rich h2 { color:#776d73; }
body.rich h2 a { color:#c2ba6a; }
body.rich h3 { color:#c6c4b0; }
body.rich h4 { color:#553d4c; }
body.rich h4 strong { color:#806e79; }
body.rich p { color:#c6c4b0; }
body.rich a { color:#f7f2b6; border-bottom-color:#1d0b16; }
body.rich a:hover,
body.rich #lifestream li p.tags a:hover,
body.rich #lifestream li p.date-time a:hover { color:#fff; border-bottom-color:#fff; }
body.rich #header p { color:#999; }
body.rich #header p span { background-color:#1a0813; }
body.rich #header p a,
body.rich #header p a:hover { color:#c2ba6a; }
body.rich #lifestream li { border-top-color:#1a0813; }
body.rich #lifestream li p.date-time { color:#523a49; border-top-color:#220a19; }
body.rich #lifestream li p.date-time a { color:#523a49; }
body.rich #lifestream li p.tags { color:#4a3c45; }
body.rich #lifestream li p.tags a { color:#4a3c45; }
*/

/*
#vintage { background-color:#ededed; }
body.vintage { background-color:#81a0a0; }
body.vintage #container { background:#81a0a0 url(../images/vintage/backie.jpg) no-repeat fixed 50% 0; }
body.vintage h1 a { background-image:url(../images/vintage/andy-pearson.gif); }
body.vintage h2 { color:#b7cbcb; }
body.vintage h2 a { color:#ededed; }
body.vintage h3 { color:#dddddb; }
body.vintage h4 { color:#678080; }
body.vintage h4 strong { color:#4d6060; }
body.vintage p { color:#cfdcdc; }
body.vintage a { color:#b7cbcb; border-bottom-color:#678080; }
body.vintage a:hover,
body.vintage #lifestream li p.tags a:hover,
body.vintage #lifestream li p.date-time a:hover { color:#fff; border-bottom-color:#fff; }
body.vintage #header p { color:#bbbbb7; }
body.vintage #header p span { background-color:#4d6060; }
body.vintage #header p a,
body.vintage #header p a:hover { color:#d7d8d6; }
body.vintage #lifestream li { border-top-color:#455353; }
body.vintage #lifestream li p.date-time { color:#b7cbcb; border-top-color:#678080; }
body.vintage #lifestream li p.date-time a { color:#b7cbcb; }
body.vintage #lifestream li p.tags { color:#cfdcdc; }
body.vintage #lifestream li p.tags a { color:#cfdcdc; }
*/
<% end -%>

/*
#white { background-color:#ff0096; }
Expand Down

0 comments on commit 98bcffa

Please sign in to comment.