Web view card and colors adjustments (#5976)

Task/Issue URL:
https://app.asana.com/1/137249556945/project/72649045549333/task/1210095910664828?focus=true

### Description

This PR makes 3 small changes to the main browser fragment.

1. Removes the web view card and rounded corners.
2. Removes the dark scroll bar track, making it transparent.
3. Adjusts the color attribute used for focused view background.

Author: LukasPaczos

app/src/main/java/com/duckduckgo/app/browser/BrowserTabFragment.kt

@@ -147,7 +147,6 @@ import com.duckduckgo.app.browser.omnibar.experiments.FadeOmnibarItemPressedList
 import com.duckduckgo.app.browser.omnibar.getOmnibarType
 import com.duckduckgo.app.browser.omnibar.model.OmnibarPosition.BOTTOM
 import com.duckduckgo.app.browser.omnibar.model.OmnibarPosition.TOP
-import com.duckduckgo.app.browser.omnibar.model.OmnibarType.FADE
 import com.duckduckgo.app.browser.print.PrintDocumentAdapterFactory
 import com.duckduckgo.app.browser.print.PrintInjector
 import com.duckduckgo.app.browser.remotemessage.SharePromoLinkRMFBroadCastReceiver
@@ -2813,12 +2812,7 @@ class BrowserTabFragment :
 
         binding.daxDialogOnboardingCtaContent.layoutTransition.enableTransitionType(LayoutTransition.CHANGING)
 
-        val webViewLayout = if (!isActiveCustomTab() && visualDesignExperimentDataStore.getOmnibarType() == FADE) {
-            R.layout.include_duckduckgo_browser_experiment_webview
-        } else {
-            R.layout.include_duckduckgo_browser_webview
-        }
-
+        val webViewLayout = R.layout.include_duckduckgo_browser_webview
         webView = layoutInflater.inflate(
             webViewLayout,
             binding.webViewContainer,

app/src/main/res/layout/include_duckduckgo_browser_experiment_webview.xml

@@ -27,8 +27,8 @@
     android:scrollbarStyle="outsideInset"
     android:scrollbarThumbHorizontal="@color/webViewScrollbarThumbColor"
     android:scrollbarThumbVertical="@color/webViewScrollbarThumbColor"
-    android:scrollbarTrackHorizontal="@color/webViewScrollbarTrackColor"
-    android:scrollbarTrackVertical="@color/webViewScrollbarTrackColor"
+    android:scrollbarTrackHorizontal="?attr/daxColorWebViewScrollbarTrack"
+    android:scrollbarTrackVertical="?attr/daxColorWebViewScrollbarTrack"
     android:overScrollMode="always"
     android:visibility="gone"
     app:layout_behavior="@string/appbar_scrolling_view_behavior"

app/src/main/res/layout/include_duckduckgo_browser_webview.xml

@@ -23,6 +23,6 @@
     app:isExpandable="false"
     app:showPlaceholders="false"
     app:favoritesPlacement="focused_state"
-    android:background="?attr/daxColorSurface" />
+    android:background="?attr/daxColorBrowserOverlay" />
 
 

app/src/main/res/layout/view_focused_view.xml

@@ -46,6 +46,8 @@
         <item name="daxColorBrowserOverlay">?attr/daxColorBackground</item>
 
         <item name="tabItemSelectionCircleWidth">1dp</item>
+
+        <item name="daxColorWebViewScrollbarTrack">@android:color/transparent</item>
     </style>
 
     <style name="Theme.DuckDuckGo.Light.Experiment" parent="Theme.DuckDuckGo.Light">
@@ -78,6 +80,8 @@
         <item name="daxColorBrowserOverlay">?attr/daxColorBackground</item>
 
         <item name="tabItemSelectionCircleWidth">1dp</item>
+
+        <item name="daxColorWebViewScrollbarTrack">@android:color/transparent</item>
     </style>
 
 </resources>

common/common-ui/src/main/res/values/design-experiments-theming.xml

@@ -118,6 +118,8 @@
     <attr name="daxColorTextInputFocusedOutline" format="color"/>
     <attr name="daxColorTextInputEnabledOutline" format="color"/>
 
+    <attr name="daxColorWebViewScrollbarTrack" format="color"/>
+
     <!-- Design System Brand Colors -->
     <color name="disabledColor">#59000000</color>
     <color name="alertGreen">#21C000</color>

common/common-ui/src/main/res/values/design-system-colors.xml

@@ -132,6 +132,8 @@
         <item name="elevationOverlayEnabled">false</item>
 
         <item name="tabItemSelectionCircleWidth">2dp</item>
+
+        <item name="daxColorWebViewScrollbarTrack">@color/webViewScrollbarTrackColor</item>
     </style>
 
     <!-- The app theme will mostly contain values for colour attributes -->