解决firefox显示与系统深色主题冲突的问题

最新推荐文章于 2024-08-19 10:23:37 发布

Binzo

最新推荐文章于 2024-08-19 10:23:37 发布

阅读量2.5k

点赞数 1

分类专栏：实践备忘

本文链接：https://blog.csdn.net/Binzo/article/details/38944655

版权

实践备忘专栏收录该内容

3 篇文章 0 订阅

订阅专栏

问题描述：

使用的是gtk-dusk的深色主题，桌面为xfce4
环境变量GTK2_RC_FILES文件的内容设置为了include "/usr/share/themes/Xfce-dawn/gtk-2.0/gtkrc"
火狐浏览网页时很多区域为深色背景，黑色字体，导致阅读困难

解决：

进入preference->contents->colors，background选择白色，去除勾选use system colors

创建文件.mozilla/firefox/3sb1iqq8.default/chrome/userContent.css，输入以下内容：

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;
}