diff --git a/source.css b/source.css index ab395cd..b771abd 100644 --- a/source.css +++ b/source.css @@ -1,212 +1,149 @@ /* - Theme below + Fixes */ -:root { - /* Kyanite accents */ - /* --main-color: rgba(22, 91, 123, 1) !important; - --dark-bg: rgba(7, 22, 37, 0.95) !important; - --soft-bright-color: rgb(133, 206, 255) !important; - --hover-color: rgba(22, 91, 123, 0.3) !important; - --hover-faded-color: rgba(22, 91, 123, 0.2) !important; - --hover-faint-color: rgba(22, 91, 123, 0.1) !important; - --hover-dark-color: rgba(22, 91, 123, 0.8) !important; - --hover-bright-color: rgba(16, 165, 235, 0.8) !important; */ - - /* Magenta accents */ - --main-color: rgb(115, 22, 123) !important; - --dark-bg: rgba(37, 7, 37, 0.95) !important; - --soft-bright-color: rgba(255, 133, 255, 1) !important; - --hover-color: rgba(123, 22, 123, 0.3) !important; - --hover-faded-color: rgba(123, 22, 123, 0.2) !important; - --hover-faint-color: rgba(123, 22, 123, 0.1) !important; - --hover-dark-color: rgba(123, 22, 123, 0.8) !important; - --hover-bright-color: rgba(253, 97, 227, 0.8) !important; - - /* State colors */ - --green-bright-color: rgb(143, 255, 133) !important; - --green-dark-color: rgba(34, 123, 22) !important; - --hover-green-color: rgba(46, 123, 22, 0.3) !important; - --hover-green-bright-color: rgba(41, 199, 27, 0.8) !important; - --hover-green-dark-color: rgba(34, 123, 22, 0.8) !important; - - --yellow-bright-color: rgb(255, 202, 110) !important; - --yellow-dark-color: rgba(201, 127, 0) !important; - --hover-yellow-color: rgba(201, 127, 0, 0.3) !important; - --hover-yellow-bright-color: rgba(250, 166, 26, 0.8) !important; - --hover-yellow-dark-color: rgba(201, 127, 0, 0.8) !important; - - --red-bright-color: rgb(255, 62, 62) !important; - --red-dark-color: rgba(123, 22, 22) !important; - --hover-red-color: rgba(123, 22, 22, 0.3) !important; - --hover-red-bright-color: rgba(255, 36, 36, 0.8) !important; - --hover-red-dark-color: rgba(123, 22, 22, 0.8) !important; - - /* Background options */ - --background-blur: 0px !important; - --background-brightness: 100% !important; -} -/* FIXES */ -/* Forward button */ -.text-sm\/medium_dc00ef, -.text-sm\/medium_dc00ef:hover{ - color: var(--soft-bright-color) !important; -} -.text-sm\/medium_dc00ef:hover { - color: var(--soft-bright-color) !important; -} - -/* View full profile button */ -.contents_dd4f85 { - color: var(--soft-bright-color) !important; +/* Threads search bar */ +.searchBox_e664f3.container_c18ec9.small_c18ec9 { + background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ } -/* Mutual servers */ -.listName_d2d6cb { - color: var(--soft-bright-color) !important; +/* Threads bg */ +.container_fb4810 { + background-color: transparent; } -/* name and nickname in corner; people list */ -.text-sm\/normal_dc00ef, -.title_b97bdb, -.hoverRoll_e07331, -.forceHover_e07331, -.hovered_e07331, -.default_e07331{ - color: var(--soft-bright-color) !important; +/* Reaction bg */ +.reactionBtn_ec6b19.forceShow_ec6b19.forceShowLook_ec6b19 { + background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ } -/*////////////////////////////////////////////////////////////////////////*/ - -/* Gray bar with transparency and background */ -.title_a7d72e.container_fc4f04.themed_fc4f04 { - background: var(--transparent-color) !important; /* Semi-transparent background */ - backdrop-filter: blur(var(--sepparation-blur)) brightness(1.2) !important; /* Optional: add blur effect */ - border-bottom: 2px solid var(--hover-bright-color) !important; /* Line below */ - border-radius: 10px !important; /* Rounded corners */ +/* Shop tab */ +.channel_c91bad .linkButton_c91bad > .link_c91bad[href="/shop"] { + display: none; } -.searchBar_b56bbc { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} +[class*="membersGroup_"][class*="container_"]:nth-of-type(1){ + display:none!important; -.searchBox_e664f3.container_c18ec9.small_c18ec9 { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ } -/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ - - - - -.nicknames_d6c26f.overflow_a82120 { - color: #66d4ff +[class*="container_"][class*="openOnHover_"]{ + display:none!important; } -.colorStandard_d1aa77.size14_e8b2ab.description_b89ec7.formText_b89ec7.modeDefault_b89ec7 { - color: #66d4ff -} +/* Help icon */ +.toolbar_fc4f04 [href="https://support.discord.com"]{display: none;} -.text_a3747e.marginTop8_f7730b { - color: #66d4ff +/* Inbox icon */ +.recentsIcon_ea0547 { + display: none !important; } -.image_a3747e.marginBottom40_f7730b { - color: #66d4ff +/* Channel app launcher (apps) button */ +.channelAppLauncher_df39bd { + display: none !important; } -.image_a3747e { -filter: grayscale(0%) sepia(100%) saturate(350%) hue-rotate(180deg) brightness(80%) contrast(77%) !important; +.footer_aa1bff { + display: none !important; } -.hamBanner_d1cafc { - background-color: rgba(0, 80, 100, 0.4); +/* fix nitro gift and other similar menus background color */ +.content_f9a4c9 { + background-color: #081624; } -.showMoreButton_c83b44.pill_c83b44 { - background-color: rgba(0, 80, 100, 0.4); +/* fix nitro gift and other similar menus title bar color */ +.skuSelectModalHeader_f92df2 { + background-color: #081624; } - -.vc-safety-icon path { - fill: rgba(0, 155, 190, 1); +/* fix gif/sticker/emoji menu */ +.header_b56bbc { + background-color: #081624; } - -.dotSpacer_c32acf { - background-color: rgba(0, 155, 190, 1); +.searchBar_c6ee36 { + background-color: #020a13; } - -.container_e5a42d { - background-color: rgba(0, 60, 100, 0.4); +#gif-picker-tab-panel { + background-color: #081624; } -.overflow_a82120 { - color: rgba(0, 150, 190, 1); +/* fix autocomplete background */ +.autocomplete_bcc24e { + background-color: #081624; } -.name_ec8679 { - color: rgba(0, 130, 175, 1); +/* fixed unread messages bubble */ +.unreadBar_c43953 { + background-color: #446485; } -.button_f9d37d.icon_f9d37d.vc-permviewer-role-button { - background-color: rgba(0, 80, 100, 0.4) !important; +/* Glowy thingy */ +.children_fc4f04::after { + content: none !important; } -.userTagUsername_c32acf { - color: rgba(0, 155, 190, 1); +/* Disable edit image with app button */ +.hoverButton_d0395d { + display: none !important; } -.icon_f9d37d path { - fill: rgba(0, 140, 175, 0.9); -} -.container_c18ec9.medium_c18ec9 { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} -.circleButton_a930f1.button_e258f5.secondary_e258f5.size36_e258f5 { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} -.searchBar_b0740c.container_c18ec9.small_c18ec9 { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} -.searchBar_cedfaf.container_c18ec9.small_c18ec9{ - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} -.modal_f30e90.root_f9a4c9.fullscreenOnMobile_f9a4c9.rootWithShadow_f9a4c9 { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} +/* + Theme below +*/ -.container_f30e90 { - background-color: rgba(0, 35, 50, 0.8) !important; /* Replace with your desired color */ -} +:root { + /* Kyanite accents */ + /* --main-color: rgba(22, 91, 123, 1) !important; + --dark-bg: rgba(7, 22, 37, 0.95) !important; + --soft-bright-color: rgb(133, 206, 255) !important; + --hover-color: rgba(22, 91, 123, 0.3) !important; + --hover-faded-color: rgba(22, 91, 123, 0.2) !important; + --hover-faint-color: rgba(22, 91, 123, 0.1) !important; + --hover-dark-color: rgba(22, 91, 123, 0.8) !important; + --hover-bright-color: rgba(16, 165, 235, 0.8) !important; */ -.container_acb8b3 { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} + /* Magenta accents */ + --main-color: rgb(115, 22, 123) !important; + --dark-bg: rgba(37, 7, 37, 0.95) !important; + --soft-bright-color: rgba(255, 133, 255, 1) !important; + --hover-color: rgba(123, 22, 123, 0.3) !important; + --hover-faded-color: rgba(123, 22, 123, 0.2) !important; + --hover-faint-color: rgba(123, 22, 123, 0.1) !important; + --hover-dark-color: rgba(123, 22, 123, 0.8) !important; + --hover-bright-color: rgba(253, 97, 227, 0.8) !important; -.header_f30e90 { - background-color: rgba(0, 35, 50, 0.8) !important; /* Replace with your desired color */ -} + /* State colors */ + --green-bright-color: rgb(143, 255, 133) !important; + --green-dark-color: rgba(34, 123, 22) !important; + --hover-green-color: rgba(46, 123, 22, 0.3) !important; + --hover-green-bright-color: rgba(41, 199, 27, 0.8) !important; + --hover-green-dark-color: rgba(34, 123, 22, 0.8) !important; -.container_d7c696 { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} + --yellow-bright-color: rgb(255, 202, 110) !important; + --yellow-dark-color: rgba(201, 127, 0) !important; + --hover-yellow-color: rgba(201, 127, 0, 0.3) !important; + --hover-yellow-bright-color: rgba(250, 166, 26, 0.8) !important; + --hover-yellow-dark-color: rgba(201, 127, 0, 0.8) !important; -.vc-settings-quickActions-pill { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ -} + --red-bright-color: rgb(255, 62, 62) !important; + --red-dark-color: rgba(123, 22, 22) !important; + --hover-red-color: rgba(123, 22, 22, 0.3) !important; + --hover-red-bright-color: rgba(255, 36, 36, 0.8) !important; + --hover-red-dark-color: rgba(123, 22, 22, 0.8) !important; -.vc-addon-card { - background-color: rgba(22, 91, 123, 0.3) !important; /* Replace with your desired color */ + /* Background options */ + --background-blur: 0px !important; + --background-brightness: 100% !important; } - - /* Title bar */ #app-mount .titleBar_a934d8 { padding-top: 5px !important;