mirror of
https://github.com/aaronraimist/element-themes
synced 2024-05-29 04:12:12 +02:00
Added workaround for selected reaction pills
This commit is contained in:
parent
1a69a41f1e
commit
0508475546
14
README.md
14
README.md
|
@ -39,6 +39,20 @@ Alternatively you can use [my Riot Web instance](https://riot.raim.ist) which ha
|
||||||
#### Discussions
|
#### Discussions
|
||||||
Join us in [#riot-web-themes:m.dhdf.dev](https://matrix.to/#/!pjCLhvJxLkGjNQFqcB:m.dhdf.dev?via=m.dhdf.dev&via=raim.ist&via=t2bot.io)
|
Join us in [#riot-web-themes:m.dhdf.dev](https://matrix.to/#/!pjCLhvJxLkGjNQFqcB:m.dhdf.dev?via=m.dhdf.dev&via=raim.ist&via=t2bot.io)
|
||||||
|
|
||||||
|
## Workarounds
|
||||||
|
|
||||||
|
Currently, custom themes might introduce some odd elements. For example, when using ThomCat Black, the selected reaction 'pill' is outlined in green.
|
||||||
|
[images/Pill1.png]
|
||||||
|
|
||||||
|
To fix this, we have to edit the custom theme CSS file directly, in this case `theme-dark-custom.css` `cssbeautify-cli` is not necessary if your `sed`-fu is better than the authors' is.
|
||||||
|
|
||||||
|
```
|
||||||
|
cssbeautify-cli -f theme-dark-custom.css > /tmp/theme-dark-custom-sed.css
|
||||||
|
sed '/.mx_ReactionsRowButton.mx_ReactionsRowButton_selected/!b;n;c\ \ \ \ background-color:var(--accent-color);' /tmp/theme-dark-custom-sed.css > /tmp/theme-dark-custom.css
|
||||||
|
sudo -u www-data cp /tmp/theme-dark-custom.css /<riot_directory>/bundles/<random_bundle_version>/
|
||||||
|
```
|
||||||
|
The results are below:
|
||||||
|
[images/Pill2.png]
|
||||||
|
|
||||||
# Themes
|
# Themes
|
||||||
|
|
||||||
|
|
BIN
images/Pill1.png
Normal file
BIN
images/Pill1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 962 B |
BIN
images/Pill2.png
Normal file
BIN
images/Pill2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 851 B |
Loading…
Reference in a new issue