From 2275462a3d1d1fd3a99b8bd0a1fb6e2ee8cf40cb Mon Sep 17 00:00:00 2001
From: MD Mahbub Hasan Saad <137253486+Oboshor@users.noreply.github.com>
Date: Mon, 23 Dec 2024 02:40:23 +0000
Subject: [PATCH 1/2] Remove theme toggle functionality and update styles for
 improved consistency

---
 assets/script/main.js       |  7 +---
 assets/stylesheet/style.css | 72 +++++++++----------------------------
 index.html                  |  5 +--
 3 files changed, 19 insertions(+), 65 deletions(-)

diff --git a/assets/script/main.js b/assets/script/main.js
index beeb298..fada563 100644
--- a/assets/script/main.js
+++ b/assets/script/main.js
@@ -205,9 +205,4 @@ function onclear() {
   calgroup.style.display = "none";
 }
 
-document.getElementById("themeToggle").addEventListener("click", function () {
-  const currentTheme = document.documentElement.getAttribute("data-theme");
-  const newTheme = currentTheme === "light" ? "dark" : "light";
-  document.documentElement.setAttribute("data-theme", newTheme);
-  localStorage.setItem("theme", newTheme);
-});
+// Removed theme toggle event listener
diff --git a/assets/stylesheet/style.css b/assets/stylesheet/style.css
index fcaa661..d0e9b33 100644
--- a/assets/stylesheet/style.css
+++ b/assets/stylesheet/style.css
@@ -6,6 +6,8 @@
 body {
   font-family: 'poppins';
   font-size: 14px;
+  background-color: #f8f9fa; /* Default background color */
+  color: #212529; /* Default text color */
 }
 
 h1 {
@@ -28,8 +30,8 @@ label {
 #calcform {
   max-width: 500px;
   padding: 20px;
-  background: var(--form-bg);
-  border: 1px solid var(--form-border);
+  background: #ffffff;
+  border: 1px solid #e0e0e0;
   border-radius: 10px; /* Increased border radius */
 }
 
@@ -59,9 +61,9 @@ label {
 }
 
 #cal2tbl tbody tr td:nth-child(3) {
-  background: var(--table-bg);
-  border: dashed 1px var(--table-border);
-  color: var(--cal-text); /* Adjust text color to fit theme */
+  background: #f8f8f8;
+  border: dashed 1px #333;
+  color: #495057; /* Adjust text color to fit theme */
 }
 
 th {
@@ -78,22 +80,18 @@ td {
 }
 
 #cal {
-  background: var(--cal-bg);
+  background: #e9ecef;
   padding: .375rem .75rem;
   font-size: 13px;
-  color: var(--cal-text);
-  border: 1px solid var(--cal-border);
+  color: #495057;
+  border: 1px solid #ced4da;
+  height: auto;
 }
 
 #cal2tbl {
   font-size: 12px;
 }
 
-#cal {
-  background: var(--cal-bg);
-  height: auto;
-}
-
 .btn span {
   font-size: 14px;
 }
@@ -122,7 +120,8 @@ footer a {
 }
 
 .input-error {
-  border-color: red;
+  /*colour of the error message */
+  border-color: #bc3545;
   background-color: #ffe6e6;
 }
 
@@ -135,49 +134,12 @@ footer a {
   }
 }
 
-/* Light Theme */
-:root[data-theme='light'] {
-  --form-bg: #ffffff;
-  --form-border: #e0e0e0;
-  --table-bg: #f8f8f8;
-  --table-border: #333;
-  --cal-bg: #e9ecef;
-  --cal-text: #495057;
-  --cal-border: #ced4da;
-  --btn-secondary-bg: #6c757d;
-  --btn-secondary-border: #6c757d;
-  --btn-success-bg: #28a745;
-  --btn-success-border: #28a745;
-  --input-error-bg: #ffe6e6;
-}
-
-/* Dark Theme */
-:root[data-theme='dark'] {
-  --form-bg: #2d2d2d;
-  --form-border: #444;
-  --table-bg: #3a3a3a;
-  --table-border: #666;
-  --cal-bg: #3a3a3a;
-  --cal-text: #e9ecef;
-  --cal-border: #555;
-  --btn-secondary-bg: #5a6268;
-  --btn-secondary-border: #5a6268;
-  --btn-success-bg: #218838;
-  --btn-success-border: #218838;
-  --input-error-bg: #5a2a2a;
-}
-
-body[data-theme='dark'] {
-  background-color: #121212;
-  color: #e9ecef;
-}
-
 .btn-secondary {
-  background-color: var(--btn-secondary-bg);
-  border-color: var(--btn-secondary-border);
+  background-color: #6c757d; /* Default button color */
+  border-color: #6c757d; /* Default button border color */
 }
 
 .btn-success {
-  background-color: var(--btn-success-bg);
-  border-color: var(--btn-success-border);
+  background-color: #28a745; /* Default button color */
+  border-color: #28a745; /* Default button border color */
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 4204f99..5b128f9 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" data-theme="light">
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -32,9 +32,6 @@
   <body class="bg-light">
     <div class="container mt-5">
       <h1 class="text-center">Base Converter</h1>
-      <div class="d-flex justify-content-end">
-        <button id="themeToggle" class="btn btn-secondary">Toggle Theme</button>
-      </div>
       <br />
       <div class="content">
         <p class="pd text-center">Convert number from any base to any base:</p>

From 3c25bbb7853bf7aa1291033b4a0c2eeb7c955984 Mon Sep 17 00:00:00 2001
From: MD Mahbub Hasan Saad <137253486+Oboshor@users.noreply.github.com>
Date: Mon, 23 Dec 2024 02:46:24 +0000
Subject: [PATCH 2/2] Update styles for improved contrast and rounded
 appearance in form elements

---
 assets/stylesheet/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/stylesheet/style.css b/assets/stylesheet/style.css
index d0e9b33..603821a 100644
--- a/assets/stylesheet/style.css
+++ b/assets/stylesheet/style.css
@@ -32,7 +32,7 @@ label {
   padding: 20px;
   background: #ffffff;
   border: 1px solid #e0e0e0;
-  border-radius: 10px; /* Increased border radius */
+  border-radius: 20px; /* Increased border radius for more rounded appearance */
 }
 
 #calcform button img {
@@ -63,7 +63,7 @@ label {
 #cal2tbl tbody tr td:nth-child(3) {
   background: #f8f8f8;
   border: dashed 1px #333;
-  color: #495057; /* Adjust text color to fit theme */
+  color: #212529; /* Adjusted text color for better contrast */
 }
 
 th {
@@ -83,7 +83,7 @@ td {
   background: #e9ecef;
   padding: .375rem .75rem;
   font-size: 13px;
-  color: #495057;
+  color: #212529; /* Adjusted text color for better contrast */
   border: 1px solid #ced4da;
   height: auto;
 }