82891 include path btn design

packages/app/src/components/SearchPage/SearchControl.tsx

@@ -114,9 +114,9 @@ const SearchControl: FC <Props> = (props: Props) => {
             <i className="icon-equalizer"></i>
           </button>
         </div>
-        <div className="d-none d-lg-flex align-items-center mr-3">
+        <div className="d-none d-lg-flex align-items-center mr-4 font-weight-lighst">
           <div className="border border-gray mr-3">
-            <label className="px-3 py-2 mb-0 d-flex align-items-center" htmlFor="flexCheckDefault">
+            <label className="search-include-path-btn px-3 py-2 mb-0 d-flex align-items-center font-weight-light" htmlFor="flexCheckDefault">
               <input
                 className="mr-2"
                 type="checkbox"
@@ -127,7 +127,7 @@ const SearchControl: FC <Props> = (props: Props) => {
             </label>
           </div>
           <div className="border border-gray">
-            <label className="px-3 py-2 mb-0 d-flex align-items-center" htmlFor="flexCheckChecked">
+            <label className="search-include-path-btn px-3 py-2 mb-0 d-flex align-items-center font-weight-light" htmlFor="flexCheckChecked">
               <input
                 className="mr-2"
                 type="checkbox"

packages/app/src/styles/theme/_apply-colors.scss

@@ -591,6 +591,9 @@ body.pathname-sidebar {
   .search-result-list {
     .search-control {
       background-color: $bgcolor-global;
+      .search-include-path-btn {
+        color: $secondary;
+      }
     }
     .page-list {
       .highlighted-keyword {