made the tool tip fully opaque for better readability

public/content.css

@@ -558,7 +558,6 @@ input::-webkit-inner-spin-button {
 
 .sponsorBlockRectangleTooltip {
     position: absolute;
-    background-color: rgba(28, 28, 28, 0.7);
     border-radius: 5px;
     padding: 10px;
 	min-width: 250px;

src/components/SponsorTimeEditComponent.tsx

@@ -284,6 +284,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                 timeout: 15,
                 bottomOffset: 75 + "px",
                 leftOffset: -318 + "px",
+                backgroundColor: "rgba(28, 28, 28, 1.0)",
                 htmlId: "sponsorTimesContainer" + this.idSuffix,
                 buttonFunction: () => {Config.config.scrollToEditTimeUpdate = true}
             });

src/render/RectangleTooltip.tsx

@@ -12,6 +12,7 @@ export interface RectangleTooltipProps {
     htmlId?: string,
     maxHeight?: string,
     maxWidth?: string,
+    backgroundColor?: string,
     buttonFunction?: () => void;
 }
 
@@ -26,6 +27,7 @@ export class RectangleTooltip {
         props.leftOffset ??= "0px";
         props.maxHeight ??= "100px";
         props.maxWidth ??= "300px";
+        props.backgroundColor ??= "rgba(28, 28, 28, 0.7)";
         this.text = props.text;
 
         this.container = document.createElement('div');
@@ -48,7 +50,8 @@ export class RectangleTooltip {
                 bottom: props.bottomOffset, 
                 left: props.leftOffset,
                 maxHeight: props.maxHeight,
-                maxWidth: props.maxWidth}} 
+                maxWidth: props.maxWidth,
+                backgroundColor: props.backgroundColor}} 
                     className="sponsorBlockRectangleTooltip" >
                     <div>
                         <img className="sponsorSkipLogo sponsorSkipObject"