feat: Dark Mode (#7471)

This commit is contained in:
Sivin Varghese
2023-07-21 22:10:25 +05:30
committed by GitHub
parent 480f34803b
commit 40ec0d109a
264 changed files with 2935 additions and 6817 deletions

View File

@@ -1091,51 +1091,34 @@ export default {
<style lang="scss" scoped>
.send-button {
margin-bottom: 0;
@apply mb-0;
}
.message-signature-wrap {
margin: 0 var(--space-normal);
padding: var(--space-small);
display: flex;
align-items: baseline;
justify-content: space-between;
border: 1px dashed var(--s-100);
border-radius: var(--border-radius-small);
max-height: 8vh;
overflow: auto;
&:hover {
background: var(--s-25);
}
@apply my-0 mx-4 px-1 flex max-h-[8vh] items-baseline justify-between hover:bg-slate-25 dark:hover:bg-slate-800 border border-dashed border-slate-100 dark:border-slate-700 rounded-sm overflow-auto;
}
.message-signature {
width: fit-content;
margin: 0;
@apply w-fit m-0;
}
.attachment-preview-box {
padding: 0 var(--space-normal);
background: transparent;
@apply bg-transparent py-0 px-4;
}
.reply-box {
@apply border-r border-slate-50 dark:border-slate-700 bg-white dark:bg-slate-900;
@apply border-t border-slate-50 dark:border-slate-700 bg-white dark:bg-slate-900;
&.is-private {
background: var(--y-50);
@apply bg-yellow-50 dark:bg-yellow-50;
}
}
.send-button {
margin-bottom: 0;
@apply mb-0;
}
.reply-box__top {
position: relative;
padding: 0 var(--space-normal);
border-top: 1px solid var(--color-border);
margin-top: -1px;
@apply relative py-0 px-4 -mt-px border-t border-solid border-slate-50 dark:border-slate-700;
}
.emoji-dialog {
@@ -1177,10 +1160,10 @@ export default {
}
}
.message-signature {
margin-bottom: 0;
@apply mb-0;
::v-deep p:last-child {
margin-bottom: 0;
@apply mb-0;
}
}