Skip to content

Ultra Dark Mode by kenycsh

Screenshot of Ultra Dark Mode

Details

Authorkenycsh

LicenseNo License

Categorywhatsapp

Created

Updated

Size30 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

#000000

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         Ultra Dark Mode
@version      20211103.19.45
@namespace    userstyles.world/user/kenycsh
@description  #000000
@author       kenycsh
@license      No License
==/UserStyle== */

@-moz-document domain("whatsapp.com") {
html[dir] .zaKsw {
    padding-top: 28px;
    padding-bottom: 28px;
    cursor: default;
    background-color: #000000;
}
.dark {
    --active-tab-marker: #00af9c;
    --active-tab-marker-rgb: 0,175,156;
    --app-background: #000;
    --app-background-rgb: 9.3,13.74,16.7;
    --app-background-deeper: #000;
    --app-background-deeper-rgb: 9.3,13.74,16.7;
    --app-background-stripe: transparent;
    --app-background-stripe-rgb: 0,0,0;
    --attach-media-drop-border: rgba(241,241,242,0.2);
    --attach-media-drop-border-rgb: 241,241,242;
    --attach-media-drop-overlay: rgba(56,61,63,0.3);
    --attach-media-drop-overlay-rgb: 55.76,60.6,63.24;
    --audio-control-incoming: #848488;
    --audio-control-incoming-rgb: 132,132,136;
    --audio-control-outgoing: #d1d7db;
    --audio-control-outgoing-rgb: 209,215,219;
    --audio-progress-incoming: #3cb362;
    --audio-progress-incoming-rgb: 60,179,98;
    --audio-progress-outgoing: #5f9899;
    --audio-progress-outgoing-rgb: 95,152,153;
    --audio-progress-played-incoming: #5ca0c2;
    --audio-progress-played-incoming-rgb: 92,160,194;
    --audio-progress-played-outgoing: #55aacb;
    --audio-progress-played-outgoing-rgb: 85,170,203;
    --audio-track-incoming: #3b4044;
    --audio-track-incoming-rgb: 59,64,68;
    --audio-track-outgoing: #1d6f70;
    --audio-track-outgoing-rgb: 29,111,112;
    --avatar-background: #000;
    --avatar-background-rgb: 18.6,28.22,33.4;
    --avatar-border: #a5aaad;
    --avatar-border-rgb: 165,170,173;
    --avatar-placeholder-background: #6e7377;
    --avatar-placeholder-background-rgb: 110,115,119;
    --avatar-placeholder-primary: #d6d7d9;
    --avatar-placeholder-primary-rgb: 214,215,217;
    --background-default: #000;
    --background-default-rgb: 18.6,28.22,33.4;
    --background-default-active: #000;
    --background-default-active-rgb: 49.815,54.58382,57.185;
    --background-default-hover: #000;
    --background-default-hover-rgb: 44.745,49.27333,52.155;
    --badge-border: #d4d5d7;
    --badge-border-rgb: 212,213,215;
    --badge-pending: #009688;
    --badge-pending-rgb: 0,150,136;
    --beta-tag-background: #364147;
    --beta-tag-background-rgb: 54,65,71;
    --border-bubble: rgba(241,241,242,0.12);
    --border-bubble-rgb: 241,241,242;
    --border-default: #242d32;
    --border-default-rgb: 36,45,50;
    --border-list: #30383d;
    --border-list-rgb: 48,56,61;
    --border-panel: #30373b;
    --border-panel-rgb: 48,55,59;
    --border-strong: #3b4347;
    --border-strong-rgb: 59,67,71;
    --border-stronger: rgba(241,241,242,0.11);
    --border-stronger-rgb: 241,241,242;
    --bubble-meta: rgba(241,241,242,0.63);
    --bubble-meta-rgb: 241,241,242;
    --bubble-meta-icon: rgba(241,241,242,0.63);
    --bubble-meta-icon-rgb: 241,241,242;
    --business-name-title: #d4d5d7;
    --business-name-title-rgb: 212,213,215;
    --business-name-subtitle: #b3b3b3;
    --business-name-subtitle-rgb: 179,179,179;
    --butterbar-battery-background: #a7494c;
    --butterbar-battery-background-rgb: 167,73,76;
    --butterbar-battery-icon: #f5d6d7;
    --butterbar-battery-icon-rgb: 245,214,215;
    --butterbar-battery-primary: rgba(241,241,242,0.96);
    --butterbar-battery-primary-rgb: 241,241,242;
    --butterbar-battery-secondary: rgba(241,241,242,0.75);
    --butterbar-battery-secondary-rgb: 241,241,242;
    --butterbar-connection-background: #d7a53b;
    --butterbar-connection-background-rgb: 215,165,59;
    --butterbar-connection-primary: rgba(9,14,17,0.96);
    --butterbar-connection-primary-rgb: 9.3,13.74,16.7;
    --butterbar-connection-secondary: rgba(9,14,17,0.75);
    --butterbar-connection-secondary-rgb: 9.3,13.74,16.7;
    --butterbar-default-background: #085373;
    --butterbar-default-background-rgb: 8,83,115;
    --butterbar-fatal-background: #d7a53b;
    --butterbar-fatal-background-rgb: 215,165,59;
    --butterbar-fatal-primary: rgba(9,14,17,0.96);
    --butterbar-fatal-primary-rgb: 9.3,13.74,16.7;
    --butterbar-fatal-secondary: rgba(9,14,17,0.75);
    --butterbar-fatal-secondary-rgb: 9.3,13.74,16.7;
    --butterbar-icon: rgba(241,241,242,0.8);
    --butterbar-icon-rgb: 241,241,242;
    --butterbar-notice-background: #000;
    --butterbar-notice-background-rgb: 45,56,62;
    --butterbar-notice-circle: #384b55;
    --butterbar-notice-circle-rgb: 56,75,85;
    --butterbar-notice-icon: #7bb5ae;
    --butterbar-notice-icon-rgb: 123,181,174;
    --butterbar-notice-smb-background: #000;
    --butterbar-notice-smb-background-rgb: 45,56,62;
    --butterbar-notice-smb-circle: #384b55;
    --butterbar-notice-smb-circle-rgb: 56,75,85;
    --butterbar-notice-smb-icon: #7bb5ae;
    --butterbar-notice-smb-icon-rgb: 123,181,174;
    --butterbar-notification-icon: #8eb2be;
    --butterbar-notification-icon-rgb: 142,178,190;
    --butterbar-primary: rgba(241,241,242,0.96);
    --butterbar-primary-rgb: 241,241,242;
    --butterbar-secondary: rgba(241,241,242,0.75);
    --butterbar-secondary-rgb: 241,241,242;
    --butterbar-update-background: #056162;
    --butterbar-update-background-rgb: 5,97,98;
    --butterbar-update-icon: #8eafaa;
    --butterbar-update-icon-rgb: 142,175,170;
    --butterbar-green-nux-primary: rgba(9,14,17,0.96);
    --butterbar-green-nux-primary-rgb: 9.3,13.74,16.7;
    --butterbar-green-nux-secondary: rgba(9,14,17,0.7);
    --butterbar-green-nux-secondary-rgb: 9.3,13.74,16.7;
    --butterbar-green-nuxf-background: #bbe4dd;
    --butterbar-green-nux-background-rgb: 187,228,221;
    --butterbar-green-nux-icon: #316474;
    --butterbar-green-nux-icon-rgb: 49,100,116;
    --butterbar-green-nux-icon-background: #eefefa;
    --butterbar-green-nux-icon-background-rgb: 238,254,250;
    --butterbar-green-nux-icon-dismiss: #88a6a1;
    --butterbar-green-nux-icon-dismiss-rgb: 136,166,161;
    --butterbar-blue-nux-primary: rgba(241,241,242,0.96);
    --butterbar-blue-nux-primary-rgb: 241,241,242;
    --butterbar-blue-nux-secondary: rgba(241,241,242,0.7);
    --butterbar-blue-nux-secondary-rgb: 241,241,242;
    --butterbar-blue-nux-background: #085373;
    --butterbar-blue-nux-background-rgb: 8,83,115;
    --butterbar-blue-nux-icon: #085373;
    --butterbar-blue-nux-icon-rgb: 8,83,115;
    --butterbar-blue-nux-icon-background: #8eb2be;
    --butterbar-blue-nux-icon-background-rgb: 142,178,190;
    --butterbar-blue-nux-icon-dismiss: rgba(241,241,242,0.7);
    --butterbar-blue-nux-icon-dismiss-rgb: 241,241,242;
    --butterbar-md-opt-in-countdown-icon-background: hsla(0,0%,100%,0.72);
    --butterbar-md-opt-in-countdown-icon-background-rgb: 255,255,255;
    --butterbar-md-opt-in-awareness-icon-background: hsla(0,0%,100%,0.56);
    --butterbar-md-opt-in-awareness-icon-background-rgb: 255,255,255;
    --button-alternative: #68bbe4;
    --button-alternative-rgb: 104,187,228;
    --button-alternative-background: #262d31;
    --button-alternative-background-rgb: 38,45,49;
    --button-background-disabled: #2a2f32;
    --button-background-disabled-rgb: 41.6,47.46667,50.4;
    --button-bubble: rgba(0,175,156,0.7);
    --button-bubble-rgb: 0,175,156;
    --button-plain-background: #2f3437;
    --button-plain-background-rgb: 47.1,51.86667,54.9;
    --button-primary: #000;
    --button-primary-rgb: 18.6,28.22,33.4;
    --button-primary-background: #00af9c;
    --button-primary-background-rgb: 0,175,156;
    --button-primary-background-hover: #00c3ae;
    --button-primary-background-hover-rgb: 0,195.4,174.18514;
    --button-round-background: #00af9c;
    --button-round-background-rgb: 0,175,156;
    --button-round-background-inverted: #2f3437;
    --button-round-background-inverted-rgb: 47.1,51.86667,54.9;
    --button-round-icon-inverted: #00af9c;
    --button-round-icon-inverted-rgb: 0,175,156;
    --button-secondary: #00af9c;
    --button-secondary-rgb: 0,175,156;
    --button-secondary-border: #242d32;
    --button-secondary-border-rgb: 36,45,50;
    --button-secondary-background: transparent;
    --button-secondary-background-rgb: 0,0,0;
    --button-secondary-background-hover: rgba(241,241,242,0.05);
    --button-secondary-background-hover-rgb: 241,241,242;
    --button-secondary-hover: #00af9c;
    --button-secondary-hover-rgb: 0,175,156;
    --cart-interstitial-background: #3a5564;
    --cart-interstitial-background-rgb: 58,85,100;
    --cart-interstitial-icon: #fff;
    --cart-interstitial-icon-rgb: 255,255,255;
    --chat-marker: #999;
    --chat-marker-rgb: 153,153,153;
    --chat-marker-admin: #00af9c;
    --chat-marker-admin-rgb: 0,175,156;
    --chat-marker-admin-border: rgba(0,175,156,0.7);
    --chat-marker-admin-border-rgb: 0,175,156;
    --chat-marker-border: hsla(0,0%,60%,0.7);
    --chat-marker-border-rgb: 153,153,153;
    --chatlist-icon: rgba(241,241,242,0.63);
    --chatlist-icon-rgb: 241,241,242;
    --checkbox-background: #00af9c;
    --checkbox-background-rgb: 0,175,156;
    --checkbox-mark: #000;
    --checkbox-mark-rgb: 18.6,28.22,33.4;
    --chevron-button-background: rgba(241,241,242,0.35);
    --chevron-button-background-rgb: 241,241,242;
    --chip-button-background: #374043;
    --chip-button-background-rgb: 55,64,67;
    --chip-button-foreground: #d4dadf;
    --chip-button-foreground-rgb: 212,218,223;
    --compose-input-background: #000;
    --compose-input-background-rgb: 51.22296,56.04619,58.67704;
    --compose-input-background-focused: #3f5560;
    --compose-input-background-focused-rgb: 63,85,96;
    --compose-input-border: #33383b;
    --compose-input-border-rgb: 51.22296,56.04619,58.67704;
    --compose-input-border-focused: #415a67;
    --compose-input-border-focused-rgb: 65,90,103;
    --compose-panel-background: #1e2428;
    --compose-panel-background-rgb: 29.591,36.36026,40.309;
    --compose-panel-background-hover: #151e23;
    --compose-panel...

Reviews

No reviews yet.