Fix tags styles for DarkReader

This commit is contained in:
Dejvino 2023-06-01 06:29:28 +02:00
parent 0ef6945117
commit a73b035932
2 changed files with 9 additions and 11 deletions

View File

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

View File

@ -21,6 +21,11 @@ body {
margin-top: 1em; margin-top: 1em;
} }
.text-bg-gentle {
color: #555;
background-color: RGBA(108,117,125,0.1);
}
.job-card { .job-card {
margin-top: 1em; margin-top: 1em;
} }
@ -34,6 +39,9 @@ body {
.job-card .card-subtitle { .job-card .card-subtitle {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.job-tags > span {
margin: 0.2em;
}
.cloud-primary .tag-badges { .cloud-primary .tag-badges {
font-size: 180%; font-size: 180%;
@ -48,16 +56,6 @@ body {
.tag-badges > span { .tag-badges > span {
margin: 0.4em; 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 { .contacts .contact {
margin: 0.75em; margin: 0.75em;
} }