From 248809d8b1d0eaf62b6036e1dd1b4e2f15cb9e3e Mon Sep 17 00:00:00 2001
From: aniket-engg <aniketengg.225@gmail.com>
Date: Mon, 11 Aug 2025 19:20:05 +0530
Subject: [PATCH 1/3] first changes to light theme

---
 .../assets/css/themes/remix-light_powaqg.css  | 147 ++++++++++--------
 1 file changed, 82 insertions(+), 65 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
index f65bcca7591..10d3fe8e5e8 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
@@ -37,22 +37,22 @@
   --bs-gray-700: #7b8a8b;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
-  --bs-primary: #2c3e50;
+  --bs-primary: #007aa6;
   --bs-secondary: #95a5a6;
   --bs-success: #18bc9c;
   --bs-info: #3498db;
   --bs-warning: #f39c12;
   --bs-danger: #e74c3c;
-  --bs-light: #ecf0f1;
-  --bs-dark: #7b8a8b;
-  --bs-primary-rgb: 44, 62, 80;
+  --bs-light: #f8fafe;
+  --bs-dark: #8e94a6;
+  --bs-primary-rgb: 0, 122, 166;
   --bs-secondary-rgb: 149, 165, 166;
   --bs-success-rgb: 24, 188, 156;
   --bs-info-rgb: 52, 152, 219;
   --bs-warning-rgb: 243, 156, 18;
   --bs-danger-rgb: 231, 76, 60;
-  --bs-light-rgb: 236, 240, 241;
-  --bs-dark-rgb: 123, 138, 139;
+  --bs-light-rgb: 248, 250, 254;
+  --bs-dark-rgb: 142, 148, 166;
   --bs-primary-text-emphasis: #121920;
   --bs-secondary-text-emphasis: #3c4242;
   --bs-success-text-emphasis: #0a4b3e;
@@ -86,10 +86,10 @@
   --bs-body-font-size: 1rem;
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
-  --bs-body-color: #212529;
-  --bs-body-color-rgb: 33, 37, 41;
-  --bs-body-bg: #fff;
-  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-body-color: #8e94a6;
+  --bs-body-color-rgb: 142, 148, 166;
+  --bs-body-bg: #eff1f5;
+  --bs-body-bg-rgb: 239, 241, 245;
   --bs-emphasis-color: #000;
   --bs-emphasis-color-rgb: 0, 0, 0;
   --bs-secondary-color: rgba(33, 37, 41, 0.75);
@@ -101,17 +101,17 @@
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
   --bs-heading-color: inherit;
-  --bs-link-color: #18bc9c;
-  --bs-link-color-rgb: 24, 188, 156;
+  --bs-link-color: #747b90;
+  --bs-link-color-rgb: 116, 123, 144;
   --bs-link-decoration: underline;
-  --bs-link-hover-color: #13967d;
-  --bs-link-hover-color-rgb: 19, 150, 125;
+  --bs-link-hover-color: #b6b8d4;
+  --bs-link-hover-color-rgb: 182, 184, 212;
   --bs-code-color: #e83e8c;
   --bs-highlight-color: #212529;
   --bs-highlight-bg: #fdebd0;
   --bs-border-width: 1px;
   --bs-border-style: solid;
-  --bs-border-color: #dee2e6;
+  --bs-border-color: #dfe1ea;
   --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
   --bs-border-radius: 0.375rem;
   --bs-border-radius-sm: 0.25rem;
@@ -131,14 +131,15 @@
   --bs-form-valid-border-color: #18bc9c;
   --bs-form-invalid-color: #e74c3c;
   --bs-form-invalid-border-color: #e74c3c;
+  --custom-ai-color: #1ea2aa;
 }
 
 [data-bs-theme=dark] {
   color-scheme: dark;
   --bs-body-color: #dee2e6;
   --bs-body-color-rgb: 222, 226, 230;
-  --bs-body-bg: #212529;
-  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-body-bg: #eff1f5;
+  --bs-body-bg-rgb: 239, 241, 245;
   --bs-emphasis-color: #fff;
   --bs-emphasis-color-rgb: 255, 255, 255;
   --bs-secondary-color: rgba(222, 226, 230, 0.75);
@@ -174,10 +175,10 @@
   --bs-light-border-subtle: #7b8a8b;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
-  --bs-link-color: #808b96;
-  --bs-link-hover-color: #99a2ab;
-  --bs-link-color-rgb: 128, 139, 150;
-  --bs-link-hover-color-rgb: 153, 162, 171;
+ --bs-link-color: #a2a3bd;
+  --bs-link-hover-color: #b6b8d4;
+  --bs-link-color-rgb: 162, 163, 189;
+  --bs-link-hover-color-rgb: 182, 184, 212;
   --bs-code-color: #f18bba;
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: #613e07;
@@ -187,6 +188,7 @@
   --bs-form-valid-border-color: #74d7c4;
   --bs-form-invalid-color: #f1948a;
   --bs-form-invalid-border-color: #f1948a;
+  --custom-ai-color: #2de7f3;
 }
 
 *,
