Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Colours 

Default colour scheme now based upon a single colour
This commit is contained in:
James Koster 2012-04-30 12:37:58 +01:00
parent 6fa654d39f
commit 201bc38ed7
3 changed files with 213 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/mixins.less
View File

@ -81,4 +81,4 @@
.darkorlight ( @a ) when (lightness(@a) >= 70%) { color: mix( #000, @a, 90 ); } .darkorlight ( @a ) when (lightness(@a) >= 70%) { color: mix( #000, @a, 90 ); }
.darkorlight ( @a ) when (lightness(@a) < 70%) { color: mix( #fff, @a, 90 ); } .darkorlight ( @a ) when (lightness(@a) < 70%) { color: mix( #fff, @a, 90 ); }
.darkorlighttextshadow ( @a, @opacity: 0.8 ) when (lightness(@a) >= 70%) { .text_shadow( 0, -1px, 0, rgba(0,0,0,@opacity) ); } .darkorlighttextshadow ( @a, @opacity: 0.8 ) when (lightness(@a) >= 70%) { .text_shadow( 0, -1px, 0, rgba(0,0,0,@opacity) ); }
.darkorlighttextshadow ( @a, @opacity: 0.8 ) when (lightness(@a) < 70%) { .text_shadow( 0, -1px, 0, rgba(255,255,255,@opacity) ); } .darkorlighttextshadow ( @a, @opacity: 0.8 ) when (lightness(@a) < 70%) { .text_shadow( 0, 1px, 0, rgba(255,255,255,@opacity) ); }

198
assets/css/woocommerce.css
View File

File diff suppressed because one or more lines are too long

32
assets/css/woocommerce.less
View File

@ -2,15 +2,15 @@
/* Colours */ /* Colours */
@primary: #ad74a2; /* Primary colour for buttons (alt) */ @primary: #ad74a2; /* Primary colour for buttons (alt) */
@secondary: #f6f6f6; /* Secondary buttons */ @secondary: desaturate(lighten(@primary,40%),18%); /* Secondary buttons */
@tertiary: #1982D1; /* Price slider bar / layered nav UI */ @tertiary: spin(@primary,-95); /* Price slider bar / layered nav UI */
@quaternary: #333; /* Price slider bg */ @quaternary: desaturate(darken(@tertiary,40%),20%); /* Price slider bg */
@primarytext: #fff; /* Text on primary colour bg */ @primarytext: lighten(@primary,33%); /* Text on primary colour bg */
@secondarytext: #555; /* Text on secondary colour bg */ @secondarytext: darken(@secondary,60%); /* Text on secondary colour bg */
@tertiarytext: #fff; /* Text on tertiary colour bg */ @tertiarytext: lighten(spin(@primary,-85),33%); /* Text on tertiary colour bg */
@highlight: #829d1c; /* Prices, In stock labels, sales flash */ @highlight: spin(@primary,150); /* Prices, In stock labels, sales flash */
@fade: #777; /* small, breadcrumbs etc */ @fade: #777; /* small, breadcrumbs etc */
@tabactive: #fff; /* Tabs (active state) */ @tabactive: #fff; /* Tabs (active state) */
@ -477,7 +477,7 @@ a.button, button.button, input.button, #respond input#submit, #content input.but
font-weight:bold; font-weight:bold;
.border_radius(2px); .border_radius(2px);
left: auto; left: auto;
text-shadow:0 1px 0 @secondary + #111;
color: @secondarytext; color: @secondarytext;
.darkorlighttextshadow( @secondarytext ); .darkorlighttextshadow( @secondarytext );
border: 1px solid darken( @secondary, 20 ); border: 1px solid darken( @secondary, 20 );
@ -541,6 +541,8 @@ a.button, button.button, input.button, #respond input#submit, #content input.but
&:hover { &:hover {
.vertical_gradient( @primary, darken( @primary, 15 ) ); .vertical_gradient( @primary, darken( @primary, 15 ) );
color:@primarytext + #111;
.darkorlighttextshadow( @primarytext + #111, 0.6 );
} }
} }
} }
@ -929,7 +931,7 @@ table.cart, #content table.cart {
padding: 6px 6px 5px; padding: 6px 6px 5px;
margin: 0 4px 0 0; margin: 0 4px 0 0;
outline: 0; outline: 0;
background: lighten(@secondary, 5) none; //background: lighten(@secondary, 5) none;
font-size: 14px; font-size: 14px;
line-height: 1em; line-height: 1em;
} }
@ -1133,16 +1135,9 @@ form {
-webkit-box-sizing:border-box; -webkit-box-sizing:border-box;
-moz-box-sizing:border-box; -moz-box-sizing:border-box;
box-sizing:border-box; box-sizing:border-box;
.inset_box_shadow(0, 1px, 4px, 0, rgba(0,0,0,0.1));
border: 1px solid darken( @secondary, 10 );
width: 100%; width: 100%;
padding: 6px;
margin: 0; margin: 0;
outline: 0; outline: 0;
background: lighten(@secondary, 5) none;
font-size: 14px;
line-height: 1em; line-height: 1em;
} }
textarea { textarea {
@ -1153,9 +1148,6 @@ form {
-webkit-box-shadow:none; -webkit-box-shadow:none;
box-shadow:none; box-shadow:none;
} }
input.input-text:focus, textarea:focus {
.inset_box_shadow(0, 0, 0, 3px, @secondary);
}
} }
.form-row-first, .form-row-last { .form-row-first, .form-row-last {
float:left; float:left;
@ -1213,7 +1205,7 @@ form.login, form.checkout_coupon {
/* Payment box - appears on checkout and page page */ /* Payment box - appears on checkout and page page */
#payment { #payment {
background: rgba(0,0,0,0.025); background: @secondary;
.border_radius(5px); .border_radius(5px);
ul.payment_methods { ul.payment_methods {