Merge pull request #2206 from meetarora10/eye-branch

Modified UI of EyeCare Extension.
Sulagna-Dutta-Roy · Jul 7, 2024 · 18e05cc · 18e05cc
2 parents 9952561 + 874fcb4
commit 18e05cc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/EyeCare/options.html b/EyeCare/options.html
@@ -5,9 +5,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>eyeCare Options</title>
   <link rel="stylesheet" href="styles.css">
+  <link href="https://fonts.googleapis.com/css2?family=Baskervville+SC&display=swap" rel="stylesheet">
 </head>
 <body>
   <h1>eyeCare Options</h1>
   <!-- Add options for customizing break reminders -->
+   <script src="background.js"></script>
 </body>
 </html>
diff --git a/EyeCare/popup.html b/EyeCare/popup.html
@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>eyeCare - Break Reminder & Exercises</title>
   <link rel="stylesheet" href="styles.css">
+  <link href="https://fonts.googleapis.com/css2?family=Baskervville+SC&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Baskervville+SC&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
 </head>
 <body>
   <h1>eyeCare - Break Reminder & Exercises</h1>
@@ -16,5 +18,6 @@ <h1>eyeCare - Break Reminder & Exercises</h1>
   </ul>
 
   <script src="popup.js"></script>
+  <script src="background.js"></script>
 </body>
 </html>
diff --git a/EyeCare/styles.css b/EyeCare/styles.css
@@ -1,10 +1,24 @@
 /* Add your CSS styles here */
 body {
   font-family: Arial, sans-serif;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  background: linear-gradient(45deg,rgb(158, 241, 230),rgb(94, 185, 173));
+  font-family: "Poppins", sans-serif;
+  font-weight: 300;
+  font-style: normal;
+  overflow: hidden;
 }
 
 h1 {
   font-size: 1.5rem;
+  font-family: "Baskervville SC", serif;
+  font-weight: 400;
+  font-style: normal;
 }
 
 ul {