@@ -214,6 +216,21 @@ body {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
+*::-webkit-scrollbar {
+  width:  8px;
+  height: 6px;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: #d0d6dc;
+  opacity: 0.3;
+  border-radius: 30px;
+}
+
+.text-ai {
+  color: var(--custom-ai-color) !important;
+}
+
 hr {
   margin: 1rem 0;
   color: inherit;
@@ -3060,53 +3077,53 @@ textarea.form-control-lg {
 
 .btn-primary {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #2c3e50;
-  --bs-btn-border-color: #2c3e50;
+  --bs-btn-bg: #007aa6;
+  --bs-btn-border-color: #007aa6;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #253544;
-  --bs-btn-hover-border-color: #233240;
+  --bs-btn-hover-bg: #008abc;
+  --bs-btn-hover-border-color: #008abc;
   --bs-btn-focus-shadow-rgb: 76, 91, 106;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #233240;
-  --bs-btn-active-border-color: #212f3c;
+  --bs-btn-active-bg: #00729b;
+  --bs-btn-active-border-color: #00729b;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #2c3e50;
-  --bs-btn-disabled-border-color: #2c3e50;
+  --bs-btn-disabled-bg: #007aa6;
+  --bs-btn-disabled-border-color: #007aa6;
 }
 
 .btn-secondary {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #95a5a6;
-  --bs-btn-border-color: #95a5a6;
+  --bs-btn-bg: #595c76;
+  --bs-btn-border-color: #595c76;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #7f8c8d;
-  --bs-btn-hover-border-color: #778485;
+  --bs-btn-hover-bg: #676a83;
+  --bs-btn-hover-border-color: #676a83;
   --bs-btn-focus-shadow-rgb: 165, 179, 179;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #778485;
-  --bs-btn-active-border-color: #707c7d;
+  --bs-btn-active-bg: #4d516f;
+  --bs-btn-active-border-color: #4d516f;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #95a5a6;
-  --bs-btn-disabled-border-color: #95a5a6;
+  --bs-btn-disabled-bg: #596b76;
+  --bs-btn-disabled-border-color: #596b76;
 }
 
 .btn-success {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #18bc9c;
-  --bs-btn-border-color: #18bc9c;
+  --bs-btn-bg: #2aa075;
+  --bs-btn-border-color: #2aa075;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #14a085;
-  --bs-btn-hover-border-color: #13967d;
+  --bs-btn-hover-bg: #2aa075;
+  --bs-btn-hover-border-color: #2aa075;
   --bs-btn-focus-shadow-rgb: 59, 198, 171;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #13967d;
-  --bs-btn-active-border-color: #128d75;
+  --bs-btn-active-bg: #2aa075;
+  --bs-btn-active-border-color: #2aa075;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #18bc9c;
-  --bs-btn-disabled-border-color: #18bc9c;
+  --bs-btn-disabled-bg: #2aa075;
+  --bs-btn-disabled-border-color: #2aa075;
 }
 
 .btn-info {
@@ -3128,44 +3145,44 @@ textarea.form-control-lg {
 
 .btn-warning {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #f39c12;
-  --bs-btn-border-color: #f39c12;
+  --bs-btn-bg: #c97539;
+  --bs-btn-border-color: #c97539;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #cf850f;
-  --bs-btn-hover-border-color: #c27d0e;
+  --bs-btn-hover-bg: #d2844b;
+  --bs-btn-hover-border-color: #d2844b;
   --bs-btn-focus-shadow-rgb: 245, 171, 54;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #c27d0e;
-  --bs-btn-active-border-color: #b6750e;
+  --bs-btn-active-bg: #c56f31;
+  --bs-btn-active-border-color: #c56f31;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #f39c12;
-  --bs-btn-disabled-border-color: #f39c12;
+  --bs-btn-disabled-bg: #c97539;
+  --bs-btn-disabled-border-color: #c97539;
 }
 
 .btn-danger {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #e74c3c;
-  --bs-btn-border-color: #e74c3c;
+  --bs-btn-bg: #b84040;
+  --bs-btn-border-color: #b84040;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #c44133;
-  --bs-btn-hover-border-color: #b93d30;
+  --bs-btn-hover-bg: #c44949;
+  --bs-btn-hover-border-color: #c44949;
   --bs-btn-focus-shadow-rgb: 235, 103, 89;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #b93d30;
-  --bs-btn-active-border-color: #ad392d;
+  --bs-btn-active-bg: #b13838;
+  --bs-btn-active-border-color: #b13838;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #e74c3c;
-  --bs-btn-disabled-border-color: #e74c3c;
+  --bs-btn-disabled-bg: #b84040;
+  --bs-btn-disabled-border-color: #b84040;
 }
 
 .btn-light {
   --bs-btn-color: #000;
-  --bs-btn-bg: #ecf0f1;
-  --bs-btn-border-color: #ecf0f1;
+  --bs-btn-bg: #f8fafe;
+  --bs-btn-border-color: #f8fafe;
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #c9cccd;
+  --bs-btn-hover-bg: #eff1f5;
   --bs-btn-hover-border-color: #bdc0c1;
   --bs-btn-focus-shadow-rgb: 201, 204, 205;
   --bs-btn-active-color: #000;
@@ -8857,7 +8874,7 @@ textarea.form-control-lg {
 
 .bg-dark {
   --bs-bg-opacity: 1;
-  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-black {

From 5fece23a7ec3bdb3a9b4a6bb0248402a05747cf3 Mon Sep 17 00:00:00 2001
From: aniket-engg <aniketengg.225@gmail.com>
Date: Mon, 11 Aug 2025 20:20:21 +0530
Subject: [PATCH 2/3] fix color

---
 .../assets/css/themes/remix-light_powaqg.css  | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
index 10d3fe8e5e8..75ea5048f02 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
@@ -38,7 +38,7 @@
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-primary: #007aa6;
-  --bs-secondary: #95a5a6;
+  --bs-secondary: #747b90;
   --bs-success: #18bc9c;
   --bs-info: #3498db;
   --bs-warning: #f39c12;
@@ -46,7 +46,7 @@
   --bs-light: #f8fafe;
   --bs-dark: #8e94a6;
   --bs-primary-rgb: 0, 122, 166;
-  --bs-secondary-rgb: 149, 165, 166;
+  --bs-secondary-rgb: 116 123 144;
   --bs-success-rgb: 24, 188, 156;
   --bs-info-rgb: 52, 152, 219;
   --bs-warning-rgb: 243, 156, 18;
@@ -79,15 +79,18 @@
   --bs-dark-border-subtle: #b4bcc2;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-font-sans-serif: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
   --bs-body-font-size: 1rem;
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
-  --bs-body-color: #8e94a6;
-  --bs-body-color-rgb: 142, 148, 166;
+  --bs-body-color: #747b90;
+  --bs-body-color-rgb: 116, 123, 144;
   --bs-body-bg: #eff1f5;
   --bs-body-bg-rgb: 239, 241, 245;
   --bs-emphasis-color: #000;
@@ -142,8 +145,8 @@
   --bs-body-bg-rgb: 239, 241, 245;
   --bs-emphasis-color: #fff;
   --bs-emphasis-color-rgb: 255, 255, 255;
-  --bs-secondary-color: rgba(222, 226, 230, 0.75);
-  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-color: rgba(116, 123, 144, 0.75);
+  --bs-secondary-color-rgb: 116 123 144;
   --bs-secondary-bg: #343a40;
   --bs-secondary-bg-rgb: 52, 58, 64;
   --bs-tertiary-color: rgba(222, 226, 230, 0.5);

From 0b6e0c8d698fc2f28ee479db9188ac2ed60a5f4d Mon Sep 17 00:00:00 2001
From: aniket-engg <aniketengg.225@gmail.com>
Date: Mon, 11 Aug 2025 20:48:59 +0530
Subject: [PATCH 3/3] border and topbar color

---
 .../src/assets/css/themes/remix-light_powaqg.css          | 8 ++++----
 libs/remix-ui/top-bar/src/css/topbar.css                  | 3 ---
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
index 75ea5048f02..bd6b38f1f1f 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
@@ -114,7 +114,7 @@
   --bs-highlight-bg: #fdebd0;
   --bs-border-width: 1px;
   --bs-border-style: solid;
-  --bs-border-color: #dfe1ea;
+  --bs-border-color: #dadbe0;
   --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
   --bs-border-radius: 0.375rem;
   --bs-border-radius-sm: 0.25rem;
@@ -185,7 +185,7 @@
   --bs-code-color: #f18bba;
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: #613e07;
-  --bs-border-color: #7b8a8b;
+  --bs-border-color: #1b1d24;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #74d7c4;
   --bs-form-valid-border-color: #74d7c4;
@@ -3889,7 +3889,7 @@ textarea.form-control-lg {
   --bs-nav-tabs-border-color: #ced4da;
   --bs-nav-tabs-border-radius: var(--bs-border-radius);
   --bs-nav-tabs-link-hover-border-color: #ced4da #ced4da transparent;
-  --bs-nav-tabs-link-active-color: #18bc9c;
+  --bs-nav-tabs-link-active-color: #1b1d24;
   --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
   --bs-nav-tabs-link-active-border-color: #ced4da #ced4da transparent;
   border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
@@ -3907,7 +3907,7 @@ textarea.form-control-lg {
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: var(--bs-nav-tabs-link-active-color);
-  background-color: var(--bs-nav-tabs-link-active-bg);
+  background-color: var(--bs-light);
   border-color: var(--bs-nav-tabs-link-active-border-color);
 }
 .nav-tabs .dropdown-menu {
diff --git a/libs/remix-ui/top-bar/src/css/topbar.css b/libs/remix-ui/top-bar/src/css/topbar.css
index 0c6e9fed2c2..6278bf9901f 100644
--- a/libs/remix-ui/top-bar/src/css/topbar.css
+++ b/libs/remix-ui/top-bar/src/css/topbar.css
@@ -49,9 +49,6 @@
   font-size: 0.875rem !important;
   font-weight: 400;
   line-height: 1;
-  color: #dfe1ea !important;
-  background-color: var(--custom-select)
- !important;
   background-clip: padding-box;
   border: none !important;
   border-radius: 2px !important;