rainbow buttons
This commit is contained in:
@@ -607,25 +607,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.composer-call {
|
.composer-call {
|
||||||
color: var(--page-text);
|
color: #fff;
|
||||||
background: linear-gradient(135deg, #bfe9ff, #96c3ff);
|
background: #e53935;
|
||||||
}
|
|
||||||
|
|
||||||
.composer-camera,
|
|
||||||
.composer-emoji-trigger,
|
|
||||||
.composer-plus {
|
|
||||||
color: var(--page-text);
|
|
||||||
background: var(--badge-background);
|
|
||||||
}
|
|
||||||
|
|
||||||
.composer-plus {
|
|
||||||
font-size: 1.76rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.composer-dictation {
|
|
||||||
color: var(--page-text);
|
|
||||||
background: linear-gradient(135deg, #f6d8ff, #ffcadb);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.composer-dictation-active,
|
.composer-dictation-active,
|
||||||
@@ -636,21 +619,39 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.composer-voice {
|
.composer-voice {
|
||||||
color: var(--page-text);
|
color: #fff;
|
||||||
background: linear-gradient(135deg, #ffd8bf, #ff9b8a);
|
background: #fb8c00;
|
||||||
}
|
}
|
||||||
|
|
||||||
.composer-voice-recording {
|
.composer-voice-recording {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(220, 62, 93, 0.18);
|
box-shadow: 0 0 0 0.2rem rgba(220, 62, 93, 0.18);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.composer-dictation {
|
||||||
|
color: #1f1f1f;
|
||||||
|
background: #fdd835;
|
||||||
|
}
|
||||||
|
|
||||||
|
.composer-plus {
|
||||||
|
color: #fff;
|
||||||
|
background: #43a047;
|
||||||
|
font-size: 1.76rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
.composer-image-generate {
|
.composer-image-generate {
|
||||||
color: var(--page-text);
|
color: #fff;
|
||||||
background: linear-gradient(135deg, #ffe6b0, #ffc8a8);
|
background: #1e88e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.composer-emoji-trigger {
|
||||||
|
color: #fff;
|
||||||
|
background: #3949ab;
|
||||||
}
|
}
|
||||||
|
|
||||||
.send-emoji {
|
.send-emoji {
|
||||||
background: linear-gradient(135deg, #def7dd, #9bd5ff);
|
color: #fff;
|
||||||
|
background: #8e24aa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.composer-emoji-picker {
|
.composer-emoji-picker {
|
||||||
|
|||||||
Reference in New Issue
Block a user