fix: increase contrast

Author: ryanccn

build.ts

@@ -7,7 +7,7 @@ import { transform } from "lightningcss";
 import pc from "picocolors";
 
 import { cp, mkdir, rm, writeFile } from "node:fs/promises";
-import { dirname, join } from "node:path";
+import { join } from "node:path";
 
 await rm("dist", { recursive: true, force: true });
 await mkdir("dist");

package.json

@@ -1,23 +1,23 @@
 {
   "name": "modernflux",
-  "description": "A modern look and feel for Miniflux",
+  "version": "0.0.1",
   "type": "module",
   "private": true,
-  "version": "0.0.1",
+  "description": "A modern look and feel for Miniflux",
   "author": "Ryan Cao",
   "license": "AGPL-3.0-or-later",
   "scripts": {
     "build": "node build.ts"
   },
   "dependencies": {
+    "lightningcss": "^1.29.3",
     "sass": "^1.87.0"
   },
   "devDependencies": {
     "@types/node": "^22.14.1",
-    "lightningcss": "^1.29.3",
     "picocolors": "^1.1.1",
     "typescript": "^5.8.3",
-    "wrangler": "^4.13.2"
+    "wrangler": "^4.14.1"
   },
   "pnpm": {
     "onlyBuiltDependencies": [
@@ -27,5 +27,5 @@
       "workerd"
     ]
   },
-  "packageManager": "pnpm@10.9.0+sha512.0486e394640d3c1fb3c9d43d49cf92879ff74f8516959c235308f5a8f62e2e19528a65cdc2a3058f587cde71eba3d5b56327c8c33a97e4c4051ca48a10ca2d5f"
+  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"
 }

pnpm-lock.yaml

@@ -57,8 +57,8 @@
     display: contents;
     margin-right: 0;
 
-    > button,
-    > a {
+    button,
+    a {
       display: flex;
       flex-direction: row;
       column-gap: 0.25rem;
@@ -76,11 +76,11 @@
   }
 
   blockquote {
-    border-color: colors.$fg2;
+    border-color: colors.$fg1;
     border-width: 2.5px;
   }
 
   figcaption {
-    color: colors.$fg2;
+    color: colors.$fg1;
   }
 }

src/modules/_entry.scss

@@ -37,7 +37,7 @@
 }
 
 .item-meta-info {
-  color: colors.$fg2;
+  color: colors.$fg1;
 }
 
 .item-meta-icons {

src/modules/_item.scss

@@ -4,12 +4,16 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-a {
-  text-underline-offset: 2px;
-
+a,
+.page-button,
+.page-link {
   transition-property: color;
   transition-duration: 150ms;
   transition-timing-function: ease-in-out;
+}
+
+a {
+  text-underline-offset: 2.5px;
 
   &:has(svg) {
     display: flex;

src/modules/_links.scss

@@ -11,9 +11,9 @@
   --body-background: #{colors.$bg0};
   --hr-border-color: #{colors.$bg1};
   --title-color: #{colors.$fg0};
-  --link-color: #{colors.$fg1};
-  --link-focus-color: #{colors.$fg2};
-  --link-hover-color: #{colors.$fg2};
+  --link-color: #{colors.$fg0};
+  --link-focus-color: #{colors.$fg1};
+  --link-hover-color: #{colors.$fg1};
   --link-visited-color: #{colors.$bg1};
   --header-link-color: #{colors.$fg1};
   --header-link-focus-color: #{colors.$accent};
@@ -63,14 +63,14 @@
   --category-background-color: #{colors.$bg1};
   --category-border-color: #{colors.$bg2};
   --category-link-color: #{colors.$accent};
-  --category-link-hover-color: #{colors.$fg2};
+  --category-link-hover-color: #{colors.$accent};
   --item-border-color: #{colors.$bg1};
   --item-title-link-font-weight: 400;
   --item-status-read-title-link-color: #{colors.$fg1};
   --entry-header-border-color: #{colors.$fg2};
   --entry-header-title-link-color: #{colors.$fg0};
-  --entry-content-color: #{colors.$fg1};
-  --entry-content-quote-color: #{colors.$fg2};
+  --entry-content-color: #{colors.$fg0};
+  --entry-content-quote-color: #{colors.$fg1};
   --entry-content-code-color: #{colors.$fg0};
   --entry-content-code-background: #{colors.$bg1};
   --entry-content-code-border-color: transparent;