Skip to content

GitLab

Verified Commit be26e901 authored by Felix Eckhofer's avatar Felix Eckhofer 🤹🏼
Browse files
Options

Update onyx

parent 51e49c67
Hide whitespace changes
Inline Side-by-side
Showing with 64 additions and 52 deletions
resources/css/whatsapp-important.css
View file @ be26e901
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
--hover-delay: 0.8s !important; --hover-delay: 0.8s !important;
--image: url(https://media.discordapp.net/attachments/310799529161129984/417408747812552715/zilesanamin.jpg) !important; --image: url(https://media.discordapp.net/attachments/310799529161129984/417408747812552715/zilesanamin.jpg) !important;
--emojiOpacity: 0.75 !important; --emojiOpacity: 0.75 !important;
--version: "WhatsApp by Mew v1.5.1" !important; --version: "WhatsApp by Mew v1.5.3" !important;
--message: "Updated on 27th of September. " !important; --message: "Updated on 11th of October. Fixed bubbles once again. " !important;
--changes: "See the changelog at: https://github.com/vednoc/onyx/releases" !important; --changes: "See the changelog at: https://github.com/vednoc/onyx/releases" !important;
} }
...@@ -163,6 +163,7 @@ ...@@ -163,6 +163,7 @@
border: 0px solid var(--dark) !important; border: 0px solid var(--dark) !important;
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Input element. */ /* Input element. */
.ZP8RM ._183ES,
.ZP8RM label input { .ZP8RM label input {
color: var(--light) !important; color: var(--light) !important;
background-color: transparent !important; } background-color: transparent !important; }
...@@ -177,8 +178,11 @@ ...@@ -177,8 +178,11 @@
color: var(--accent) !important; color: var(--accent) !important;
background-color: transparent !important; } background-color: transparent !important; }
/* Hide borders. */ /* Hide borders. */
._2DxRd { ._2DxRd, ._39cGk {
border-color: var(--darker) !important; } border-color: var(--shadow) !important; }
/* Input text color. */
._44uDJ {
color: var(--light) !important; }
/* Search results. */ /* Search results. */
#side ._1AKfk { #side ._1AKfk {
...@@ -492,6 +496,7 @@ ...@@ -492,6 +496,7 @@
._1WMT2::before, ._1WMT2::after { ._1WMT2::before, ._1WMT2::after {
display: none !important; } display: none !important; }
/* Selected message. */ /* Selected message. */
._1WMT2._2V_Wj,
._1WMT2._2nA3s, ._1WMT2._2nA3s,
._1WMT2:hover { ._1WMT2:hover {
transition: 200ms ease-in-out !important; transition: 200ms ease-in-out !important;
...@@ -573,7 +578,7 @@ ...@@ -573,7 +578,7 @@
color: var(--light) !important; } color: var(--light) !important; }
/* Footer. */ /* Footer. */
._2AP3i { ._2n0jo {
border-color: var(--darker) !important; border-color: var(--darker) !important;
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Selected image. */ /* Selected image. */
...@@ -585,22 +590,19 @@ ...@@ -585,22 +590,19 @@
outline: 3px solid var(--accent) !important; } outline: 3px solid var(--accent) !important; }
/* Highlight message bubbles. #29 */ /* Highlight message bubbles. #29 */
div.message-in.velocity-animating, div.message-in.velocity-animating > div > div,
div.message-out.velocity-animating { div.message-out.velocity-animating > div > div {
background-color: var(--accent) } background-color: var(--accent) }
.tail.velocity-animating > .tail-container { .velocity-animating > .tail > .tail-container {
border-top-color: var(--accent) } border-top-color: var(--accent) }
/* Message bubbles. */ /* Bubble colors. #49 #54 */
.message-in:not(.a81-s), .message-out:not(.a81-s), .message { .message-in > div:not(.a81-s) > div,
.message-out > div:not(.a81-s) > div {
background-color: var(--darker) !important; } background-color: var(--darker) !important; }
._2v02G { ._2v02G {
color: var(--lighter) !important; } color: var(--lighter) !important; }
/* Bubble colors. #49 */
.message-in:not(.a81-s) > div, .message-out:not(.a81-s) > div {
background-color: var(--darker) !important; }
/* Message text color. */ /* Message text color. */
.message-in .selectable-text, .message-in .selectable-text,
.message-out .selectable-text, .message-out .selectable-text,
...@@ -622,8 +624,8 @@ ...@@ -622,8 +624,8 @@
._15aTv { ._15aTv {
color: var(--lighter) !important; } color: var(--lighter) !important; }
/* Read more. */ /* Show more. */
._2VdJh { color: var(--accent) } ._1Jc9f { color: var(--accent) }
/* Deleted message. */ /* Deleted message. */
._3uHCS { color: var(--lighter) } ._3uHCS { color: var(--lighter) }
...@@ -688,7 +690,7 @@ ...@@ -688,7 +690,7 @@
background-color: var(--darker) !important; } background-color: var(--darker) !important; }
/* Document embeds. */ /* Document embeds. */
._3a29n, [title *= 'Download'] > div { ._3a29n, ._1mrMQ {
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Embeds description */ /* Embeds description */
...@@ -771,11 +773,11 @@ ...@@ -771,11 +773,11 @@
z-index: 0 !important; z-index: 0 !important;
border-top: 12px solid var(--darker) !important; border-top: 12px solid var(--darker) !important;
background: none !important; } background: none !important; }
.tail.message-in .tail-container { .message-in > .tail > .tail-container {
left: -10px !important; top: 0px; left: -10px !important; top: 0px;
border-left: 10px solid transparent !important; border-left: 10px solid transparent !important;
border-radius: 5px 0 0 0 !important; } border-radius: 5px 0 0 0 !important; }
.tail.message-out .tail-container { .message-out > .tail > .tail-container {
right: -10px !important; top: 0px; right: -10px !important; top: 0px;
border-right: 10px solid transparent !important; border-right: 10px solid transparent !important;
border-radius: 0 5px 0 0 !important; } border-radius: 0 5px 0 0 !important; }
...@@ -893,6 +895,9 @@ ...@@ -893,6 +895,9 @@
/* Emoji menu triangle. */ /* Emoji menu triangle. */
._1gFYk .iqJMX { ._1gFYk .iqJMX {
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Quick replies. #56 */
._1omcu._2saG0, ._2saG0 {
background-color: var(--darker) !important; }
/* Backdrop. */ /* Backdrop. */
...@@ -1006,6 +1011,8 @@ ...@@ -1006,6 +1011,8 @@
opacity: 0.3 !important; } opacity: 0.3 !important; }
/* Upload files. */ /* Upload files. */
.azEEh { color:var(--light) !important; }
._2sn3C { background-color: var(--darker) !important; }
.Ijb1Q::after { box-shadow: 0 4px 8px 2px var(--shadow) !important; } .Ijb1Q::after { box-shadow: 0 4px 8px 2px var(--shadow) !important; }
/* Default profile picture background. */ /* Default profile picture background. */
...@@ -1041,15 +1048,14 @@ ...@@ -1041,15 +1048,14 @@
span[data-icon="audio-file"] svg path:last-child, span[data-icon="audio-file"] svg path:last-child,
span[data-icon="new-group"] svg path, span[data-icon="new-group"] svg path,
span[data-icon="add-user-light"] svg path, span[data-icon="add-user-light"] svg path,
span[data-icon="link"] svg path, span[data-icon="link"] svg path {
span[data-icon="ptt-in-blue"] svg path:first-child,
span[data-icon="ptt-out-blue"] svg path:first-child {
fill: var(--icon) !important; } fill: var(--icon) !important; }
/* Audio message icons. */ /* Audio message icons. #55 */
span[data-icon="ptt-in-blue"] svg path:first-child, span[data-icon^="ptt-"] svg path:first-child {
span[data-icon="ptt-out-blue"] svg path:first-child { fill: var(--dark) !important; }
fill: transparent !important; } span[data-icon^="ptt-"] svg path:last-child {
fill: var(--accent) !important; }
/* Logo. */ /* Logo. */
._3CSsZ > svg > path:first-child { ._3CSsZ > svg > path:first-child {
......
resources/css/whatsapp.css
View file @ be26e901
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
--hover-delay: 0.8s; --hover-delay: 0.8s;
--image: url(https://media.discordapp.net/attachments/310799529161129984/417408747812552715/zilesanamin.jpg); --image: url(https://media.discordapp.net/attachments/310799529161129984/417408747812552715/zilesanamin.jpg);
--emojiOpacity: 0.75; --emojiOpacity: 0.75;
--version: "WhatsApp by Mew v1.5.1"; --version: "WhatsApp by Mew v1.5.3";
--message: "Updated on 27th of September. "; --message: "Updated on 11th of October. Fixed bubbles once again. ";
--changes: "See the changelog at: https://github.com/vednoc/onyx/releases"; --changes: "See the changelog at: https://github.com/vednoc/onyx/releases";
} }
...@@ -163,6 +163,7 @@ ...@@ -163,6 +163,7 @@
border: 0px solid var(--dark); border: 0px solid var(--dark);
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Input element. */ /* Input element. */
.ZP8RM ._183ES,
.ZP8RM label input { .ZP8RM label input {
color: var(--light); color: var(--light);
background-color: transparent; } background-color: transparent; }
...@@ -177,8 +178,11 @@ ...@@ -177,8 +178,11 @@
color: var(--accent) !important; color: var(--accent) !important;
background-color: transparent !important; } background-color: transparent !important; }
/* Hide borders. */ /* Hide borders. */
._2DxRd { ._2DxRd, ._39cGk {
border-color: var(--darker) !important; } border-color: var(--shadow) !important; }
/* Input text color. */
._44uDJ {
color: var(--light) !important; }
/* Search results. */ /* Search results. */
#side ._1AKfk { #side ._1AKfk {
...@@ -492,6 +496,7 @@ ...@@ -492,6 +496,7 @@
._1WMT2::before, ._1WMT2::after { ._1WMT2::before, ._1WMT2::after {
display: none !important; } display: none !important; }
/* Selected message. */ /* Selected message. */
._1WMT2._2V_Wj,
._1WMT2._2nA3s, ._1WMT2._2nA3s,
._1WMT2:hover { ._1WMT2:hover {
transition: 200ms ease-in-out !important; transition: 200ms ease-in-out !important;
...@@ -573,7 +578,7 @@ ...@@ -573,7 +578,7 @@
color: var(--light); } color: var(--light); }
/* Footer. */ /* Footer. */
._2AP3i { ._2n0jo {
border-color: var(--darker) !important; border-color: var(--darker) !important;
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Selected image. */ /* Selected image. */
...@@ -585,22 +590,19 @@ ...@@ -585,22 +590,19 @@
outline: 3px solid var(--accent) !important; } outline: 3px solid var(--accent) !important; }
/* Highlight message bubbles. #29 */ /* Highlight message bubbles. #29 */
div.message-in.velocity-animating, div.message-in.velocity-animating > div > div,
div.message-out.velocity-animating { div.message-out.velocity-animating > div > div {
background-color: var(--accent) !important } background-color: var(--accent) !important }
.tail.velocity-animating > .tail-container { .velocity-animating > .tail > .tail-container {
border-top-color: var(--accent) !important } border-top-color: var(--accent) !important }
/* Message bubbles. */ /* Bubble colors. #49 #54 */
.message-in:not(.a81-s), .message-out:not(.a81-s), .message { .message-in > div:not(.a81-s) > div,
.message-out > div:not(.a81-s) > div {
background-color: var(--darker) !important; } background-color: var(--darker) !important; }
._2v02G { ._2v02G {
color: var(--lighter) !important; } color: var(--lighter) !important; }
/* Bubble colors. #49 */
.message-in:not(.a81-s) > div, .message-out:not(.a81-s) > div {
background-color: var(--darker) !important; }
/* Message text color. */ /* Message text color. */
.message-in .selectable-text, .message-in .selectable-text,
.message-out .selectable-text, .message-out .selectable-text,
...@@ -622,8 +624,8 @@ ...@@ -622,8 +624,8 @@
._15aTv { ._15aTv {
color: var(--lighter) !important; } color: var(--lighter) !important; }
/* Read more. */ /* Show more. */
._2VdJh { color: var(--accent) !important } ._1Jc9f { color: var(--accent) !important }
/* Deleted message. */ /* Deleted message. */
._3uHCS { color: var(--lighter) !important } ._3uHCS { color: var(--lighter) !important }
...@@ -688,7 +690,7 @@ ...@@ -688,7 +690,7 @@
background-color: var(--darker) !important; } background-color: var(--darker) !important; }
/* Document embeds. */ /* Document embeds. */
._3a29n, [title *= 'Download'] > div { ._3a29n, ._1mrMQ {
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Embeds description */ /* Embeds description */
...@@ -771,11 +773,11 @@ ...@@ -771,11 +773,11 @@
z-index: 0 !important; z-index: 0 !important;
border-top: 12px solid var(--darker); border-top: 12px solid var(--darker);
background: none !important; } background: none !important; }
.tail.message-in .tail-container { .message-in > .tail > .tail-container {
left: -10px !important; top: 0px; left: -10px !important; top: 0px;
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-radius: 5px 0 0 0; } border-radius: 5px 0 0 0; }
.tail.message-out .tail-container { .message-out > .tail > .tail-container {
right: -10px !important; top: 0px; right: -10px !important; top: 0px;
border-right: 10px solid transparent; border-right: 10px solid transparent;
border-radius: 0 5px 0 0; } border-radius: 0 5px 0 0; }
...@@ -893,6 +895,9 @@ ...@@ -893,6 +895,9 @@
/* Emoji menu triangle. */ /* Emoji menu triangle. */
._1gFYk .iqJMX { ._1gFYk .iqJMX {
background-color: var(--dark) !important; } background-color: var(--dark) !important; }
/* Quick replies. #56 */
._1omcu._2saG0, ._2saG0 {
background-color: var(--darker) !important; }
/* Backdrop. */ /* Backdrop. */
...@@ -1006,6 +1011,8 @@ ...@@ -1006,6 +1011,8 @@
opacity: 0.3 !important; } opacity: 0.3 !important; }
/* Upload files. */ /* Upload files. */
.azEEh { color:var(--light) !important; }
._2sn3C { background-color: var(--darker) !important; }
.Ijb1Q::after { box-shadow: 0 4px 8px 2px var(--shadow) !important; } .Ijb1Q::after { box-shadow: 0 4px 8px 2px var(--shadow) !important; }
/* Default profile picture background. */ /* Default profile picture background. */
...@@ -1041,15 +1048,14 @@ ...@@ -1041,15 +1048,14 @@
span[data-icon="audio-file"] svg path:last-child, span[data-icon="audio-file"] svg path:last-child,
span[data-icon="new-group"] svg path, span[data-icon="new-group"] svg path,
span[data-icon="add-user-light"] svg path, span[data-icon="add-user-light"] svg path,
span[data-icon="link"] svg path, span[data-icon="link"] svg path {
span[data-icon="ptt-in-blue"] svg path:first-child,
span[data-icon="ptt-out-blue"] svg path:first-child {
fill: var(--icon) !important; } fill: var(--icon) !important; }
/* Audio message icons. */ /* Audio message icons. #55 */
span[data-icon="ptt-in-blue"] svg path:first-child, span[data-icon^="ptt-"] svg path:first-child {
span[data-icon="ptt-out-blue"] svg path:first-child { fill: var(--dark) !important; }
fill: transparent !important; } span[data-icon^="ptt-"] svg path:last-child {
fill: var(--accent) !important; }
/* Logo. */ /* Logo. */
._3CSsZ > svg > path:first-child { ._3CSsZ > svg > path:first-child {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment