FINISH: ScreenShot Theme

frontend/src/components/Functionality/Screenshot.tsx

@@ -40,7 +40,9 @@ const Screenshot: React.FC = () => {
   return (
     <button
       onClick={captureScreenshot}
-      className="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition"
+      className="bg-[var(--screenshot-bg)] text-[var(--screenshot-text)] px-4 py-2 
+      rounded-md hover:bg-[var(--screenshot-bg-hover)] hover:text-[var(--screenshot-text-hover)] 
+      transition ease-in duration-250"
     >
       Capture Full Page Screenshot
     </button>

frontend/src/components/Settings/QuickSettings.tsx

@@ -23,7 +23,7 @@ const QuickSettings: React.FC = () => {
       </div>
       <div
         id="quick-settings-menu"
-        className="flex flex-col flex-grow my-8 gap-4"
+        className="flex flex-col my-8 gap-4 mb-20"
       >
         <ThemeSetting />
       </div>