ExteraThemes/MonetDark/MonetDark.css

160 lines
4.1 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: 10px !important;
border-left-width: 0;
}
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 {
color: #161c24 !important;
}
div.MuiChip-filled {
background-color: #29313c;
}
div.room-settings__content,
div.settings-window__content,
div.MuiDialog-paper,
div.MuiDialogContent-root {
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 {
background-color: #161c24 !important;
}
div.MuiPaper-root.css-gm2nfn,
div.MuiPaper-root {
background-color: #202730;
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: darkblue !important;
--oq6d0719: none !important;
}
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41l.prxiv41s {
background-color: transparent;
}