From 9147f06e46ec0689c8e82179cbee0acae27f0764 Mon Sep 17 00:00:00 2001 From: ThomCat Date: Thu, 5 Mar 2020 11:10:30 -0600 Subject: [PATCH] Added workaround for selected reaction pills --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 362fab4..c22b008 100644 --- a/README.md +++ b/README.md @@ -42,17 +42,17 @@ Join us in [#riot-web-themes:m.dhdf.dev](https://matrix.to/#/!pjCLhvJxLkGjNQFqcB ## 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] +![pill_before](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. +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 //bundles// +sudo -u cp /tmp/theme-dark-custom.css //bundles// ``` The results are below: -[images/Pill2.png] +![pill_after](images/Pill2.png) # Themes