change selected colors

NEAR-DevHub · Dec 30, 2024 · f45b76d · f45b76d
1 parent f1ca8fb
commit f45b76d
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 24 deletions.
diff --git a/instances/treasury-devdao.near/widget/components/DropDownWithSearchAndManualRequest.jsx b/instances/treasury-devdao.near/widget/components/DropDownWithSearchAndManualRequest.jsx
@@ -95,7 +95,7 @@ const Container = styled.div`
   }
 
   .selected {
-    background-color: #f0f0f0;
+    background-color: var(--grey-05);
   }
 
   .cursor-pointer {

diff --git a/instances/treasury-devdao.near/widget/components/Icons.jsx b/instances/treasury-devdao.near/widget/components/Icons.jsx
@@ -205,7 +205,7 @@ const VerifiedTick = ({ height, width }) => (
   >
     <path
       d="M16.5879 5.32409L16.5872 5.32426L16.0542 4.03729L16.0541 4.0371C15.7665 3.34304 15.215 2.79162 14.5209 2.50411C13.8271 2.21673 13.0476 2.21654 12.3537 2.50355C12.3534 2.50368 12.353 2.50381 12.3527 2.50395L11.066 3.03463L11.0633 3.03573C11.0226 3.05263 10.9769 3.0527 10.9361 3.03594L9.64994 2.5032C8.95569 2.21563 8.17564 2.21563 7.4814 2.5032C6.78715 2.79076 6.23557 3.34234 5.94801 4.03658L5.41514 5.32304C5.39813 5.36358 5.36578 5.39576 5.32514 5.41257L5.32437 5.41289L4.0378 5.9458C4.03767 5.94585 4.03754 5.94591 4.03741 5.94596C3.69362 6.0883 3.38124 6.29695 3.11809 6.56002C2.85484 6.82318 2.64602 7.13564 2.50358 7.47954C2.36113 7.82343 2.28784 8.19203 2.2879 8.56426C2.28796 8.93615 2.36123 9.30439 2.50353 9.64798C2.50366 9.64829 2.50379 9.6486 2.50392 9.64891L3.03555 10.9361L3.03639 10.9381C3.05329 10.9788 3.05336 11.0246 3.0366 11.0653L2.50386 12.3515L2.50352 12.3523C2.21654 13.0465 2.21693 13.8261 2.5046 14.52L3.6827 14.0315L2.5046 14.52C2.79227 15.2138 3.34369 15.7651 4.03763 16.0525L5.32443 16.5855C5.36524 16.6025 5.39765 16.6349 5.41454 16.6758L5.41485 16.6765L5.94847 17.9648L5.94879 17.9656C6.23655 18.6591 6.78782 19.21 7.4815 19.4973C8.17519 19.7847 8.95456 19.7849 9.64841 19.498L9.64856 19.4979L10.9364 18.9652L10.9378 18.9647C10.9786 18.9477 11.0245 18.9477 11.0654 18.9646L12.3512 19.4972C13.0455 19.7848 13.8255 19.7848 14.5198 19.4972L14.0095 18.2654L14.5198 19.4972C15.214 19.2096 15.7656 18.6581 16.0532 17.9638L16.5862 16.677C16.6031 16.6362 16.6356 16.6038 16.6764 16.5869L16.6772 16.5866L17.9638 16.0537C17.9639 16.0536 17.964 16.0536 17.9641 16.0535C18.3079 15.9112 18.6203 15.7025 18.8835 15.4395C19.1467 15.1763 19.3555 14.8638 19.498 14.5199C19.6404 14.176 19.7137 13.8074 19.7137 13.4352C19.7136 13.0633 19.6403 12.6951 19.4981 12.3516C19.498 12.3515 19.498 12.3514 19.4979 12.3513C19.4978 12.3511 19.4977 12.3508 19.4976 12.3506L18.9659 11.065L18.9647 11.0622C18.9485 11.0231 18.948 10.9778 18.9652 10.9362L19.4982 9.64927C19.7858 8.95503 19.7858 8.17498 19.4982 7.48074C19.2107 6.78649 18.6591 6.23491 17.9649 5.94735L16.6778 5.41422C16.6371 5.39724 16.6048 5.36484 16.5879 5.32409Z"
-      fill="var(--other-green)"
+      fill="#3CB179"
       stroke="var(--bg-page-color)"
       stroke-width="2.66667"
     />
@@ -228,7 +228,7 @@ const NotVerfiedTick = ({ height, width }) => (
   >
     <path
       d="M8.14537 13.7082H5.15492L8.19204 8.43378V9.99965C8.19204 10.4362 8.34992 10.8565 8.63407 11.1842C8.39089 11.3954 8.19899 11.6608 8.07485 11.9605C7.9171 12.3413 7.87583 12.7604 7.95625 13.1647C7.99406 13.3548 8.05797 13.5376 8.14537 13.7082ZM10.0003 5.98461C9.8551 5.98461 9.71165 6.00208 9.57281 6.03587L10.0003 5.29345L10.4277 6.03583C10.2889 6.00207 10.1455 5.98461 10.0003 5.98461ZM11.8086 9.99965V8.43426L14.8452 13.7082H11.8553C12.0054 13.4152 12.0845 13.0896 12.0845 12.7581C12.0845 12.2053 11.8649 11.6752 11.4741 11.2844C11.4393 11.2496 11.4035 11.2162 11.3666 11.1842C11.6508 10.8565 11.8086 10.4362 11.8086 9.99965ZM12.5612 2.49211L12.5612 2.4921L12.5579 2.48646C12.2968 2.0399 11.9233 1.66949 11.4746 1.41208C11.0259 1.15467 10.5176 1.01923 10.0003 1.01923C9.48305 1.01923 8.97477 1.15467 8.52607 1.41208C8.07737 1.66949 7.70388 2.0399 7.44277 2.48646L7.44275 2.48645L7.43949 2.49211L1.41034 12.9626C1.1542 13.402 1.01923 13.9014 1.01923 14.41C1.01923 14.9187 1.15422 15.4182 1.4104 15.8575C1.66986 16.3073 2.04406 16.6801 2.49479 16.9379C2.94501 17.1954 3.45543 17.3289 3.97402 17.3248H16.0269C16.5453 17.3286 17.0555 17.1949 17.5054 16.9374C17.9557 16.6796 18.3295 16.3071 18.5888 15.8577C18.8451 15.4186 18.9804 14.9194 18.9808 14.4109C18.9811 13.9022 18.8464 13.4025 18.5905 12.9629C18.59 12.962 18.5894 12.9611 18.5889 12.9602L12.5612 2.49211Z"
-      fill="var(--other-red)"
+      fill="#D95C4A"
       stroke="var(--bg-page-color)"
       stroke-width="1.96155"
     />

diff --git a/instances/treasury-devdao.near/widget/components/ReceiverAccount.jsx b/instances/treasury-devdao.near/widget/components/ReceiverAccount.jsx
@@ -48,18 +48,15 @@ useEffect(() => {
 const HoverCard = () => {
   return (
     <div>
-      <div className="d-flex justify-content-between align-items-center ">
-        <div className="d-flex" style={{ gap: "12px" }}>
-          {verificationStatus === "Verified" ? (
-            <VerifiedTick />
-          ) : (
-            <NotVerfiedTick />
-          )}
-
-          <div className="d-flex flex-column justify-content-center">
-            <div className="h6 mb-0">Fractal</div>
-            <div className="text-sm text-secondary">{verificationStatus}</div>
-          </div>
+      <div className="d-flex justify-content-between align-items-center gap-2">
+        {verificationStatus === "Verified" ? (
+          <VerifiedTick />
+        ) : (
+          <NotVerfiedTick />
+        )}
+        <div className="d-flex flex-column justify-content-center">
+          <div className="h6 mb-0">Fractal</div>
+          <div className="text-sm text-secondary">{verificationStatus}</div>
         </div>
       </div>
     </div>

diff --git a/instances/treasury-devdao.near/widget/components/TokensDropdown.jsx b/instances/treasury-devdao.near/widget/components/TokensDropdown.jsx
@@ -160,7 +160,7 @@ const Container = styled.div`
   }
 
   .selected {
-    background-color: #f0f0f0;
+    background-color: var(--grey-05);
   }
 
   .cursor-pointer {

diff --git a/instances/treasury-devdao.near/widget/components/ValidatorsDropDownWithSearch.jsx b/instances/treasury-devdao.near/widget/components/ValidatorsDropDownWithSearch.jsx
@@ -71,7 +71,7 @@ const Container = styled.div`
   }
 
   .selected {
-    background-color: #f0f0f0;
+    background-color: var(--grey-05);
   }
 
   .cursor-pointer {

diff --git a/instances/treasury-devdao.near/widget/components/templates/AppLayout.jsx b/instances/treasury-devdao.near/widget/components/templates/AppLayout.jsx
@@ -30,7 +30,7 @@ const getColors = (isDarkTheme) => `
   --other-red:#D95C4A;
 
   // bootstrap theme color
-  --bs-body-bg: var(--bg-page-color);
+  --bs-body-bg: var(--bg-card-color);
   --bs-border-color:  var(--border-color);
 `;
 
@@ -83,6 +83,7 @@ const Theme = styled.div`
   .dropdown-item.active,
   .dropdown-item:active {
     background-color: var(--bg-card-color) !important;
+    color: inherit !important;
   }
 
   .offcanvas {
@@ -268,8 +269,7 @@ const Theme = styled.div`
   }
 
   .use-max-bg {
-    background-color: #ecf8fb;
-    color: #1d62a8;
+    color: #007aff;
     cursor: pointer;
   }
 
@@ -316,6 +316,10 @@ const Theme = styled.div`
     }
   }
 
