feat: updating real-debrid translations

src/renderer/src/components/bottom-panel/bottom-panel.css.ts

@@ -4,6 +4,7 @@ import { SPACING_UNIT, vars } from "../../theme.css";
 export const bottomPanel = style({
   width: "100%",
   borderTop: `solid 1px ${vars.color.border}`,
+  backgroundColor: vars.color.background,
   padding: `${SPACING_UNIT / 2}px ${SPACING_UNIT * 2}px`,
   display: "flex",
   alignItems: "center",
@@ -14,10 +15,10 @@ export const bottomPanel = style({
 });
 
 export const downloadsButton = style({
-  color: vars.color.bodyText,
+  color: vars.color.body,
   borderBottom: "1px solid transparent",
   ":hover": {
-    borderBottom: `1px solid ${vars.color.bodyText}`,
+    borderBottom: `1px solid ${vars.color.body}`,
     cursor: "pointer",
   },
 });