diff --git a/src/_accents.scss b/src/_accents.scss new file mode 100644 index 0000000..1f69d08 --- /dev/null +++ b/src/_accents.scss @@ -0,0 +1,31 @@ +/* +  ,、     ,、 ヾV'/ + r'ー》'´`⌒ヾ‐》,// + i  iミ ノ リハリ// + ! i゙瓦゚ ヮ゚ノ!'//| WARNING!!!! YOU CAN VERY EASILY FUCK SOMETHING UP IF YOU DONT OPEN YOUR EYE BALLS!!!! + !l! ! と.フリ{つ/ ! IF YOU WOULD LIKE TO CHANGE THE ACCENT OF THIS THEME, YOU CAN VERY EASILY DO SO BY +,,ノリ | v/_j_、 i!l i UNCOMMENTING ONE OF THE FOLLOWING COLORS. MAKE SURE ONLY >>>ONE<<< COLOR IS COMMENTED AT A TIME +..ゞノ  ~じ'フ~ル'ノ +*/ + + +/* Blue +:root { + --accent: rgb(26, 129, 251); + --accent-hover: rgba(0, 78, 174, 0.977); + --accent-selected: rgb(26, 129, 251, 0.612); +} */ + +/* Red +:root { + --accent: rgb(237, 60, 68); + --accent-hover: rgb(237, 60, 68, 0.977); + --accent-selected: rgb(237, 60, 68, 0.612); + } */ + +/* Pink */ + :root { + --accent: rgb(248, 74, 156); + --accent-hover: rgba(248, 74, 156, 0.977); + --accent-selected: rgb(248, 74, 156, 0.612); + } diff --git a/src/_chat.scss b/src/_chat.scss index d5993bf..fee9840 100644 --- a/src/_chat.scss +++ b/src/_chat.scss @@ -38,15 +38,15 @@ backdrop-filter: blur(10px); /* New Messages Banner */ .newMessagesBar-1hF-9G { - background-color: rgba(26, 127, 251, 0.612) !important; -backdrop-filter: blur(10px); + background-color: var(--accent-selected) !important; + backdrop-filter: blur(10px); border-radius: 50px; margin-top: 2px; } /* Reply Bar */ .replyBar-1oi75v, .jumpToPresentBar-1cEnH0 { - background-color: rgba(26, 127, 251, 0.612) !important; + background-color: var(--accent-selected) !important; backdrop-filter: blur(10px); border-radius: 50px; padding-bottom: 1px; diff --git a/src/_flyouts.scss b/src/_flyouts.scss index ffcfc4a..6855456 100644 --- a/src/_flyouts.scss +++ b/src/_flyouts.scss @@ -143,8 +143,8 @@ border: 1px solid rgb(78, 78, 81); border-radius: 5px; } -.searchOption-3u1gRt:hover { - background: rgba(26, 127, 251, 0.612) !important; +.searchOption-3u1gRt:hover, .option-ayUoaq:hover { + background: var(--accent-selected) !important; border-radius: 4px; } @@ -181,7 +181,7 @@ /* Hovering over Menus */ .colorDefault-CDqZdO:hover { - background: rgba(26, 127, 251, 0.612) !important; + background: var(--accent-selected) !important; border-radius: 4px; } .label-2gNW3x { diff --git a/src/_guilds.scss b/src/_guilds.scss index 66eb6c1..92de020 100644 --- a/src/_guilds.scss +++ b/src/_guilds.scss @@ -40,9 +40,9 @@ border: 1px solid rgb(78, 78, 81); border-radius: 15px; background: rgba(39, 38, 41, 0.276); - color: rgba(26, 127, 251, 0.612); + color: var(--accent-selected); } .circleIconButton-1VxDrg:hover { background: rgba(99, 81, 199, 0.276); - color: rgba(255, 255, 255, 0.612); + color: var(--accent-selected); } diff --git a/src/_index.scss b/src/_index.scss index 9101939..92dec85 100644 --- a/src/_index.scss +++ b/src/_index.scss @@ -6,4 +6,5 @@ @use '_sidebars.scss'; @use '_flyouts.scss'; @use '_settings.scss'; +@use '_accents.scss'; @use 'fixations'; diff --git a/src/_settings.scss b/src/_settings.scss index beb313c..ac47f08 100644 --- a/src/_settings.scss +++ b/src/_settings.scss @@ -35,7 +35,7 @@ border: 1px solid rgb(97, 96, 99); } .powercord-entities-manage-search input:hover { - box-shadow: 0 0 3px 3px rgb(32, 83, 148); + box-shadow: 0 0 3px 3px var(--accent-hover); } /* Headers */ @@ -77,7 +77,7 @@ } -/* Powercord Compat & BetterDiscord Compat */ +/* Powercord Combat & BetterDiscord Combat */ .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; @@ -88,4 +88,4 @@ } .bd-addon-card .bd-addoncard-header { background: transparent; - } + } \ No newline at end of file diff --git a/src/_sidebars.scss b/src/_sidebars.scss index fe53a81..716747b 100644 --- a/src/_sidebars.scss +++ b/src/_sidebars.scss @@ -4,6 +4,12 @@ //////////////////// */ +/* Discord Logo */ +.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub { + background-color: var(--accent); +} + + /* Channel Bars */ .scroller-WSmht3, .scroller-1ox3I2, .container-1zzFcN { border-right: .5px solid black; @@ -29,7 +35,7 @@ border-right: .5px solid black; } .interactiveSelected-29CP8y { - background: rgba(26, 127, 251, 0.612) !important; + background: var(--accent-selected) !important; backdrop-filter: blur(20px); } .container-2o3qEW { @@ -40,8 +46,11 @@ .modeSelected-3DmyhH .icon-2W8DHg, .modeSelected-3DmyhH:hover .icon-2W8DHg, .modeUnread-3Cxepe .icon-2W8DHg, .modeUnread-3Cxepe:hover .icon-2W8DHg, .mainContent-uDGa6R .overflow-1wOqNV, .mainContent-uDGa6R { color: white; } -.icon-2W8DHg { - color: rgb(16,138,225); +.icon-2W8DHg, .modeSelected-3DmyhH .content-1gYQeQ, .modeSelected-3DmyhH:hover .content-1gYQeQ { + color: var(--accent); +} +.modeSelected-3DmyhH .content-1gYQeQ, .modeSelected-3DmyhH:hover .content-1gYQeQ { + background-color: var(--accent) !important; } .modeUnread-3Cxepe .icon-2W8DHg { color: rgb(44, 192, 90); diff --git a/src/fixations/_assets.scss b/src/fixations/_assets.scss index b6ad084..df4bedc 100644 --- a/src/fixations/_assets.scss +++ b/src/fixations/_assets.scss @@ -260,3 +260,5 @@ transform: scale(1.5, 1.5); filter: invert(48%); } + + diff --git a/src/fixations/_buttons.scss b/src/fixations/_buttons.scss index eb30e5c..c6540f1 100644 --- a/src/fixations/_buttons.scss +++ b/src/fixations/_buttons.scss @@ -6,8 +6,8 @@ /* Buttons */ -.button-2b4VEQ.buttonSize-3QlBTl, .lookFilled-yCfaCM.colorPrimary-2AuQVo, .popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ, .full-motion .button-1_oXub, .lookFilled-yCfaCM.colorBrand-I6CyqQ { - background-color: rgb(26, 129, 251); +.button-2b4VEQ.buttonSize-3QlBTl, .lookFilled-yCfaCM.colorPrimary-2AuQVo, .popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ, .full-motion .button-1_oXub, .lookFilled-yCfaCM.colorBrand-I6CyqQ, .navButtonActive-1EqC5l { + background-color: var(--accent); color: white; border-radius: 50px; } @@ -15,12 +15,12 @@ border: 1px solid rgb(255, 255, 255); } .button-2b4VEQ.buttonSize-3QlBTl:hover, .actionButton-3-B2x-:hover, .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, .popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ:hover { - background-color: rgba(0, 78, 174, 0.977); + background-color: var(--accent-hover); border-radius: 10px; transition: 0.3s; } .actionButton-3-B2x- { - background-color: rgb(26, 129, 251); + background-color: var(--accent); color: white; } .lookFilled-yCfaCM.colorRed-rQXKgM { @@ -41,3 +41,8 @@ background: linear-gradient(to bottom, rgb(238, 52, 48) 0%,rgb(238, 52, 48) 50%,rgba(238, 52, 48, 0.999) 100%); font-size: 10px; } + +/* 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; +}