chore: refactor other backgrounds

Author: Mygod

src/assets/css/main.css

@@ -236,7 +236,6 @@ body {
   background-color: #000;
   z-index: -1;
   pointer-events: none;
-  border-radius: 6px;
 }
 
 .showcase-entries {

src/components/Global.jsx

@@ -113,7 +113,6 @@ function ApplyGlobal() {
             padding: '3px',
             fontSize: '0.5rem !important',
             backgroundColor: 'transparent',
-            color: theme.palette.text.primary,
           },
           '.iv-badge': {
             color: theme.palette.text.primary,

src/components/popups/BackgroundThemeProvider.jsx

@@ -121,6 +121,9 @@ export function BackgroundThemeProvider({ visuals, children }) {
               borderColor: borderColor || 'rgba(255, 255, 255, 0.2)',
               backgroundColor: borderColor || 'rgba(255, 255, 255, 0.2)',
             },
+            '& .ar-task': {
+              borderColor: borderColor || 'rgba(255, 255, 255, 0.2)',
+            },
           }}
         >
           {children}