element-hq / element-hq/element-web
`"browser.display.document_color_use": 2` – for accessibility, mandating that the DE/OS's colour scheme apply to all pages – causes icon contrast to be reduced unusably far.
- Dominant language
- TypeScript
- Stars
- 13.5k
- Forks
- 2.8k
- PR merge metrics
- PR metrics pending
Description
### Steps to reproduce
1. Set your system's color scheme (for me, to [`/usr/share/color-schemes/BreezeDark.colors`](file:///usr/share/color-schemes/BreezeDark.colors), via `kcmshell6 kcm_colors`):
~~~desktop
# SPDX-FileCopyrightText: Andrew Lake
# SPDX-FileCopyrightText: Marco Martin
# SPDX-FileCopyrightText: Nate Graham
# SPDX-FileCopyrightText: Noah Davis
# SPDX-FileCopyrightText: Neal Gompa
# SPDX-FileCopyrightText: David Redondo
# SPDX-License-Identifier: LGPL-2.0-or-later[ColorEffects:Disabled]
Color=56,56,56
ColorAmount=0
ColorEffect=0
ContrastAmount=0.65
ContrastEffect=1
IntensityAmount=0.1
IntensityEffect=2[ColorEffects:Inactive]
ChangeSelectionColor=true
Color=112,111,110
ColorAmount=0.025
ColorEffect=2
ContrastAmount=0.1
ContrastEffect=2
Enable=false
IntensityAmount=0
IntensityEffect=0[Colors:Button]
BackgroundAlternate=30,87,116
BackgroundNormal=49,54,59
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=61,174,233
ForegroundInactive=161,169,177
ForegroundLink=29,153,243
ForegroundNegative=218,68,83
ForegroundNeutral=246,116,0
ForegroundNormal=252,252,252
ForegroundPositive=39,174,96
ForegroundVisited=155,89,182[Colors:Complementary]
BackgroundAlternate=30,87,116
BackgroundNormal=42,46,50
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=61,174,233
ForegroundInactive=161,169,177
ForegroundLink=29,153,243
ForegroundNegative=218,68,83
ForegroundNeutral=246,116,0
ForegroundNormal=252,252,252
ForegroundPositive=39,174,96
ForegroundVisited=155,89,182[Colors:Header]
BackgroundAlternate=42,46,50
BackgroundNormal=49,54,59
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=61,174,233
ForegroundInactive=161,169,177
ForegroundLink=29,153,243
ForegroundNegative=218,68,83
ForegroundNeutral=246,116,0
ForegroundNormal=252,252,252
ForegroundPositive=39,174,96
ForegroundVisited=155,89,182[Colors:Header][Inactive]
BackgroundAlternate=49,54,59
BackgroundNormal=42,46,50
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=61,174,233
ForegroundInactive=161,169,177
ForegroundLink=29,153,243
ForegroundNegative=218,68,83
ForegroundNeutral=246,116,0
ForegroundNormal=252,252,252
ForegroundPositive=39,174,96
ForegroundVisited=155,89,182[Colors:Selection]
BackgroundAlternate=30,87,116
BackgroundNormal=61,174,233
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=252,252,252
ForegroundInactive=161,169,177
ForegroundLink=253,188,75
ForegroundNegative=176,55,69
ForegroundNeutral=198,92,0
ForegroundNormal=252,252,252
ForegroundPositive=23,104,57
ForegroundVisited=155,89,182[Colors:Tooltip]
BackgroundAlternate=42,46,50
BackgroundNormal=49,54,59
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=61,174,233
ForegroundInactive=161,169,177
ForegroundLink=29,153,243
ForegroundNegative=218,68,83
ForegroundNeutral=246,116,0
ForegroundNormal=252,252,252
ForegroundPositive=39,174,96
ForegroundVisited=155,89,182[Colors:View]
BackgroundAlternate=35,38,41
BackgroundNormal=27,30,32
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=61,174,233
ForegroundInactive=161,169,177
ForegroundLink=29,153,243
ForegroundNegative=218,68,83
ForegroundNeutral=246,116,0
ForegroundNormal=252,252,252
ForegroundPositive=39,174,96
ForegroundVisited=155,89,182[Colors:Window]
BackgroundAlternate=49,54,59
BackgroundNormal=42,46,50
DecorationFocus=61,174,233
DecorationHover=61,174,233
ForegroundActive=61,174,233
ForegroundInactive=161,169,177
ForegroundLink=29,153,243
ForegroundNegative=218,68,83
ForegroundNeutral=246,116,0
ForegroundNormal=252,252,252
ForegroundPositive=39,174,96
ForegroundVisited=155,89,182[General]
ColorScheme=BreezeDark
Name=Breeze Dark
Name[ar]=نسيم داكن
Name[az]=Breeze - Tünd
Name[bg]=Breeze Тъмен
Name[bs]=Breeze tamna
Name[ca]=Brisa fosca
Name[ca@valencia]=Brisa fosca
Name[cs]=Breeze Tmavé
Name[da]=Breeze Dark
Name[de]=Breeze Dunkel
Name[el]=Breeze σκούρο
Name[en_GB]=Breeze Dark
Name[eo]=Breeze Dark
Name[es]=Brisa oscuro
Name[et]=Breeze tume
Name[eu]=Breeze iluna
Name[fi]=Tumma Breeze
Name[fr]=Brise sombre
Name[gl]=Brisa escura
Name[he]=בריזה כהה
Name[hi]=ब्रीज़ गहरा
Name[hu]=Breeze Dark
Name[ia]=Brisa obscure
Name[id]=Breeze Gelap
Name[is]=Breeze dökkt
Name[it]=Brezza scuro
Name[ja]=Breeze ダーク
Name[ka]=Breeze მუქი
Name[ko]=어두운 Breeze
Name[lt]=Breeze tamsus
Name[lv]=Breeze Dark
Name[nb]=Breeze mørk
Name[nl]=Breeze Dark
Name[nn]=Breeze mørk
Name[pa]=ਬਰੀਜ਼ ਗੂੜ੍ਹਾ
Name[pl]=Ciemna Bryza
Name[pt]=Brisa Escura
Name[pt_BR]=Breeze Dark
Name[ro]=Briză, întunecat
Name[ru]=Breeze, тёмный вариант
Name[sk]=Tmavý vánok
Name[sl]=Sapica, temna
Name[sr]=Поветарац тамни
Name[sr@ijekavian]=Поветарац тамни
Name[sr@ijekavianlatin]=Povetarac tamni
Name[sr@latin]=Povetarac tamni
Name[sv]=Breeze mörk
Name[tg]=Насими торик
Name[tr]=Esinti Koyu
Name[uk]=Темна Breeze
Name[x-test]=xxBreeze Darkxx
Name[zh_CN]=Breeze 微风深色
Name[zh_TW]=Breeze Dark
shadeSortColumn=true[KDE]
contrast=4[WM]
activeBackground=49,54,59
activeBlend=252,252,252
activeForeground=252,252,252
inactiveBackground=42,46,50
inactiveBlend=161,169,177
inactiveForeground=161,169,177~~~
1. ~~~sh
#!/usr/bin/env sh
firefox --new-tab 'about:config'
~~~
1. Apply the undermentioned values to their respective keys:
~~~JSONC
"browser.display.use_document_fonts": 0
"browser.display.document_color_use": 2
~~~
### Outcome
All iconography is either not displayed, or replaced by letters.
#### What did you expect?
Iconography should stored as SVG files, not (WOFF2) typeface files.
#### What happened instead?
1. ~~~JSONC
"browser.display.use_document_fonts": 0
"browser.display.document_color_use": 0
~~~

