問題：

Firefox自帶修改顏色的功能（選項-內容-顏色-背景），但效果並不太理想，一是修改後感覺網站們的排版都怪怪的，二是提供的預設的顏色都並不太適合作為背景色。

解決方案：

Firefox的優勢就在於眾多的外掛，這個問題也通過外掛來解決。

安裝Stylish外掛。在Stylish官網上有各種針對一些特定網站（比如Facebook、YouTube等）的主題，對於改背景色這個問題用不上，需要手工編寫新樣式。

以下是新樣式的內容：

body  {background-color:#C7EDCC !important;}
table {background-color:#C7EDCC !important;}
td    {background-color:#C7EDCC !important;}

#container    {background-color:#C7EDCC !important;}
#wrapper      {background-color:#C7EDCC !important;}
#mainwrapper  {background-color:#C7EDCC !important;}
#main-wrapper {background-color:#C7EDCC !important;}
#content      {background-color:#C7EDCC !important;}
#maincontent  {background-color:#C7EDCC !important;}
#main-content {background-color:#C7EDCC !important;}
#main         {background-color:#C7EDCC !important;}
.container    {background-color:#C7EDCC !important;}
.wrapper      {background-color:#C7EDCC !important;}
.mainwrapper  {background-color:#C7EDCC !important;}
.main-wrapper {background-color:#C7EDCC !important;}
.content      {background-color:#C7EDCC !important;}
.maincontent  {background-color:#C7EDCC !important;}
.main-content {background-color:#C7EDCC !important;}
.main         {background-color:#C7EDCC !important;}
.gb-page-inner{background-color:#C7EDCC !important;}
.panel-body   {background-color:#C7EDCC !important;}
 

最上邊的body、table、td等的設定是通用的，下邊的則是需要根據不同網站命名的不同而不斷新增的，列表需要不斷維護。

為了便於快速找到需要修改背景顏色的div的位置，可以安裝Tilt外掛，安裝後按Ctrl + Shift + M鍵，以實現原來Firefox自帶但最新版本已經去掉的3D檢視功能。通過3D檢視，雙擊需要需改背景顏色的div，然後右邊會顯示出相關程式碼，找出該div的id或者class，然後將其新增進列表中儲存，即可。

不需要將所有div的背景顏色都設為綠色，只需要關注所閱讀的部分就好。同時對於某些網站，可以使用Firefox提供的閱讀模式。