Skip to content

Dark-WhatsApp Lite by vednoc

Imported and mirrored from https://github.com/vednoc/dark-whatsapp/raw/master/wa.user.css

Dark-WhatsApp Lite screenshot

Details

Authorvednoc

LicenseMIT

Created

Updated

Categorywhatsapp

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Weekly updates

Description

Non-customizable version of Dark-WhatsApp.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Dark-WhatsApp Lite
@description  Non-customizable version of Dark-WhatsApp.
@namespace    github.com/vednoc/dark-whatsapp
@homepageURL  https://github.com/vednoc/dark-whatsapp
@supportURL   https://github.com/vednoc/dark-whatsapp/issues
@author       vednoc <vednoc@pm.me> (https://github.com/vednoc)
@version      3.7.2
@license      MIT
==/UserStyle== */

@-moz-document domain('web.whatsapp.com') {
  :root:not(#z),
  .dark:not(#z) {
    --version: 'šŸŒš Dark-WhatsApp Lite v3.7.2 ā€” March 31st, 2023';
    --ui-font: 'font_name', Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;
    --r-menus: 4px;
    --r-inputs: 24px;
    --r-avatars: 50%;
    --c-m-hover: 0.6s;
    --c-m-delay: 1.2s;
    --blur-in: 0.4s;
    --blur-out: 0.2s;
    --app-width: 1396px;
    --emoji-o: 0.8;
    --bg-image: url("https://raw.githubusercontent.com/vednoc/dark-whatsapp/master/images/bg-blur-high.jpg");
    --bg-opacity: 0.4;
    --bg-blur: 0px;
    --bg-blur-s: calc(-2 * var(--bg-blur));
    --bg-hue: 320deg;
    --bg-invert: 0;
    --bg-size: cover;
    --bg-pos: center;
    --bg-rep: no-repeat;
    --chat-image: url("https://web.whatsapp.com/img/bg-chat-tile_9e8a2898faedb7db9bf5638405cf81ae.png");
    --chat-bg-o: 0.15;
    --chat-bg-i: 0.6;
    --chat-bg-s: initial;
    --chat-bg-p: top left;
    --chat-bg-r: repeat;
    --msg-in-0: var(--bg-4);
    --msg-in-0-rgb: var(--bg-4-rgb);
    --msg-in-1: var(--bg-3);
    --msg-in-1-rgb: var(--bg-3-rgb);
    --msg-out-0: var(--ac-4);
    --msg-out-0-rgb: var(--ac-4-rgb);
    --msg-out-1: var(--ac-5);
    --msg-out-1-rgb: var(--ac-5-rgb);
    --msg-ack: var(--ac-0);
    --msg-ack-rgb: var(--ac-0-rgb);
    --gray-30: var(--bg-5);
    --gray-30-rgb: var(--bg-5-rgb);
    --gray-700: var(--fg-4);
    --gray-700-rgb: var(--fg-4-rgb);
    --pale-blue-green: var(--b6-4);
    --pale-blue-green-rgb: var(--b6-4-rgb);
    --pale-green: var(--b4-4);
    --pale-green-rgb: var(--b4-4-rgb);
    --pale-yellow: var(--b3-4);
    --pale-yellow-rgb: var(--b3-4-rgb);
    --teal: var(--ac-0);
    --teal-rgb: var(--ac-0-rgb);
    --teal-light: var(--ac-1);
    --teal-light-rgb: var(--ac-1-rgb);
    --teal-lighter: var(--ac-2);
    --teal-lighter-rgb: var(--ac-2);
    --green-deep: var(--ac-2);
    --green-deep-rgb: var(--ac-2-rgb);
    --blue-ocean: var(--bg-2);
    --blue-ocean-rgb: var(--bg-2-rgb);
    --active-tab-marker: var(--ac-0);
    --active-tab-marker-rgb: var(--ac-0-rgb);
    --app-background-stripe: var(--bg-1);
    --app-background-stripe-rgb: var(--bg-1-rgb);
    --app-background: var(--bg-0);
    --app-background-rgb: var(--bg-0-rgb);
    --app-background-deeper: var(--bg-0);
    --app-background-deeper-rgb: var(--bg-0-rgb);
    --attach-media-drop-border: var(--fg-3);
    --attach-media-drop-border-rgb: var(--fg-3-rgb);
    --attach-media-drop-overlay: var(--bg-2);
    --attach-media-drop-overlay-rgb: var(--bg-2-rgb);
    --audio-progress-incoming: var(--b4-0);
    --audio-progress-incoming-rgb: var(--b4-0-rgb);
    --audio-progress-outgoing: var(--ac-2);
    --audio-progress-outgoing-rgb: var(--ac-2-rgb);
    --audio-progress-played-incoming: var(--b6-0);
    --audio-progress-played-incoming-rgb: var(--b6-0-rgb);
    --audio-progress-played-outgoing: var(--b6-0);
    --audio-progress-played-outgoing-rgb: var(--b6-0-rgb);
    --audio-track-incoming: var(--fg-4);
    --audio-track-incoming-rgb: var(--fg-4-rgb);
    --audio-track-outgoing: var(--fg-4);
    --audio-track-outgoing-rgb: var(--fg-4-rgb);
    --avatar-background: var(--bg-1);
    --avatar-background-rgb: var(--bg-1-rgb);
    --avatar-border: var(--bg-3);
    --avatar-border-rgb: var(--bg-3-rgb);
    --avatar-placeholder-background: var(--bg-5);
    --avatar-placeholder-background-rgb: var(--bg-5-rgb);
    --avatar-placeholder-primary: var(--fg-3);
    --avatar-placeholder-primary-rgb: var(--fg-3-rgb);
    --background-default: var(--bg-2);
    --background-default-rgb: var(--bg-2-rgb);
    --background-default-active: var(--bg-4);
    --background-default-active-rgb: var(--bg-4-rgb);
    --background-default-hover: var(--bg-3);
    --background-default-hover-rgb: var(--bg-3-rgb);
    --border-bubble: var(--shadow);
    --border-bubble-rgb: var(--shadow-rgb);
    --border-default: var(--bg-3);
    --border-default-rgb: var(--bg-3-rgb);
    --border-list: var(--bg-3);
    --border-list-rgb: var(--bg-3-rgb);
    --border-panel: var(--bg-5);
    --border-panel-rgb: var(--bg-5-rgb);
    --border-strong: var(--bg-5);
    --border-strong-rgb: var(--bg-5-rgb);
    --border-stronger: var(--bg-5);
    --border-stronger-rgb: var(--fg-5-rgb);
    --bubble-meta: var(--fg-3);
    --bubble-meta-rgb: var(--fg-3-rgb);
    --bubble-meta-icon: var(--fg-3);
    --bubble-meta-icon-rgb: var(--fg-3-rgb);
    --butterbar-battery-background: var(--b1-4);
    --butterbar-battery-background-rgb: var(--b1-4-rgb);
    --butterbar-battery-icon: var(--b1-0);
    --butterbar-battery-icon-rgb: var(--b1-0-rgb);
    --butterbar-battery-primary: var(--fg-0);
    --butterbar-battery-primary-rgb: var(--fg-0-rgb);
    --butterbar-battery-secondary: var(--fg-4);
    --butterbar-battery-secondary-rgb: var(--fg-4-rgb);
    --butterbar-connection-background: var(--b3-4);
    --butterbar-connection-background-rgb: var(--b3-4-rgb);
    --butterbar-connection-primary: var(--fg-0);
    --butterbar-connection-primary-rgb: var(--fg-0-rgb);
    --butterbar-connection-secondary: var(--fg-4);
    --butterbar-connection-secondary-rgb: var(--fg-4-rgb);
    --butterbar-default-background: var(--b6-4);
    --butterbar-default-background-rgb: var(--b6-4);
    --butterbar-icon: var(--b3-0);
    --butterbar-icon-rgb: var(--b3-0-rgb);
    --butterbar-notification-icon: var(--b6-0);
    --butterbar-notification-icon-rgb: var(--b6-0-rgb);
    --butterbar-primary: var(--fg-0);
    --butterbar-primary-rgb: var(--fg-0-rgb);
    --butterbar-secondary: var(--fg-4);
    --butterbar-secondary-rgb: var(--fg-4-rgb);
    --butterbar-update-background: var(--b4-4);
    --butterbar-update-background-rgb: var(--b4-4-rgb);
    --butterbar-update-icon: var(--b4-0);
    --butterbar-update-icon-rgb: var(--b4-0-rgb);
    --button-alternative: var(--ac-1);
    --button-alternative-rgb: var(--ac-1-rgb);
    --button-alternative-background: var(--bg-3);
    --button-alternative-background-rgb: var(--bg-3-rgb);
    --button-background-disabled: var(--bg-2);
    --button-background-disabled-rgb: var(--bg-2-rgb);
    --button-bubble: var(--ac-0);
    --button-bubble-rgb: var(--ac-0-rgb);
    --button-plain-background: var(--bg-4);
    --button-plain-background-rgb: var(--bg-4-rgb);
    --button-primary: var(--white);
    --button-primary-rgb: var(--white-rgb);
    --button-primary-background: var(--ac-0);
    --button-primary-background-rgb: var(--ac-0-rgb);
    --button-primary-background-hover: var(--ac-3);
    --button-primary-background-hover-rgb: var(--ac-3-rgb);
    --button-round-background: var(--ac-0);
    --button-round-background-rgb: var(--ac-0-rgb);
    --button-secondary: var(--ac-0);
    --button-secondary-rgb: var(--ac-0-rgb);
    --button-secondary-background: transparent;
    --button-secondary-background-rgb: 0, 0, 0;
    --button-secondary-background-hover: rgba(241,241,242,0.051);
    --button-secondary-background-hover-rgb: var(--fg-3-rgb);
    --button-secondary-hover: var(--ac-0);
    --button-secondary-hover-rgb: var(--ac-0-rgb);
    --chat-marker: var(--fg-3);
    --chat-marker-rgb: var(--fg-3-rgb);
    --chat-marker-admin: var(--ac-0);
    --chat-marker-admin-rgb: var(--ac-0-rgb);
    --chat-marker-admin-border: var(--ac-0);
    --chat-marker-admin-border-rgb: var(--ac-0-rgb);
    --chat-marker-border: var(--fg-3);
    --chat-marker-border-rgb: var(--fg-3-rgb);
    --chat-meta: var(--fg-3);
    --chat-meta-rgb: var(--fg-3-rgb);
    --chatlist-icon: var(--fg-5);
    --chatlist-icon-rgb: var(--fg-5-rgb);
    --checkbox-background: var(--ac-0);
    --checkbox-background-rgb: var(--ac-0-rgb);
    --checkbox-mark: var(--white);
    --checkbox-mark-rgb: var(--white-rgb);
    --chevron-button-background: var(--bg-3);
    --chevron-button-background-rgb: var(--bg-3-rgb);
    --compose-input-background-focused: var(--bg-0);
    --compose-input-background-focused-rgb: var(--bg-0-rgb);
    --compose-input-background: var(--bg-1);
    --compose-input-background-rgb: var(--bg-1-rgb);
    --compose-input-border: var(--bg-5);
    --compose-input-border-rgb: var(--bg-5-rgb);
    --compose-input-border-focused: var(--bg-5);
    --compose-input-border-focused-rgb: var(--bg-5-rgb);
    --compose-panel-background: var(--bg-3);
    --compose-panel-background-rgb: var(--bg-3-rgb);
    --compose-panel-background-hover: var(--bg-4);
    --compose-panel-background-hover-rgb: var(--ac-4-rgb);
    --compose-primary: var(--fg-1);
    --compose-primary-rgb: var(--fg-1-rgb);
    --conversation-panel-background: var(--bg-1);
    --conversation-panel-background-rgb: var(--bg-1-rgb);
    --conversation-panel-border: var(--bg-5);
    --conversation-panel-border-rgb: var(--fg-3-rgb);
    --danger: var(--b1-0);
    --danger-rgb: var(--b1-0-rgb);
    --drawer-background: var(--bg-1);
    --drawer-background-rgb: var(--bg-1-rgb);
    --drawer-background-deep: var(--bg-0);
    --drawer-background-deep-rgb: var(--bg-0-rgb);
    --drawer-gallery-background: var(--bg-1);
    --drawer-gallery-background-rgb: var(--bg-1-rgb);
    --drawer-gallery-background-active: var(--bg-0);
    --drawer-gallery-background-active-rgb: var(--bg-0-rgb);
    --drawer-gallery-background-hover: var(--bg-0);
    --drawer-gallery-background-hover-rgb: var(--bg-0-rgb);
    --drawer-header-title: var(--fg-1);
    --drawer-header-title-rgb: var(--fg-1-rgb);
    --drawer-section-background: var(--bg-2);
    --drawer-section-background-rgb: var(--bg-2-rgb);
    --dropdown-background: var(--bg-2);
    --dropdown-background-rgb: var(--bg-2-rgb);
    --dropdown-background-hover: var(--bg-...

Reviews

No reviews yet.