手機(jī)真機(jī)，黑色不可切換

zhoucheng803

在真機(jī)里，頁(yè)面是黑色的，點(diǎn)擊切換按鈕沒(méi)法切換到白色背景，如果不方便處理，永遠(yuǎn)都是白色背景也行，需要怎么設(shè)置。


url地址：https://bbs.wanderearth.com.cn/

我知道答案 回答被采納將會(huì)獲得1 貢獻(xiàn) 已有4人回答

科站網(wǎng)

{:4_99:}模板的問(wèn)題不應(yīng)該向模板作者反饋么

qzuser1212

小米社區(qū)模板么？更新到最新版本了么
近期有針對(duì)這個(gè)做修復(fù)，20231012

1. 優(yōu)化論壇熱點(diǎn)帖子的顯示樣式
2. 優(yōu)化直播帖子的顯示樣式
3. 修復(fù)直播帖子的驗(yàn)證碼不顯示的問(wèn)題

2023.10.07

優(yōu)化暗黑模式邏輯
如果用戶首次進(jìn)入根據(jù)用戶瀏覽器系統(tǒng)設(shè)置決定是否暗黑
用戶選擇后保存設(shè)置，按用戶選擇決定是否暗黑

zhoucheng803

我在代碼上改了很多地方，不能更新，可不可以通過(guò)設(shè)置，永遠(yuǎn)不要這個(gè)黑色的背景，讓后我把切換按鈕給隱藏掉。

qzuser1212

zhoucheng803 發(fā)表于 2023-10-17 11:38
我在代碼上改了很多地方，不能更新，可不可以通過(guò)設(shè)置，永遠(yuǎn)不要這個(gè)黑色的背景，讓后我把切換按鈕給隱藏掉 ...

這個(gè)bug是你系統(tǒng)設(shè)置暗黑模式的情況下默認(rèn)進(jìn)入暗黑主題，由于之前沒(méi)有處理好，所以無(wú)法切換回淺色模式。
如果系統(tǒng)默認(rèn)是淺色就沒(méi)有問(wèn)題。新版已經(jīng)修復(fù)

兩個(gè)方案：
第一種：使用修復(fù)后的方案,如果用戶首次進(jìn)入根據(jù)用戶瀏覽器系統(tǒng)設(shè)置決定是否暗黑
用戶選擇后保存設(shè)置，按用戶選擇決定是否暗黑

1. template/domi_mi/static/var.css
2. template/domi_mi/common/footer.htm
你先保存原來(lái)的主題文件，然后更新最新版本獲取到上邊兩個(gè)文件，覆蓋原來(lái)的主題文件，然后把覆蓋后的主題文件再上傳覆蓋即可
第二種：刪除掉根據(jù)系統(tǒng)自動(dòng)暗黑的代碼，這個(gè)會(huì)保留暗黑模式，不會(huì)跟隨系統(tǒng)，默認(rèn)是淺色，用戶可以更換，也不需要隱藏切換主題按鈕
1. template/domi_mi/static/var.css中刪除下邊部分代碼

1. @media (prefers-color-scheme: dark) {
   
2.     :root
   
3.     {
   
4.         --Color_Text_1: rgb(255 255 255 / 80%);
   
5.         --Color_Text_2: hsla(0, 0%, 100%, 0.7);
   
6.         --Color_Text_3: hsla(0, 0%, 100%, 0.5);
   
7.         --Color_Text_4: hsla(0, 0%, 100%, 0.3);
   
8.         --Color_Text_Member: #ffe09b;
   
9.         --Color_Divider: hsla(0, 0%, 100%, 0.15);
   
10.         --Color_Border_Img: hsla(0, 0%, 100%, 0.15);
    
11.         --Color_Border_Card: hsla(0, 0%, 100%, 0.15);
    
12.         --Color_Mask_1: rgba(0, 0, 0, 0.7);
    
13.         --Color_Mask_3: rgba(0, 0, 0, 0.2);
    
14.         --Color_Bg_Card_White: #181818;
    
15.         --Color_Bg_Card_Gray: #1f1f1f;
    
16.         --Color_Bg_White: #181818;
    
17.         --Color_Bg_Gray: #000;
    
18.         --Color_Bg_Title: #181818;
    
19.         --Color_Bg_Dialog: #262626;
    
20.         --Color_Bg_Member: #1f1f1f;
    
21.         --Color_Bg_Input: hsla(0, 0%, 100%, 0.08);
    
22.         --Color_Btn_Default: hsla(0, 0%, 100%, 0.1);
    
23.         --Color_Btn_Primary: rgba(254, 62, 41, 0.69);
    
24.         --Color_Btn_Black: rgb(255 255 255 / 80%);
    
25.         --Color_Btn_Gray: hsla(0, 0%, 100%, 0.1);
    
26.         --Color_Btn_White: hsla(0, 0%, 100%, 0.1);
    
27.         --Color_Btn_Switch: hsla(0, 0%, 100%, 0.1);
    
28.         --Color_White_DisColor: #000;
    
29.         --Color_Black_DisColor: rgb(255 255 255 / 80%);
    
30.         --Color_Bg_Toast: rgba(31, 31, 31, 0.75);
    
31.         --Color_Text_Toast: hsla(0, 0%, 100%, 0.8);
    
32.         --Color_Border_Toast: hsla(0, 0%, 100%, 0.1);
    
33.         --Color_Pc_Header_Bg: #141414;
    
34.         --Pc_Header_Bg_Filter: none
    
35.     }
    
36. }

復(fù)制代碼