forked from w/Discord-Revamp
e
This commit is contained in:
bowfar
commit
bd2fd8b0d7
5 changed files with 428 additions and 0 deletions
43
DiscordRevamp.theme.css
Normal file
43
DiscordRevamp.theme.css
Normal 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
11
README.md
Normal 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
9
powercord_manifest.json
Normal 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
21
splash.css
Normal 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
344
src/source.css
Normal 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;
|
||||
}
|
||||
Loading…
Reference in a new issue