+  .btn-outline.btn:hover {
+    color: inherit !important;
+  }
+
   .border-right {
     border-right: 1px solid var(--border-color);
   }

diff --git a/instances/treasury-devdao.near/widget/pages/dashboard/Chart.jsx b/instances/treasury-devdao.near/widget/pages/dashboard/Chart.jsx
@@ -257,8 +257,8 @@ const Period = styled.div`
   font-weight: 500;
 
   &.selected {
-    background-color: #f7f7f7;
-    color: black;
+    background-color: var(--grey-05);
+    color: var(--text-color);
     border-radius: 8px;
   }
 `;

diff --git a/instances/treasury-devdao.near/widget/pages/settings/RoleSelector.jsx b/instances/treasury-devdao.near/widget/pages/settings/RoleSelector.jsx
@@ -76,7 +76,7 @@ const Container = styled.div`
   }
 
   .selected {
-    background-color: #f0f0f0;
+    background-color: var(--grey-05);
   }
 
   .cursor-pointer {

diff --git a/instances/treasury-devdao.near/widget/pages/stake-delegation/CreateButton.jsx b/instances/treasury-devdao.near/widget/pages/stake-delegation/CreateButton.jsx
@@ -162,7 +162,7 @@ const CreateBtn = () => {
     }
   
     .selected {
-      background-color: #f0f0f0;
+      background-color: var(--grey-05);
     }
   
     .disabled {