pene
prueba by Chuckas
Details
AuthorChuckas
LicenseNo License
CategoryPene
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
pito
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Tema Personalizado para WhatsApp Web
@namespace https://web.whatsapp.com/
@version 1.0
@description Un tema personalizado para WhatsApp Web con fondo custom y colores editables
@author Chuckas xd
@license MIT
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("web.whatsapp.com") {
:root,
.dark {
--bgr-image: url("https://i.ibb.co/y55BqjG/Fondo-xd-1.jpg");
--height-offset-chat: 32px;
}
/* Other variables */
--height-offset-contacts: 0px;
--height-offset-contact-negative: translate(0, -0px);
--width-chat: 1000px;
--width-contacts: 360px;
--corner-smooth-chat: 16px;
--corner-smooth-contacts: 0px;
--chat-blur-intensity: blur(2px);
--contacts-blur-intensity: blur(0px);
--chat-color: rgba(0, 0, 0, 0.2);
--contacts-color: rgba(0, 0, 0, 0.2);
--chat-header-color: rgba(0, 0, 0, 0.2);
--contacts-header-color: rgba(0, 0, 0, 0.2);
--contact-selected-color: rgba(0, 0, 0, 0.2);
--contact-selected-line-color: #0affa508;
--outgoing-bgr: #fa056fff;
--incoming-bgr: #570af2ff;
--txt-color: #FFFFFF;
--link-color: #68BBE4;
--notice-color: #f2fa02ff;
--read-marker: #08fcb3ff;
--input-bgr: rgba(0, 0, 0, 0.2);
--input-txt: #F2F2F2;
/* Dark theme variables */
--txt-color-dark: var(--txt-color);
--txt-color-opacity: var(--txt-color);
--ico-color: var(--txt-color);
--ico-hover-color: var(--txt-color);
--contact-selected-hover-color: var(--contact-selected-color);
/* Other variables */
--popup-txt: #222;
--popup-bgr: #ddd;
--emoji-ico-hover: #000;
--emoji-search-bgr: #eee;
--emoji-search-bgr-hover: #fff;
--reference-person-hover: #006090;
--semi-transparent: rgba(0, 0, 0, 0.2);
--contacts-border: rgba(255, 255, 255, 0.1);
/* Chat layout */
--chat-marginX: 16px;
--chat-padding: 32px;
--chat-padding-x: 64px;
/* Startup screen */
--startup-background: transparent;
--startup-background-rgb: transparent;
--bgr-color: #333;
--link: var(--link-color);
--link-rgb: var(--link-color);
--read-marker-color: var(--read-marker);
--icon-ack-rgb: var(--read-marker);
--icon-ack: var(--read-marker);
--app-background-stripe: transparent;
--intro-background: transparent;
--panel-background-lighter: transparent;
--panel-header-background: transparent;
--avatar-background: transparent;
--conversation-panel-border: transparent;
--border-default: transparent;
--border-default-rgb: transparent;
--border-list: var(--contacts-border)
--border-list-rgb: var(--contacts-border)
--border-panel: transparent;
--border-panel-rgb: transparent;
--border-strong: transparent;
--border-stronger: transparent;
--border-strong-rgb: transparent;
--border-stronger-rgb: transparent;
--typing: var(--notice-color);
--typing-rgb: var(--notice-color);
--unread-timestamp: var(--notice-color);
// Indentación añadida aquí
/*Dark emoji window*/
/* Hide contacts separate lines */
#side {
--unread-marker-background: var(--notice-color)
--search-container-background: transparent
--input-placeholder: var(--input-txt)
--input-placeholder-rgb: var(--input-txt)
}
#main {
--compose-panel-background-hover: var(--reference-person-hover)
--compose-panel-background-hover-rgb: var(--reference-person-hover)
--primary-strong: var(--txt-color)
--primary-stronger: rgba(241, 241, 242, 0.88)
--primary-strongest: #fff
--secondary: var(--txt-color-dark)
--secondary-lighter: var(--txt-color-dark)
--secondary-stronger: var(--txt-color-dark)
--primary-title: var(--txt-color)
--message-primary: var(--txt-color)
--input-placeholder: var(--input-txt)
--input-placeholder-rgb: var(--txt-color-dark)
--compose-input-background: var(--input-bgr)
--compose-primary: var(--input-txt)
--intro-secondary: var(--txt-color-dark)
--bubble-meta: var(--txt-color-dark)
--system-message-text: var(--txt-color)
--unread-marker-text: var(--txt-color)
--icon-lighter: var(--txt-color-opacity)
--bubble-meta-icon: var(--txt-color-dark)
--conversation-panel-background: transparent
--compose-panel-background: transparent
--rich-text-panel-background: transparent
--compose-input-background-focused: #3f5560
--incoming-primary: #797c7e
--incoming-background: var(--incoming-bgr)
--incoming-background-rgb: var(--incoming-bgr)
--incoming-background-deeper: var(--incoming-bgr)
--incoming-background-deeper-rgb: var(--incoming-bgr)
--incoming-background-highlight: #ccc
--incoming-background-highlight-rgb: var(--incoming-bgr)
--outgoing-background: var(--outgoing-bgr)
--outgoing-background-rgb: var(--outgoing-bgr)
--outgoing-background-deeper: var(--outgoing-bgr)
--outgoing-background-deeper-rgb: var(--outgoing-bgr)
--outgoing-background-highlight: #ccc
--outgoing-background-highlight-rgb: var(--outgoing-bgr)
--panel-background: #20272b
--panel-background-rgb: rgba(32, 39, 43, 1)
--panel-background-active: #1e2529
--system-message-background: var(--semi-transparent)
--notification-e2e-background: var(--semi-transparent)
--notification-e2e-text: #fad964
--notification-e2e-icon: #fad964
--quick-action-button: var(--txt-color-dark)
--quick-action-button-background: var(--semi-transparent)
--unread-background: var(--semi-transparent)
--unread-bar-background: transparent
--unread-timestamp: var(--notice-color)
}
*, .dark * {
scrollbar-color: var(--semi-transparent) transparent
scrollbar-width: thin
}
body {
background: var(--bgr-color) var(--bgr-image) !important
background-size: cover !important
}
#startup {
animation: none !important
}
#side > div,
#side > div:nth-child(1) > div,
#side #pane-side > div > div > div > div > div,
#side #pane-side > div > div > div > div > div > div,
#side #pane-side > div > div > div > div > div > div > div,
#main > div,
#main > div > div > div > div > div,
#main footer > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) {
background: transparent
}
#side #pane-side div > div:after,
#app > div > div > div:nth-child(4) > div,
#main > div > div > div > div > div,
#main > footer > div > div > span:nth-child(2) > div > div:nth-child(2) > div:first-child,
#main footer > div:nth-child(1) > div > span > div > div:nth-child(2) > div:nth-child(1) {
border: unset !important
}
#side > div:nth-child(3) > div:after,
#app > div > div > div:nth-child(5) > div:after,
#side #pane-side > div:nth-child(2),
#main header:after {
display: none
}
#app > div > div > div:nth-child(5) > div > div > div > div,
#app > div > div > div:nth-child(5) > div > div > div > div > div > div,
#app > div > div > div:nth-child(2) > div:nth-child(3) > span > div > span > div > div:nth-child(2) > div > div:nth-child(2) > div #side > div:nth-child(3) > div > label > div > div,
#side #pane-side > div > div > div > div > div,
#side #pane-side > div > div > div > div > div,
#side #pane-side > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div > span,
#side #pane-side > div > div > div > div > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
#main footer > div:nth-child(4) > div,
#main footer > div:nth-child(2) > div > div:nth-child(3) > div > div > div > div:hover > span {
color: var(--txt-color)
}
#app > div > div > div:nth-child(5) > div > div > div > h1,
#side #pane-side > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div,
#side #pane-side > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(2) > div > span,
#side #pane-side > div > div > div > div > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1),
#side #pane-side > div > div > div > div > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2),
#main footer > div:nth-child(2) > div > div:nth-child(3) > div > div > div > div > span {
color: var(--txt-color-dark)
}
#side header > div:nth-child(2) > div > span > div svg,
#side > div:nth-child(3) > div > button svg,
#side > div:nth-child(3) > div > span > button > span > svg,
#side #pane-side > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > span > div svg,
#side #pane-side > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > span:nth-child(3) svg,
#main .message-in > div > div > span svg,
#main .message-out > div > div > span svg,
#main > div > div > div > div > div > div > div > div > a svg,
#main > div > div > div > div > div > div > div > div > div > div > span > svg,
#main header > div:nth-child(3) > div > div > div > span > svg,
#main footer > div:nth-child(1) > div:nth-child(1) > div > div svg,
#main footer > div:nth-child(1) > div:nth-child(1) > div > button svg,
#main footer > div:nth-child(1) > div:nth-child(3) > div > span > button svg {
transition: opacity 200ms ease-in-out
color: var(--ico-color)
opacity: 0.5
}
#main .message-in > div > span {
left: -7px
}
#main .message-out > div > span {
right: -7px
}
...