Skip to content

Commit 641dc25

Browse files
samejrclaude
andcommitted
feat(webapp): floor the contrast slider at 15% and mark the default at 30%
The slider no longer offers the bottom of the range, and the "Default" tick moves with it. Nothing about the stored value or the colours it drives changes - the number means what it always did, the control just starts at 15. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
1 parent d9866d8 commit 641dc25

1 file changed

Lines changed: 6 additions & 2 deletions

File tree

  • apps/webapp/app/routes/account._index

apps/webapp/app/routes/account._index/route.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,9 +64,13 @@ import { cn } from "~/utils/cn";
6464

6565
export const meta = pageMeta("Your profile");
6666

67+
/** Floor of the contrast slider. The stored value and the colours it drives are
68+
* unchanged - this only stops the slider offering the bottom of the range. */
69+
const MIN_CONTRAST = 15;
70+
6771
/** The contrast the slider ticks and labels as "Default". Note this is not the
6872
* same as `DEFAULT_THEME_CONTRAST`, the value applied when none is saved. */
69-
const DEFAULT_CONTRAST_MARK = 20;
73+
const DEFAULT_CONTRAST_MARK = 30;
7074

7175
function themeIcon(value: ThemePreference) {
7276
const Icon = THEME_OPTIONS_BY_VALUE[value].icon;
@@ -558,7 +562,7 @@ export default function Page() {
558562
variant="settings"
559563
className="w-44"
560564
aria-label="Contrast"
561-
min={0}
565+
min={MIN_CONTRAST}
562566
max={100}
563567
step={1}
564568
marks={[

0 commit comments

Comments
 (0)