Styles

viaprotocol · Oct 5, 2023 · fbf33e4 · fbf33e4
1 parent 65726b0
commit fbf33e4
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 11 deletions.
diff --git a/src/ui/assets/chain-select/chain-filter-close.svg b/src/ui/assets/chain-select/chain-filter-close.svg
diff --git a/src/ui/component/TokenSelector/style.less b/src/ui/component/TokenSelector/style.less
@@ -24,7 +24,7 @@
   .input-wrapper {
     width: 100%;
     padding: 0 16px;
-    margin: 0 auto @token-selector-px;
+    margin: 0 auto 10px;
     .ant-input-affix-wrapper::before {
       height: 16px;
     }
@@ -72,6 +72,7 @@
     flex: 1;
     overflow-y: auto;
     margin: 0;
+    margin-top: 10px;
     li {
       display: flex;
       cursor: pointer;
@@ -117,10 +118,11 @@
       cursor: initial;
       font-size: 12px;
       line-height: 14px;
-      color: #707880;
+      color: #ccc;
       height: 35px;
       align-items: center;
       margin-bottom: 8px;
+      background: #1f1f1f;
       &::after {
         .part-border(360px);
         bottom: 0;

diff --git a/src/ui/views/Approval/components/Actions/components/UserListDrawer.tsx b/src/ui/views/Approval/components/Actions/components/UserListDrawer.tsx
@@ -17,7 +17,7 @@ const Footer = styled.div`
     font-weight: 500;
     font-size: 13px;
     line-height: 15px;
-    color: #13141a;
+    color: #cccccc;
     position: relative;
     border: 1px solid transparent;
     .rabby-checkbox__wrapper {
@@ -39,7 +39,7 @@ const Footer = styled.div`
       left: 18px;
       width: 328px;
       height: 1px;
-      background-color: #e5e9ef;
+      background-color: #333333;
     }
     &:hover {
       background: #333333;

diff --git a/src/ui/views/Approval/components/Connect/UserListDrawer.tsx b/src/ui/views/Approval/components/Connect/UserListDrawer.tsx
@@ -31,7 +31,7 @@ const Footer = styled.div`
     font-weight: 500;
     font-size: 13px;
     line-height: 15px;
-    color: #13141a;
+    color: #cccccc;
     position: relative;
     border: 1px solid transparent;
     .rabby-checkbox__wrapper {
@@ -53,7 +53,7 @@ const Footer = styled.div`
       left: 18px;
       width: 328px;
       height: 1px;
-      background-color: #e5e9ef;
+      background-color: #333333;
     }
     &:hover {
       background: rgba(134, 151, 255, 0.1);

diff --git a/src/ui/views/Approval/components/SecurityEngine/RuleDrawer.tsx b/src/ui/views/Approval/components/SecurityEngine/RuleDrawer.tsx
@@ -248,7 +248,7 @@ const RuleFooter = styled.div`
     font-weight: 500;
     font-size: 13px;
     line-height: 15px;
-    color: #13141a;
+    color: #cccccc;
     .right {
       display: flex;
       font-size: 12px;
@@ -267,7 +267,7 @@ const RuleFooter = styled.div`
         left: 18px;
         width: 328px;
         height: 1px;
-        background-color: #e5e9ef;
+        background-color: #333333;
       }
     }
     &:nth-child(2) {

diff --git a/src/ui/views/Dashboard/index.tsx b/src/ui/views/Dashboard/index.tsx
@@ -681,7 +681,7 @@ const Dashboard = () => {
               <div>&nbsp;</div>
               <div className="text-gray-subTitle">
                 <span className="text-[#CCC] font-semibold">
-                  Open swap Ally
+                  Open Ally Swap
                 </span>{' '}
               </div>
               <div className="text-[#3D3D3D]">⌥ S</div>