Skip to content

[BUG] Search input container is partially unstyled #208

@jesuscc1993

Description

@jesuscc1993
  • Browser: any
  • WhatsApp Web version: latest / beta (for filters)
  • Dark-WhatsApp version: 3.7.2
  • Additional context:
    Search input container is partially unstyled.
    (Beta) Filters are unstyled.
  • Screenshot:
    image
  • Suggested solution: add the following vars:
    --filters-container-background: var(--background-default);
    --filters-item-active-background: var(--ac-4);
    --filters-item-active-color: var(--ac-0);
    --filters-item-background-hover: var(--menu-bar-item-background-active);
    --filters-item-background: var(--search-input-background);
    --input-floating-toolbar-background: var(--menu-bar-item-background-active);
    --input-floating-toolbar-button-active: var(--background-default);
    --navbar-background: var(--search-input-background);
    --search-input-container-background-active: var(--background-default);
    --search-input-container-background: var(--background-default);
    --WDS-accent: var(--ac-0);
    --WDS-content-action-emphasized: var(--ac-0);

This should also be added to color the "Archived" icon:

  [data-icon="archived-outline"] {
    color: var(--icon-ack);
  }

For always up to date fixes, just check dark-whatsapp-patch.user.css.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions