ExteraThemes/MonetDark/MonetDark.css

184 lines
4.8 KiB
CSS

/*
* Monet Dark Theme inspired from exteragram.app
* sry i didnt know exteragram existed until googled extera ,_,
*/
.MuiAppBar-root: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.prxiv40>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r * {
font-weight: 400;
}
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,
div.MuiDialog-paper,
div.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:has(.Mui-checked)>span.MuiSwitch-track {
background-color: #9fcaff;
opacity: 1;
}
.MuiSwitch-root>span.MuiSwitch-track {
background-color: #6e7783;
opacity: 1;
scale: 1.2 1.4 1;
border-radius: 60px;
}
.MuiSwitch-thumb {
background-color: #161c24;
}
.MuiSwitch-root:has(.Mui-checked)>span>.MuiSwitch-thumb {
scale: 0.8;
}
.MuiSwitch-root:not(:has(.Mui-checked))>span>.MuiSwitch-thumb {
scale: 0.6;
}
.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;
}