<3
luckfire / amoled-cord Goto Github PK
View Code? Open in Web Editor NEWA basically pitch black theme for Discord. Lights out, baby!
License: MIT License
A basically pitch black theme for Discord. Lights out, baby!
License: MIT License
Heya! Before you consider making an issue, please make sure to check this out.
As it stands, I do not plan on maintaining this version of AMOLED-Cord due to the fact I'm currently working on a rewrite for it, which can be found here.
If you have any suggestions, you can either comment on this issue or make an issue on the repo that I listed for the rewrite, whichever on you want. Also, if you have any tips on how I could possibly do some things better, please be sure to let me know!
BetterDiscord
These were near black previously, but now are too bright.
Vencord
before the change 15h ago they were as dark as the surroundings:
old screenshot taken using this .css
After the update it broke my custom CSS, how would this be fixed.
/*embed redesign*/
:root{
--embed-border-radius: 8px;
}
.embed-IeVjo6 {
border-radius: var(--embed-border-radius);
}
.embed-IeVjo6 code{
background: var(--background-secondary);
}
:root{
--embed-line-width: 256px;
}
.embedWrapper-lXpS3L{
}
.embedFull-2tM8-- {
border-left: calc(4px + var(--embed-line-width)) solid var(--background-accent);
background: var(--background-secondary);
}
.grid-1nZz7S {
margin-left: calc( -1 * var(--embed-line-width));
z-index: 1;
}
.embedFull-2tM8--:after, .embedFull-2tM8--:before{
content: "";
height: 100%;
width: var(--embed-line-width);
position: absolute;
top: 0;
left: calc(-1 * var(--embed-line-width));
}
.embedFull-2tM8--:after{
background: linear-gradient(to right, transparent, var(--background-secondary));
}
.embedFull-2tM8--:before{
background: var(--background-secondary);
opacity: .8;
}
It appears there's a decent amount of people that dislike this update and prefer the old version. If you're one of these people, or not (I'll take any feedback from users), could you give me feedback on why you dislike / like the changes? What should be different and / or change?
I originally made this comment on another issue. Bringing it up again in the event it wasn't resolved.
I don't have any new custom CSS I can use nor do I know why AMOLEDcord breaks the member list with this custom css.
Here is the CSS I have in my Custom CSS for this:
/* Hide member list */
:root {
--hover-animation-speed: 0.35s;
--seperator-color: var(--seperator-color);
}
.membersWrap-3NUR2t {
min-width: unset;
width: 50px;
justify-content: right;
}
.members-3WRCEx {transition: transform var(--hover-animation-speed);}
.membersWrap-3NUR2t:hover .members-3WRCEx {transform: translateX(-190px);}
.membersWrap-3NUR2t .membersGroup-2eiWxl::after {
content: '';
width: 30px;
height: 2px;
border-radius: 50px;
background: unset;
background-color: var(--seperator-color);
position: absolute;
left: -36px;
top: 29px;
margin-left: 0px;
}
.membersWrap-3NUR2t .members-3WRCEx .member-2gU6Ar {
background-color: unset;
margin-left: 0px;
transition: margin-left var(--hover-animation-speed);
}
.membersWrap-3NUR2t:hover .members-3WRCEx .member-2gU6Ar {margin-left: 8px;}
.membersWrap-3NUR2t:hover .membersGroup-2eiWxl {transform: translateX(-6px);}
.membersWrap-3NUR2t .membersGroup-2eiWxl {
cursor: default;
transform: translateX(45px);
transition: transform var(--hover-animation-speed);
overflow: visible;
}
Friends area is the normal gray, and the same is true for the reactions menu and the upload menu
Vencord
I believe the light grey line at the botom of the box should be at the top.
I used this custom css to fix that ui element on my client but I have no idea
.container_ca50b9 {
margin-top: 1px;
margin-bottom: 0px;
}
No longer amoled dark
It would be better if all scrollbars would be a lighter color to make it much more visible
Is there a way to just go back to v1 coloring where it was all black and not this black-gray stuff
If you select something like an emote from the suggestions, the highlighted line is hard to see. I also noticed that this depends on what monitor im using. On my main monitor it is "okay" to see, but on my 2nd monitor I can't really see the highlight at all.
I found out that it uses the "--background-primary" color variable, so I can't change that easily on my side without having the rest of the theme look bad.
An example GIF while cycling through some suggested emotes:
Would it be possible to make this a bit lighter, please?
Thanks in advance and good job on this awesome theme ๐
I usually use light mode and when I first put the theme on some parts of the menu were a bit weird. The themes coming soon picture still used a white background, and I couldn't see some options in the Appearance tab. Switching to dark mode fixes everything so it isn't just me/my current snippets.
Turn on light mode in appearances and then turn on the theme
You might need to disable other themes
For DMs, the channel list, and the user list.
I realized I am running a very old version of the theme (due to the many discord css updates) but on theme repo the 'source' is from 2021: https://github.com/LuckFire/amoled-cord/blob/d201810b52483c8f108f1c4ea355f6f5c34cb054/src/support/betterdiscord/AMOLED-Cord.theme.css (when clicking on the source button)
I don't know if this is a themerepo issue (doubt it but could be) or some miss configuration :)
when I go to the servers I have moderation powers on, after applying this theme, it crashes my discord. any reason for this and fixes?
Hi,
Sorry if this isn't the correct way but wondering if I can stick with the older version of AMOLED-cord without getting the popup to update?
The two shades of black is slightly annoying for me and much preferred the older one over the new one.
For context, Discord recently pushed a major update which broke all themes and many plugins.
Due to Discord's recent update, some components of Discord are not fully coated in AMOLED most notably the server list. Disabling and re-enabling fixes most of the coating issues, however not all.
Vencord
I believe the image is self-explanatory.
I'm not sure if this happens on the regular Discord client version, but it happens on Discord Canary + Vencord.
So perhaps if most people don't encounter this at this time, there's a chance in the future they might?! ๐ค
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.