Skip to content

Commit 757d21e

Browse files
committed
home colors
1 parent d8cecaa commit 757d21e

File tree

2 files changed

+49
-5
lines changed

2 files changed

+49
-5
lines changed

src/Home.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,4 +79,8 @@
7979
width: 3rem;
8080
display: block;
8181
margin: auto;
82+
}
83+
84+
.Home .project-handlers-buttons .btn:hover .icon path {
85+
fill: white;
8286
}

src/index.css

Lines changed: 45 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,36 @@ body {
55
--primary: #f1a10a;
66
}
77

8-
.btn {
8+
a {
9+
color: #f1a10a;
10+
border-bottom: 2px solid #f1a10a;
11+
}
12+
13+
.btn,
14+
.btn-primary.disabled,
15+
.btn-success.disabled,
16+
.btn-danger.disabled,
17+
.btn-info.disabled {
918
border-radius: 0;
19+
border-width: 2px;
1020
background-color: transparent;
1121
}
1222

23+
.btn-primary:hover,
24+
.btn-success:hover,
25+
.btn-danger:hover,
26+
.btn-info:hover {
27+
color: white;
28+
}
29+
1330
.btn-primary,
14-
.btn-primary:hover {
31+
.btn-primary:hover,
32+
.btn-primary.disabled {
1533
border-color: var(--primary);
34+
}
35+
36+
.btn-primary,
37+
.btn.btn-primary.disabled {
1638
color: var(--primary);
1739
}
1840

@@ -21,28 +43,46 @@ body {
2143
}
2244

2345
.btn-success,
24-
.btn-success:hover {
46+
.btn-success:hover,
47+
.btn-success.disabled {
2548
border-color: var(--success);
2649
}
2750

51+
.btn-success,
52+
.btn.btn-success.disabled {
53+
color: var(--success);
54+
}
55+
2856
.btn-success:hover {
2957
background-color: var(--success);
3058
}
3159

3260
.btn-danger,
33-
.btn-danger:hover {
61+
.btn-danger:hover,
62+
.btn-danger.disabled {
3463
border-color: var(--danger);
3564
}
3665

66+
.btn-danger,
67+
.btn.btn-danger.disabled {
68+
color: var(--danger);
69+
}
70+
3771
.btn-danger:hover {
3872
background-color: var(--danger);
3973
}
4074

4175
.btn-info,
42-
.btn-info:hover {
76+
.btn-info:hover,
77+
.btn-info.disabled {
4378
border-color: var(--info);
4479
}
4580

81+
.btn-info,
82+
.btn.btn-info.disabled {
83+
color: var(--info);
84+
}
85+
4686
.btn-info:hover {
4787
background-color: var(--info);
4888
}

0 commit comments

Comments
 (0)