171 lines
4.4 KiB
CSS
171 lines
4.4 KiB
CSS
/*
|
|
* Monet Dark Theme inspired from exteragram.app
|
|
* sry i didnt know exteragram existed until googled extera ,_,
|
|
*/
|
|
|
|
.MuiAppBar-root:not(.appbar__has-banner):not(.css-upalvf):not(.css-22wo46)>.MuiToolbar-root {
|
|
background-color: #161c24;
|
|
}
|
|
|
|
header.MuiAppBar-root {
|
|
box-shadow: none;
|
|
border-color: #202730;
|
|
border-width: 0;
|
|
border-bottom-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41s {
|
|
background-color: #161c24;
|
|
}
|
|
|
|
div._1kqi9iq1._1mqalmd1._1mqalmd0:has(textarea) {
|
|
background: #161c24 !important;
|
|
/* border-color: #202730;
|
|
border-width: 0;
|
|
border-top-width: 1px;
|
|
border-style: solid; */
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div>div._1mqalmd1 {
|
|
border-radius: 15px !important;
|
|
}
|
|
|
|
button[data-reply-id] {
|
|
border-radius: 0px !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div.prxiv41d>span>button[data-reply-id]>div>p {
|
|
color: #00000090;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv40>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r {
|
|
background-color: #2b3139 !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv40>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"] {
|
|
color: #7e8592;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"] {
|
|
color: #414750 !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv40>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"]>div>svg>* {
|
|
fill: #7e8592 !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"]>div>svg>* {
|
|
fill: #414750 !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv40>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"]>div>time {
|
|
font-weight: 500;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r {
|
|
background-color: #9fcaff !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r a {
|
|
color: #585a8b !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r span[data-mention-href] {
|
|
color: #585a8b !important;
|
|
}
|
|
|
|
div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r {
|
|
color: #161c24 !important;
|
|
}
|
|
|
|
div.MuiChip-filled {
|
|
background-color: #29313c;
|
|
}
|
|
|
|
div.room-settings__content,
|
|
div.settings-window__content {
|
|
background-color: #202730 !important;
|
|
}
|
|
|
|
div.room-settings__content>ul.css-13go8du {
|
|
background-color: #202730 !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
div._4yxtfd2._1mqalmd1._1mqalmd0._4yxtfd4._4yxtfdc._4yxtfdf._4yxtfdi._4yxtfdd._4yxtfdm:has(div._171zqol2),
|
|
div.MuiBottomNavigation-root,
|
|
div.MuiDrawer-paper,
|
|
div._4yxtfd2._1mqalmd1._1mqalmd0._4yxtfd3._4yxtfdc._4yxtfdf._4yxtfdi._4yxtfdd._4yxtfdm,
|
|
button._13tt0gb6[data-user-id] {
|
|
background-color: #161c24 !important;
|
|
}
|
|
|
|
div.MuiPaper-root.css-gm2nfn,
|
|
div.MuiPaper-root,
|
|
.MuiDialog-paper,
|
|
.MuiDialogContent-root {
|
|
background-color: #161c24 !important;
|
|
background-image: none !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
div.MuiBottomNavigation-root {
|
|
border-color: #202730;
|
|
border-width: 0;
|
|
border-top-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
button.MuiFab-root {
|
|
border-radius: 15px !important;
|
|
}
|
|
|
|
.MuiSwitch-root {
|
|
padding: 8px;
|
|
}
|
|
|
|
.MuiSwitch-track {
|
|
border-radius: 11px;
|
|
}
|
|
|
|
.MuiSwitch-thumb {
|
|
box-shadow: none;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 2px;
|
|
}
|
|
|
|
.MuiModal-root {
|
|
backdrop-filter: none;
|
|
}
|
|
|
|
._1bv8u1wh {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
div.prxiv40._1mqalmd1._1mqalmd0.prxiv42.prxiv46._1q7bxyh0 {
|
|
background-color: #202730 !important;
|
|
color: white;
|
|
border-radius: 10px !important;
|
|
}
|
|
|
|
body {
|
|
--tc-link: #e1e0ff;
|
|
--oq6d0719: none !important;
|
|
}
|
|
|
|
.a1g68id {
|
|
color: var(--tc-link);
|
|
}
|
|
|
|
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41l.prxiv41s {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.MuiButton-root {
|
|
font-style: normal;
|
|
font-family: revert;
|
|
}
|