diff --git a/MonetDark/AMOLED.css b/MonetDark/AMOLED.css new file mode 100644 index 0000000..57e8fa5 --- /dev/null +++ b/MonetDark/AMOLED.css @@ -0,0 +1,217 @@ +/* + * 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: #000000; +} + +header.MuiAppBar-root { + box-shadow: none; + border-color: #000000; + border-width: 0; + border-style: solid; +} + +header.MuiAppBar-root:has(input) .css-jh1ekw { + border-radius: 30px !important; +} + +div:not(._1kqi9iq1) > div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv417:has(textarea) { + background-color: #000000 !important; + /*! border-radius: 30px; */ + border: hidden; +} + +div > div._1kqi9iq0._1mqalmd1._1mqalmd0:has(textarea):not(._1kqi9iq1) { + border-style: none !important; + border-color: #00000000 !important; + background-color: #000000 !important; + border-radius: 15px !important; + border-width: 0px !important; + border: hidden; +} + +div > div._1kqi9iq0._1mqalmd1._1mqalmd0:has(textarea):not(._1kqi9iq1) > div > div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41l { + background-color: #000000 !important; +} + +div > div._1kqi9iq0._1mqalmd1._1mqalmd0:has(textarea):not(._1kqi9iq1) > div > div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41l > div { + border-top-left-radius: 25px; + margin-top: 3px; + border-left-color: transparent; + background-color: transparent; +} + +div > div._1kqi9iq1._1mqalmd1._1mqalmd0:has(textarea) > div > div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41l > div { + background: transparent; + border-radius: 0; +} + +/* chat input */ +div > div._1kqi9iq1._1mqalmd1._1mqalmd0:has(textarea) > div { + background-color: #000000; +} + +/* Chats sidebar & chat background */ +div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41s > div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41s { + background-color: #000000 !important; +} + +div._1kqi9iq1._1mqalmd1._1mqalmd0:has(textarea) { + background: #000000 !important; + border: hidden; + /* 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: #ffffffa0; +} + +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: #999999; +} + +div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"] { + color: #999999 !important; +} + +div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv40>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"]>div>svg>* { + fill: #999999 !important; +} + +div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r>div[dir="ltr"]>div>svg>* { + fill: #999999 !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: #46505d !important; +} + +div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r a { + color: white !important; +} + +div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r span[data-mention-href] { + color: white !important; +} + +div._1ji5da1c._1mqalmd1._1mqalmd0[data-message-id]>div.prxiv4e>div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46._1ji5da1r { + color: white !important; +} + +div.MuiChip-filled { + /*background-color: #29313c;*/ +} + +div.room-settings__content, +div.settings-window__content, +.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.css-8iqsox > div[role="tabpanel"] { + /* 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: #000000 !important; +} + +div.MuiPaper-root.css-gm2nfn, +div.MuiPaper-root, +.MuiDialog-paper, +.MuiDialogContent-root { + background-color: #000000 !important; + background-image: none !important; + box-shadow: none; +} + +div.MuiBottomNavigation-root { + border-color: #000000; + 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: #000000 !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 { + text-transform: none; + border-radius: 15px; +} + +div:has(textarea) div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41j.prxiv41t._1kqi9iq2._1mqalmd1._1mqalmd0 > button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall.css-2rnc0j:has(path[d="M4 6.03L11.5 9.25L4 8.25L4 6.03M11.5 14.75L4 17.97V15.75L11.5 14.75M2 3L2 10L17 12L2 14L2 21L23 12L2 3Z"]) { + background-color: #000000; + border-radius: 10px; +} \ No newline at end of file