diff options
| author |  maTh <1645099+math-GH@users.noreply.github.com>
| 2025-01-31 13:58:57 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2025-01-31 13:58:57 +0100 |
| commit | f72f5e95238a866c39535932c803720d7644a276 (patch) | |
| tree | 3e8069c5fba45068a6d4f3f99eb3a0d5ba8eb9e5 /p/themes/Dark/dark.rtl.css | |
| parent | d1eb85e374c064146c0519d4bf6ca7e936a8014c (diff) | |
Improve notification banner (#7268)
* a -> button
* i18n: Close
* a.close -> .close
* themes
* Apply suggestions from code review
Co-authored-by: UserRoot-Luca <55756898+UserRoot-Luca@users.noreply.github.com>
Co-authored-by: Frans de Jonge <fransdejonge@gmail.com>
* Update app/i18n/fr/gen.php
---------
Co-authored-by: UserRoot-Luca <55756898+UserRoot-Luca@users.noreply.github.com>
Co-authored-by: Frans de Jonge <fransdejonge@gmail.com>
Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
Diffstat (limited to 'p/themes/Dark/dark.rtl.css')
| -rw-r--r-- | p/themes/Dark/dark.rtl.css | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 3faf057f7..f884386b9 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -94,6 +94,8 @@ --dark-font-colorA: #aaa; --dark-notification-border-color: #c95; + --dark-notification-good-border-color: #484; + --dark-notification-bad-border-color: #a44; --dark-notification-font-color: #c95; --dark-notification-good-close-background-color-hover: #484; @@ -505,24 +507,34 @@ button.as-link[disabled] { .notification.good { background-color: var(--dark-background-color1); + border-color: var(--dark-notification-good-border-color); } .notification.bad { background-color: var(--dark-background-color1); + border-color: var(--dark-notification-bad-border-color); } -.notification a.close:hover { +.notification .close:hover { background-color: var(--dark-background-color2); } -.notification.good a.close:hover { +.notification.good .close:hover { background-color: var(--dark-notification-good-close-background-color-hover); } -.notification.bad a.close:hover { +.notification.bad .close:hover { background-color: var(--dark-notification-bad-close-background-color-hover); } +.notification .close .icon { + filter: brightness(0.6); +} + +.notification .close:hover .icon { + filter: brightness(3); +} + /*=== "Load more" part */ #bigMarkAsRead:hover { background-color: var(--dark-background-color1); |