diff options
| author |  Frans de Jonge <fransdejonge@gmail.com>
| 2025-10-22 23:47:58 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2025-10-22 23:47:58 +0200 |
| commit | c4e00654aa3cce6a4b1e1317a738130a60f42789 (patch) | |
| tree | f312981a440e48fc8d974dc5ef200789ff71d44c /p/themes | |
| parent | 581b81006af157d0fa12b8d1e2604c637234f778 (diff) | |
Configuration → Display → Theme: increase button visibility (#8149)
Closes https://github.com/FreshRSS/FreshRSS/issues/6577
Maintains a little bit of distinction between hover and non-hover, but the focus is on always making it visible.
### Before
<img width="45%" alt="Image" src="https://github.com/user-attachments/assets/4ebbffa3-e90d-42b2-9cdd-536197eabde3" />
### After
Left not hovered, right left arrow hovered. The distinction is obvious enough to show activation when actually hovering; it doesn't show very well on the screenshot.
<img width="45%" alt="image" src="https://github.com/user-attachments/assets/74e3da4a-7072-4f27-b435-375d6168181a" /> <img width="45%" alt="image" src="https://github.com/user-attachments/assets/8d0016e1-8cb0-4307-b7d0-8a9d0fdec188" />
Diffstat (limited to 'p/themes')
| -rw-r--r-- | p/themes/base-theme/frss.css | 4 | ||||
| -rw-r--r-- | p/themes/base-theme/frss.rtl.css | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 856c94305..d645536fc 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -2143,7 +2143,7 @@ html.slider-active { text-align: center; line-height: 2; background-color: var(--frss-background-color-transparent); - text-shadow: 0px 0px 15px rgb(119, 119, 119); + text-shadow: 0px 0px 15px #000; } .theme-preview-list .properties { @@ -2165,7 +2165,7 @@ html.slider-active { } .theme-preview-list .preview + .nav label { - opacity: 0.5; + opacity: 0.8; } .theme-preview-list .nav label:hover { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index bdf964607..247a31e75 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -2143,7 +2143,7 @@ html.slider-active { text-align: center; line-height: 2; background-color: var(--frss-background-color-transparent); - text-shadow: 0px 0px 15px rgb(119, 119, 119); + text-shadow: 0px 0px 15px #000; } .theme-preview-list .properties { @@ -2165,7 +2165,7 @@ html.slider-active { } .theme-preview-list .preview + .nav label { - opacity: 0.5; + opacity: 0.8; } .theme-preview-list .nav label:hover { |