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

Update onyx

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