fix elements with insufficient color contrast

This commit is contained in:
KDSBrowne 2023-02-15 20:23:36 +00:00
parent 12b4dd3935
commit 6dafeebfe6
3 changed files with 10 additions and 4 deletions

View File

@ -557,7 +557,7 @@ class App extends React.Component {
<hr className="my-8" />
<div className="flex justify-between pb-8 text-xs text-gray-800 dark:text-gray-400 whitespace-nowrap flex-col sm:flex-row">
<div className="flex flex-col justify-center mb-4 sm:mb-0">
<p>
<p className="text-gray-700">
{
lastUpdated && (
<>
@ -583,7 +583,7 @@ class App extends React.Component {
</div>
<button
type="button"
className="border-2 border-gray-200 rounded-md px-4 py-2 bg-white focus:outline-none focus:ring ring-offset-2 focus:ring-gray-500 focus:ring-opacity-50"
className="border-2 text-gray-700 border-gray-200 rounded-md px-4 py-2 bg-white focus:outline-none focus:ring ring-offset-2 focus:ring-gray-500 focus:ring-opacity-50"
onClick={this.handleSaveSessionData.bind(this)}
>
<FormattedMessage

View File

@ -253,7 +253,7 @@ class UsersTable extends React.Component {
</button>
{ Object.values(user.intIds || {}).map((intId, index) => (
<>
<p className="text-xs text-gray-600 dark:text-gray-400">
<p className="text-xs text-gray-700 dark:text-gray-400">
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-4 w-4 inline"
@ -279,7 +279,7 @@ class UsersTable extends React.Component {
</p>
{ intId.leftOn > 0
? (
<p className="text-xs text-gray-600 dark:text-gray-400">
<p className="text-xs text-gray-700 dark:text-gray-400">
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-4 w-4 inline"

View File

@ -3,6 +3,12 @@
@tailwind components;
@tailwind utilities;
@layer base {
.text-gray-700 {
color: #374151 !important;
}
}
@layer utilities {
.bg-inherit {
background-color: inherit;