☰

BBVA - Dark mode

By default these pages have too much white.

目前为 2023-07-17 提交的版本，查看 最新版本。

  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        2023.07.17
  9. @license        CC-BY-SA 4.0
  10. @preprocessor   default
  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.     nav-menu
  31.     {
  32.         filter: invert(1) hue-rotate(180deg);
  33.     }
  34.     
  35.     img.o-media__img,
  36.     img.o-heading__img,
  37.     img[class*=cover]:not([class*=complexmarquee__img]),
  38.     img[class*=card],
  39.     video,
  40.     iframe:not([id=initial-loading-spinner]),
  41.     div.o-media__item.width-xxsmall
  42.     {
  43.         filter: invert(1) hue-rotate(180deg) !important;
  44.     }
  45.     
  46.     /* swy: make the bank logo cover the whole cell */
  47.     div.m-products table.o-table th[role=rowheader] img.o-media__img
  48.     {
  49.         width: inherit !important;
  50.     }
  51. }