fix git plugin commands panel

Author: Aniket-Engg

libs/remix-ui/git/src/components/panels/commands/pushpull.tsx

@@ -205,7 +205,7 @@ export const PushPull = () => {
 
       <div className="pt-3 d-flex align-items-center remixui_compilerConfig form-check">
         <input checked={force} onChange={e => onForceChange(e)} className="form-check-input" type="checkbox" data-id="compilerContainerAutoCompile" id="forcepush" title="Force Push" />
-        <label className="form-check-label " htmlFor="forcepush">Force push</label>
+        <label className="form-check-label ms-1" htmlFor="forcepush">Force push</label>
       </div>
 
     </>)

libs/remix-ui/git/src/types/styles.ts

@@ -3,39 +3,39 @@ export const selectStyles: StylesConfig = {
   option: (baseStyles, state) => {
     return {
       ...baseStyles,
-      color: 'var(--text)',
+      color: 'var(--bs-body-color)',
     }
   },
   input(base, props) {
     return {
       ...base,
-      color: 'var(--text)',
+      color: 'var(--bs-body-color)',
     }
   },
   singleValue: (baseStyles, state) => {
     return {
       ...baseStyles,
-      color: 'var(--text)',
+      color: 'var(--bs-body-color)',
     }
   },
   control: (baseStyles, state) => ({
     ...baseStyles,
-    color: 'var(--text)',
-    backgroundColor: 'var(--custom-select)',
+    color: 'var(--bs-body-color)',
+    backgroundColor: 'var(--custom-onsurface-layer-2)',
     border: 'none',
   }),
   menu: (baseStyles, state) => {
     return {
       ...baseStyles,
-      backgroundColor: 'var(--custom-select)',
-      color: 'var(--text)',
+      backgroundColor: 'var(--custom-onsurface-layer-2)',
+      color: 'var(--bs-body-color)',
     }
   },
   menuList: (baseStyles, props) => {
     return {
       ...baseStyles,
-      backgroundColor: 'var(--custom-select)',
-      color: 'var(--text)',
+      backgroundColor: 'var(--custom-onsurface-layer-2)',
+      color: 'var(--bs-body-color)',
     }
   },
 }