diff --git a/css/style.css b/css/style.css
index 234997e..28efe75 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,5 +1,5 @@
/* Set the background color for the entire page */
-html body {
+html, body {
background-color: #F8F0E5;
}
diff --git a/index.html b/index.html
index b1e578e..bbc37ca 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
-
+
Colorful Notes
diff --git a/js/script.js b/js/script.js
index fc7ff7b..c04dc8c 100644
--- a/js/script.js
+++ b/js/script.js
@@ -11,8 +11,16 @@ const deleteAllButton = document.getElementById('deleteAllButton');
// Add event listener for delete all button
deleteAllButton.addEventListener('click', deleteAllNotes);
-// Load saved notes when the DOM is fully loaded
+// Function to set the background color
+function setBackgroundColor() {
+ const appBody = document.getElementById('app-body');
+ appBody.style.backgroundColor = '#F8F0E5';
+}
+
+// Call setBackgroundColor when the DOM is fully loaded
window.addEventListener('DOMContentLoaded', () => {
+ setBackgroundColor();
+
const savedNotes = JSON.parse(localStorage.getItem('notes')) || [];
// If no saved notes, create default notes