Skip to content

Commit

Permalink
Adding dark / light mode toggler switch to navbar
Browse files Browse the repository at this point in the history
  • Loading branch information
@TheWongLife
TheWongLife committed May 27, 2024
1 parent 37a2728 commit 5c26fc5
Show file tree
Hide file tree
Showing 4 changed files with 13 additions and 13 deletions.
2 changes: 1 addition & 1 deletion about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
<label class="form-check-label" for="darkModeSwitch">Dark / Light Mode</label>
<label class="form-check-label" for="darkModeSwitch">Light / Dark</label>
</div>
<nav class="navbar navbar-dark navbar-expand-lg bg-dark ">
<div class="container-fluid">
Expand Down
8 changes: 4 additions & 4 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,6 @@
</head>

<body>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
<label class="form-check-label" for="darkModeSwitch">Dark / Light Mode</label>
</div>
<nav class="navbar navbar-dark navbar-expand-lg bg-dark ">
<div class="container-fluid">
<div class="mx-4">
Expand All @@ -43,6 +39,10 @@
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
<label class="form-check-label" for="darkModeSwitch">Light / Dark</label>
</div>
</ul>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,6 @@
</head>

<body>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
<label class="form-check-label" for="darkModeSwitch">Dark / Light Mode</label>
</div>
<nav class="navbar navbar-dark navbar-expand-lg bg-dark ">
<div class="container-fluid">
<div class="mx-4">
Expand All @@ -43,6 +39,10 @@
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
<label class="form-check-label" for="darkModeSwitch">Light / Dark</label>
</div>
</ul>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions resume.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,6 @@
</head>

<body>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
<label class="form-check-label" for="darkModeSwitch">Dark / Light Mode</label>
</div>
<nav class="navbar navbar-dark navbar-expand-lg bg-dark ">
<div class="container-fluid">
<div class="mx-4">
Expand All @@ -43,6 +39,10 @@
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
<label class="form-check-label" for="darkModeSwitch">Light / Dark</label>
</div>
</ul>
</div>
</div>
Expand Down

0 comments on commit 5c26fc5

Please sign in to comment.