Update style.css
Browse files
style.css
CHANGED
@@ -49,6 +49,22 @@ header nav ul li a:hover {
|
|
49 |
color: #ffcc00; /* Warna saat hover */
|
50 |
}
|
51 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
52 |
/* Section */
|
53 |
section {
|
54 |
padding: 40px;
|
@@ -126,22 +142,4 @@ button, a {
|
|
126 |
button:hover, a:hover {
|
127 |
background-color: #6200ea;
|
128 |
color: white;
|
129 |
-
}
|
130 |
-
|
131 |
-
/* Tombol Mode Gelap */
|
132 |
-
#toggleDarkMode {
|
133 |
-
background-color: #6200ea;
|
134 |
-
color: white;
|
135 |
-
padding: 10px 15px;
|
136 |
-
border: none;
|
137 |
-
cursor: pointer;
|
138 |
-
font-size: 1rem;
|
139 |
-
margin: 20px;
|
140 |
-
border-radius: 5px;
|
141 |
-
}
|
142 |
-
|
143 |
-
#toggleDarkMode:hover {
|
144 |
-
background-color: #3700b3;
|
145 |
-
}
|
146 |
-
|
147 |
-
/* Transisi Warna pada Header
|
|
|
49 |
color: #ffcc00; /* Warna saat hover */
|
50 |
}
|
51 |
|
52 |
+
/* Tombol Mode Gelap */
|
53 |
+
#toggleDarkMode {
|
54 |
+
background: none;
|
55 |
+
border: none;
|
56 |
+
color: white;
|
57 |
+
font-size: 1.5rem;
|
58 |
+
cursor: pointer;
|
59 |
+
padding: 5px 10px;
|
60 |
+
margin-left: 20px;
|
61 |
+
}
|
62 |
+
|
63 |
+
#toggleDarkMode:hover {
|
64 |
+
background-color: rgba(0, 0, 0, 0.1);
|
65 |
+
border-radius: 5px;
|
66 |
+
}
|
67 |
+
|
68 |
/* Section */
|
69 |
section {
|
70 |
padding: 40px;
|
|
|
142 |
button:hover, a:hover {
|
143 |
background-color: #6200ea;
|
144 |
color: white;
|
145 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|