This commit is contained in:
bowfar 2020-11-18 00:28:56 -05:00
commit bd2fd8b0d7
5 changed files with 428 additions and 0 deletions

43
DiscordRevamp.theme.css Normal file
View file

@ -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;
}

11
README.md Normal file
View file

@ -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
<img src="https://roblox.is-terrible.com/MeD32H.png"/>
<img src="https://roblox.is-terrible.com/jdN2Vq.png"/>
<img src="https://roblox.is-terrible.com/o9t2mG.png"/>

9
powercord_manifest.json Normal file
View file

@ -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"
}

21
splash.css Normal file
View file

@ -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;
}

344
src/source.css Normal file
View file

@ -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;
}