diff --git a/src/_accents.scss b/src/_accents.scss index 88521fb..e7715d3 100644 --- a/src/_accents.scss +++ b/src/_accents.scss @@ -58,3 +58,30 @@ --accent-selected: rgb(0,0,0); } */ + +/* Apple +:root { + --accent: rgba(14,157,219); + --accent-hover: rgba(251,185,56); + --accent-selected: rgba(246,129,41); + --accent-buttons: rgba(150,56,146); +} +.clickable-ZD7xvu .icon-2xnN2Y, .linkButtonIcon-7rsZcu { + color: rgb(224,54,60) !important; +} +.iconWrapper-2awDjA .icon-2xnN2Y { + color: rgba(96,189,78); +} +.stickerIcon-3Jx5SE { + color: var(--accent); +} +.icon-1d5zch { + color: rgba(96,189,78); +} +.contents-3ca1mk .button-2fCJ0o .button-3BaQ4X { + color: rgb(224,54,60); +} +.buttonWrapper-3YFQGJ { + color: var(--accent); +} +*/ \ No newline at end of file diff --git a/src/_chat.scss b/src/_chat.scss index 20fe126..e1f0692 100644 --- a/src/_chat.scss +++ b/src/_chat.scss @@ -12,6 +12,16 @@ .scrollableContainer-15eg7h:hover { box-shadow: 0 0 2px 2px #4189c38c; } +.theme-light { + .scrollableContainer-15eg7h, .hasConnectedBar-1vN2JH, .preview-QJ3OG3 { + border-radius: 20px; + background: rgba(231, 234, 237) !important; + border: 1px solid rgb(97, 96, 99); + } + .scrollableContainer-15eg7h:hover { + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + } +} .theme-dark .autocomplete-3NRXG8 { background: rgba(41, 38, 39, 0.276); backdrop-filter: blur(20px); @@ -27,6 +37,25 @@ border: 1px solid rgb(78, 78, 81); border-radius: 50px; } +.theme-light { + .autocomplete-3NRXG8 { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + } + .upload-vLbqu- { + background: rgba(231, 234, 237, 0.436) !important; + border: 1px solid rgba(249, 249, 249, 0.772); + } + .actionBar-1ozugS .wrapper-2vIMkT { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 50px; + } +} .autocompleteRowVerticalSmall-2rVED0 .base-2v-uc0:hover, .clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover { background-color: rgba(26, 127, 251, 0.612) !important; backdrop-filter: blur(10px); @@ -67,7 +96,15 @@ backdrop-filter: blur(10px); .embedFull-1HGV2S { background-color: transparent; } - +.theme-light { + .grid-1aWVsE, .markup-eYLPri code, .attachment-1PZZB2, .theme-dark .wrapperAudio-1Bzv_Z{ + background: rgba(231, 234, 237, 0.436) !important; + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + font-family: 'SF Mono', SFMono-Regular, ui-monospace, + 'DejaVu Sans Mono', Menlo, Consolas, monospace; + } +} /* Nitro Claim a Gift, Join a Server */ .description-X8_53U, .userSelectNone-3AtPzf { backdrop-filter: blur(20px); @@ -76,6 +113,15 @@ backdrop-filter: blur(10px); border-radius: 5px; background: rgba(41, 38, 39, 0.276); } +.theme-light { +.description-X8_53U, .userSelectNone-3AtPzf { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; +} +} /* Empty Channel Icon */ .emptyChannelIcon-1YdEz2 { diff --git a/src/_flyouts.scss b/src/_flyouts.scss index 59aa985..4e7dee1 100644 --- a/src/_flyouts.scss +++ b/src/_flyouts.scss @@ -13,6 +13,18 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } +.theme-light { + .messagesPopoutWrap-3zryHW, .container-2ebMPP { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + } + .tab-TRrPC8 .active-1grPyy .item-3XjbnG selected-g-kMVV .themed-2-lozF { + color: white; + } +} .header-1w9Q93, .footer-5ji8u1 { background: rgba(0, 0, 0, 0) !important; } @@ -26,6 +38,13 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } + .theme-light { + .messageContainer-3VTXBC, .messages-23can0, .messageGroupWrapper-1jf_7C { + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + } + } .collapseButton-39-IRc { left: 6px; } @@ -47,6 +66,15 @@ border: 1px solid rgb(78, 78, 81); border-radius: 10px; } +.theme-light { +.popout_28, .userPopout-2j1gM4 { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 10px; +} +} .bodyInnerWrapper-2bQs1k, .footer-3naVBw { background: rgba(0, 0, 0, 0) !important; } @@ -70,6 +98,15 @@ .body-1Ukv50, .topSection-13QKHs { background: rgba(41, 38, 39, 0); } +.theme-light { + .theme-dark .root-g14mjS, .container-2O1UgZ { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + } +} /* Emoji Menu */ @@ -79,6 +116,15 @@ box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid rgb(78, 78, 81); border-radius: 5px; +} +.theme-light { + .contentWrapper-3vHNP2, .popoutContainer-2wbmiM { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 5px; + } } .wrapper-3u51GQ .emojiPicker-6YCk8a { background-color: transparent; @@ -98,6 +144,12 @@ .unicodeShortcut-3N8oDe, .standardStickerShortcut-ObSns3 { background: rgba(0, 0, 0, 0.933); } + .theme-light { + .unicodeShortcut-3N8oDe, .standardStickerShortcut-ObSns3 { + background: rgba(255, 255, 255, 0.353); + backdrop-filter: blur(10px); + } + } .button-1zW0-r { background-color: var(--accent-selected); backdrop-filter: blur(10px); @@ -119,6 +171,23 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } +.theme-light { + .menu-1QACrS::after { + content: ''; + position: absolute; + inset: 0; + z-index: -1; + border-radius: inherit; + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 5px; + } + .label-2gNW3x { + color: black; + } +} .wrapper-2vIMkT { background: rgba(0, 0, 0, 0.436); backdrop-filter: blur(10px); @@ -126,7 +195,16 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } - +.theme-light { + .wrapper-2vIMkT { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 5px; + color: black; + } +} /* Search Options */ .searchInput-3pIoTy { @@ -147,6 +225,26 @@ background: var(--accent-selected) !important; border-radius: 4px; } +.theme-light { + .searchInput-3pIoTy { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + } + .resultsGroup-cfY57t { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + } + .searchOption-3u1gRt:hover, .option-ayUoaq:hover { + background: var(--accent-selected) !important; + border-radius: 4px; + } +} /* Search Results */ .searchResult-O9NDji, .scroller-3iiyhZ { @@ -177,7 +275,37 @@ .searchHeader-1r_ZSh:hover { box-shadow: 0 0 2px 3px #4189c38c; } - +.theme-light { + .searchResult-O9NDji, .scroller-3iiyhZ { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + margin-right: 5px; + margin-left: 5px; + + margin-top: 5px; + } + .channelName-3w2Y3c, .searchResultsWrap-5RVOkx { + background: transparent; + } + .searchHeader-1r_ZSh { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + border-radius: 20px; + margin-right: 8px; + margin-left: 5px; + margin-top: 8px; + } + .searchHeader-1r_ZSh:hover { + box-shadow: 0 0 2px 3px #4189c38c; + } + +} /* Hovering over Menus */ .colorDefault-CDqZdO:hover { @@ -199,6 +327,15 @@ box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid rgb(78, 78, 81); border-radius: 5px; +} +.theme-light { + .container-2rzKKA { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 5px; + } } .container-2rzKKA:hover { box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.612) !important; diff --git a/src/_friends.scss b/src/_friends.scss index ef4a49a..fa40cb2 100644 --- a/src/_friends.scss +++ b/src/_friends.scss @@ -41,6 +41,25 @@ background: rgb(33, 31, 35); } +.theme-light { + .peopleColumn-1wMU14 { + background: var(--background-primary); + } + .peopleListItem-u6dGxF { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 5px; + margin-bottom: 13px; + margin-top: 13px; + padding-left: 10px; + } + .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG, .interactiveSelected-29CP8y, .interactiveSelected-29CP8y .linkButtonIcon-7rsZcu { + color: white; + } +} + /* Active Now */ .itemCard-3Etziu { backdrop-filter: blur(20px); @@ -56,6 +75,24 @@ border: 1px solid rgb(78, 78, 81); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); } + +.theme-light { + .itemCard-3Etziu { + background: rgba(216, 215, 216, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(20px); + margin-bottom: 13px; + margin-top: 13px; + padding-left: 10px; + } + .section-3G9aLW:only-child { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + } +} .itemCard-3Etziu:hover { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.487); diff --git a/src/_guilds.scss b/src/_guilds.scss index 92de020..bd65eec 100644 --- a/src/_guilds.scss +++ b/src/_guilds.scss @@ -3,6 +3,7 @@ //// Guilds /////////////////////// */ +.theme-dark { .guilds-2JjMmN .scroller-3X7KbA, .wrapper-1_HaEi { background-color: rgb(42, 40, 44); } @@ -46,3 +47,50 @@ background: rgba(99, 81, 199, 0.276); color: var(--accent-selected); } +} + +.theme-light { + .guilds-2JjMmN .scroller-3X7KbA, .wrapper-1_HaEi { + background-color: rgb(225, 225, 225); + } + .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH{ + background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ; + } + .expandedFolderBackground-1kSAf6 { + backdrop-filter: blur(20px); + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 15px; + } + .closedFolderIconWrapper-3tRb2d { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(186, 186, 186); + border-radius: 15px; + background: rgba(207, 222, 222, 0.276); + } + .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { + display: none; + } + .folder-241Joy, .folder-241Joy:hover { + background-color: #00000000; + } + .item-2LIpTv { + width: 8px; + border-radius: 5px 5px 5px 5px; + margin-left: 0px; + background-color: rgb(145, 138, 152); + } + .circleIconButton-1VxDrg { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + border: 1px solid rgb(186, 186, 186); + border-radius: 15px; + color: var(--accent-selected); + } + .circleIconButton-1VxDrg:hover { + background: rgba(99, 81, 199, 0.276); + color: var(--accent-selected); + } + } \ No newline at end of file diff --git a/src/_modules.scss b/src/_modules.scss index 617c250..fe91239 100644 --- a/src/_modules.scss +++ b/src/_modules.scss @@ -139,30 +139,6 @@ display:none; font-size: 13px; } -/* LUCKFIRE - Theme Notices - NOTIFICATION - https://github.com/discord-theme-tools/theme-notices/blob/main/LICENSE */ - .theme-light #app-mount::after { - z-index: 101; - position: absolute; - content: "For this theme to work properly, you have to enable Dark Mode. \a\aTo enable it, head over to Settings -> Appearance."; - white-space: pre-wrap; - font-weight: 500; - line-height: 21px; - right: 10px; - bottom: 10px; - padding: 15px 15px 15px 15px; - width: 299px; - max-width: 299px; - min-height: 75px; - border: 1px solid rgb(78, 78, 81); - border-radius: 5px; - backdrop-filter: blur(20px); - box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); - color: var(--text-normal); - background-color: var(--background-floating); - background-repeat: no-repeat; - background-position: 16px center; -} - /* Color Pallete */ .theme-dark { --background-tertiary: rgb(42, 40, 44); @@ -183,6 +159,29 @@ display:none; --toast-contents: #000000 !important; } +.theme-light { + --background-tertiary: rgb(225, 225, 225); + --background-secondary: rgb(225, 225, 225); + --background-secondary-alt: rgb(225, 225, 225); + --background-primary: rgb(231, 234, 237); + --channeltextarea-background: rgb(213, 213, 213); + --background-accent: var(--accent); + --background-modifier-hover: rgb(213,214,214); + --background-modifier-active: rgb(231, 231, 231); + --background-modifier-selected: var(--accent-selected); + --deprecated-card-bg: #12141f63; + --background-floating: rgba(236, 236, 236, 0.771); + --deprecated-quickswitcher-input-background:rgba(237, 237, 237); + --elevation-low: none; + --toast-background: #ffffff !important; + --toast-header: #ffffff !important; + --toast-contents: #ffffff !important; + + .clickable-ZD7xvu .icon-2xnN2Y, .linkButtonIcon-7rsZcu { + color: var(--accent); + } +} + /* Font */ @import url('https://v1.fontapi.ir/css/SFProDisplay'); diff --git a/src/_settings.scss b/src/_settings.scss index ac47f08..2fc679e 100644 --- a/src/_settings.scss +++ b/src/_settings.scss @@ -11,6 +11,15 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } +.theme-light { + .accountProfileCard-lbN7n-, .profileBannerPreview-3mLIdO { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 5px; +} +} .fieldList-in8WkP, .background-3d_SjE { background-color: transparent; } @@ -20,6 +29,14 @@ border-right: .5px solid black; } +.theme-light { + .sidebarRegion-1VBisG { + border-right: .5px solid rgba(186, 186, 186, 0.386); + .selected-g-kMVV.item-3XjbnG, .selected-g-kMVV.item-3XjbnG:hover { + color: white; + } + } +} /* //////////////////////// @@ -29,7 +46,7 @@ /* Search Feilds */ -.powercord-entities-manage-search input, .inner-1NoIT5 { + .powercord-entities-manage-search input, .inner-1NoIT5 { background-color: rgb(53, 51, 55); border-radius: 4px; border: 1px solid rgb(97, 96, 99); @@ -37,6 +54,16 @@ .powercord-entities-manage-search input:hover { box-shadow: 0 0 3px 3px var(--accent-hover); } +.theme-light { + .powercord-entities-manage-search input, .inner-1NoIT5 { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + } + .powercord-entities-manage-search input:hover { + box-shadow: 0 0 3px 3px var(--accent-hover); + } +} /* Headers */ .powercord-entities-manage-tabs { @@ -46,6 +73,22 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } +.theme-light { + .powercord-entities-manage-tabs { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 5px; + } +} + +.penis { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + } /* Text Feilds */ .inputDefault-3FGxgL { @@ -75,16 +118,37 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } - +.theme-light { + .kernel-card, .kernel-card .kernel-card-tools, .ksu-card, .ksu-card .ksu-git-info .ksu-git-info-item, .layers-OrUESM .layers-1YQhyW { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 5px; + color: rgb(115, 115, 115); + } +} /* Powercord Combat & BetterDiscord Combat */ - +.theme-dark { .pc-notices .pc-notice-container, .pc-settings-addon-card, .pcu-card, .pcu-card .pcu-git-info .pcu-git-info-item, .bd-addon-card { background: rgba(0, 0, 0, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid rgb(78, 78, 81); border-radius: 5px; +} +} + +.theme-light { + .pc-notices .pc-notice-container, .pc-settings-addon-card, .pcu-card, .pcu-card .pcu-git-info .pcu-git-info-item, .bd-addon-card { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + color: black; + backdrop-filter: blur(10px); + border-radius: 5px; + } } .bd-addon-card .bd-addoncard-header { background: transparent; diff --git a/src/_sidebars.scss b/src/_sidebars.scss index 68f7f52..7be44fe 100644 --- a/src/_sidebars.scss +++ b/src/_sidebars.scss @@ -15,6 +15,15 @@ border-right: .5px solid black; } +.theme-light { + .scroller-WSmht3, .scroller-1ox3I2, .container-1zzFcN { + border-right: .5px solid rgba(186, 186, 186, 0.386); +} +.item-3XjbnG .selected-g-kMVV .channelName-3KPsGw, .modeSelected-3DmyhH .channelName-3KPsGw { + color: white; +} +} + /* User Settings */ .container-YkUktl { background: rgba(0, 0, 0, 0.436); @@ -31,9 +40,31 @@ border-right: .5px solid black; } +.theme-light { + .container-YkUktl { + background: rgba(226, 221, 225, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(10px); + border-radius: 20px; + margin-bottom: 18px; + margin-right: 5px; + margin-left: 2px; + } + .panels-3wFtMD { + background-color: #00000000; + border-right: .5px solid rgba(186, 186, 186, 0.386); + } +} + .searchBar-3TnChZ { border-right: .5px solid black; } +.theme-light { +.searchBar-3TnChZ { + border-right: .5px solid rgba(186, 186, 186, 0.386); +} +} .interactiveSelected-29CP8y { background: var(--accent-selected) !important; backdrop-filter: blur(20px); @@ -65,11 +96,23 @@ border-radius: 5px 5px 5px 5px; } +.theme-light { + .mainContent-uDGa6R .overflow-1wOqNV { + color:black; + } +} + /* Members Side Bar */ .membersWrap-3NUR2t { border-left: .5px solid rgb(0, 0, 0); } +.theme-light { + .membersWrap-3NUR2t { + border-left: .5px solid rgba(186, 186, 186, 0.386); + } +} + /* Voice Chat Controls */ .wrapper-3Hk9OB .container-1zzFcN{ background: rgba(0, 0, 0, 0.436); @@ -82,6 +125,20 @@ margin-bottom: 6px; overflow-y: hidden; overflow-x: hidden; +} +.theme-light { + .wrapper-3Hk9OB .container-1zzFcN{ + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 20px; + margin-right: 15px; + margin-left: 15px; + margin-bottom: 6px; + overflow-y: hidden; + overflow-x: hidden; + } } .buttonContents-y1l-R8 { font-size: 0px; diff --git a/src/_titlebar.scss b/src/_titlebar.scss index dbab806..d9ae4d0 100644 --- a/src/_titlebar.scss +++ b/src/_titlebar.scss @@ -6,6 +6,7 @@ */ /* Title Bar */ +.theme-dark { .container-ZMc96U.themed-Hp1KC_, .header-3OsQeK{ background: rgb(55, 53, 55); border-bottom: .5px solid black; @@ -13,18 +14,44 @@ .communityInfoVisible-3zc5_s .header-3OsQeK, .communityInfoVisible-3zc5_s .header-3OsQeK:hover, .hasBanner-2IrYih .header-3OsQeK, .hasBanner-2IrYih .header-3OsQeK:hover { border-bottom: .5px solid rgba(0, 0, 0, 0); border-right: .5px solid black; + background-color: transparent !important; } .communityInfoPill-2Mll66 { display: none; } -.theme-dark .children-3xh0VB:after { + .children-3xh0VB:after { background: rgba(0, 0, 0, 0); } .title-17SveM { font-weight: 750; } - +} +.theme-light { + .container-ZMc96U.themed-Hp1KC_, .header-3OsQeK{ + background: rgba(231, 234, 237) !important; + border-bottom: .5px solid rgba(186, 186, 186, 0.386); + } + .communityInfoVisible-3zc5_s .header-3OsQeK, .communityInfoVisible-3zc5_s .header-3OsQeK:hover, .hasBanner-2IrYih .header-3OsQeK, .hasBanner-2IrYih .header-3OsQeK:hover { + border-bottom: .5px solid rgba(0, 0, 0, 0); + border-right: .5px solid rgba(186, 186, 186, 0.386); + background-color: transparent !important; + } + .communityInfoPill-2Mll66 { + display: none; + } + .children-3xh0VB:after { + background: rgba(0, 0, 0, 0); + } + .title-17SveM { + font-weight: 750; + color: rgba(73, 73, 73); + } + .clickable-ZD7xvu .icon-2xnN2Y { + color: rgba(115, 115, 115); + } +} /* Search and other Text fields */ +.theme-dark { .searchBar-jGtisZ, .searchBar-3TnChZ .searchBarComponent-3N7dCG, .inner-2pOSmK, .wrapper-n2dlvs, .searchBar-2M9mRP, .input-2z42oC { background-color: rgb(53, 51, 55); border-radius: 4px; @@ -33,3 +60,14 @@ .searchBar-jGtisZ:hover, .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover, .wrapper-n2dlvs:hover, .inner-2pOSmK:hover, .searchBar-2M9mRP:hover, .input-2z42oC:hover, .searchBar-2aylmZ:hover { box-shadow: 0 0 3px 3px rgb(32, 83, 148); } +} +.theme-light { + .searchBar-jGtisZ, .searchBar-3TnChZ .searchBarComponent-3N7dCG, .inner-2pOSmK, .wrapper-n2dlvs, .searchBar-2M9mRP, .input-2z42oC { + background-color: rgb(238, 238, 238); + border-radius: 4px; + border: 1px solid rgb(217, 217, 217); + } + .searchBar-jGtisZ:hover, .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover, .wrapper-n2dlvs:hover, .inner-2pOSmK:hover, .searchBar-2M9mRP:hover, .input-2z42oC:hover, .searchBar-2aylmZ:hover { + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + } +} \ No newline at end of file diff --git a/src/fixations/_assets.scss b/src/fixations/_assets.scss index 9c6a252..6cd73d1 100644 --- a/src/fixations/_assets.scss +++ b/src/fixations/_assets.scss @@ -3,7 +3,7 @@ /* Inbox Icon */ .icon-2xnN2Y > path[d^="M19 3H4.99C3.88 3 3.01"] { d: path( - "M9 8.5h2.793l.853.854A.5.5 0 0 0 13 9.5h1a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H9v1z M12 3H4a4 4 0 0 0-4 4v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a4 4 0 0 0-4-4zM8 7a3.99 3.99 0 0 0-1.354-3H12a3 3 0 0 1 3 3v6H8V7zm-3.415.157C4.42 7.087 4.218 7 4 7c-.218 0-.42.086-.585.157C3.164 7.264 3 7.334 3 7a1 1 0 0 1 2 0c0 .334-.164.264-.415.157z" + "M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4H4.98zm9.954 5H10.45a2.5 2.5 0 0 1-4.9 0H1.066l.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438L14.933 9zM3.809 3.563A1.5 1.5 0 0 1 4.981 3h6.038a1.5 1.5 0 0 1 1.172.563l3.7 4.625a.5.5 0 0 1 .105.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374l3.7-4.625z" ); transform: scale(1.4, 1.4); } @@ -356,3 +356,27 @@ ); transform: scale(1.5, 1.5); } + +/* @ Symbol Icon */ +[d="M12 2C6.486 2 2 6.486 2 12C2 17.515 6.486 22 12 22C14.039 22 15.993 21.398 17.652 20.259L16.521 18.611C15.195 19.519 13.633 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12V12.782C20 14.17 19.402 15 18.4 15L18.398 15.018C18.338 15.005 18.273 15 18.209 15H18C17.437 15 16.6 14.182 16.6 13.631V12C16.6 9.464 14.537 7.4 12 7.4C9.463 7.4 7.4 9.463 7.4 12C7.4 14.537 9.463 16.6 12 16.6C13.234 16.6 14.35 16.106 15.177 15.313C15.826 16.269 16.93 17 18 17L18.002 16.981C18.064 16.994 18.129 17 18.195 17H18.4C20.552 17 22 15.306 22 12.782V12C22 6.486 17.514 2 12 2ZM12 14.599C10.566 14.599 9.4 13.433 9.4 11.999C9.4 10.565 10.566 9.399 12 9.399C13.434 9.399 14.6 10.565 14.6 11.999C14.6 13.433 13.434 14.599 12 14.599Z"] { + d: path( + "M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032-3.35 0-5.646 2.318-5.646 5.702 0 3.493 2.235 5.708 5.762 5.708.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328-2.926 0-4.813-1.88-4.813-4.798 0-2.844 1.921-4.881 4.594-4.881 2.735 0 4.608 1.688 4.608 4.156 0 1.682-.554 2.769-1.416 2.769-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964-1.4 0-2.378 1.162-2.378 2.823 0 1.737.957 2.906 2.379 2.906.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148 1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914z" + ); + transform: scale(1.8, 1.8); +} + +/* New Server Icon */ +[d="M20 11.1111H12.8889V4H11.1111V11.1111H4V12.8889H11.1111V20H12.8889V12.8889H20V11.1111Z"] { + d: path( + "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z" + ); + transform: scale(1.5, 1.5); +} + +/* Compass Icon */ +[d="M12 10.9C11.39 10.9 10.9 11.39 10.9 12C10.9 12.61 11.39 13.1 12 13.1C12.61 13.1 13.1 12.61 13.1 12C13.1 11.39 12.61 10.9 12 10.9ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM14.19 14.19L6 18L9.81 9.81L18 6L14.19 14.19Z"] { + d: path( + "M15.5 8.516a7.5 7.5 0 1 1-9.462-7.24A1 1 0 0 1 7 0h2a1 1 0 0 1 .962 1.276 7.503 7.503 0 0 1 5.538 7.24zm-3.61-3.905L6.94 7.439 4.11 12.39l4.95-2.828 2.828-4.95z" + ); + transform: scale(1.5, 1.5); +} \ No newline at end of file diff --git a/src/fixations/_buttons.scss b/src/fixations/_buttons.scss index a411c12..60517a7 100644 --- a/src/fixations/_buttons.scss +++ b/src/fixations/_buttons.scss @@ -45,6 +45,12 @@ color: var(--accent); } +.theme-light { + .lookOutlined-3yKVGo.colorRed-rQXKgM .contents-3ca1mk { + color: white; + } +} + /* Sidebar "selected" Accents */ .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG { background-color: var(--accent) !important; diff --git a/src/fixations/_plugins.scss b/src/fixations/_plugins.scss index a9c2518..43b6136 100644 --- a/src/fixations/_plugins.scss +++ b/src/fixations/_plugins.scss @@ -14,3 +14,23 @@ border-radius: 5px; background: rgba(41, 38, 39, 0.276); } +.theme-light { + .xenoLib-notification-content { + border-radius: 5px; + background: rgba(216, 215, 216, 0.89); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); + border: 1px solid rgba(249, 249, 249, 0.772); + backdrop-filter: blur(20px); + } +} + + +/* ---------- Cumcord plugins ------------ */ + +/* Spermbank by Swish */ +[d="M6.5 10h-2v7h2v-7zm6 0h-2v7h2v-7zm8.5 9H2v2h19v-2zm-2.5-9h-2v7h2v-7zm-7-6.74L16.71 6H6.29l5.21-2.74m0-2.26L2 6v2h19V6l-9.5-5z"] { + d: path( + "m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.501.501 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89L8 0ZM3.777 3h8.447L8 1 3.777 3ZM2 6v7h1V6H2Zm2 0v7h2.5V6H4Zm3.5 0v7h1V6h-1Zm2 0v7H12V6H9.5ZM13 6v7h1V6h-1Zm2-1V4H1v1h14Zm-.39 9H1.39l-.25 1h13.72l-.25-1Z" + ); + transform: scale(1.5, 1.5); + }