wayBetter for X

apps/web/public/store/themes/high-contrast.json

@@ -0,0 +1,105 @@
+{
+  "$schema": "https://unpkg.com/waybetter/theme.schema.json",
+  "id": "high-contrast",
+  "name": "High Contrast",
+  "description": "For low vision: pure black, white rules, yellow links and buttons, larger Verdana, underlined links, bold focus rings and no motion.",
+  "author": "wayBetter for X",
+  "version": 1,
+  "mode": "dark",
+  "colors": {
+    "bg": "#000000",
+    "surface": "#0b0b0b",
+    "elevated": "#161616",
+    "border": "#ffffff",
+    "text": "#ffffff",
+    "muted": "#e6e6e6",
+    "accent": "#ffff00",
+    "inverse": "#ffff00",
+    "onInverse": "#000000",
+    "page": "#000000"
+  },
+  "font": {
+    "family": [
+      "Verdana",
+      "Segoe UI",
+      "Tahoma",
+      "system-ui",
+      "sans-serif"
+    ],
+    "tweet": [],
+    "roles": {
+      "interface": {
+        "family": [
+          "Verdana",
+          "Segoe UI",
+          "Tahoma",
+          "system-ui",
+          "sans-serif"
+        ]
+      },
+      "post": "inherit",
+      "heading": "inherit",
+      "numbers": "inherit",
+      "mono": "inherit",
+      "chrome": "inherit",
+      "dialog": "inherit"
+    },
+    "scale": 1.08,
+    "weight": 400,
+    "bold": 700,
+    "tracking": 0.01,
+    "leading": 1.55
+  },
+  "shape": {
+    "radius": 6,
+    "button": 6,
+    "avatar": "circle"
+  },
+  "layout": {
+    "column": 680,
+    "sidebar": 350,
+    "density": "comfortable",
+    "cards": false,
+    "frame": true
+  },
+  "background": {
+    "kind": "gradient",
+    "from": "#000000",
+    "to": "#000000",
+    "angle": 180
+  },
+  "effects": {
+    "motion": 0,
+    "hover": "tint",
+    "shadow": "none",
+    "crt": false
+  },
+  "css": ":focus-visible{outline:3px solid #ffff00 !important;outline-offset:2px !important}\n[data-testid=\"tweetText\"] a,[data-testid=\"UserDescription\"] a{text-decoration:underline !important;text-underline-offset:2px}\n[data-testid=\"primaryColumn\"]{border-left-width:2px !important;border-right-width:2px !important}",
+  "components": {
+    "action": {
+      "size": 44
+    },
+    "buttonPrimary": {
+      "borderWidth": 2,
+      "borderStyle": "solid",
+      "borderColor": "accent"
+    }
+  },
+  "decor": {
+    "focusRing": {
+      "width": 3,
+      "color": "accent",
+      "offset": 2
+    },
+    "links": {
+      "underline": "always"
+    }
+  },
+  "icons": {
+    "pack": "wb-line",
+    "style": {
+      "stroke": 2.25,
+      "scale": 1.1
+    }
+  }
+}