From ca090a701cfd42e80015cfb236fd437ea040362f Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 12 Mar 2024 05:23:14 +0530
Subject: [PATCH 01/22] setup theme for helpdot

---
 docs/_sass/_colors.scss | 58 +++++++++++++++++++++++++++++------------
 1 file changed, 41 insertions(+), 17 deletions(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index f0c89d31c580..c9473925d791 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,22 +1,46 @@
-// Product Color Spectrum
-$color-product-dark-100: #061B09;
-$color-product-dark-200: #072419;
-$color-product-dark-300: #0A2E25;
-$color-product-dark-400: #1A3D32;
-$color-product-dark-500: #224F41;
-$color-product-dark-600: #2A604F;
-$color-product-dark-700: #8B9C8F;
-$color-product-dark-800: #AFBBB0;
-$color-product-dark-900: #E7ECE9;
+@media (prefers-color-scheme: dark) {
+    // Product Color Spectrum
+    $color-product-dark-100: #061B09;
+    $color-product-dark-200: #072419;
+    $color-product-dark-300: #0A2E25;
+    $color-product-dark-400: #1A3D32;
+    $color-product-dark-500: #224F41;
+    $color-product-dark-600: #2A604F;
+    $color-product-dark-700: #8B9C8F;
+    $color-product-dark-800: #AFBBB0;
+    $color-product-dark-900: #E7ECE9;
 
-// Colors for Links and Success
-$color-blue200: #B0D9FF;
-$color-blue300: #5AB0FF;
-$color-green400: #03D47C;
-$color-green500: #00a862;
+    // Colors for Links and Success
+    $color-blue200: #B0D9FF;
+    $color-blue300: #5AB0FF;
+    $color-green400: #03D47C;
+    $color-green500: #00a862;
 
-// Overlay BG color
-$color-overlay-background: rgba(26, 61, 50, 0.72);
+    // Overlay BG color
+    $color-overlay-background: rgba(26, 61, 50, 0.72);
+}
+
+@media (prefers-color-scheme: light) {
+    // Product Color Spectrum
+    $color-product-dark-100: #061B09;
+    $color-product-dark-200: #072419;
+    $color-product-dark-300: #0A2E25;
+    $color-product-dark-400: #1A3D32;
+    $color-product-dark-500: #224F41;
+    $color-product-dark-600: #2A604F;
+    $color-product-dark-700: #8B9C8F;
+    $color-product-dark-800: #AFBBB0;
+    $color-product-dark-900: #E7ECE9;
+
+    // Colors for Links and Success
+    $color-blue200: #B0D9FF;
+    $color-blue300: #5AB0FF;
+    $color-green400: #03D47C;
+    $color-green500: #00a862;
+
+    // Overlay BG color
+    $color-overlay-background: rgba(26, 61, 50, 0.72);
+}
 
 // UI Colors
 $color-text: $color-product-dark-900;

From 283c4de6983d0fe856e280d068a2e2b320b329e1 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 12 Mar 2024 05:23:21 +0530
Subject: [PATCH 02/22] setup theme for helpdot

---
 docs/_sass/_colors.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index c9473925d791..22af28974281 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -58,3 +58,4 @@ $color-button-background: $color-product-dark-400;
 $color-button-background-hover: $color-product-dark-500;
 $color-button-success-background: $color-green400;
 $color-button-success-background-hover: $color-green500;
+$color-overlay: $color-overlay-background;

From efaa96a5f02d592032bb7ed48d2850dbd65a5be0 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 12 Mar 2024 05:23:25 +0530
Subject: [PATCH 03/22] setup theme for helpdot

---
 docs/_sass/_search-bar.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index f414d25fc266..5c58d70b5851 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -67,7 +67,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: $color-overlay-background;
+    background-color: $color-overlay;
     z-index: 1;
 }
 

From 8f2f32312dd6dca33bc392ccab0687c25cf291f5 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Thu, 21 Mar 2024 23:37:12 +0530
Subject: [PATCH 04/22] use css vars for theme

