changing colors

BaderSarah · Apr 26, 2024 · 6a087c2 · 6a087c2
1 parent eb6d9c0
commit 6a087c2
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 11 deletions.
diff --git a/courses.html b/courses.html
@@ -54,11 +54,29 @@ <h3 class="addToDoTitle">Add ToDo :</h3>
             </span>
             <span class="urgency">
               <label> Urgency: </label><br />
-              <input type="radio" id="urgencyH" value="high" />
+              <input
+                type="radio"
+                name="option"
+                id="urgencyH"
+                value="high"
+                class="radioB"
+              />
               <label>high</label>
-              <input type="radio" id="urgencyM" value="medium" />
+              <input
+                type="radio"
+                name="option"
+                id="urgencyM"
+                value="medium"
+                class="radioB"
+              />
               <label>medium</label>
-              <input type="radio" id="urgencyL" value="low" />
+              <input
+                type="radio"
+                name="option"
+                id="urgencyL"
+                value="low"
+                class="radioB"
+              />
               <label>low</label>
             </span>
           </span>
@@ -89,11 +107,29 @@ <h3 class="addToDoTitle">Add ToDo :</h3>
             </span>
             <span class="urgency">
               <label> Urgency: </label><br />
-              <input type="radio" id="urgencyH" value="high" />
+              <input
+                type="radio"
+                name="option"
+                id="urgencyH"
+                value="high"
+                class="radioB"
+              />
               <label>high</label>
-              <input type="radio" id="urgencyM" value="medium" />
+              <input
+                type="radio"
+                name="option"
+                id="urgencyM"
+                value="medium"
+                class="radioB"
+              />
               <label>medium</label>
-              <input type="radio" id="urgencyL" value="low" />
+              <input
+                type="radio"
+                name="option"
+                id="urgencyL"
+                value="low"
+                class="radioB"
+              />
               <label>low</label>
             </span>
           </span>

diff --git a/css/main.css b/css/main.css
@@ -5,6 +5,7 @@
   --lightblue: #6292fd;
   --pink: #e37383;
   --lightpink: #ffb6c1;
+  --lightpink2: #ffa5b3;
 }
 
 @font-face {
@@ -30,12 +31,15 @@ nav {
 }
 
 ul {
-  list-style-type: none;
   padding: 20px;
   display: flex;
   align-items: center;
 }
 
+.main {
+  list-style-type: none;
+}
+
 nav li {
   display: inline;
 }
@@ -51,7 +55,7 @@ a {
 }
 
 nav a:hover {
-  background-color: var(--lightpink);
+  background-color: var(--lightpink2);
 }
 
 /* Footer */

diff --git a/css/stylesheetCourses.css b/css/stylesheetCourses.css
@@ -164,6 +164,7 @@ input {
 
 .course .toDos li,
 .course .toDos ul {
+  list-style: circle;
   display: block;
   padding: 5px;
   margin-left: 10px;
@@ -265,3 +266,8 @@ input {
   grid-column-end: 5;
   display: inline;
 }
+
+.radioB {
+  margin-right: -20px;
+  margin-top: 15px;
+}
diff --git a/css/stylesheetIndex.css b/css/stylesheetIndex.css
@@ -4,6 +4,7 @@
   --darkblue: #0042d6;
   --lightblue: #6292fd;
   --pink: #e37383;
+  --lightpink2: #fbadb9;
 }
 
 @font-face {
@@ -30,7 +31,7 @@
 }
 
 .flexboxContainer p:nth-child(even) {
-  background-color: var(--lightpink);
+  background-color: var(--lightpink2);
   border-radius: 30px;
 }
 

diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
   <body>
     <header>
       <nav>
-        <ul>
+        <ul class="main">
           <li><a href="#">Home</a></li>
           <li><a href="courses.html">Courses</a></li>
           <li><a href="schedule.html">Schedule</a></li>
@@ -99,7 +99,7 @@ <h1>Study-Planner</h1>
       </div>
     </main>
     <footer class="footer">
-      <ul style="list-style: none">
+      <ul class="main">
         <a href="#">
           <li>Home</li>
         </a>