Clean UI

android/app/build.gradle

@@ -8,7 +8,7 @@ android {
         applicationId "com.compassconnections.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 43
+        versionCode 44
         versionName "1.10.0"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {

web/components/filters/filters.tsx

@@ -170,10 +170,13 @@ function SelectedFiltersSummary(props: {
         {selectedFilters.map((filter, idx) => (
           <Row
             key={idx}
-            className="items-center gap-1 text-primary-700 px-2 py-1 rounded-full text-sm bg-canvas-50"
+            className="items-center gap-1 text-primary-700 pl-3 pr-2 py-1 rounded-full text-sm bg-gray-100/70 dark:bg-gray-900"
           >
             <span>{filter.label}</span>
-            <button onClick={filter.onClear} className="hover:text-primary-900">
+            <button
+              onClick={filter.onClear}
+              className="hover:text-gray-500 dark:hover:text-gray-50"
+            >
               <XIcon className="h-3 w-3" />
             </button>
           </Row>

web/components/optional-profile-form.tsx

@@ -511,7 +511,7 @@ export const OptionalProfileUserForm = (props: {
           <Textarea
             data-testid="headline"
             onChange={(e) => setProfile('headline', e.target.value)}
-            className={'w-full md:w-[700px] bg-canvas-50 border rounded-md p-2'}
+            className={'w-full md:w-[700px] bg-canvas-0 border rounded-md p-2'}
             value={profile['headline'] ?? undefined}
             maxLength={250}
           />