diff --git a/views/login.erb b/views/login.erb index 5443126..0d3c8a5 100644 --- a/views/login.erb +++ b/views/login.erb @@ -102,6 +102,30 @@ background: #fdeaea; 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; } + }