web-dev-qa-db-fra.com

Besoin de modifier le thème de gnome 3 pour le navigateur

J'ai récemment commencé à utiliser le thème DarkGreen pour Gnome 3. Cependant, certaines pages Web de FireFox présentent des problèmes relatifs aux champs de saisie de texte. Cela se produit dans le champ de recherche sur Google, dans certains champs sur Facebook, etc.

Ce thème utilise un fond sombre et un texte de couleur claire pour les champs de saisie par défaut. J'ai réussi à modifier avec succès la couleur de premier plan du texte saisi pour les champs qui n'ont jamais été affectés (du blanc au gris), mais cela n'aide en rien les champs "brisés". Je souhaite également modifier la couleur de fond de tous les champs de saisie en blanc, mais je n’ai aucune chance avec cela non plus.

Dans le dossier du thème, il y a un dossier gtk avec un fichier css. Voici le contenu pertinent, les commentaires sont ce que j'ai changé:

@define-color theme_base_color #202020;
@define-color theme_text_color #25DC00; /* #ffffff */
@define-color theme_bg_color #121212;
@define-color theme_fg_color @theme_text_color;
@define-color selected_bg_color #3E8753;
@define-color selected_fg_color #ffffff;
@define-color theme_selected_bg_color @selected_bg_color;

@define-color menu_bg_color #555555;
@define-color menu_fg_color @theme_text_color;

@define-color menu_combobox_border @theme_selected_bg_color;
@define-color menu_separator mix (@theme_bg_color, @menu_bg_color, 0.90);

@define-color insensitive_bg_color alpha(#0b0b0d, 0.0);
@define-color insensitive_fg_color alpha(#717171, 0.50);
@define-color insensitive_border_color alpha(#717171, 0.50);

@define-color entry_text_color /* #fafafa */ #707070;
@define-color entry_background_a #ffffff;
@define-color entry_background_b #ffffff;
@define-color entry_background_c #ffffff;
@define-color entry_background_d #ffffff; /* 121212 */

@define-color frame_color #707070;

Est-ce que ce fichier CSS est la seule chose que je devrais changer?

gnome12.10themescss
3
MarioDS

Je suggère une manière différente, spécifique à Firefox, de réaliser ce que vous voulez.

Fermer (quitter) toutes les instances de Firefox.
Allez dans votre dossier de profil. C'est ici: /home/your_name/.mozilla/firefox/randomstring.default
Là, cherchez un sous-dossier nommé chrome. S'il n'existe pas, créez-le.
Si chrome existe, cherchez un fichier nommé userContent.css. Sinon, créez un fichier vide portant ce nom dans le dossier chrome.
Ouvrez maintenant userContent.css avec un éditeur de texte et collez le code suivant:
INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

Enregistrez le fichier (sous forme de texte brut) et fermez l'éditeur de texte.
Redémarrez Firefox.
Vous devriez maintenant avoir du texte noir sur un fond gris clair. Vous pouvez utiliser la combinaison de couleurs de votre choix.

Remarques: chrome et userContent.css sont sensibles à la casse et doivent être orthographiés correctement.
Les paramètres ici auront priorité sur ceux du thème du système d’exploitation et resteront les mêmes dans Firefox quel que soit le thème gtk sur lequel vous basculez.

(Au fait, vous pouvez être intéressé par Stylish extension et par toute une variété de styles créés par les utilisateurs et hébergés sur userstyles.org.)

Modifier:
Je propose des liens aux utilisateurs souhaitant que Firefox ne soit pas influencé par le thème par le thème du système d'exploitation (gtk). Veuillez noter que je n'ai pas vérifié si les solutions suggérées fonctionnent toujours ou non . Ces liens sont plus en arrière-plan:
Comment faire en sorte que firefox ignore complètement mon thème GTK?
Bug 70315 - Texte dans les menus et les cases illisible si vous utilisiez un thème GTK sombre (pour Seamonkey)
n moyen d'empêcher Firefox d'utiliser les couleurs natives du système d'exploitation?

5
user25656

J'ai trouvé ce qui suit sur le ArchLinux Wiki , qui peut être directement appliqué au problème ici. J'ai trouvé le résultat plus agréable que le précédent de user25656.

L'approche est la même: vous créez /home/<your_name>/.mozilla/firefox/<randomstring>.default/chrome/userConent.css avec le contenu suivant:

input:not(.urlbar-input):not(.textbox-input):not(.form-control):not([type='checkbox']) {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

#downloads-indicator-counter {
    color: white;
}

textarea {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

select {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

(Je ne peux pas commenter en raison de ma mauvaise réputation, c'est pourquoi cette réponse est nouvelle.)

1
dd23

J'ai suivi la suggestion de dd23 et elle fonctionnait généralement , bien que pour la moitié seulement des éléments gâchés des pages concernées. J'ai trouvé un CSS différent qui semble fonctionner un peu mieux.

En passant, vous pouvez également utiliser le Stylish Firefox Add-On pour appliquer ce CSS.

/*
* Use this css file to eliminate problems in Firefox
* when using dark themes that create dark on dark
* input boxes, selection menus and buttons. Put this
* in the ../firefox/default/chrome folder or your
* individual user firefox profile chrome folder.
*/
input {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
textarea {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
select {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
input[type="radio"],
input[type="checkbox"] {
border: 2px inset white ! important;
background-color: white ! important;
color: ThreeDFace ! important;
-moz-appearance: none !important;
}
*|*::-moz-radio {
background-color: white;
-moz-appearance: none !important;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
border: 2px outset white;
background-color: #eeeeee;
color: black;
-moz-appearance: none !important;
}
body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
}

Solution de PabloTwo sur les forums de Fedora . Ceci est également mentionné dans commentaire 15 sur le rapport de bogue de Mozilla . Yup, c'est un bug connu.

0
CodeMouse92