Skip to content

Commit 63c03ef

Browse files
committed
Added dark mode for internship html file as this is a seperate file.
1 parent e6c8c49 commit 63c03ef

File tree

2 files changed

+678
-886
lines changed

2 files changed

+678
-886
lines changed

internship.css

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,70 @@
33
body{
44
background-image: url(./images/Internship\ bg.jpg);
55
}
6+
/* Toggle Switch styling starts here */
7+
.checkbox {
8+
opacity: 0;
9+
position: absolute;
10+
}
11+
12+
.label {
13+
width: 44px;
14+
height: 20px;
15+
background-color:white;
16+
border: 0.8px solid #4C4C4C;
17+
display: flex;
18+
border-radius:50px;
19+
align-items: center;
20+
justify-content: space-between;
21+
padding: 5px;
22+
position: relative;
23+
transform: scale(1.5);
24+
}
25+
26+
.ball {
27+
width: 14px;
28+
height: 14px;
29+
background-color: white;
30+
position: absolute;
31+
top: 2px;
32+
left: 2px;
33+
border: 1px solid #4C4C4C;
34+
border-radius: 50%;
35+
transition: transform 0.2s linear;
36+
}
37+
38+
/* target the elemenent after the label*/
39+
.checkbox:checked + .label .ball{
40+
transform: translateX(24px);
41+
}
42+
43+
.bi-moon {
44+
color: black;
45+
}
46+
47+
.bi-sun {
48+
color: white;
49+
}
50+
/* Toggle Switch styling ends here */
651

52+
/* dark mode styling starts here */
53+
.dark-mode{
54+
background-color: black;
55+
color: white;
56+
}
57+
.dark-nav{
58+
background-color: black;
59+
}
60+
.dark-anchor-tag{
61+
color: white;
62+
}
63+
.dark-anchor-tag:hover{
64+
color: white;
65+
}
66+
.dark-card{
67+
background-color: #121212;
68+
}
69+
/* dark mode styling ends here */
770
.back-button {
871
text-decoration: none;
972
color: rgb(151, 151, 151);
@@ -12,6 +75,7 @@ body{
1275
/**card styling starts **/
1376
.internships-card {
1477
margin-top: 5vh;
78+
border-color: #121212;
1579
}
1680

1781
.company-name {

0 commit comments

Comments
 (0)