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( #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(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

38
assets/css/woocommerce.less
View File

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