Fix tags styles for DarkReader

src/app/components/Tag.tsx

@@ -2,6 +2,6 @@ import React from "react"
 
 export default function Tag(props: {text: string}) {
     return (
-        <span className='badge text-bg-light'>{props.text}</span>
+        <span className='badge text-bg-gentle'>{props.text}</span>
     )
 }

src/app/globals.css

@@ -21,6 +21,11 @@ body {
     margin-top: 1em;
 }
 
+.text-bg-gentle {
+    color: #555;
+    background-color: RGBA(108,117,125,0.1);
+}
+
 .job-card {
     margin-top: 1em;
 }
@@ -34,6 +39,9 @@ body {
 .job-card .card-subtitle {
     margin-bottom: 0.5rem;
 }
+.job-tags > span {
+    margin: 0.2em;
+}
 
 .cloud-primary .tag-badges  {
     font-size: 180%;
@@ -48,16 +56,6 @@ body {
 .tag-badges > span {
     margin: 0.4em;
 }
-.focusable {
-    transition: all 0.3s;
-}
-.focusable:hover {
-    background-color: rgba(236, 241, 245, 0.3);
-    filter: brightness(96%);
-}
-.focused-element {
-    border: 2px dashed red;
-}
 .contacts .contact {
     margin: 0.75em;
 }