Skip to content
This repository was archived by the owner on Jun 25, 2019. It is now read-only.

Commit aef76be

Browse files
author
Ben Centra
committed
updated colors for buttons
1 parent 24b5e42 commit aef76be

File tree

4 files changed

+123
-3
lines changed

4 files changed

+123
-3
lines changed

dev/members.css

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,65 @@ a:hover,
1313
a:active {
1414
color: #66206c;
1515
}
16+
a.btn {
17+
color: #ffffff;
18+
}
19+
/*
20+
* Button
21+
*/
22+
.btn.btn-link {
23+
color: #8b2c93;
24+
}
25+
.btn.btn-link:hover {
26+
color: #66206c;
27+
}
28+
.btn.btn-primary {
29+
background-color: #8b2c93;
30+
border-color: #66206c;
31+
}
32+
.btn.btn-primary:hover {
33+
background-color: #78267f;
34+
border-color: #531a58;
35+
}
36+
.btn.btn-success {
37+
background-color: #5ba215;
38+
border-color: #42750f;
39+
}
40+
.btn.btn-success:hover {
41+
background-color: #4e8b12;
42+
border-color: #355e0c;
43+
}
44+
.btn.btn-info {
45+
background-color: #43afdf;
46+
border-color: #2398cc;
47+
}
48+
.btn.btn-info:hover {
49+
background-color: #2da6db;
50+
border-color: #1f88b6;
51+
}
52+
.btn.btn-warning {
53+
background-color: #ffb43f;
54+
border-color: #ffa00c;
55+
}
56+
.btn.btn-warning:hover {
57+
background-color: #ffaa25;
58+
border-color: #f29300;
59+
}
60+
.btn.btn-danger {
61+
color: #ffffff;
62+
background-color: #df0051;
63+
border-color: #ac003e;
64+
}
65+
.btn.btn-danger:hover {
66+
background-color: #c60048;
67+
border-color: #930035;
68+
}
69+
/*
70+
* Tables
71+
*/
72+
.table thead tr {
73+
border-color: #df0051;
74+
}
1675
/*
1776
* Navbar
1877
*/

dev/members.less

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,10 @@
77
@gray: #bbb;
88
@white: #fff;
99

10+
@btn-success: #5ba215;
11+
@btn-info: #43afdf;
12+
@btn-warning: #ffb43f; //#dfa954;
13+
1014
/*
1115
* General
1216
*/
@@ -25,6 +29,63 @@ a {
2529
&:hover, &:active {
2630
color: @members-purple-dark;
2731
}
32+
&.btn {
33+
color: @white;
34+
}
35+
}
36+
37+
/*
38+
* Button
39+
*/
40+
41+
.btn {
42+
&.btn-link {
43+
color: @members-purple;
44+
&:hover {
45+
color: @members-purple-dark;
46+
}
47+
}
48+
&.btn-primary {
49+
background-color: @members-purple;
50+
border-color: @members-purple-dark;
51+
&:hover {
52+
background-color: darken(@members-purple, 5%);
53+
border-color: darken(@members-purple-dark, 5%);
54+
}
55+
}
56+
&.btn-success {
57+
background-color: @btn-success;
58+
border-color: darken(@btn-success, 10%);
59+
&:hover {
60+
background-color: darken(@btn-success, 5%);
61+
border-color: darken(@btn-success, 15%);
62+
}
63+
}
64+
&.btn-info {
65+
background-color: @btn-info;
66+
border-color: darken(@btn-info, 10%);
67+
&:hover {
68+
background-color: darken(@btn-info, 5%);
69+
border-color: darken(@btn-info, 15%);
70+
}
71+
}
72+
&.btn-warning {
73+
background-color: @btn-warning;
74+
border-color: darken(@btn-warning, 10%);
75+
&:hover {
76+
background-color: darken(@btn-warning, 5%);
77+
border-color: darken(@btn-warning, 15%);
78+
}
79+
}
80+
&.btn-danger {
81+
color: @white;
82+
background-color: @members-pink;
83+
border-color: darken(@members-pink, 10%);
84+
&:hover {
85+
background-color: darken(@members-pink, 5%);
86+
border-color: darken(@members-pink, 15%);
87+
}
88+
}
2889
}
2990

3091
/*

release/members.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

release/public.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)