@hackcove/theme-thrifty-paper 0.1.0 → 0.1.3

package/README.md

@@ -4,7 +4,7 @@ The Thrifty Paper light theme for Hack Cove: cream paper, ink text, clay accent.
 `theme.css`: under `.thrifty-paper` it remaps the Tailwind slate/colour utilities that
 `@hackcove/ui` is written against to Thrifty's light tokens. It also ships a `.link` class.
 
-Status: `0.x`, not yet published. License: MIT.
+Status: `0.x`, published on npm. License: MIT.
 
 ## Install
 

package/package.json

@@ -1,8 +1,25 @@
 {
   "name": "@hackcove/theme-thrifty-paper",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "The Thrifty Paper light theme for Hack Cove: one CSS file that remaps the Tailwind utilities @hackcove/ui is written against.",
+  "keywords": [
+    "design-system",
+    "hackcove",
+    "light-theme",
+    "paper",
+    "tailwind",
+    "tailwindcss",
+    "theme"
+  ],
+  "homepage": "https://github.com/madangryscientist/hackcove/tree/main/themes/thrifty-paper#readme",
+  "bugs": {
+    "url": "https://github.com/madangryscientist/hackcove/issues"
+  },
   "license": "MIT",
+  "author": {
+    "name": "Jacobus Langner",
+    "url": "https://github.com/madangryscientist"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/madangryscientist/hackcove.git",

package/theme.css

@@ -17,6 +17,7 @@
      accent #c2410c · accent-hover #9a3412 · accent-soft #fdf5f0
      positive #047857 / #ecfdf5 · warn #b45309 / #fffbeb · note #0f766e / #f0fdfa
      danger #b91c1c / #fef2f2
+   Added for 3:1 control edges (not in Thrifty's block): edge #948a7c
 
    --------------------------------------------------------------------------- */
 
@@ -63,17 +64,25 @@
 .thrifty-paper .text-slate-400 {
   color: #6b6259; /* ink-mute — Thrifty's lightest text */
 }
+.thrifty-paper .text-slate-300 {
+  color: #6b6259; /* ink-mute — days outside the month: 5.97:1 on white (ink-mute/50 was 2.15:1) */
+}
 .thrifty-paper .placeholder\:text-slate-400::placeholder {
   color: rgba(107, 98, 89, 0.7); /* ink-mute/70 */
 }
 
 /* Borders */
+.thrifty-paper .border-slate-50 {
+  border-color: #f7f2e9; /* same as bg-slate-50: the ring takes the page colour */
+}
 .thrifty-paper .border-slate-100,
 .thrifty-paper .border-slate-200,
-.thrifty-paper .border-slate-200\/70,
-.thrifty-paper .border-slate-300 {
+.thrifty-paper .border-slate-200\/70 {
   border-color: #ece3d4; /* line */
 }
+.thrifty-paper .border-slate-300 {
+  border-color: #948a7c; /* control edge: 3.39:1 on white, 3.28:1 on canvas (line was 1.27:1) */
+}
 .thrifty-paper .border-slate-900 {
   border-color: #1c1917; /* ink */
 }
@@ -111,7 +120,7 @@
   border-color: #c2410c; /* accent */
 }
 .thrifty-paper .hover\:border-violet-400:hover {
-  border-color: rgba(194, 65, 12, 0.4);
+  border-color: #c2410c; /* accent: 5.18:1 on white, darker than the resting edge (was accent/40, 1.85:1) */
 }
 .thrifty-paper .focus-visible\:outline-violet-600:focus-visible {
   outline-color: #c2410c; /* accent */
@@ -120,6 +129,26 @@
   accent-color: #c2410c; /* accent */
 }
 
+/* Avatar identity colours — violet-600 is the accent above; the rest sit on the theme. */
+.thrifty-paper .bg-orange-600 {
+  background-color: #8c5a2b; /* brown */
+}
+.thrifty-paper .bg-cyan-600 {
+  background-color: #0e7490; /* cyan */
+}
+.thrifty-paper .bg-emerald-600 {
+  background-color: #047857; /* positive */
+}
+.thrifty-paper .bg-sky-600 {
+  background-color: #1e6a8f; /* steel blue */
+}
+.thrifty-paper .bg-pink-600 {
+  background-color: #a8325e; /* berry */
+}
+.thrifty-paper .bg-amber-600 {
+  background-color: #7a6a1a; /* olive */
+}
+
 /* Hover states */
 .thrifty-paper .hover\:bg-slate-50:hover {
   background-color: #f7f2e9; /* subtle */
@@ -183,14 +212,21 @@
   border-color: rgba(180, 83, 9, 0.3); /* warn */
 }
 .thrifty-paper .border-red-200 {
-  border-color: rgba(185, 28, 28, 0.3); /* danger */
+  border-color: rgba(
+    185,
+    28,
+    28,
+    0.7
+  ); /* danger/70: an invalid field's edge, 3.62:1 on danger-soft (danger/30 was 1.67:1) */
 }
 .thrifty-paper .border-blue-200,
 .thrifty-paper .border-blue-300 {
   border-color: rgba(15, 118, 110, 0.3); /* note */
 }
 
-/* Inline links — the clay accent. */
+/* Inline links — the clay accent. Alias of @hackcove/ui's TextLink (text-violet-600,
+   hover:text-violet-700, remapped above), kept for consumers that still write class="link" on a
+   bare <a>. */
 .thrifty-paper .link {
   color: #c2410c; /* accent */
   font-weight: 500;