WooCommerce Colors - Version 1.0.4

Version Description

  • 2015/02/19 =

  • Added !important to ensure that always the styles will overwrite the css in any subject.

Download this release

Release Info

Developer claudiosanches
Plugin Icon 128x128 WooCommerce Colors
Version 1.0.4
Comparing to
See all releases

Code changes from version 1.0.3 to 1.0.4

Files changed (3) hide show
  1. includes/views/scss.php +70 -70
  2. readme.txt +7 -3
  3. woocommerce-colors.php +2 -2
includes/views/scss.php CHANGED
@@ -24,62 +24,62 @@ p.demo_store {
24
  .woocommerce-message,
25
  .woocommerce-error,
26
  .woocommerce-info {
27
- background-color: lighten($secondary,5%);
28
- color: $secondarytext;
29
  }
30
 
31
  small.note {
32
- color: $subtext;
33
  }
34
 
35
- .woocommerce-breadcrumb{
36
- color: $subtext;
37
 
38
  a {
39
- color: $subtext;
40
  }
41
  }
42
 
43
  div.product {
44
  span.price,
45
  p.price {
46
- color: $highlight;
47
  }
48
 
49
  .stock {
50
- color: $highlight;
51
  }
52
 
53
  .woocommerce-tabs {
54
  ul.tabs {
55
  li {
56
- border: 1px solid darken( $secondary, 10% );
57
- background-color: $secondary;
58
 
59
  a {
60
- color: $secondarytext;
61
 
62
  &:hover {
63
- color: lighten( $secondarytext, 10% );
64
  }
65
  }
66
 
67
  &.active {
68
- background: $contentbg;
69
- border-bottom-color: $contentbg;
70
 
71
  &:before {
72
- box-shadow: 2px 2px 0 $contentbg;
73
  }
74
 
75
  &:after {
76
- box-shadow: -2px 2px 0 $contentbg;
77
  }
78
  }
79
 
80
  &:before,
81
  &:after {
82
- border: 1px solid darken( $secondary, 10% );
83
  position: absolute;
84
  bottom: -1px;
85
  width: 5px;
@@ -93,7 +93,7 @@ p.demo_store {
93
  -moz-border-bottom-right-radius: 4px;
94
  border-bottom-right-radius: 4px;
95
  border-width: 0 1px 1px 0;
96
- box-shadow: 2px 2px 0 $secondary;
97
  }
98
 
99
  &:after {
@@ -102,29 +102,29 @@ p.demo_store {
102
  -moz-border-bottom-left-radius: 4px;
103
  border-bottom-left-radius: 4px;
104
  border-width: 0 0 1px 1px;
105
- box-shadow: -2px 2px 0 $secondary;
106
  }
107
  }
108
 
109
  &:before {
110
- border-bottom: 1px solid darken( $secondary, 10% );
111
  }
112
  }
113
  }
114
  }
115
 
116
  span.onsale {
117
- background-color: $highlight;
118
- color: $highlightext;
119
  }
120
 
121
  ul.products {
122
  li.product {
123
  .price {
124
- color: $highlight;
125
 
126
  .from {
127
- color: rgba(desaturate($highlight, 75%), 0.5);
128
  }
129
  }
130
  }
@@ -132,16 +132,16 @@ p.demo_store {
132
 
133
  nav.woocommerce-pagination {
134
  ul {
135
- border: 1px solid darken( $secondary, 10% );
136
 
137
  li {
138
- border-right: 1px solid darken( $secondary, 10% );
139
 
140
  span.current,
141
  a:hover,
142
  a:focus {
143
- background: $secondary;
144
- color: darken( $secondary, 40% );
145
  }
146
  }
147
  }
@@ -151,21 +151,21 @@ p.demo_store {
151
  button.button,
152
  input.button,
153
  #respond input#submit {
154
- color: $secondarytext;
155
- background-color: $secondary;
156
 
157
  &:hover {
158
- background-color: $secondary - #111;
159
- color: $secondarytext;
160
  }
161
 
162
  &.alt {
163
- background-color: $primary;
164
- color: $primarytext;
165
 
166
  &:hover {
167
- background-color: $primary - #111;
168
- color: $primarytext;
169
  }
170
 
171
  &.disabled,
@@ -174,8 +174,8 @@ p.demo_store {
174
  &.disabled:hover,
175
  &:disabled:hover,
176
  &:disabled[disabled]:hover {
177
- background-color: $primary;
178
- color: $primarytext;
179
  }
180
  }
181
 
@@ -183,17 +183,17 @@ p.demo_store {
183
  &.disabled,
184
  &:disabled[disabled] {
185
  &:hover {
186
- background-color: $secondary;
187
  }
188
  }
189
  }
190
 
191
  #reviews {
192
  h2 small {
193
- color: $subtext;
194
 
195
  a {
196
- color: $subtext;
197
  }
198
  }
199
 
@@ -201,21 +201,21 @@ p.demo_store {
201
  ol.commentlist {
202
  li {
203
  .meta {
204
- color: $subtext;
205
  }
206
 
207
  img.avatar {
208
- background: $secondary;
209
- border: 1px solid darken( $secondary, 3% );
210
  }
211
 
212
  .comment-text {
213
- border: 1px solid darken( $secondary, 3% );
214
  }
215
  }
216
 
217
  #respond {
218
- border: 1px solid darken( $secondary, 3% );
219
  }
220
  }
221
  }
@@ -223,40 +223,40 @@ p.demo_store {
223
 
224
  .star-rating {
225
  &:before {
226
- color: darken( $secondary, 10% );
227
  }
228
  }
229
 
230
  &.widget_shopping_cart,
231
  .widget_shopping_cart {
232
  .total {
233
- border-top: 3px double $secondary;
234
  }
235
  }
236
 
237
  form.login,
238
  form.checkout_coupon,
239
  form.register {
240
- border: 1px solid darken( $secondary, 10% );
241
  }
242
 
243
  .order_details {
244
  li {
245
- border-right: 1px dashed darken( $secondary, 10% );
246
  }
247
  }
248
 
249
  .widget_price_filter {
250
  .ui-slider .ui-slider-handle {
251
- background-color: $primary;
252
  }
253
 
254
  .ui-slider .ui-slider-range {
255
- background-color: $primary;
256
  }
257
 
258
  .price_slider_wrapper .ui-widget-content {
259
- background-color: $primary - #444;
260
  }
261
  }
262
  }
@@ -266,7 +266,7 @@ p.demo_store {
266
  td.actions {
267
  .coupon {
268
  .input-text {
269
- border: 1px solid darken( $secondary, 10% );
270
  }
271
  }
272
  }
@@ -276,23 +276,23 @@ p.demo_store {
276
  .cart_totals {
277
  p {
278
  small {
279
- color: $subtext;
280
  }
281
  }
282
 
283
  table {
284
  small {
285
- color: $subtext;
286
  }
287
  }
288
 
289
  .discount td {
290
- color: $highlight;
291
  }
292
 
293
  tr td,
294
  tr th {
295
- border-top: 1px solid $secondary;
296
  }
297
  }
298
  }
@@ -301,46 +301,46 @@ p.demo_store {
301
  .woocommerce-checkout {
302
  .checkout {
303
  .create-account small {
304
- color: $subtext;
305
  }
306
  }
307
 
308
  #payment {
309
- background: $secondary;
310
 
311
  ul.payment_methods {
312
- border-bottom: 1px solid darken( $secondary, 10% );
313
  }
314
 
315
  div.payment_box {
316
- background-color: darken( $secondary, 5% );
317
- color: $secondarytext;
318
 
319
  input.input-text, textarea {
320
- border-color: darken( $secondary, 15% );
321
- border-top-color: darken( $secondary, 20% );
322
  }
323
 
324
  ::-webkit-input-placeholder {
325
- color: darken( $secondary, 20% );
326
  }
327
 
328
  :-moz-placeholder {
329
- color: darken( $secondary, 20% );
330
  }
331
 
332
  :-ms-input-placeholder {
333
- color: darken( $secondary, 20% );
334
  }
335
 
336
  span.help {
337
- color: $subtext;
338
  }
339
 
340
  &:after {
341
  content: "";
342
  display: block;
343
- border: 8px solid darken( $secondary, 5% );
344
  border-right-color: transparent;
345
  border-left-color: transparent;
346
  border-top-color: transparent;
24
  .woocommerce-message,
25
  .woocommerce-error,
26
  .woocommerce-info {
27
+ background-color: lighten($secondary,5%) !important;
28
+ color: $secondarytext !important;
29
  }
30
 
31
  small.note {
32
+ color: $subtext !important;
33
  }
34
 
35
+ .woocommerce-breadcrumb {
36
+ color: $subtext !important;
37
 
38
  a {
39
+ color: $subtext !important;
40
  }
41
  }
42
 
43
  div.product {
44
  span.price,
45
  p.price {
46
+ color: $highlight !important;
47
  }
48
 
49
  .stock {
50
+ color: $highlight !important;
51
  }
52
 
53
  .woocommerce-tabs {
54
  ul.tabs {
55
  li {
56
+ border: 1px solid darken( $secondary, 10% ) !important;
57
+ background-color: $secondary !important;
58
 
59
  a {
60
+ color: $secondarytext !important;
61
 
62
  &:hover {
63
+ color: lighten( $secondarytext, 10% ) !important;
64
  }
65
  }
66
 
67
  &.active {
68
+ background: $contentbg !important;
69
+ border-bottom-color: $contentbg !important;
70
 
71
  &:before {
72
+ box-shadow: 2px 2px 0 $contentbg !important;
73
  }
74
 
75
  &:after {
76
+ box-shadow: -2px 2px 0 $contentbg !important;
77
  }
78
  }
79
 
80
  &:before,
81
  &:after {
82
+ border: 1px solid darken( $secondary, 10% ) !important;
83
  position: absolute;
84
  bottom: -1px;
85
  width: 5px;
93
  -moz-border-bottom-right-radius: 4px;
94
  border-bottom-right-radius: 4px;
95
  border-width: 0 1px 1px 0;
96
+ box-shadow: 2px 2px 0 $secondary !important;
97
  }
98
 
99
  &:after {
102
  -moz-border-bottom-left-radius: 4px;
103
  border-bottom-left-radius: 4px;
104
  border-width: 0 0 1px 1px;
105
+ box-shadow: -2px 2px 0 $secondary !important;
106
  }
107
  }
108
 
109
  &:before {
110
+ border-bottom: 1px solid darken( $secondary, 10% ) !important;
111
  }
112
  }
113
  }
114
  }
115
 
116
  span.onsale {
117
+ background-color: $highlight !important;
118
+ color: $highlightext !important;
119
  }
120
 
121
  ul.products {
122
  li.product {
123
  .price {
124
+ color: $highlight !important;
125
 
126
  .from {
127
+ color: rgba(desaturate($highlight, 75%), 0.5) !important;
128
  }
129
  }
130
  }
132
 
133
  nav.woocommerce-pagination {
134
  ul {
135
+ border: 1px solid darken( $secondary, 10% ) !important;
136
 
137
  li {
138
+ border-right: 1px solid darken( $secondary, 10% ) !important;
139
 
140
  span.current,
141
  a:hover,
142
  a:focus {
143
+ background: $secondary !important;
144
+ color: darken( $secondary, 40% ) !important;
145
  }
146
  }
147
  }
151
  button.button,
152
  input.button,
153
  #respond input#submit {
154
+ color: $secondarytext !important;
155
+ background-color: $secondary !important;
156
 
157
  &:hover {
158
+ background-color: $secondary - #111 !important;
159
+ color: $secondarytext !important;
160
  }
161
 
162
  &.alt {
163
+ background-color: $primary !important;
164
+ color: $primarytext !important;
165
 
166
  &:hover {
167
+ background-color: $primary - #111 !important;
168
+ color: $primarytext !important;
169
  }
170
 
171
  &.disabled,
174
  &.disabled:hover,
175
  &:disabled:hover,
176
  &:disabled[disabled]:hover {
177
+ background-color: $primary !important;
178
+ color: $primarytext !important;
179
  }
180
  }
181
 
183
  &.disabled,
184
  &:disabled[disabled] {
185
  &:hover {
186
+ background-color: $secondary !important;
187
  }
188
  }
189
  }
190
 
191
  #reviews {
192
  h2 small {
193
+ color: $subtext !important;
194
 
195
  a {
196
+ color: $subtext !important;
197
  }
198
  }
199
 
201
  ol.commentlist {
202
  li {
203
  .meta {
204
+ color: $subtext !important;
205
  }
206
 
207
  img.avatar {
208
+ background: $secondary !important;
209
+ border: 1px solid darken( $secondary, 3% ) !important;
210
  }
211
 
212
  .comment-text {
213
+ border: 1px solid darken( $secondary, 3% ) !important;
214
  }
215
  }
216
 
217
  #respond {
218
+ border: 1px solid darken( $secondary, 3% ) !important;
219
  }
220
  }
221
  }
223
 
224
  .star-rating {
225
  &:before {
226
+ color: darken( $secondary, 10% ) !important;
227
  }
228
  }
229
 
230
  &.widget_shopping_cart,
231
  .widget_shopping_cart {
232
  .total {
233
+ border-top: 3px double $secondary !important;
234
  }
235
  }
236
 
237
  form.login,
238
  form.checkout_coupon,
239
  form.register {
240
+ border: 1px solid darken( $secondary, 10% ) !important;
241
  }
242
 
243
  .order_details {
244
  li {
245
+ border-right: 1px dashed darken( $secondary, 10% ) !important;
246
  }
247
  }
248
 
249
  .widget_price_filter {
250
  .ui-slider .ui-slider-handle {
251
+ background-color: $primary !important;
252
  }
253
 
254
  .ui-slider .ui-slider-range {
255
+ background-color: $primary !important;
256
  }
257
 
258
  .price_slider_wrapper .ui-widget-content {
259
+ background-color: $primary - #444 !important;
260
  }
261
  }
262
  }
266
  td.actions {
267
  .coupon {
268
  .input-text {
269
+ border: 1px solid darken( $secondary, 10% ) !important;
270
  }
271
  }
272
  }
276
  .cart_totals {
277
  p {
278
  small {
279
+ color: $subtext !important;
280
  }
281
  }
282
 
283
  table {
284
  small {
285
+ color: $subtext !important;
286
  }
287
  }
288
 
289
  .discount td {
290
+ color: $highlight !important;
291
  }
292
 
293
  tr td,
294
  tr th {
295
+ border-top: 1px solid $secondary !important;
296
  }
297
  }
298
  }
301
  .woocommerce-checkout {
302
  .checkout {
303
  .create-account small {
304
+ color: $subtext !important;
305
  }
306
  }
307
 
308
  #payment {
309
+ background: $secondary !important;
310
 
311
  ul.payment_methods {
312
+ border-bottom: 1px solid darken( $secondary, 10% ) !important;
313
  }
314
 
315
  div.payment_box {
316
+ background-color: darken( $secondary, 5% ) !important;
317
+ color: $secondarytext !important;
318
 
319
  input.input-text, textarea {
320
+ border-color: darken( $secondary, 15% ) !important;
321
+ border-top-color: darken( $secondary, 20% ) !important;
322
  }
323
 
324
  ::-webkit-input-placeholder {
325
+ color: darken( $secondary, 20% ) !important;
326
  }
327
 
328
  :-moz-placeholder {
329
+ color: darken( $secondary, 20% ) !important;
330
  }
331
 
332
  :-ms-input-placeholder {
333
+ color: darken( $secondary, 20% ) !important;
334
  }
335
 
336
  span.help {
337
+ color: $subtext !important;
338
  }
339
 
340
  &:after {
341
  content: "";
342
  display: block;
343
+ border: 8px solid darken( $secondary, 5% ) !important;
344
  border-right-color: transparent;
345
  border-left-color: transparent;
346
  border-top-color: transparent;
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: woothemes, claudiosanches
3
  Tags: woocommerce, shortcodes
4
  Requires at least: 4.0
5
  Tested up to: 4.1
6
- Stable tag: 1.0.3
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -61,6 +61,10 @@ We recommend you use WordPress 4.0 or 4.1 for this plugin work properly.
61
 
62
  == Changelog ==
63
 
 
 
 
 
64
  = 1.0.3 - 2015/02/13 =
65
 
66
  * Fixed the WooCommerce notices when install the WooCommerce Colors.
@@ -79,6 +83,6 @@ We recommend you use WordPress 4.0 or 4.1 for this plugin work properly.
79
 
80
  == Upgrade Notice ==
81
 
82
- = 1.0.3 =
83
 
84
- * Fixed the WooCommerce notices when install the WooCommerce Colors.
3
  Tags: woocommerce, shortcodes
4
  Requires at least: 4.0
5
  Tested up to: 4.1
6
+ Stable tag: 1.0.4
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
61
 
62
  == Changelog ==
63
 
64
+ = 1.0.4 - 2015/02/19 =
65
+
66
+ * Added `!important` to ensure that always the styles will overwrite the css in any subject.
67
+
68
  = 1.0.3 - 2015/02/13 =
69
 
70
  * Fixed the WooCommerce notices when install the WooCommerce Colors.
83
 
84
  == Upgrade Notice ==
85
 
86
+ = 1.0.4 =
87
 
88
+ * Added `!important` to ensure that always the styles will overwrite the css in any subject.
woocommerce-colors.php CHANGED
@@ -5,7 +5,7 @@
5
  * Description: WooCommerce Colors.
6
  * Author: WooThemes
7
  * Author URI: http://woothemes.com
8
- * Version: 1.0.3
9
  * License: GPLv2 or later
10
  * Text Domain: woocommerce-colors
11
  * Domain Path: languages/
@@ -27,7 +27,7 @@ class WC_Colors {
27
  *
28
  * @var string
29
  */
30
- const VERSION = '1.0.3';
31
 
32
  /**
33
  * Instance of this class.
5
  * Description: WooCommerce Colors.
6
  * Author: WooThemes
7
  * Author URI: http://woothemes.com
8
+ * Version: 1.0.4
9
  * License: GPLv2 or later
10
  * Text Domain: woocommerce-colors
11
  * Domain Path: languages/
27
  *
28
  * @var string
29
  */
30
+ const VERSION = '1.0.4';
31
 
32
  /**
33
  * Instance of this class.