WooCommerce Colors - Version 1.0.5

Version Description

  • 2015/02/19 =

  • Removed !important, somethings need to be overwrite by themes.

  • Fixed the product tabs.

Download this release

Release Info

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

Code changes from version 1.0.4 to 1.0.5

Files changed (4) hide show
  1. includes/views/scss.php +73 -73
  2. languages/woocommerce-colors.pot +4 -4
  3. readme.txt +12 -6
  4. woocommerce-colors.php +2 -2
includes/views/scss.php CHANGED
@@ -21,65 +21,65 @@ p.demo_store {
21
 
22
  .woocommerce {
23
 
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,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 !important;
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 !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,16 +132,16 @@ p.demo_store {
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,21 +151,21 @@ p.demo_store {
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,8 +174,8 @@ p.demo_store {
174
  &.disabled:hover,
175
  &:disabled:hover,
176
  &:disabled[disabled]:hover {
177
- background-color: $primary !important;
178
- color: $primarytext !important;
179
  }
180
  }
181
 
@@ -183,17 +183,17 @@ p.demo_store {
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,21 +201,21 @@ p.demo_store {
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,40 +223,40 @@ p.demo_store {
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,7 +266,7 @@ p.demo_store {
266
  td.actions {
267
  .coupon {
268
  .input-text {
269
- border: 1px solid darken( $secondary, 10% ) !important;
270
  }
271
  }
272
  }
@@ -276,23 +276,23 @@ p.demo_store {
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,46 +301,46 @@ p.demo_store {
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;
21
 
22
  .woocommerce {
23
 
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
  -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
  -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
 
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
  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
  &.disabled:hover,
175
  &:disabled:hover,
176
  &:disabled[disabled]:hover {
177
+ background-color: $primary;
178
+ color: $primarytext;
179
  }
180
  }
181
 
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
  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
 
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
  td.actions {
267
  .coupon {
268
  .input-text {
269
+ border: 1px solid darken( $secondary, 10% );
270
  }
271
  }
272
  }
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
  .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;
languages/woocommerce-colors.pot CHANGED
@@ -2,10 +2,10 @@
2
  # This file is distributed under the GPLv2 or later.
3
  msgid ""
4
  msgstr ""
5
- "Project-Id-Version: WooCommerce Colors 1.0.2\n"
6
  "Report-Msgid-Bugs-To: "
7
  "http://wordpress.org/support/plugin/woocommerce-frontend-styles/\n"
8
- "POT-Creation-Date: 2015-02-12 16:57:03+00:00\n"
9
  "MIME-Version: 1.0\n"
10
  "Content-Type: text/plain; charset=utf-8\n"
11
  "Content-Transfer-Encoding: 8bit\n"
@@ -62,11 +62,11 @@ msgstr ""
62
  msgid "used for certain text and asides - breadcrumbs, small text etc"
63
  msgstr ""
64
 
65
- #: woocommerce-colors.php:160
66
  msgid "WooCommerce Colors depends on the last version of %s or later to work!"
67
  msgstr ""
68
 
69
- #: woocommerce-colors.php:160
70
  msgid "WooCommerce 2.3"
71
  msgstr ""
72
 
2
  # This file is distributed under the GPLv2 or later.
3
  msgid ""
4
  msgstr ""
5
+ "Project-Id-Version: WooCommerce Colors 1.0.5\n"
6
  "Report-Msgid-Bugs-To: "
7
  "http://wordpress.org/support/plugin/woocommerce-frontend-styles/\n"
8
+ "POT-Creation-Date: 2015-02-25 14:52:28+00:00\n"
9
  "MIME-Version: 1.0\n"
10
  "Content-Type: text/plain; charset=utf-8\n"
11
  "Content-Transfer-Encoding: 8bit\n"
62
  msgid "used for certain text and asides - breadcrumbs, small text etc"
63
  msgstr ""
64
 
65
+ #: woocommerce-colors.php:164
66
  msgid "WooCommerce Colors depends on the last version of %s or later to work!"
67
  msgstr ""
68
 
69
+ #: woocommerce-colors.php:164
70
  msgid "WooCommerce 2.3"
71
  msgstr ""
72
 
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.4
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -11,7 +11,7 @@ Allows you to change the buttons color and other elements of WooCommerce. Beauti
11
 
12
  == Description ==
13
 
14
- This plugin adds a new session called WooCommerce on the Customize menu, allowing you to easily change color of buttons and [WooCommerce](http://wordpress.org/plugins/woocommerce/) elements.
15
 
16
  Starting WooCommerce 2.3 the Frontend styles options will no longer be part of WooCommerce and will only be available by using this plugin.
17
 
@@ -51,7 +51,7 @@ You can contribute to the source code in our [GitHub](https://github.com/woothem
51
 
52
  = Where is the Cutomize menu? =
53
 
54
- You can find the customizer menu within your WordPress admin in Appearance session.
55
 
56
  We recommend you use WordPress 4.0 or 4.1 for this plugin work properly.
57
 
@@ -61,9 +61,14 @@ We recommend you use WordPress 4.0 or 4.1 for this plugin work properly.
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
 
@@ -83,6 +88,7 @@ We recommend you use WordPress 4.0 or 4.1 for this plugin work properly.
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.
 
3
  Tags: woocommerce, shortcodes
4
  Requires at least: 4.0
5
  Tested up to: 4.1
6
+ Stable tag: 1.0.5
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
11
 
12
  == Description ==
13
 
14
+ This plugin adds a new section called WooCommerce on the Customize menu, allowing you to easily change color of buttons and [WooCommerce](http://wordpress.org/plugins/woocommerce/) elements.
15
 
16
  Starting WooCommerce 2.3 the Frontend styles options will no longer be part of WooCommerce and will only be available by using this plugin.
17
 
51
 
52
  = Where is the Cutomize menu? =
53
 
54
+ You can find the customizer menu within your WordPress admin in Appearance section.
55
 
56
  We recommend you use WordPress 4.0 or 4.1 for this plugin work properly.
57
 
61
 
62
  == Changelog ==
63
 
64
+ = 1.0.5 - 2015/02/19 =
65
+
66
+ * Removed `!important`, somethings need to be overwrite by themes.
67
+ * Fixed the product tabs.
68
+
69
  = 1.0.4 - 2015/02/19 =
70
 
71
+ * Added `!important` to ensure that always the styles will overwrite the css in any theme.
72
 
73
  = 1.0.3 - 2015/02/13 =
74
 
88
 
89
  == Upgrade Notice ==
90
 
91
+ = 1.0.5 =
92
 
93
+ * Removed `!important`, somethings need to be overwrite by themes.
94
+ * Fixed the product tabs.
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.4
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.4';
31
 
32
  /**
33
  * Instance of this class.
5
  * Description: WooCommerce Colors.
6
  * Author: WooThemes
7
  * Author URI: http://woothemes.com
8
+ * Version: 1.0.5
9
  * License: GPLv2 or later
10
  * Text Domain: woocommerce-colors
11
  * Domain Path: languages/
27
  *
28
  * @var string
29
  */
30
+ const VERSION = '1.0.5';
31
 
32
  /**
33
  * Instance of this class.