Haga que Firefox solo use el tema GTK en el navegador Chrome, pero ignórelo en los sitios web

Tengo un tema GTK oscuro, no quiero que Firefox lo ignore por completo, solo quiero que el tema afecte el cromo de Firefox (los botones, la barra de direcciones, la barra de marcadores, etc., etc.), pero quiero el tema para ser ignorado por los sitios web, los sitios web no deben ser temáticos por el navegador! Es un pecado, y hace que todo parezca una mierda absoluta. Si alguien tiene alguna idea de cómo solucionarlo, sería genial, ¡gracias!

Editar: en la imagen a continuación, el panel superior muestra que el texto ingresado en el cuadro de búsqueda es casi invisible cuando se aplica el "tema oscuro"; el panel inferior muestra el texto claramente visible cuando no se aplica el tema oscuro.

Texto en el cuadro de búsqueda de Google

firefox themes gtk

— KoRnKloWn
fuente

Tengo entendido que los temas gtk estándar (ligeros) como Ambiance o Radiance no afectan la apariencia de las páginas web en su mayor parte. Ha habido algunas publicaciones aquí cuando los usuarios de temas oscuros encuentran los cuadros de búsqueda en Google y los cuadros de texto se ven afectados. ¿Podría editar su pregunta para incluir imágenes de Firefox con y sin su tema oscuro? También puede ser útil mencionar su sistema operativo, así como el nombre y la fuente del tema.

Estoy en Ubuntu 12.10, y sí, son las entradas de formulario y los cuadros combinados los que generalmente tienen como tema el tema de Firefox. Aquí hay algunas capturas de pantalla: imageshack.us/a/img571/1883/screenshotfrom201302140.png | imageshack.us/a/img687/1883/screenshotfrom201302140.png | imageshack.us/a/img14/4177/screenshotfrom201302140v.png | imageshack.us/a/img14/1883/screenshotfrom201302140.png

— KoRnKloWn

Eso lo hizo! Sin embargo, debo tener en cuenta que tenía 2 carpetas predeterminadas (instalaciones anteriores / copia de seguridad de archivos de configuración), y encontré una manera más fácil de abrir su carpeta de perfil (hice esto para averiguar cuál estaba activo). Si abre el menú Ayuda, luego Información de solución de problemas, verá una entrada en el Directorio de perfiles con un botón Abrir directorio, al hacer clic en ese botón se abrirá su carpeta activa randomstring.default directamente.

— KoRnKloWn

Además, debería haber publicado como respuesta para poder darle algo de crédito, votarlo;)

— KoRnKloWn

Respuestas:

Espero entender tu situación correctamente. Parece algo relacionado con el problema de Firefox del tema de alto contraste y con la necesidad de modificar el tema gnome 3 para el navegador . ¡Y mi respuesta a continuación es esencialmente la que proporcioné a esas preguntas!

Cierre (salga) todas las instancias de Firefox. Ve a tu carpeta de perfil. Es aquí: ~/.mozilla/firefox/randomstring.default. Allí, busque una subcarpeta llamada chrome.
Si no existe, créelo.
Para crear la chromecarpeta, puede usar su administrador de archivos (o la línea de comandos con mkdir chrome).
Si chromeexiste, busque un archivo llamado userContent.css. De lo contrario, cree un archivo de texto vacío con este nombre en la chromecarpeta. Ahora abra userContent.csscon un editor de texto y pegue o agregue este código:

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

Guarde el archivo (como texto sin formato) y cierre el editor de texto. Reinicia Firefox. Ahora debería tener texto negro sobre un fondo gris claro. Puede usar la combinación de colores que prefiera.

Notas: chromey userContent.cssdistinguen entre mayúsculas y minúsculas y deben escribirse correctamente. La configuración aquí tendrá prioridad sobre las del tema del sistema operativo y seguirá siendo la misma en Firefox, independientemente del gtktema al que cambie.

— Comunidad
fuente

Obtuve un mejor resultado sin el !importantmarcador. Si lo deja, el problema se resolverá pero todas las entradas que deberían ser transparentes se volvieron blancas.

— ldavid

También pude usar unset. INPUT, TEXTAREA {color: unset; background: unset; }

— rharriso

Por alguna razón no pude obtener la respuesta aceptada para trabajar, así que escribí un pequeño script de Greasemonkey para lograr el mismo efecto: https://gist.github.com/einarmagnus/d741e30ad13b051d7971

// ==UserScript==
// @name        bright forms
// @namespace   einar
// @description Make all form elements default to light style to combat gtk theme
// @include     *
// @version     1
// @grant       none
// ==/UserScript==
function addDefaultCssRules(rule) {
  var styleElement = document.createElement('style');
  styleElement.type = 'text/css';
  document.head.insertBefore(styleElement, document.head.firstChild);
  styleElement.sheet.insertRule(rule, 0);
}
addDefaultCssRules('input, button, textarea, select { background-color:#fff;border-radius:5px;color:#111 }');

Esto funcionó para mí.

— ormuriauga
fuente