Truco: Modificar CSS Google Chrome / Chromium

Bien, por el motivo que sea, a mí al seleccionar un link con el teclado mediante (tab, or shift + tab), me sale un rectangulo en naranja que soy incapaz de verlo en algunas webs o directamente no se muestra, así que navegar con teclado entre links sea hace “a ciegas”, por tanto, la única solución que he encontrado, era mirar de modificar el CSS del navegador, por suerte he visto que no es tedioso en chrome/chromium, simplemente hay que editar un fichero llamado Custom.css


Linux => $HOME/.config/chromium o google-chrome/Default/User StyleSheets/Custom.css
Windows => %LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
Mac => /Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

Por defecto el fichero esta vacio, podemos sobrescribir lo que queramos con css, yo simplemente he añadido estas lineas al Custom.css


/* :focus es para todo, puedes usar a:focus, input:focuss, textarea:focus etc */
:focus {
outline-color: purple !important;
outline-style: solid !important;
outline-width: 4px !important;
}

Ya que mi único objetivo era hacer que el recuadro naranja invisible para mí en muchas situaciones, se volviese más grande y de color lila.

Con este pequeño apaño, todo OK!

PD: Si por algún motivo no te sobrescribe el CSS, ejecuta el chrome/chromium con el parámetro “-enable-user-stylesheet”

Deja un comentario

Tu dirección de correo electrónico no será publicada.