---
 docs/_sass/_colors.scss     | 96 +++++++++++++++----------------------
 docs/_sass/_main.scss       | 80 +++++++++++++++----------------
 docs/_sass/_search-bar.scss | 54 ++++++++++-----------
 docs/assets/css/styles.scss |  1 +
 4 files changed, 106 insertions(+), 125 deletions(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 22af28974281..37f5fc518f71 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,61 +1,41 @@
-@media (prefers-color-scheme: dark) {
-    // Product Color Spectrum
-    $color-product-dark-100: #061B09;
-    $color-product-dark-200: #072419;
-    $color-product-dark-300: #0A2E25;
-    $color-product-dark-400: #1A3D32;
-    $color-product-dark-500: #224F41;
-    $color-product-dark-600: #2A604F;
-    $color-product-dark-700: #8B9C8F;
-    $color-product-dark-800: #AFBBB0;
-    $color-product-dark-900: #E7ECE9;
-
-    // Colors for Links and Success
-    $color-blue200: #B0D9FF;
-    $color-blue300: #5AB0FF;
-    $color-green400: #03D47C;
-    $color-green500: #00a862;
-
-    // Overlay BG color
-    $color-overlay-background: rgba(26, 61, 50, 0.72);
+:root {
+    // UI Colors
+    --color-text: #e7ece9;
+    --color-text-supporting: #afbbb0;
+    --color-icons: #8b9c8f;
+    --color-borders: #1a3d32;
+    --color-highlightBG: #072419;
+    --color-row-hover: #0a2e25;
+    --color-appBG: #061b09;
+    --color-success: #03d47c;
+    --color-accent: #03d47c;
+    --color-link: #5ab0ff;
+    --color-link-hovered: #b0d9ff;
+    --color-button-background: #1a3d32;
+    --color-button-background-hover: #224f41;
+    --color-button-success-background: #03d47c;
+    --color-button-success-background-hover: #00a862;
+    --color-overlay: rgba(26, 61, 50, 0.72);
 }
 
-@media (prefers-color-scheme: light) {
-    // Product Color Spectrum
-    $color-product-dark-100: #061B09;
-    $color-product-dark-200: #072419;
-    $color-product-dark-300: #0A2E25;
-    $color-product-dark-400: #1A3D32;
-    $color-product-dark-500: #224F41;
-    $color-product-dark-600: #2A604F;
-    $color-product-dark-700: #8B9C8F;
-    $color-product-dark-800: #AFBBB0;
-    $color-product-dark-900: #E7ECE9;
-
-    // Colors for Links and Success
-    $color-blue200: #B0D9FF;
-    $color-blue300: #5AB0FF;
-    $color-green400: #03D47C;
-    $color-green500: #00a862;
-
-    // Overlay BG color
-    $color-overlay-background: rgba(26, 61, 50, 0.72);
+@media (prefers-color-scheme: dark) {
+    :root {
+        // UI Colors
+        --color-text: #e7ece9;
+        --color-text-supporting: #afbbb0;
+        --color-icons: #8b9c8f;
+        --color-borders: #1a3d32;
+        --color-highlightBG: #072419;
+        --color-row-hover: #0a2e25;
+        --color-appBG: #061b09;
+        --color-success: #03d47c;
+        --color-accent: #03d47c;
+        --color-link: #5ab0ff;
+        --color-link-hovered: #b0d9ff;
+        --color-button-background: #1a3d32;
+        --color-button-background-hover: #224f41;
+        --color-button-success-background: #03d47c;
+        --color-button-success-background-hover: #00a862;
+        --color-overlay: rgba(26, 61, 50, 0.72);
+    }
 }
-
-// UI Colors
-$color-text: $color-product-dark-900;
-$color-text-supporting: $color-product-dark-800;
-$color-icons: $color-product-dark-700;
-$color-borders: $color-product-dark-400;
-$color-highlightBG: $color-product-dark-200;
-$color-row-hover: $color-product-dark-300;
-$color-appBG: $color-product-dark-100;
-$color-success: $color-green400;
-$color-accent : $color-green400;
-$color-link: $color-blue300;
-$color-link-hovered: $color-blue200;
-$color-button-background: $color-product-dark-400;
-$color-button-background-hover: $color-product-dark-500;
-$color-button-success-background: $color-green400;
-$color-button-success-background-hover: $color-green500;
-$color-overlay: $color-overlay-background;
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index ec0f76801bc7..d569215707ab 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -62,12 +62,12 @@ html,
 body {
     height: 100%;
     min-height: 100%;
-    background: $color-appBG;
-    color: $color-text-supporting;
+    background: var(--color-appBG);
+    color: var(--color-text-supporting);
 }
 
 hr {
-    background: $color-borders;
+    background: var(--color-borders);
     border: none;
     display: inline-block;
     width: 24px;
@@ -84,7 +84,7 @@ em {
 }
 
 a {
-    color: $color-link;
+    color: var(--color-link);
     text-decoration: none;
 
     img {
@@ -99,7 +99,7 @@ h4,
 h5,
 h6, 
 summary {
-    color: $color-text;
+    color: var(--color-text);
     font-weight: bold;
     padding-bottom: 12px;
 }
@@ -153,7 +153,7 @@ textarea {
     font-weight: 400;
     font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
     font-size: 16px;
-    color: $color-text-supporting;
+    color: var(--color-text-supporting);
 }
 
 button {
@@ -164,15 +164,15 @@ button {
     font-weight: bold;
 
     &.success {
-        background-color: $color-button-success-background;
-        color: $color-text;
+        background-color: var(--color-button-success-background);
+        color: var(--color-text);
         width: 100%;
         border-radius: 100px;
         padding-left: 20px;
         padding-right: 20px;
 
         &:hover {
-            background-color: $color-button-success-background-hover;
+            background-color: var(--color-button-success-background-hover);
             cursor: pointer;
         }
 
@@ -205,9 +205,9 @@ button {
 
 #lhn {
     position: fixed;
-    background-color: $color-highlightBG;
+    background-color: var(--color-highlightBG);
     box-sizing: border-box;
-    border-right-color: $color-borders;
+    border-right-color: var(--color-borders);
     border-right-width: 1px;
     border-style: solid;
     width: 100%;
@@ -307,7 +307,7 @@ button {
 
     .selected {
         font-weight: bold;
-        color: $color-text;
+        color: var(--color-text);
     }
 
     .hide {
@@ -383,7 +383,7 @@ button {
             // Box shadow is used here because border-radius and border-collapse don't work together. It leads to double borders.
             // https://stackoverflow.com/questions/628301/the-border-radius-property-and-border-collapsecollapse-dont-mix-how-can-i-use
             border-style: hidden;
-            box-shadow: 0 0 0 1px $color-borders;
+            box-shadow: 0 0 0 1px var(--color-borders);
         }
 
         th:first-child {
@@ -405,12 +405,12 @@ button {
         th,
         td {
             padding: 6px 13px;
-            border: 1px solid $color-borders;
+            border: 1px solid var(--color-borders);
         }
 
         thead tr th {
             font-weight: bold;
-            background-color: $color-highlightBG;
+            background-color: var(--color-highlightBG);
         }
 
         .img-wrap {
@@ -446,14 +446,14 @@ button {
             margin-bottom: 20px;
             padding-top: 20px;
             padding-left: 5%;
-            border-left: 5px solid #1B5744;
+            border-left: 5px solid var(--color-button-background-hover);
 
             em:before {
                 content: "\“\a";
                 white-space: pre;
                 font-size: 60px;
                 line-height: 1em;
-                color: #03d47c;
+                color: var(--color-accent);
             }
 
             p:first-child {
@@ -464,7 +464,7 @@ button {
         }
 
         .selector-container {
-            background-color: $color-highlightBG;
+            background-color: var(--color-highlightBG);
             display: flex;
             flex-direction: row-reverse;
             gap: 20px;
@@ -485,7 +485,7 @@ button {
             height: 28px;
             border-radius: 20px;
             padding: 0px 26px 0px 12px;
-            color: $color-text;
+            color: var(--color-text);
             font-size: 11px;
             font-weight: 700;
             text-align: center;
@@ -498,7 +498,7 @@ button {
         }
 
         select {
-            background: url("/assets/images/down.svg") no-repeat right $color-button-background;
+            background: url("/assets/images/down.svg") no-repeat right var(--color-button-background);
             background-size: 12px;
             background-position-x: 85%;
             appearance: none !important;
@@ -510,8 +510,8 @@ button {
             padding: 12px;
             margin-bottom: 20px;
             border-radius: 8px;
-            background-color: $color-highlightBG;
-            color: $color-text;
+            background-color: var(--color-highlightBG);
+            color: var(--color-text);
             display: flex;
             gap: 12px;
             align-items: center;
@@ -532,11 +532,11 @@ button {
 
 .link {
     display: inline;
-    color: $color-text-supporting;
+    color: var(--color-text-supporting);
     cursor: pointer;
 
     &:hover {
-        color: $color-link;
+        color: var(--color-link);
     }
 }
 
@@ -565,7 +565,7 @@ button {
 
     .selected-article {
         font-weight: bold;
-        color: $color-text;
+        color: var(--color-text);
     }
 
     .home-link {
@@ -601,11 +601,11 @@ button {
     padding: 28px;
     font-weight: 700;
     cursor: pointer;
-    color: $color-text;
-    background-color: $color-highlightBG;
+    color: var(--color-text);
+    background-color: var(--color-highlightBG);
 
     &:hover {
-        background-color: $color-row-hover;
+        background-color: var(--color-row-hover);
     }
 
     .row {
@@ -704,14 +704,14 @@ button {
     }
 
     p.description {
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
         padding: 20px 0 20px 0;
     }
 
     p.url {
         padding: 0;
         font-size: 0.8em;
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
     }
 }
 
@@ -733,7 +733,7 @@ button {
 
     p.description {
         padding: 0;
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
 
         &.with-min-height {
             min-height: 68px;
@@ -818,7 +818,7 @@ button {
     }
 
     h3 {
-        color: $color-success;
+        color: var(--color-success);
         font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
         font-size: 17px;
         font-weight: 500;
@@ -836,13 +836,13 @@ button {
             margin: 0 0 8px;
 
             a {
-                color: $color-text-supporting;
+                color: var(--color-text-supporting);
                 display: block;
                 padding: 4px 0;
                 word-break: break-word;
 
                 &:hover {
-                    color: $color-link;
+                    color: var(--color-link);
                 }
             }
         }
@@ -852,21 +852,21 @@ button {
         padding-bottom: 20px;
 
         a {
-            color: $color-text-supporting;
+            color: var(--color-text-supporting);
             display: inline-block;
 
             &:hover {
-                color: $color-link;
+                color: var(--color-link);
             }
         }
     }
 
     &__fine-print {
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
         font-size: 10px;
 
         a {
-            color: $color-link;
+            color: var(--color-link);
         }
     }
 
@@ -945,8 +945,8 @@ button {
 }
 
 #platform-tabs > .active {
-    color: $color-text;
-    background-color: $color-button-background;
+    color: var(--color-text);
+    background-color: var(--color-button-background);
 }
 
 .hidden {
diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index 5c58d70b5851..f2b67485c466 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -7,7 +7,7 @@
 }
 
 #sidebar-search {
-    background-color: $color-appBG;
+    background-color: var(--color-appBG);
     width: 375px;
     position: fixed;
     display: flex;
@@ -67,7 +67,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: $color-overlay;
+    background-color: var(--color-overlay);
     z-index: 1;
 }
 
@@ -79,22 +79,22 @@
 
 /* This input is in #___gcse_0 search bar */
 input#gsc-i-id1.gsc-input {
-    background-color: $color-appBG;
+    background-color: var(--color-appBG);
     padding: 15px 0px 0px !important;
     pointer-events: auto;
-    color: #E7ECE9;
+    color: var(--color-text);
     font-family: "ExpensifyNeue", "Segoe UI Emoji", "Noto Color Emoji" !important;
 }
 
 /* These below #gsc-iw-id1, .gsc-input-box & .gsib_a are inner wrapper of search bar input */
 #gsc-iw-id1 {
-    background-color: $color-appBG;
-    border-bottom: $color-borders 2px solid;
+    background-color: var(--color-appBG);
+    border-bottom: var(--color-borders) 2px solid;
     border-bottom-left-radius: 0px;
     pointer-events: none;
 
     &:focus-within {
-        border-bottom: $color-accent 2px solid;
+        border-bottom: var(--color-accent) 2px solid;
     }
 }
 
@@ -111,12 +111,12 @@ input#gsc-i-id1.gsc-input {
 }
 /* This is the close icon on search bar */
 .gsib_b .gsst_a .gscb_a {
-    color: $color-icons;
+    color: var(--color-icons);
     padding: 8px 6px 0px 6px !important;
     pointer-events: auto;
 
     &:hover {
-        color: $color-text;
+        color: var(--color-text);
     }
 }
 
@@ -124,7 +124,7 @@ input#gsc-i-id1.gsc-input {
 .gsst_a:hover {
 
     .gscb_a {
-        color: $color-text !important;
+        color: var(--color-text) !important;
     }
 }
 
@@ -144,7 +144,7 @@ label.search-label {
     transform: translateY(-50%);
     left: 20px;
     pointer-events: none;
-    color: $color-text-supporting;
+    color: var(--color-text-supporting);
     transform-origin: left top;
     user-select: none;
     transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), top 500ms;
@@ -160,8 +160,8 @@ label.search-label {
 }
 
 .gsc-control-cse {
-    background-color: $color-appBG;
-    border: $color-appBG;
+    background-color: var(--color-appBG);
+    border: var(--color-appBG);
     font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
 }
 
@@ -180,18 +180,18 @@ label.search-label {
     margin-left: 15px;
     margin-right: 20px;
     border-radius: 25px;
-    background-color: $color-button-success-background;
+    background-color: var(--color-button-success-background);
     cursor: pointer;
     width: 40px;
     height: 40px;
 }
 
 .gsc-search-button.gsc-search-button-v2:hover {
-    background-color: $color-button-success-background-hover;
+    background-color: var(--color-button-success-background-hover);
 }
 
 .gsc-search-button.gsc-search-button-v2 svg {
-    fill: $color-text;
+    fill: var(--color-text);
     height: auto;
     width: auto;
 }
@@ -213,13 +213,13 @@ label.search-label {
 
 /* Change Font result Paragraph color */
 .gsc-results .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
-    color: $color-text-supporting;
+    color: var(--color-text-supporting);
 }
 
 
 /* Change the color of the Google Search Suggestion font */
 .gs-spelling.gs-result {
-    color: $color-text;
+    color: var(--color-text);
 }
 
 /* Pagination related style */
@@ -234,7 +234,7 @@ label.search-label {
     border-radius: 25px;
     display: inline-block;
     line-height: 2.5;
-    background-color: $color-accent;
+    background-color: var(--color-accent);
     font-weight: bold;
     font-size: 11px;
 }
@@ -243,28 +243,28 @@ label.search-label {
 /* Change the color & background of Google Search Pagination */
 .gsc-cursor-next-page,
 .gsc-cursor-final-page {
-    color: $color-text;
-    background-color: $color-appBG;
+    color: var(--color-text);
+    background-color: var(--color-appBG);
 }
 
 /* Change the color & background of Google Search Current Page */
 .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
-    background-color: $color-accent;
-    color: $color-text;
+    background-color: var(--color-accent);
+    color: var(--color-text);
 
     &:hover {
         text-decoration: none;
-        background-color: $color-accent;
+        background-color: var(--color-accent);
     }
 }
 
 /* Change the color & background of Google Search of Other Page */
 .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page {
-    background-color: $color-button-background;
-    color: $color-text;
+    background-color: var(--color-button-background);
+    color: var(--color-text);
 
     &:hover {
-        background-color: $color-button-background-hover;
+        background-color: var(--color-button-background-hover);
         text-decoration: none;
     }
 }
diff --git a/docs/assets/css/styles.scss b/docs/assets/css/styles.scss
index 271e60fe6611..da50df3a6cb6 100644
--- a/docs/assets/css/styles.scss
+++ b/docs/assets/css/styles.scss
@@ -1,3 +1,4 @@
 ---
 ---
+
 @import 'main';

From 9e557a1f4c18c7a96e3d83de9bba02229bbee525 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 00:43:15 +0530
Subject: [PATCH 05/22] add light mode colors

---
 docs/_sass/_colors.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 37f5fc518f71..84a7c9b621f4 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,18 +1,18 @@
 :root {
     // UI Colors
-    --color-text: #e7ece9;
-    --color-text-supporting: #afbbb0;
-    --color-icons: #8b9c8f;
-    --color-borders: #1a3d32;
-    --color-highlightBG: #072419;
-    --color-row-hover: #0a2e25;
-    --color-appBG: #061b09;
+    --color-text: #002E22;
+    --color-text-supporting: #76847E;
+    --color-icons: #A2A9A3;
+    --color-borders: #E6E1DA;
+    --color-highlightBG: #F8F4F0;
+    --color-row-hover: #F2EDE7;
+    --color-appBG: #FCFBF9;
     --color-success: #03d47c;
     --color-accent: #03d47c;
     --color-link: #5ab0ff;
     --color-link-hovered: #b0d9ff;
-    --color-button-background: #1a3d32;
-    --color-button-background-hover: #224f41;
+    --color-button-background: #E6E1DA;
+    --color-button-background-hover: #D8D1C7;
     --color-button-success-background: #03d47c;
     --color-button-success-background-hover: #00a862;
     --color-overlay: rgba(26, 61, 50, 0.72);

From 90239e800041f77bb73ca9a51a019a37fe1752b8 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 00:43:43 +0530
Subject: [PATCH 06/22] override search colors

---
 docs/_sass/_search-bar.scss | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index f2b67485c466..55cd578c2665 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -79,10 +79,10 @@
 
 /* This input is in #___gcse_0 search bar */
 input#gsc-i-id1.gsc-input {
-    background-color: var(--color-appBG);
+    background-color: var(--color-appBG) !important;
     padding: 15px 0px 0px !important;
     pointer-events: auto;
-    color: var(--color-text);
+    color: var(--color-text) !important;
     font-family: "ExpensifyNeue", "Segoe UI Emoji", "Noto Color Emoji" !important;
 }
 
@@ -160,11 +160,20 @@ label.search-label {
 }
 
 .gsc-control-cse {
-    background-color: var(--color-appBG);
-    border: var(--color-appBG);
+    background-color: var(--color-appBG) !important;
+    border: var(--color-appBG) !important;
     font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
 }
 
+.gsc-webResult.gsc-result {
+    border-color: var(--color-appBG) !important;
+    background-color: var(--color-appBG) !important;
+}
+
+.gs-webResult.gs-result a.gs-title:link{
+    color: var(--color-link) !important;
+}
+
 /* Hide the scrollbar */
 .gsc-control-cse::-webkit-scrollbar {
     display: none;
@@ -181,6 +190,7 @@ label.search-label {
     margin-right: 20px;
     border-radius: 25px;
     background-color: var(--color-button-success-background);
+    border-color: var(--color-appBG) !important;
     cursor: pointer;
     width: 40px;
     height: 40px;

From e7cf572fcd80b67c607d998f368b9f39ec3abb3c Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 00:58:43 +0530
Subject: [PATCH 07/22] fix search border color

---
 docs/_sass/_search-bar.scss | 38 +++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index 55cd578c2665..f660279eaa38 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -6,6 +6,10 @@
     margin: auto 0px;
 }
 
+.gsc-input-box {
+    border: 0 !important;
+}
+
 #sidebar-search {
     background-color: var(--color-appBG);
     width: 375px;
@@ -61,7 +65,7 @@
 
     /* Full width (cover the whole page) */
     height: 100%;
-    
+
     /* Full height (cover the whole page) */
     top: 0;
     left: 0;
@@ -83,18 +87,18 @@ input#gsc-i-id1.gsc-input {
     padding: 15px 0px 0px !important;
     pointer-events: auto;
     color: var(--color-text) !important;
-    font-family: "ExpensifyNeue", "Segoe UI Emoji", "Noto Color Emoji" !important;
+    font-family: 'ExpensifyNeue', 'Segoe UI Emoji', 'Noto Color Emoji' !important;
 }
 
 /* These below #gsc-iw-id1, .gsc-input-box & .gsib_a are inner wrapper of search bar input */
 #gsc-iw-id1 {
     background-color: var(--color-appBG);
-    border-bottom: var(--color-borders) 2px solid;
+    border-bottom: var(--color-borders) 2px solid !important;
     border-bottom-left-radius: 0px;
     pointer-events: none;
 
     &:focus-within {
-        border-bottom: var(--color-accent) 2px solid;
+        border-bottom: var(--color-accent) 2px solid !important;
     }
 }
 
@@ -106,7 +110,8 @@ input#gsc-i-id1.gsc-input {
     margin-left: auto;
 }
 
-.gsst_b, .gsst_a {
+.gsst_b,
+.gsst_a {
     padding: 0px !important;
 }
 /* This is the close icon on search bar */
@@ -122,17 +127,16 @@ input#gsc-i-id1.gsc-input {
 
 /* This is to manage hover on parent close icon and make it the same effect on close icon */
 .gsst_a:hover {
-
     .gscb_a {
         color: var(--color-text) !important;
     }
 }
 
 /* Manage Google Search label animation */
-input#gsc-i-id1:focus+label.search-label,
-input#gsc-i-id1:valid+label.search-label,
-input#gsc-i-id1:active+label.search-label {
-    transform: translateY(-100%) scale(0.80);
+input#gsc-i-id1:focus + label.search-label,
+input#gsc-i-id1:valid + label.search-label,
+input#gsc-i-id1:active + label.search-label {
+    transform: translateY(-100%) scale(0.8);
 }
 
 label.search-label {
@@ -140,7 +144,7 @@ label.search-label {
     position: absolute;
     margin-top: -20px;
     font-size: 15px;
-    font-family: "ExpensifyNeue", "Segoe UI Emoji", "Noto Color Emoji";
+    font-family: 'ExpensifyNeue', 'Segoe UI Emoji', 'Noto Color Emoji';
     transform: translateY(-50%);
     left: 20px;
     pointer-events: none;
@@ -162,7 +166,7 @@ label.search-label {
 .gsc-control-cse {
     background-color: var(--color-appBG) !important;
     border: var(--color-appBG) !important;
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
 }
 
 .gsc-webResult.gsc-result {
@@ -170,7 +174,7 @@ label.search-label {
     background-color: var(--color-appBG) !important;
 }
 
-.gs-webResult.gs-result a.gs-title:link{
+.gs-webResult.gs-result a.gs-title:link {
     color: var(--color-link) !important;
 }
 
@@ -215,18 +219,17 @@ label.search-label {
     border-bottom: none;
 }
 
-
 /* Change Font the Google Search result */
 .gsc-control-cse .gsc-table-result {
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
 }
 
 /* Change Font result Paragraph color */
-.gsc-results .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
+.gsc-results .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
+.gs-fileFormatType {
     color: var(--color-text-supporting);
 }
 
-
 /* Change the color of the Google Search Suggestion font */
 .gs-spelling.gs-result {
     color: var(--color-text);
@@ -249,7 +252,6 @@ label.search-label {
     font-size: 11px;
 }
 
-
 /* Change the color & background of Google Search Pagination */
 .gsc-cursor-next-page,
 .gsc-cursor-final-page {

From e02017fccabf0a312744008d6bebe3b8d069c423 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 01:02:23 +0530
Subject: [PATCH 08/22] fix search bg color when clicked

---
 docs/_sass/_search-bar.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index f660279eaa38..8b727e5655b6 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -200,7 +200,8 @@ label.search-label {
     height: 40px;
 }
 
-.gsc-search-button.gsc-search-button-v2:hover {
+.gsc-search-button.gsc-search-button-v2:hover,
+.gsc-search-button.gsc-search-button-v2:focus {
     background-color: var(--color-button-success-background-hover);
 }
 

From 21e6420e04f318f2db9d45b3b1111434207869e8 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 01:09:44 +0530
Subject: [PATCH 09/22] make button text color white

---
 docs/_sass/_colors.scss     | 2 ++
 docs/_sass/_main.scss       | 4 ++--
 docs/_sass/_search-bar.scss | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 84a7c9b621f4..924198236757 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,6 +1,7 @@
 :root {
     // UI Colors
     --color-text: #002E22;
+    --color-button-text: #fff;
     --color-text-supporting: #76847E;
     --color-icons: #A2A9A3;
     --color-borders: #E6E1DA;
@@ -22,6 +23,7 @@
     :root {
         // UI Colors
         --color-text: #e7ece9;
+        --color-button-text: #fff;
         --color-text-supporting: #afbbb0;
         --color-icons: #8b9c8f;
         --color-borders: #1a3d32;
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index d569215707ab..df9e588e1220 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -165,7 +165,7 @@ button {
 
     &.success {
         background-color: var(--color-button-success-background);
-        color: var(--color-text);
+        color: var(--color-button-text);
         width: 100%;
         border-radius: 100px;
         padding-left: 20px;
@@ -945,7 +945,7 @@ button {
 }
 
 #platform-tabs > .active {
-    color: var(--color-text);
+    color: var(--color-button-text);
     background-color: var(--color-button-background);
 }
 
diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index 8b727e5655b6..5347dd0a5931 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -206,7 +206,7 @@ label.search-label {
 }
 
 .gsc-search-button.gsc-search-button-v2 svg {
-    fill: var(--color-text);
+    fill: var(--color-button-text);
     height: auto;
     width: auto;
 }

From 7595af4f3c2df55c7571a9bea85bfa26fae9efcc Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 01:22:57 +0530
Subject: [PATCH 10/22] overlap color for light mode

---
 docs/_sass/_colors.scss | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 924198236757..e135d7b56e65 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,22 +1,22 @@
 :root {
     // UI Colors
-    --color-text: #002E22;
+    --color-text: #002e22;
     --color-button-text: #fff;
-    --color-text-supporting: #76847E;
-    --color-icons: #A2A9A3;
-    --color-borders: #E6E1DA;
-    --color-highlightBG: #F8F4F0;
-    --color-row-hover: #F2EDE7;
-    --color-appBG: #FCFBF9;
+    --color-text-supporting: #76847e;
+    --color-icons: #a2a9a3;
+    --color-borders: #e6e1da;
+    --color-highlightBG: #f8f4f0;
+    --color-row-hover: #f2ede7;
+    --color-appBG: #fcfbf9;
     --color-success: #03d47c;
     --color-accent: #03d47c;
     --color-link: #5ab0ff;
     --color-link-hovered: #b0d9ff;
-    --color-button-background: #E6E1DA;
-    --color-button-background-hover: #D8D1C7;
+    --color-button-background: #e6e1da;
+    --color-button-background-hover: #d8d1c7;
     --color-button-success-background: #03d47c;
     --color-button-success-background-hover: #00a862;
-    --color-overlay: rgba(26, 61, 50, 0.72);
+    --color-overlay: rgba(0, 0, 0, 0.28);
 }
 
 @media (prefers-color-scheme: dark) {

From 4def09ef6e68e7c10ef64db4bea36ee1e8d48c39 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 02:08:06 +0530
Subject: [PATCH 11/22] support light mode logo

---
 docs/assets/images/expensify-help.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/assets/images/expensify-help.svg b/docs/assets/images/expensify-help.svg
index 0655b947a27f..db9379fac769 100644
--- a/docs/assets/images/expensify-help.svg
+++ b/docs/assets/images/expensify-help.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 189 30" style="enable-background:new 0 0 189 30" xml:space="preserve"><style type="text/css">.st0{fill:#fffaf0}.st1{fill:#03d47c}</style><g><g><path d="M0,23.1h13.9V19H5.1v-3.8h7.1V11H5.1V7.4h8.8V3.3H0V23.1z" class="st0"/><path d="M31.1,7.7H25l-2,3.7l-2.1-3.7h-6.3l5.1,7.5l-5.5,8h6.1l2.4-4.1l2.4,4.1h6.3l-5.5-8L31.1,7.7z" class="st0"/><path d="M40.8,7.3L40.8,7.3c-1.7,0-3.2,0.7-4.2,2V7.7h-4.7v22h5v-7.7c0.9,0.9,2.3,1.5,3.9,1.5c4.1,0,6.9-3.1,6.9-8.1 C47.7,10.5,45,7.3,40.8,7.3L40.8,7.3z M39.7,19.4c-1.9,0-3-1.5-3-4s1.1-4,3-4c1.9,0,3,1.4,3,4S41.5,19.4,39.7,19.4z" class="st0"/><path d="M56.4,19.6c-1.5,0-2.7-0.9-3-3.1h10.6v-0.7c0-4.8-2.7-8.5-7.9-8.5c-3.7,0-7.9,2-7.9,8.1 c0,4.9,3.2,8.1,8.1,8.1c2.9,0,6.6-1.1,7.7-5.6h-5.1C58.9,18.7,58.2,19.6,56.4,19.6L56.4,19.6z M56.2,11c1.4,0,2.4,0.8,2.6,2.6 h-5.2C54,11.6,55,11,56.2,11L56.2,11z" class="st0"/><path d="M73.9,7.3c-1.7,0-3.2,0.8-4.2,2.2V7.7h-4.7v15.4h5v-8.6c0-2.1,1.1-3,2.4-3c1.5,0,2.3,0.6,2.3,3v8.6h5v-9 C79.7,9.2,77.7,7.3,73.9,7.3L73.9,7.3z" class="st0"/><path d="M97.9,0.7c-1.5,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.5,0,2.6-1.2,2.6-2.6C100.5,1.8,99.5,0.7,97.9,0.7z" class="st0"/><path d="M100.4,7.7h-5v15.4h5V7.7z" class="st0"/><path d="M88.9,13.5l-1.2-0.3c-1.3-0.3-1.8-0.9-1.8-1.4c0-0.8,0.7-1.4,1.9-1.4c1.5,0,2.2,0.5,2.2,1.9h4.3 c-0.1-3.2-2-5.1-6.8-5.1c-4.1,0-6.6,1.5-6.6,5c0,2.7,1.8,3.9,6,4.9l1.2,0.3c1.3,0.3,1.8,0.9,1.8,1.5c0,0.8-0.8,1.2-2.1,1.2 c-1.7,0-2.5-0.6-2.7-2h-4.9c0.3,3.7,2.9,5.6,7.4,5.6c4.5,0,7.2-1.7,7.2-5.1C94.9,15.7,93.1,14.4,88.9,13.5L88.9,13.5z" class="st0"/><path d="M119.9,7.7L119.9,7.7l-2.8,9.4l-2.7-9.4h-6.5V7.2c0-1.3,0.9-2.5,2.4-2.5h0.7V0.6h-1c-4.3,0.1-7.1,3.1-7.1,6.9 v0.2h-1.9v4.5h1.9v10.8h5V12.3h2.8l3.7,10.4l-0.6,1.6c-0.5,1.2-1,1.5-2,1.5c-0.5,0-1.1,0-1.8-0.2l-0.3,4.1 c0.7,0.2,1.7,0.3,2.9,0.3c3,0,4.5-1.3,6-5.2L125,7.7L119.9,7.7L119.9,7.7z" class="st0"/></g><g><path d="M144.5,23.1c2.7,0,4.3-0.3,4.3-1.1c0-0.7-0.7-0.9-2.1-0.9c-0.4-0.1-0.5-1.5-0.5-3.2V6.9 c0-1.7,0.1-3.1,0.5-3.2c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.3-1.2c-2.8,0-4.4,0.3-4.4,1.2c0,0.6,0.7,0.8,2.1,0.9 c0.4,0.1,0.5,1.6,0.5,3.2v3.9c-0.1,0.3-0.3,0.4-1.1,0.4h-8.5c-0.8,0-1-0.1-1.1-0.4V6.9c0-1.7,0.1-3.1,0.5-3.2 c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.4-1.2c-2.7,0-4.3,0.3-4.3,1.2c0,0.6,0.7,0.8,2.1,0.9c0.4,0.1,0.4,1.6,0.4,3.2v10.9 c0,1.7-0.1,3.1-0.4,3.2c-1.5,0.1-2.1,0.3-2.1,0.9c0,0.8,1.6,1.1,4.3,1.1c2.8,0,4.4-0.3,4.4-1.1c0-0.7-0.7-0.9-2.1-0.9 c-0.4-0.1-0.5-1.5-0.5-3.2v-4.3c0.1-0.3,0.3-0.4,1.1-0.4h8.5c0.8,0,0.9,0.1,1.1,0.4v4.2c0,1.7-0.1,3.1-0.5,3.2 c-1.5,0.1-2.1,0.3-2.1,0.9C140.1,22.8,141.7,23.1,144.5,23.1z" class="st1"/><path d="M156.3,23.4c2.7,0,4.6-1.2,5.7-2.5c0.7-0.7,1-1.5,1-2c0-0.5-0.2-0.8-0.6-0.8c-0.3,0-0.5,0.2-0.8,0.5 c-0.9,0.9-2.2,1.9-4.3,1.9c-3,0-4.8-2.1-5-5.3h8.8c1.2,0,1.8-0.9,1.8-2.2c0-2.6-2.3-5.2-6.1-5.2c-4.1,0-7.5,3.3-7.5,8.1 C149.3,20.3,152.1,23.4,156.3,23.4z M152.4,13.6c0.4-2.6,2-4.2,4.3-4.2c2.1,0,3.4,1.4,3.4,3c0,0.8-0.5,1.2-1.5,1.2L152.4,13.6z" class="st1"/><path d="M167.6,23.1c2.3,0,3.7-0.3,3.7-1.1c0-0.6-0.6-0.7-1.7-0.8c-0.3-0.1-0.4-1.2-0.4-3.1V7.5 c0-2.1,0.1-3.8,0.1-4.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4.1,1c-0.4,0.2-0.6,0.4-0.6,0.8c0,0.4,0.4,0.7,2,0.8 c0.4,0.2,0.4,1.9,0.4,3.3V18c0,2.1,0,3-0.4,3.1c-1.1,0.1-1.7,0.2-1.7,0.8C163.9,22.8,165.2,23.1,167.6,23.1z" class="st1"/><path d="M175.7,28.6c2.9,0,4.4-0.2,4.4-1.1c0-0.6-0.6-0.7-2.3-0.9c-0.4-0.2-0.5-1.2-0.5-3.1v-1.9c1,1,2.6,1.7,4.6,1.7 c4.2,0,7.1-3.4,7.1-8.1c0-4.6-2.6-7.5-6.1-7.5c-2.5,0-4.7,1.5-5.6,3.6c0-0.8,0-1.4,0-1.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4,1 c-0.4,0.2-0.6,0.5-0.6,0.8c0,0.4,0.4,0.7,1.9,0.8c0.4,0.2,0.4,2,0.4,3.2v9.7c0,2.1-0.1,3-0.4,3.1c-1.2,0.1-1.8,0.3-1.8,0.9 C171.9,28.3,173.3,28.6,175.7,28.6z M177.3,16.2c0-4.4,2.2-6.2,4.3-6.2c2.3,0,4,2.2,4,5.9c0,3.6-1.6,5.8-4.2,5.8 C179.1,21.7,177.3,20.2,177.3,16.2z" class="st1"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 189 30" style="enable-background:new 0 0 189 30" xml:space="preserve"><style type="text/css">.st0{fill:#002e22}@media(prefers-color-scheme: dark){.st0{fill:#fffaf0}}.st1{fill:#03d47c}</style><g><g><path d="M0,23.1h13.9V19H5.1v-3.8h7.1V11H5.1V7.4h8.8V3.3H0V23.1z" class="st0"/><path d="M31.1,7.7H25l-2,3.7l-2.1-3.7h-6.3l5.1,7.5l-5.5,8h6.1l2.4-4.1l2.4,4.1h6.3l-5.5-8L31.1,7.7z" class="st0"/><path d="M40.8,7.3L40.8,7.3c-1.7,0-3.2,0.7-4.2,2V7.7h-4.7v22h5v-7.7c0.9,0.9,2.3,1.5,3.9,1.5c4.1,0,6.9-3.1,6.9-8.1 C47.7,10.5,45,7.3,40.8,7.3L40.8,7.3z M39.7,19.4c-1.9,0-3-1.5-3-4s1.1-4,3-4c1.9,0,3,1.4,3,4S41.5,19.4,39.7,19.4z" class="st0"/><path d="M56.4,19.6c-1.5,0-2.7-0.9-3-3.1h10.6v-0.7c0-4.8-2.7-8.5-7.9-8.5c-3.7,0-7.9,2-7.9,8.1 c0,4.9,3.2,8.1,8.1,8.1c2.9,0,6.6-1.1,7.7-5.6h-5.1C58.9,18.7,58.2,19.6,56.4,19.6L56.4,19.6z M56.2,11c1.4,0,2.4,0.8,2.6,2.6 h-5.2C54,11.6,55,11,56.2,11L56.2,11z" class="st0"/><path d="M73.9,7.3c-1.7,0-3.2,0.8-4.2,2.2V7.7h-4.7v15.4h5v-8.6c0-2.1,1.1-3,2.4-3c1.5,0,2.3,0.6,2.3,3v8.6h5v-9 C79.7,9.2,77.7,7.3,73.9,7.3L73.9,7.3z" class="st0"/><path d="M97.9,0.7c-1.5,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.5,0,2.6-1.2,2.6-2.6C100.5,1.8,99.5,0.7,97.9,0.7z" class="st0"/><path d="M100.4,7.7h-5v15.4h5V7.7z" class="st0"/><path d="M88.9,13.5l-1.2-0.3c-1.3-0.3-1.8-0.9-1.8-1.4c0-0.8,0.7-1.4,1.9-1.4c1.5,0,2.2,0.5,2.2,1.9h4.3 c-0.1-3.2-2-5.1-6.8-5.1c-4.1,0-6.6,1.5-6.6,5c0,2.7,1.8,3.9,6,4.9l1.2,0.3c1.3,0.3,1.8,0.9,1.8,1.5c0,0.8-0.8,1.2-2.1,1.2 c-1.7,0-2.5-0.6-2.7-2h-4.9c0.3,3.7,2.9,5.6,7.4,5.6c4.5,0,7.2-1.7,7.2-5.1C94.9,15.7,93.1,14.4,88.9,13.5L88.9,13.5z" class="st0"/><path d="M119.9,7.7L119.9,7.7l-2.8,9.4l-2.7-9.4h-6.5V7.2c0-1.3,0.9-2.5,2.4-2.5h0.7V0.6h-1c-4.3,0.1-7.1,3.1-7.1,6.9 v0.2h-1.9v4.5h1.9v10.8h5V12.3h2.8l3.7,10.4l-0.6,1.6c-0.5,1.2-1,1.5-2,1.5c-0.5,0-1.1,0-1.8-0.2l-0.3,4.1 c0.7,0.2,1.7,0.3,2.9,0.3c3,0,4.5-1.3,6-5.2L125,7.7L119.9,7.7L119.9,7.7z" class="st0"/></g><g><path d="M144.5,23.1c2.7,0,4.3-0.3,4.3-1.1c0-0.7-0.7-0.9-2.1-0.9c-0.4-0.1-0.5-1.5-0.5-3.2V6.9 c0-1.7,0.1-3.1,0.5-3.2c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.3-1.2c-2.8,0-4.4,0.3-4.4,1.2c0,0.6,0.7,0.8,2.1,0.9 c0.4,0.1,0.5,1.6,0.5,3.2v3.9c-0.1,0.3-0.3,0.4-1.1,0.4h-8.5c-0.8,0-1-0.1-1.1-0.4V6.9c0-1.7,0.1-3.1,0.5-3.2 c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.4-1.2c-2.7,0-4.3,0.3-4.3,1.2c0,0.6,0.7,0.8,2.1,0.9c0.4,0.1,0.4,1.6,0.4,3.2v10.9 c0,1.7-0.1,3.1-0.4,3.2c-1.5,0.1-2.1,0.3-2.1,0.9c0,0.8,1.6,1.1,4.3,1.1c2.8,0,4.4-0.3,4.4-1.1c0-0.7-0.7-0.9-2.1-0.9 c-0.4-0.1-0.5-1.5-0.5-3.2v-4.3c0.1-0.3,0.3-0.4,1.1-0.4h8.5c0.8,0,0.9,0.1,1.1,0.4v4.2c0,1.7-0.1,3.1-0.5,3.2 c-1.5,0.1-2.1,0.3-2.1,0.9C140.1,22.8,141.7,23.1,144.5,23.1z" class="st1"/><path d="M156.3,23.4c2.7,0,4.6-1.2,5.7-2.5c0.7-0.7,1-1.5,1-2c0-0.5-0.2-0.8-0.6-0.8c-0.3,0-0.5,0.2-0.8,0.5 c-0.9,0.9-2.2,1.9-4.3,1.9c-3,0-4.8-2.1-5-5.3h8.8c1.2,0,1.8-0.9,1.8-2.2c0-2.6-2.3-5.2-6.1-5.2c-4.1,0-7.5,3.3-7.5,8.1 C149.3,20.3,152.1,23.4,156.3,23.4z M152.4,13.6c0.4-2.6,2-4.2,4.3-4.2c2.1,0,3.4,1.4,3.4,3c0,0.8-0.5,1.2-1.5,1.2L152.4,13.6z" class="st1"/><path d="M167.6,23.1c2.3,0,3.7-0.3,3.7-1.1c0-0.6-0.6-0.7-1.7-0.8c-0.3-0.1-0.4-1.2-0.4-3.1V7.5 c0-2.1,0.1-3.8,0.1-4.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4.1,1c-0.4,0.2-0.6,0.4-0.6,0.8c0,0.4,0.4,0.7,2,0.8 c0.4,0.2,0.4,1.9,0.4,3.3V18c0,2.1,0,3-0.4,3.1c-1.1,0.1-1.7,0.2-1.7,0.8C163.9,22.8,165.2,23.1,167.6,23.1z" class="st1"/><path d="M175.7,28.6c2.9,0,4.4-0.2,4.4-1.1c0-0.6-0.6-0.7-2.3-0.9c-0.4-0.2-0.5-1.2-0.5-3.1v-1.9c1,1,2.6,1.7,4.6,1.7 c4.2,0,7.1-3.4,7.1-8.1c0-4.6-2.6-7.5-6.1-7.5c-2.5,0-4.7,1.5-5.6,3.6c0-0.8,0-1.4,0-1.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4,1 c-0.4,0.2-0.6,0.5-0.6,0.8c0,0.4,0.4,0.7,1.9,0.8c0.4,0.2,0.4,2,0.4,3.2v9.7c0,2.1-0.1,3-0.4,3.1c-1.2,0.1-1.8,0.3-1.8,0.9 C171.9,28.3,173.3,28.6,175.7,28.6z M177.3,16.2c0-4.4,2.2-6.2,4.3-6.2c2.3,0,4,2.2,4,5.9c0,3.6-1.6,5.8-4.2,5.8 C179.1,21.7,177.3,20.2,177.3,16.2z" class="st1"/></g></g></svg>
\ No newline at end of file

From b71784f266fe111f3a7ffe7a7abf782b4c47f7f5 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 02:09:00 +0530
Subject: [PATCH 12/22] run prettier

---
 docs/_sass/_main.scss | 50 ++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 27 deletions(-)

diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index df9e588e1220..1bccaed9132f 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -97,7 +97,7 @@ h2,
 h3,
 h4,
 h5,
-h6, 
+h6,
 summary {
     color: var(--color-text);
     font-weight: bold;
@@ -116,22 +116,22 @@ h6 {
     font-size: 1.5em;
 }
 
-details summary { 
+details summary {
     cursor: pointer;
     user-select: none;
 }
 
 details > summary {
-    list-style-image: url("/assets/images/arrow-right.svg");
+    list-style-image: url('/assets/images/arrow-right.svg');
 }
 
 details[open] > summary {
-    list-style-image: url("/assets/images/down.svg");
+    list-style-image: url('/assets/images/down.svg');
 }
 
-h1, 
+h1,
 summary {
-    font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+    font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     font-weight: 500;
     font-size: larger;
 }
@@ -151,7 +151,7 @@ select,
 textarea {
     line-height: 1.4;
     font-weight: 400;
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     font-size: 16px;
     color: var(--color-text-supporting);
 }
@@ -159,7 +159,7 @@ textarea {
 button {
     border-radius: 12px;
     padding: 12px;
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     font-size: 15px;
     font-weight: bold;
 
@@ -230,7 +230,6 @@ button {
         list-style: none;
     }
 
-
     #lhn-content {
         overflow: auto;
         display: none;
@@ -253,7 +252,6 @@ button {
             &::-webkit-scrollbar {
                 display: none;
             }
-
         }
 
         &.expanded {
@@ -338,7 +336,7 @@ button {
         margin-left: 420px;
         /* On wide screens, the padding needs to be equal to
         the view width, minus the content size, minus the lhn size, divided by two. */
-        padding: 52px calc((100vw - 1000px - 420px)/2) 0 calc((100vw - 1000px - 420px)/2);
+        padding: 52px calc((100vw - 1000px - 420px) / 2) 0 calc((100vw - 1000px - 420px) / 2);
     }
 
     ul,
@@ -419,7 +417,8 @@ button {
             flex-wrap: wrap;
         }
 
-        h1, summary {
+        h1,
+        summary {
             font-size: 1.5em;
             padding: 20px 0 12px 0;
         }
@@ -427,12 +426,12 @@ button {
         h2 {
             font-size: 1.125em;
             font-weight: 500;
-            font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+            font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
         }
 
         h3 {
             font-size: 1em;
-            font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+            font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
         }
 
         h2,
@@ -449,7 +448,7 @@ button {
             border-left: 5px solid var(--color-button-background-hover);
 
             em:before {
-                content: "\“\a";
+                content: '\“\a';
                 white-space: pre;
                 font-size: 60px;
                 line-height: 1em;
@@ -458,7 +457,7 @@ button {
 
             p:first-child {
                 font-size: large;
-                font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+                font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
                 opacity: 0.8;
             }
         }
@@ -472,7 +471,8 @@ button {
             padding: 20px;
             margin-bottom: 20px;
             justify-content: space-between;
-            * > ol, ul {
+            * > ol,
+            ul {
                 padding: 0;
             }
 
@@ -494,11 +494,10 @@ button {
             @include maxBreakpoint($breakpoint-tablet) {
                 width: 100px;
             }
-
         }
 
         select {
-            background: url("/assets/images/down.svg") no-repeat right var(--color-button-background);
+            background: url('/assets/images/down.svg') no-repeat right var(--color-button-background);
             background-size: 12px;
             background-position-x: 85%;
             appearance: none !important;
@@ -515,7 +514,7 @@ button {
             display: flex;
             gap: 12px;
             align-items: center;
-        
+
             img {
                 height: 16px;
                 width: 16px;
@@ -527,7 +526,6 @@ button {
             }
         }
     }
-
 }
 
 .link {
@@ -541,7 +539,6 @@ button {
 }
 
 .lhn-items {
-
     ol,
     ul {
         padding-left: 32px;
@@ -585,7 +582,6 @@ button {
     }
 }
 
-
 .platform-cards-group {
     @extend .cards-group;
 
@@ -610,7 +606,7 @@ button {
 
     .row {
         display: flex;
-        flex-basis:100%;
+        flex-basis: 100%;
     }
 
     .body {
@@ -621,7 +617,7 @@ button {
     }
 
     h3.title {
-        font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+        font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     }
 
     h3.title,
@@ -760,7 +756,7 @@ button {
             padding-top: 0px;
         }
     }
-    h2  {
+    h2 {
         padding-bottom: 24px;
     }
     p {
@@ -819,7 +815,7 @@ button {
 
     h3 {
         color: var(--color-success);
-        font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+        font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
         font-size: 17px;
         font-weight: 500;
         padding: 0;

From 9c0724dd32d28e0a2a392f1d89821fb9c50f302e Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 02:19:55 +0530
Subject: [PATCH 13/22] make platform selector green

---
 docs/_sass/_main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 1bccaed9132f..ae19775d75df 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -942,7 +942,7 @@ button {
 
 #platform-tabs > .active {
     color: var(--color-button-text);
-    background-color: var(--color-button-background);
+    background-color: var(--color-button-success-background);
 }
 
 .hidden {

From 538409746d72dee26db0368ba32f5a230cde744e Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 02:34:54 +0530
Subject: [PATCH 14/22] rm comment

---
 docs/_sass/_colors.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index e135d7b56e65..7abe75e55162 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,5 +1,4 @@
 :root {
-    // UI Colors
     --color-text: #002e22;
     --color-button-text: #fff;
     --color-text-supporting: #76847e;
@@ -21,7 +20,6 @@
 
 @media (prefers-color-scheme: dark) {
     :root {
-        // UI Colors
         --color-text: #e7ece9;
         --color-button-text: #fff;
         --color-text-supporting: #afbbb0;

From cc3b0b1a6b9c331d876f9380beafc4e10825e5bd Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Fri, 22 Mar 2024 02:36:32 +0530
Subject: [PATCH 15/22] rm comment

---
 docs/assets/css/styles.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/assets/css/styles.scss b/docs/assets/css/styles.scss
index da50df3a6cb6..271e60fe6611 100644
--- a/docs/assets/css/styles.scss
+++ b/docs/assets/css/styles.scss
@@ -1,4 +1,3 @@
 ---
 ---
-
 @import 'main';

From 36920e7e2d02a10ba52f3bef86e5fc14abf66f10 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 26 Mar 2024 14:08:43 +0530
Subject: [PATCH 16/22] fix overlay

---
 docs/_sass/_colors.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 7abe75e55162..31557c6aa78c 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -15,7 +15,7 @@
     --color-button-background-hover: #d8d1c7;
     --color-button-success-background: #03d47c;
     --color-button-success-background-hover: #00a862;
-    --color-overlay: rgba(0, 0, 0, 0.28);
+    --color-overlay: rgba(235, 230, 223, 0.72);
 }
 
 @media (prefers-color-scheme: dark) {

From 1d589a203f4dbd6ce9eba2c72f1ea5092899fb60 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 26 Mar 2024 14:09:35 +0530
Subject: [PATCH 17/22] fix button text

---
 docs/_sass/_colors.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 31557c6aa78c..08d027d2d406 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,6 +1,6 @@
 :root {
     --color-text: #002e22;
-    --color-button-text: #fff;
+    --color-button-text: #FCFBF9;
     --color-text-supporting: #76847e;
     --color-icons: #a2a9a3;
     --color-borders: #e6e1da;

From 86db87125fa6033daf9756d74334a46b68b2ed85 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 26 Mar 2024 14:10:14 +0530
Subject: [PATCH 18/22] fix link color

---
 docs/_sass/_colors.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 08d027d2d406..5aa7da279824 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -9,7 +9,7 @@
     --color-appBG: #fcfbf9;
     --color-success: #03d47c;
     --color-accent: #03d47c;
-    --color-link: #5ab0ff;
+    --color-link: #0164BF;
     --color-link-hovered: #b0d9ff;
     --color-button-background: #e6e1da;
     --color-button-background-hover: #d8d1c7;

From 59606dee29c9dd867e9a55c8e0f02f8eea9ac3b7 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 26 Mar 2024 14:10:35 +0530
Subject: [PATCH 19/22] fix link hover color

---
 docs/_sass/_colors.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 5aa7da279824..3d3c49a92caa 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -10,7 +10,7 @@
     --color-success: #03d47c;
     --color-accent: #03d47c;
     --color-link: #0164BF;
-    --color-link-hovered: #b0d9ff;
+    --color-link-hovered: #0676DE;
     --color-button-background: #e6e1da;
     --color-button-background-hover: #d8d1c7;
     --color-button-success-background: #03d47c;

From b62fc68a34baed1a82f9ef2a5e2bbffbbbaa1892 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 26 Mar 2024 14:11:19 +0530
Subject: [PATCH 20/22] fix link hover color

---
 docs/_sass/_colors.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index 3d3c49a92caa..1f5c43ac7ae2 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -21,7 +21,7 @@
 @media (prefers-color-scheme: dark) {
     :root {
         --color-text: #e7ece9;
-        --color-button-text: #fff;
+        --color-button-text: #E7ECE9;
         --color-text-supporting: #afbbb0;
         --color-icons: #8b9c8f;
         --color-borders: #1a3d32;
@@ -31,7 +31,7 @@
         --color-success: #03d47c;
         --color-accent: #03d47c;
         --color-link: #5ab0ff;
-        --color-link-hovered: #b0d9ff;
+        --color-link-hovered: #8DC8FF;
         --color-button-background: #1a3d32;
         --color-button-background-hover: #224f41;
         --color-button-success-background: #03d47c;

From 8fb7a080062e959c7939326d638c4faa61d0b404 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 26 Mar 2024 14:45:30 +0530
Subject: [PATCH 21/22] fix link hover color

---
 docs/_sass/_search-bar.scss | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index 5347dd0a5931..e26763d98c09 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -174,10 +174,6 @@ label.search-label {
     background-color: var(--color-appBG) !important;
 }
 
-.gs-webResult.gs-result a.gs-title:link {
-    color: var(--color-link) !important;
-}
-
 /* Hide the scrollbar */
 .gsc-control-cse::-webkit-scrollbar {
     display: none;

From b064a8477021f6708073ca760ca263d4c51e24f8 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Tue, 26 Mar 2024 18:59:03 +0530
Subject: [PATCH 22/22] fix logo color in dark mode

---
 docs/assets/images/expensify-help.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/assets/images/expensify-help.svg b/docs/assets/images/expensify-help.svg
index db9379fac769..74fc63ffae96 100644
--- a/docs/assets/images/expensify-help.svg
+++ b/docs/assets/images/expensify-help.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 189 30" style="enable-background:new 0 0 189 30" xml:space="preserve"><style type="text/css">.st0{fill:#002e22}@media(prefers-color-scheme: dark){.st0{fill:#fffaf0}}.st1{fill:#03d47c}</style><g><g><path d="M0,23.1h13.9V19H5.1v-3.8h7.1V11H5.1V7.4h8.8V3.3H0V23.1z" class="st0"/><path d="M31.1,7.7H25l-2,3.7l-2.1-3.7h-6.3l5.1,7.5l-5.5,8h6.1l2.4-4.1l2.4,4.1h6.3l-5.5-8L31.1,7.7z" class="st0"/><path d="M40.8,7.3L40.8,7.3c-1.7,0-3.2,0.7-4.2,2V7.7h-4.7v22h5v-7.7c0.9,0.9,2.3,1.5,3.9,1.5c4.1,0,6.9-3.1,6.9-8.1 C47.7,10.5,45,7.3,40.8,7.3L40.8,7.3z M39.7,19.4c-1.9,0-3-1.5-3-4s1.1-4,3-4c1.9,0,3,1.4,3,4S41.5,19.4,39.7,19.4z" class="st0"/><path d="M56.4,19.6c-1.5,0-2.7-0.9-3-3.1h10.6v-0.7c0-4.8-2.7-8.5-7.9-8.5c-3.7,0-7.9,2-7.9,8.1 c0,4.9,3.2,8.1,8.1,8.1c2.9,0,6.6-1.1,7.7-5.6h-5.1C58.9,18.7,58.2,19.6,56.4,19.6L56.4,19.6z M56.2,11c1.4,0,2.4,0.8,2.6,2.6 h-5.2C54,11.6,55,11,56.2,11L56.2,11z" class="st0"/><path d="M73.9,7.3c-1.7,0-3.2,0.8-4.2,2.2V7.7h-4.7v15.4h5v-8.6c0-2.1,1.1-3,2.4-3c1.5,0,2.3,0.6,2.3,3v8.6h5v-9 C79.7,9.2,77.7,7.3,73.9,7.3L73.9,7.3z" class="st0"/><path d="M97.9,0.7c-1.5,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.5,0,2.6-1.2,2.6-2.6C100.5,1.8,99.5,0.7,97.9,0.7z" class="st0"/><path d="M100.4,7.7h-5v15.4h5V7.7z" class="st0"/><path d="M88.9,13.5l-1.2-0.3c-1.3-0.3-1.8-0.9-1.8-1.4c0-0.8,0.7-1.4,1.9-1.4c1.5,0,2.2,0.5,2.2,1.9h4.3 c-0.1-3.2-2-5.1-6.8-5.1c-4.1,0-6.6,1.5-6.6,5c0,2.7,1.8,3.9,6,4.9l1.2,0.3c1.3,0.3,1.8,0.9,1.8,1.5c0,0.8-0.8,1.2-2.1,1.2 c-1.7,0-2.5-0.6-2.7-2h-4.9c0.3,3.7,2.9,5.6,7.4,5.6c4.5,0,7.2-1.7,7.2-5.1C94.9,15.7,93.1,14.4,88.9,13.5L88.9,13.5z" class="st0"/><path d="M119.9,7.7L119.9,7.7l-2.8,9.4l-2.7-9.4h-6.5V7.2c0-1.3,0.9-2.5,2.4-2.5h0.7V0.6h-1c-4.3,0.1-7.1,3.1-7.1,6.9 v0.2h-1.9v4.5h1.9v10.8h5V12.3h2.8l3.7,10.4l-0.6,1.6c-0.5,1.2-1,1.5-2,1.5c-0.5,0-1.1,0-1.8-0.2l-0.3,4.1 c0.7,0.2,1.7,0.3,2.9,0.3c3,0,4.5-1.3,6-5.2L125,7.7L119.9,7.7L119.9,7.7z" class="st0"/></g><g><path d="M144.5,23.1c2.7,0,4.3-0.3,4.3-1.1c0-0.7-0.7-0.9-2.1-0.9c-0.4-0.1-0.5-1.5-0.5-3.2V6.9 c0-1.7,0.1-3.1,0.5-3.2c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.3-1.2c-2.8,0-4.4,0.3-4.4,1.2c0,0.6,0.7,0.8,2.1,0.9 c0.4,0.1,0.5,1.6,0.5,3.2v3.9c-0.1,0.3-0.3,0.4-1.1,0.4h-8.5c-0.8,0-1-0.1-1.1-0.4V6.9c0-1.7,0.1-3.1,0.5-3.2 c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.4-1.2c-2.7,0-4.3,0.3-4.3,1.2c0,0.6,0.7,0.8,2.1,0.9c0.4,0.1,0.4,1.6,0.4,3.2v10.9 c0,1.7-0.1,3.1-0.4,3.2c-1.5,0.1-2.1,0.3-2.1,0.9c0,0.8,1.6,1.1,4.3,1.1c2.8,0,4.4-0.3,4.4-1.1c0-0.7-0.7-0.9-2.1-0.9 c-0.4-0.1-0.5-1.5-0.5-3.2v-4.3c0.1-0.3,0.3-0.4,1.1-0.4h8.5c0.8,0,0.9,0.1,1.1,0.4v4.2c0,1.7-0.1,3.1-0.5,3.2 c-1.5,0.1-2.1,0.3-2.1,0.9C140.1,22.8,141.7,23.1,144.5,23.1z" class="st1"/><path d="M156.3,23.4c2.7,0,4.6-1.2,5.7-2.5c0.7-0.7,1-1.5,1-2c0-0.5-0.2-0.8-0.6-0.8c-0.3,0-0.5,0.2-0.8,0.5 c-0.9,0.9-2.2,1.9-4.3,1.9c-3,0-4.8-2.1-5-5.3h8.8c1.2,0,1.8-0.9,1.8-2.2c0-2.6-2.3-5.2-6.1-5.2c-4.1,0-7.5,3.3-7.5,8.1 C149.3,20.3,152.1,23.4,156.3,23.4z M152.4,13.6c0.4-2.6,2-4.2,4.3-4.2c2.1,0,3.4,1.4,3.4,3c0,0.8-0.5,1.2-1.5,1.2L152.4,13.6z" class="st1"/><path d="M167.6,23.1c2.3,0,3.7-0.3,3.7-1.1c0-0.6-0.6-0.7-1.7-0.8c-0.3-0.1-0.4-1.2-0.4-3.1V7.5 c0-2.1,0.1-3.8,0.1-4.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4.1,1c-0.4,0.2-0.6,0.4-0.6,0.8c0,0.4,0.4,0.7,2,0.8 c0.4,0.2,0.4,1.9,0.4,3.3V18c0,2.1,0,3-0.4,3.1c-1.1,0.1-1.7,0.2-1.7,0.8C163.9,22.8,165.2,23.1,167.6,23.1z" class="st1"/><path d="M175.7,28.6c2.9,0,4.4-0.2,4.4-1.1c0-0.6-0.6-0.7-2.3-0.9c-0.4-0.2-0.5-1.2-0.5-3.1v-1.9c1,1,2.6,1.7,4.6,1.7 c4.2,0,7.1-3.4,7.1-8.1c0-4.6-2.6-7.5-6.1-7.5c-2.5,0-4.7,1.5-5.6,3.6c0-0.8,0-1.4,0-1.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4,1 c-0.4,0.2-0.6,0.5-0.6,0.8c0,0.4,0.4,0.7,1.9,0.8c0.4,0.2,0.4,2,0.4,3.2v9.7c0,2.1-0.1,3-0.4,3.1c-1.2,0.1-1.8,0.3-1.8,0.9 C171.9,28.3,173.3,28.6,175.7,28.6z M177.3,16.2c0-4.4,2.2-6.2,4.3-6.2c2.3,0,4,2.2,4,5.9c0,3.6-1.6,5.8-4.2,5.8 C179.1,21.7,177.3,20.2,177.3,16.2z" class="st1"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 189 30" style="enable-background:new 0 0 189 30" xml:space="preserve"><style type="text/css">.st0{fill:#002e22}@media(prefers-color-scheme: dark){.st0{fill:#E7ECE9}}.st1{fill:#03d47c}</style><g><g><path d="M0,23.1h13.9V19H5.1v-3.8h7.1V11H5.1V7.4h8.8V3.3H0V23.1z" class="st0"/><path d="M31.1,7.7H25l-2,3.7l-2.1-3.7h-6.3l5.1,7.5l-5.5,8h6.1l2.4-4.1l2.4,4.1h6.3l-5.5-8L31.1,7.7z" class="st0"/><path d="M40.8,7.3L40.8,7.3c-1.7,0-3.2,0.7-4.2,2V7.7h-4.7v22h5v-7.7c0.9,0.9,2.3,1.5,3.9,1.5c4.1,0,6.9-3.1,6.9-8.1 C47.7,10.5,45,7.3,40.8,7.3L40.8,7.3z M39.7,19.4c-1.9,0-3-1.5-3-4s1.1-4,3-4c1.9,0,3,1.4,3,4S41.5,19.4,39.7,19.4z" class="st0"/><path d="M56.4,19.6c-1.5,0-2.7-0.9-3-3.1h10.6v-0.7c0-4.8-2.7-8.5-7.9-8.5c-3.7,0-7.9,2-7.9,8.1 c0,4.9,3.2,8.1,8.1,8.1c2.9,0,6.6-1.1,7.7-5.6h-5.1C58.9,18.7,58.2,19.6,56.4,19.6L56.4,19.6z M56.2,11c1.4,0,2.4,0.8,2.6,2.6 h-5.2C54,11.6,55,11,56.2,11L56.2,11z" class="st0"/><path d="M73.9,7.3c-1.7,0-3.2,0.8-4.2,2.2V7.7h-4.7v15.4h5v-8.6c0-2.1,1.1-3,2.4-3c1.5,0,2.3,0.6,2.3,3v8.6h5v-9 C79.7,9.2,77.7,7.3,73.9,7.3L73.9,7.3z" class="st0"/><path d="M97.9,0.7c-1.5,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.5,0,2.6-1.2,2.6-2.6C100.5,1.8,99.5,0.7,97.9,0.7z" class="st0"/><path d="M100.4,7.7h-5v15.4h5V7.7z" class="st0"/><path d="M88.9,13.5l-1.2-0.3c-1.3-0.3-1.8-0.9-1.8-1.4c0-0.8,0.7-1.4,1.9-1.4c1.5,0,2.2,0.5,2.2,1.9h4.3 c-0.1-3.2-2-5.1-6.8-5.1c-4.1,0-6.6,1.5-6.6,5c0,2.7,1.8,3.9,6,4.9l1.2,0.3c1.3,0.3,1.8,0.9,1.8,1.5c0,0.8-0.8,1.2-2.1,1.2 c-1.7,0-2.5-0.6-2.7-2h-4.9c0.3,3.7,2.9,5.6,7.4,5.6c4.5,0,7.2-1.7,7.2-5.1C94.9,15.7,93.1,14.4,88.9,13.5L88.9,13.5z" class="st0"/><path d="M119.9,7.7L119.9,7.7l-2.8,9.4l-2.7-9.4h-6.5V7.2c0-1.3,0.9-2.5,2.4-2.5h0.7V0.6h-1c-4.3,0.1-7.1,3.1-7.1,6.9 v0.2h-1.9v4.5h1.9v10.8h5V12.3h2.8l3.7,10.4l-0.6,1.6c-0.5,1.2-1,1.5-2,1.5c-0.5,0-1.1,0-1.8-0.2l-0.3,4.1 c0.7,0.2,1.7,0.3,2.9,0.3c3,0,4.5-1.3,6-5.2L125,7.7L119.9,7.7L119.9,7.7z" class="st0"/></g><g><path d="M144.5,23.1c2.7,0,4.3-0.3,4.3-1.1c0-0.7-0.7-0.9-2.1-0.9c-0.4-0.1-0.5-1.5-0.5-3.2V6.9 c0-1.7,0.1-3.1,0.5-3.2c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.3-1.2c-2.8,0-4.4,0.3-4.4,1.2c0,0.6,0.7,0.8,2.1,0.9 c0.4,0.1,0.5,1.6,0.5,3.2v3.9c-0.1,0.3-0.3,0.4-1.1,0.4h-8.5c-0.8,0-1-0.1-1.1-0.4V6.9c0-1.7,0.1-3.1,0.5-3.2 c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.4-1.2c-2.7,0-4.3,0.3-4.3,1.2c0,0.6,0.7,0.8,2.1,0.9c0.4,0.1,0.4,1.6,0.4,3.2v10.9 c0,1.7-0.1,3.1-0.4,3.2c-1.5,0.1-2.1,0.3-2.1,0.9c0,0.8,1.6,1.1,4.3,1.1c2.8,0,4.4-0.3,4.4-1.1c0-0.7-0.7-0.9-2.1-0.9 c-0.4-0.1-0.5-1.5-0.5-3.2v-4.3c0.1-0.3,0.3-0.4,1.1-0.4h8.5c0.8,0,0.9,0.1,1.1,0.4v4.2c0,1.7-0.1,3.1-0.5,3.2 c-1.5,0.1-2.1,0.3-2.1,0.9C140.1,22.8,141.7,23.1,144.5,23.1z" class="st1"/><path d="M156.3,23.4c2.7,0,4.6-1.2,5.7-2.5c0.7-0.7,1-1.5,1-2c0-0.5-0.2-0.8-0.6-0.8c-0.3,0-0.5,0.2-0.8,0.5 c-0.9,0.9-2.2,1.9-4.3,1.9c-3,0-4.8-2.1-5-5.3h8.8c1.2,0,1.8-0.9,1.8-2.2c0-2.6-2.3-5.2-6.1-5.2c-4.1,0-7.5,3.3-7.5,8.1 C149.3,20.3,152.1,23.4,156.3,23.4z M152.4,13.6c0.4-2.6,2-4.2,4.3-4.2c2.1,0,3.4,1.4,3.4,3c0,0.8-0.5,1.2-1.5,1.2L152.4,13.6z" class="st1"/><path d="M167.6,23.1c2.3,0,3.7-0.3,3.7-1.1c0-0.6-0.6-0.7-1.7-0.8c-0.3-0.1-0.4-1.2-0.4-3.1V7.5 c0-2.1,0.1-3.8,0.1-4.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4.1,1c-0.4,0.2-0.6,0.4-0.6,0.8c0,0.4,0.4,0.7,2,0.8 c0.4,0.2,0.4,1.9,0.4,3.3V18c0,2.1,0,3-0.4,3.1c-1.1,0.1-1.7,0.2-1.7,0.8C163.9,22.8,165.2,23.1,167.6,23.1z" class="st1"/><path d="M175.7,28.6c2.9,0,4.4-0.2,4.4-1.1c0-0.6-0.6-0.7-2.3-0.9c-0.4-0.2-0.5-1.2-0.5-3.1v-1.9c1,1,2.6,1.7,4.6,1.7 c4.2,0,7.1-3.4,7.1-8.1c0-4.6-2.6-7.5-6.1-7.5c-2.5,0-4.7,1.5-5.6,3.6c0-0.8,0-1.4,0-1.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4,1 c-0.4,0.2-0.6,0.5-0.6,0.8c0,0.4,0.4,0.7,1.9,0.8c0.4,0.2,0.4,2,0.4,3.2v9.7c0,2.1-0.1,3-0.4,3.1c-1.2,0.1-1.8,0.3-1.8,0.9 C171.9,28.3,173.3,28.6,175.7,28.6z M177.3,16.2c0-4.4,2.2-6.2,4.3-6.2c2.3,0,4,2.2,4,5.9c0,3.6-1.6,5.8-4.2,5.8 C179.1,21.7,177.3,20.2,177.3,16.2z" class="st1"/></g></g></svg>
\ No newline at end of file