Non-customizable version of Dark-WhatsApp.
Dark-WhatsApp Lite by vednoc
Imported and mirrored from https://github.com/vednoc/dark-whatsapp/raw/master/wa.user.css
Details
Authorvednoc
LicenseMIT
Categorywhatsapp
Created
Updated
Size56 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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-...