fixes for dark theme

Author: LianaHus

apps/vyper/src/app/app.tsx

@@ -122,7 +122,7 @@ const App = () => {
       <section>
         <div className="px-3 pt-3 mb-3 w-100">
           <CustomTooltip placement="bottom" tooltipText="Clone a repo of Vyper examples. Switch to the File Explorer to see the examples.">
-            <button data-id="add-repository" className="w-100 btn border" onClick={() => {
+            <button data-id="add-repository" className="w-100 text-dark btn border" onClick={() => {
               {cloneCount === 0 ? remixClient.cloneVyperRepo() : remixClient.cloneVyperRepo(cloneCount)}
               setCloneCount((prev) => {
                 return ++prev
@@ -137,7 +137,7 @@ const App = () => {
           <div className="border-0">
             <div className="">
               <CustomAccordionToggle eventKey="0">
-                <label className="h6">Configurations</label>
+                <label style={{fontSize: "1REM"}}>Configurations</label>
               </CustomAccordionToggle>
             </div>
             <Accordion.Collapse eventKey="0">

apps/vyper/src/app/components/VyperResult.tsx

@@ -59,7 +59,7 @@ function VyperResult({ output, plugin }: VyperResultProps) {
   return (
     <>
       <div className="d-flex justify-content-center w-100 mb-3 mt-1 vyper-panel-width flex-column">
-        <button data-id="compilation-details" className="remixui_resultsBtn border btn d-block btn-block" onClick={async () => {
+        <button data-id="compilation-details" className="remixui_resultsBtn text-dark border btn d-block btn-block" onClick={async () => {
           await plugin?.call('vyperCompilationDetails', 'showDetails', output)
         }}>
           <span>