increase contrast for lighthouse (#412)

* increase contrast for lighthouse * keep row shading * npm build
code4recovery · Sep 16, 2024 · 0656c0e · 0656c0e
1 parent f07fd23
commit 0656c0e
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "test-watch": "jest --watch",
     "test-coverage": "jest --coverage",
     "serve": "serve public",
-    "watch": "npx mix watch",
+    "start": "npx mix watch",
     "build": "npx mix --production"
   },
   "devDependencies": {

diff --git a/public/app.js b/public/app.js
diff --git a/src/styles/global.ts b/src/styles/global.ts
@@ -12,7 +12,7 @@ export const globalCss = css`
 
   :root {
     --alert-background: #faf4e0;
-    --alert-text: #998a5e;
+    --alert-text: #736646;
     --background: #fff;
     --border-radius: 4px;
     --focus: #0d6efd40;

diff --git a/src/styles/table.ts b/src/styles/table.ts
@@ -114,7 +114,13 @@ export const tableCss = css`
   tbody tr {
     border-top: 1px solid ${color.medium};
     :nth-of-type(2n + 1) {
-      background-color: color-mix(in srgb, currentColor 3%, transparent);
+      background-color: color-mix(in srgb, var(--text) 3%, transparent);
+      a {
+        color: color-mix(in srgb, var(--text) 10%, var(--link));
+      }
+      small {
+        color: var(--text);
+      }
     }
   }
 

diff --git a/src/styles/variables.ts b/src/styles/variables.ts
@@ -1,5 +1,5 @@
 export const color = {
-  dark: `color-mix(in srgb, var(--background), var(--text) 55%)`,
+  dark: `color-mix(in srgb, var(--background), var(--text) 63%)`,
   light: `color-mix(in srgb, var(--background), var(--text) 5%)`,
   medium: `color-mix(in srgb, var(--background), var(--text) 15%)`,
 };