1. ~~~JSONC
"browser.display.use_document_fonts": 0
"browser.display.document_color_use": 2
~~~

### Operating system
[`Fedora-KDE-Live-x86_64-41`](https://download.fedoraproject.org/pub/fedora/linux/releases/41/Spins/x86_64/iso/Fedora-KDE-Live-x86_64-41-1.4.iso):
1. ~~~sh
#!/usr/bin/env sh
kinfo
~~~
1.
~~~YAML
Operating System: Fedora Linux 41
KDE Plasma Version: 6.2.4
KDE Frameworks Version: 6.9.0
Qt Version: 6.8.1
Kernel Version: 6.12.6-200.fc41.x86_64 (64-bit)
Graphics Platform: Wayland
Processors: 12 × AMD Ryzen 5 7600X 6-Core Processor
Memory: 30.4 GiB of RAM
Graphics Processor: AMD Radeon RX 5700
~~~
### Browser information
[`fedora-updates-x86_64/firefox-133.0.3-2.fc41.x86_64.rpm`](https://fedora.pkgs.org/41/fedora-updates-x86_64/firefox-133.0.3-2.fc41.x86_64.rpm.html#:~:text=Package%20filename-,firefox%2D133.0.3%2D2.fc41.x86_64.rpm,-Package%20name%20%09firefox):
1. ~~~sh
#!/usr/bin/env sh
dnf info 'firefox'
~~~
1.
~~~YAML
Updating and loading repositories:
ProtonVPN Fedora Beta repository 100% | 19.0 KiB/s | 3.7 KiB | 00m00s
RPM Fusion for Fedora 41 - Free tainted 100% | 50.0 KiB/s | 7.2 KiB | 00m00s
Visual Studio Code 100% | 12.2 KiB/s | 1.5 KiB | 00m00s
Fedora 41 - x86_64 100% | 60.5 KiB/s | 26.8 KiB | 00m00s
google-chrome-canary 100% | 8.0 KiB/s | 1.3 KiB | 00m00s
Fedora 41 - x86_64 - Updates 100% | 24.8 KiB/s | 9.1 KiB | 00m00s
Copr repo for Koi owned by birkch 100% | 3.3 KiB/s | 1.5 KiB | 00m00s
RPM Fusion for Fedora 41 - Nonfree - Updates 100% | 62.7 KiB/s | 7.8 KiB | 00m00s
RPM Fusion for Fedora 41 - Free - Updates 100% | 25.7 KiB/s | 7.2 KiB | 00m00s
google-chrome-canary 100% | 11.1 KiB/s | 3.3 KiB | 00m00s
Repositories loaded.
Installed packages
Name : firefox
Epoch : 0
Version : 133.0.3
Release : 2.fc41
Architecture : x86_64
Installed size : 222.9 MiB
Source : firefox-133.0.3-2.fc41.src.rpm
From repository : @stored_transaction
Vendor : Fedora Project
~~~
### URL for webapp
[`https://develop.element.io`](https://develop.element.io)
### Application version
1.
~~~YAML
Element version: b2e8f212e410-react-7f6f98443865-js-b2d83c1f80b5
Olm version: 3.2.3
~~~
1.
~~~YAML
Element version: 16d2cccb73b1-js-3fcc56601b89
Crypto version: Rust SDK 0.8.0 (21f7cc7), Vodozemac 0.8.1
~~~
### Homeserver:
[`matrix.org`](https://matrix.org)
### Will you send logs?
Yes.
Contributor guide
Assessment
This issue has not been assessed yet.