☰

BBVA - Dark mode

By default these pages have too much white.

当前为 2022-11-10 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           BBVA - Dark mode
  3. @name:es        BBVA - Modo oscuro
  4. @description    By default these pages have too much white.
  5. @description:es La versión original hace daño a los ojos.
  6. @namespace      https://greasyfork.org/en/users/4813
  7. @author         Swyter
  8. @version        2022.10.26
  9. @license        CC-BY-SA 4.0
  10. @preprocessor   stylus
  11. ==/UserStyle== */
  12.  
  13. @-moz-document domain("web.bbva.es")
  14. {
  15.     /* swy: dark mode */
  16.     html
  17.     {
  18.         filter: invert(0.88) hue-rotate(180deg);
  19.     }
  20.     
  21.     ph_cabecera,
  22.     div[data-addon=bbva-announcement],
  23.     div[data-autoload=experiencias],
  24.     #app_footer_fyc_normal,
  25.     div#footer,
  26.     header[role=banner],
  27.     nav#header,
  28.     div[class*=megamenu__fixed],
  29.     .m-marquee__media
  30.     {
  31.         filter: invert(1) hue-rotate(180deg);
  32.     }
  33.     
  34.     img.o-media__img,
  35.     img.o-heading__img,
  36.     img[class*=cover]:not([class*=complexmarquee__img]),
  37.     img[class*=card],
  38.     video,
  39.     iframe:not([id=initial-loading-spinner]),
  40.     div.o-media__item.width-xxsmall
  41.     {
  42.         filter: invert(1) hue-rotate(180deg) !important;
  43.     }
  44.     
  45.     /* swy: make the bank logo cover the whole cell */
  46.     div.m-products table.o-table th[role=rowheader] img.o-media__img
  47.     {
  48.         width: inherit !important;
  49.     }
  50. }