2

Description

This changes highlighting from using keyboard shortcuts to use white instead of black. Allows actually seeing the highlighting noticeable in high contrast mode.

The userstyle only works for dark mode, it does not have any effect in light mode.

This is included in Fix keyboard shortcuts for navigating lists

Installation

You need an extension for managing userstyles, like Stylus.

With a userstyle manager:

Direct install (GitHub)

See the code on GitHub

/* ==UserStyle==
@name         White highlight on dark background
@description  Makes the keyboard selection highlight white when using dark themes
@namespace    https://github.com/PurpleMagick/
@version      1
@author       VLAZ
@license      MIT
==/UserStyle== */

@-moz-document domain("stackoverflow.com") {
    body.theme-dark .keyboard-selected {
        box-shadow: 15px 15px 50px rgba(255, 255, 255, .2) inset;
    }
}

Examples

Regular dark mode

Before

Dark mode with the second of four questions selected. The dark highlighting is hard to distinguished and makes the question appear "pressed".

After

Dark mode with the second of four questions selected. The white highlighting makes the question pop out more.

High contrast dark mode

Before

High contrast dark mode with the second of four questions selected. The black highlight on black background is impossible to see.

After

High contrast dark mode with the second of four questions selected. The white highlight on black background is possible to see.

Improve this question

0

Reset to default

You must log in to answer this question.

Browse other questions tagged .