tom/ValidBoard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Follow the OS dark mode on the login page

Browse Source 
The board's dark theme is a saved preference, which there is no way to
know before you're signed in, so the login page follows
prefers-color-scheme instead. Palette taken from nullboard's .theme-dark.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UU1vyTHj3uE9PJYSxRxwkU
This commit is contained in:
Tom Flux
2026-08-14 22:44:41 +01:00
co-authored by Claude Opus 5
parent 00d3cb0e61
commit 8338374a8d
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/login.erb
+24
View File
@@ -102,6 +102,30 @@
background: #fdeaea; background: #fdeaea;
color: #a33; color: #a33;
} }
/* The board's own dark mode is a saved preference, which we can't know
before you're signed in — so follow the OS here instead. Colours are
nullboard's .theme-dark palette. */
@media (prefers-color-scheme: dark) {
body { background: #22272b; color: #b3b9c0; }
h1 { color: #d4d8dc; }
.sub, label { color: #6f7780; }
input[type=password] {
background: #2c3238;
border-color: #3b434b;
color: #d4d8dc;
}
input[type=password]:focus {
border-color: #5c7a99;
box-shadow: 0 0 0 2px rgba(92, 122, 153, .3);
}
.error { background: #3b2a2a; color: #e08585; }
}
</style> </style>
</head> </head>
<body> <body>