From bd2fd8b0d79d78e039dd9253069d343355ff90b1 Mon Sep 17 00:00:00 2001 From: bowfar Date: Wed, 18 Nov 2020 00:28:56 -0500 Subject: [PATCH] e --- DiscordRevamp.theme.css | 43 +++++ README.md | 11 ++ powercord_manifest.json | 9 ++ splash.css | 21 +++ src/source.css | 344 ++++++++++++++++++++++++++++++++++++++++ 5 files changed, 428 insertions(+) create mode 100644 DiscordRevamp.theme.css create mode 100644 README.md create mode 100644 powercord_manifest.json create mode 100644 splash.css create mode 100644 src/source.css diff --git a/DiscordRevamp.theme.css b/DiscordRevamp.theme.css new file mode 100644 index 0000000..260245f --- /dev/null +++ b/DiscordRevamp.theme.css @@ -0,0 +1,43 @@ +/** + * @name Discord Revamp + * @version 1.0 + * @description A revamped discord, inspired by the discord's current website. + * @source https://github.com/eternal/discord-revamp + * @authorId 426147523305144322 + * @author eternal +**/ + +@import url(https://raw.githack.com/slow/discord-revamp/main/src/source.css); +.theme-dark, .theme-light, :root { + --background-primary: #292841 !important; + --background-secondary: #242338 !important; + --background-secondary-alt: #3c3a5e !important; + --background-tertiary: #1c1b29 !important; + --background-accent: #413f66 !important; + --background-floating: #15141e !important; + --background-modifier-hover: rgba(255, 255, 255, 0.01) !important; + --background-modifier-active: rgba(255, 255, 255, 0.03) !important; + --background-modifier-selected: rgba(255, 255, 255, 0.04) !important; + --background-modifier-accent: hsla(0, 0%, 100%, 0.06) !important; + --channeltextarea-background: var(--background-accent) !important; + --deprecated-card-bg: rgba(0, 0, 0, 0.2) !important; + --deprecated-card-editable-bg: rgba(0, 0, 0, 0.1) !important; + --deprecated-text-input-bg: rgba(0, 0, 0, 0.3) !important; + --deprecated-text-input-border: rgba(0, 0, 0, 0.1) !important; + --deprecated-text-input-border-disabled: var(0, 0, 0, 0.2) !important; + --activity-card-background: var(--background-primary) !important; + --channels-default: #9f9f9f !important; + --text-muted: #b6b6b6 !important; + --text-normal: #fbfbfb !important; + --interactive-normal: #c8c8c8 !important; + --interactive-hover: #dcddde !important; + --interactive-active: #fff !important; + --interactive-muted: #747474 !important; + --header-primary: white !important; + --header-secondary: #c9c9c9 !important; + --toast-background: var(--background-primary) !important; + --toast-header: var(--background-tertiary) !important; + --toast-contents: var(--background-secondary) !important; + --toast-box-shadow: rgba(0, 0, 0, 0.2) !important; + --toast-border: var(--background-tertiary) !important; +} \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..b7ea5a8 --- /dev/null +++ b/README.md @@ -0,0 +1,11 @@ +# Discord Revamp +A revamped discord based on discord's current website. + +# Downloads +- Powercord: `git clone https://gitdab.com/12/Discord-Revamp` +- Better Discord: `put "DiscordRevamp.theme.css" in your themes folder` + +# Previews + + + diff --git a/powercord_manifest.json b/powercord_manifest.json new file mode 100644 index 0000000..593fb83 --- /dev/null +++ b/powercord_manifest.json @@ -0,0 +1,9 @@ +{ + "name": "Discord Revamp", + "description": "A revamped discord based on discord's current website.", + "version": "1.0.0", + "author": "eternal", + "theme": "DiscordRevamp.theme.css", + "splashTheme": "splash.css", + "license": "Unlicensed" +} \ No newline at end of file diff --git a/splash.css b/splash.css new file mode 100644 index 0000000..6ffa5dd --- /dev/null +++ b/splash.css @@ -0,0 +1,21 @@ +#splash { + background: #1c1b29; +} + +.progress .progress-bar { + background-color: #413f66; +} + +.progress .progress-bar .complete { + background-color: white; +} + +#splash .splash-inner-dl .dl-select-frame .Select-control { + background: #292841; + border-color: #191919; +} + +#splash .splash-inner-dl .dl-select-frame .Select-menu-outer { + background: #292841; + border-color: #191919; +} \ No newline at end of file diff --git a/src/source.css b/src/source.css new file mode 100644 index 0000000..f419da8 --- /dev/null +++ b/src/source.css @@ -0,0 +1,344 @@ +@import url(https://raw.githack.com/slow/dark-discord/main/src/source.css); +.role-2irmRk { + position: relative; + overflow: hidden; + z-index: 0; + border: none; + padding: 5px; +} + +.roleCircle-3xAZ1j::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: inherit; + opacity: 0.2; + z-index: -1; + pointer-events: none; +} + +.footer-1fjuF6 { + border-top: none; +} + +.theme-dark .notches-1sAcEM.gray-3_LNYR { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='%23292841'%3E%3Cpath fill-rule='evenodd' d='M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z'/%3E%3C/svg%3E"); +} + +.tabBarContainer-1s1u-z { + border-top: none; +} + +.headerSpotify-zpWxgT { + background: #699378; +} + +.connectedAccount-36nQx7, .lookInverted-2D7oAl, .lookFilled-1Gx00P { + border-radius: 25px; +} + +.theme-dark .quickMessage-1yeL4E { + border-radius: 25px; +} + +.searchBar-3dMhjb { + border-radius: 25px; +} + +.selected-aXhQR6 .layout-2DM8Md { + border-radius: 25px; +} + +.clickable-1JJAn8:hover .layout-2DM8Md { + border-radius: 25px; +} + +.modeSelected-1zApJ_ .content-3at_AU, .modeSelected-1zApJ_:hover .content-3at_AU { + border-radius: 25px; +} + +.wrapper-1ucjTd:hover .content-3at_AU { + border-radius: 25px; +} + +.scrollableContainer-2NUZem { + border-radius: 25px; +} + +.theme-dark .container-1nZlH6 { + border-radius: 25px; +} + +.side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ { + border-radius: 25px; +} + +.side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover, .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover { + border-radius: 25px; +} + +.userPopout-3XzG_A { + border-radius: 15px; +} + +.actionsStreamPreview-2JlX14 .buttonSize-2Pmk-w, .actionsUserPopout-2MrzCa .buttonSize-2Pmk-w, .listeningActionsUserPopout-Ga2V_N .buttonSize-2Pmk-w { + border-radius: 25px; +} + +.lookOutlined-3sRXeN.colorWhite-rEQuAQ { + border-radius: 25px; +} + +.topSectionSpotify-1lI0-P { + background: #699378; +} + +.theme-dark .root-1gCeng { + border-radius: 15px; +} + +.theme-light .action-1lSjCi { + border-radius: 25px; +} + +.inputDefault-_djjkz { + border-radius: 25px; +} + +.theme-dark .copyInput-2rOSt7 { + border-radius: 15px; +} + +.item-26Dhrx { + border-radius: 25px; +} + +.container-2VW0UT.elevationHigh-1PneE4 { + border-radius: 25px; +} + +.css-1a8reka-control, .css-1yegjoj-control { + border-radius: 25px; +} + +.theme-dark .checkbox-1ix_J3 { + border-radius: 25px; +} + +.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 { + border-radius: 25px; +} + +.css-2yldzf-control { + border-radius: 20px 20px 0 0; +} + +.premiumSubscriptionAccountCredit-25i0tQ { + border-radius: 15px; +} + +.iconBackgroundTier1-2GOcU8 { + border-radius: 15px; +} + +.iconBackgroundTier2-2TeI3a { + border-radius: 15px; +} + +.accountCreditRow-SHgyi0:not(:last-child) { + padding-bottom: 16px; + border-bottom: none; +} + +.detailsBlock-FoDTGA { + border-radius: 15px; +} + +.banner-3Kac2g { + border-radius: 15px; +} + +.gridItemContent-2mkGdJ { + border-radius: 10px; +} + +.gridItem-HzCfl4:before { + border-radius: 15px; +} + +.wrapper-35wsBm { + border-radius: 15px; +} + +.embedFull-2tM8-- { + border-radius: 4px 15px 15px 4px; +} + +.theme-dark .select-1Pkeg4 { + border-radius: 25px; +} + +.theme-dark .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b, .theme-dark .lookFilled-1h1y05.selectOpen-hQuR6b { + border-radius: 20px 20px 0 0; +} + +.topSectionSpotify-1lI0-P .headerFill-adLl4x .tabBarContainer-1s1u-z { + background: #61876e; +} + +.itemCard-v9viV7 { + border-radius: 15px; +} + +.theme-dark .inset-3sAvek { + border-radius: 25px; +} + +.activitySectionAssets-32WyHu .largeImage-DLXk-f { + border-radius: 25px; +} + +.barBase-39XTcM { + left: 150px; + right: 150px; +} + +.consentCard-1iSxB_ { + border-radius: 25px; +} + +.lookOutlined-3sRXeN { + border-radius: 25px; +} + +.connectionDelete-2Odoln { + border-radius: 25px; +} + +.connection-1fbD7X { + border-radius: 25px; +} + +.button-14-BFJ.enabled-2cQ-u7:hover { + border-radius: 25px; +} + +.button-34kXw5 { + border-radius: 25px; +} + +.item-3T2z1R:last-child { + border-radius: 0 25px 25px 0; +} + +.item-3T2z1R:first-child { + border-radius: 25px 0 0 25px; +} + +.searchFilter-2ESiM3:first-child { + margin-left: -2px; + border-radius: 25px 0 0 25px; +} + +.circleIconButton-jET_ig { + color: #738adb; +} + +.circleIconButton-jET_ig.selected-ugP_am { + background-color: #738adb; +} + +.lookGhost-2Fn_0- { + border-radius: 25px; +} + +.side-8zPYf6 .item-PXvHYJ { + border-radius: 25px; +} + +.multiInput-1e2xJ7 { + border-radius: 25px; +} + +.theme-dark .multiInputLast-1aQ3YA:before { + border-right-color: transparent; +} + +.theme-dark .footer-3rDWdC, .theme-dark .footer-2gL1pp { + border-radius: 0 0 15px 15px !important; +} + +.input-1mgnkM, .input-UJ9Tr3 { + border-radius: 0 !important; +} + +.theme-dark .modal-yWgWj- { + border-radius: 15px; +} + +.colorDefault-2K3EoJ.focused-3afm-j { + background-color: var(--background-modifier-hover); +} + +.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { + background-color: var(--background-modifier-active); +} + +.wrapper-3EGhDO { + background-color: var(--background-secondary); + border-radius: 25px; + padding: 0; +} + +.colorable-1bkp8v.white-3GPOIp, .colorable-1bkp8v.white-3GPOIp .centerIcon-2G6o-T { + color: var(--text-muted); +} + +.wrapper-2qzCYF { + background-color: var(--background-floating); +} + +.colorable-1bkp8v.primary-3NQg8g.active-1QRrIS, .colorable-1bkp8v.primary-3NQg8g:hover, .colorable-1bkp8v.white-3GPOIp.active-1QRrIS, .colorable-1bkp8v.white-3GPOIp:hover, .colorable-1bkp8v.primary-3NQg8g, .colorable-1bkp8v.white-3GPOIp, .colorable-1bkp8v.red-33-Lnk, .gradientContainer-10lXLB, .centerButton-3CaNcJ { + background: none !important; +} + +.card-3Qj_Yx { + border-radius: 25px; +} + +div[class='flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6'][style='flex: 1 1 auto;'] { + background-color: var(--background-secondary); + border-radius: 30px; +} + +.root-SR8cQa { + border-radius: 25px; +} + +.connectionHeader-2MDqhu { + border-radius: 25px 25px 0 0; +} + +.colorBrand-ROmMP1 { + color: #677bc4 !important; +} + +.colorDanger-2qLCe1, .colorDanger-2qLCe1 .checkbox-3s5GYZ, .colorDanger-2qLCe1 .radioSelection-1HmrQS { + color: #f04747 !important; +} + +.input-cIJ7To { + border-radius: 25px; +} + +.barBase-1c2Rfb { + left: 50px !important; + right: 50px !important; +} + +.input--jS-j2 { + border-radius: 25px; +} \ No newline at end of file