style: Add title card background color

content/tools/software/browser-extensions/index.md

@@ -26,6 +26,8 @@ Don't install extensions which you don't immediately have a need for, or ones th
 
 ### uBlock Origin
 
+{{< title-card >}}
+
 **uBlock Origin** is a popular content blocker that could help you block ads, trackers, and fingerprinting scripts.
 
 {{< cards >}}
@@ -33,6 +35,8 @@ Don't install extensions which you don't immediately have a need for, or ones th
   {{< card link="https://github.com/gorhill/uBlock/wiki/Privacy-policy" title="Privacy Policy" icon="eye" >}}
 {{< /cards >}}
 
+{{< /title-card >}}
+
 [{{< badge content="Firefox" >}}](https://addons.mozilla.org/firefox/addon/ublock-origin)
 [{{< badge content="Chrome" >}}](https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm)
 [{{< badge content="Edge" >}}](https://microsoftedge.microsoft.com/addons/detail/ublock-origin/odfafepnkmbhccpbejgmiehpchacaeak)
@@ -52,6 +56,8 @@ uBlock Origin also has a "Lite" version of their extension, which offers a limit
 - ...you want a more resource (memory/CPU) efficient content blocker[^1]
 - ...your browser only supports Manifest V3 extensions. This is the case for Chrome [^2] , Edge and most Chromium browsers.
 
+{{< title-card >}}
+
 **uBlock Origin Lite** is a Manifest V3 compatible content blocker. Compared to the original *uBlock Origin*, this extension does not require broad "read/modify data" permissions to function, which lowers the risk of [Passive Attacks](../../../wiki/basics/common-threats/index.md#security-and-privacy){ .pg-orange } on your browser if a malicious rule is added to a filter list.
 
 {{< cards >}}
@@ -59,6 +65,8 @@ uBlock Origin also has a "Lite" version of their extension, which offers a limit
   {{< card link="https://github.com/uBlockOrigin/uBOL-home/wiki/Privacy-policy" title="Privacy Policy" icon="eye" >}}
 {{< /cards >}}
 
+{{< /title-card >}}
+
 [{{< badge content="Chrome" >}}](https://chrome.google.com/webstore/detail/ublock-origin-lite/ddkjiahejlhfcafbddmgiahcphecmpfh)
 [{{< badge content="Edge" >}}](https://microsoftedge.microsoft.com/addons/detail/cimighlppcgcoapaliogpjjdehbnofhn)
 [{{< badge content="App Store" color="blue" >}}](https://apps.apple.com/app/id6745342698)
@@ -75,6 +83,8 @@ uBlock Origin Lite only receives block list updates whenever the extension is up
 
 We recommend [Safari](../mobile-browsers/index.md#safari-ios) for iOS users, which unfortunately is only supported by uBlock Origin **Lite**. Luckily, AdGuard provides an adequate alternative:
 
+{{< title-card >}}
+
 **AdGuard for iOS** is a free and open-source content-blocking extension for Safari that uses the native [Content Blocker API](https://developer.apple.com/documentation/safariservices/creating_a_content_blocker).
 
 {{< cards >}}
@@ -82,6 +92,8 @@ We recommend [Safari](../mobile-browsers/index.md#safari-ios) for iOS users, whi
   {{< card link="https://adguard.com/privacy/ios.html" title="Privacy Policy" icon="eye" >}}
 {{< /cards >}}
 
+{{< /title-card >}}
+
 [{{< badge content="App Store" color="blue" >}}](https://apps.apple.com/app/id1047223162)
 
 Additional filter lists do slow things down and may increase your attack surface, so only apply what you need. AdGuard for iOS has some premium features; however, standard Safari content blocking is free of charge.