Hoped I could beat you to it, and made a dirty edit too meanwhile
But I like yours. It fits well on the screen I'm using.
What software are you using btw?
Pardon: Clarity: Double it up from Native Site Settings: I.e: It's 82px high here on the page, but double that to 164.
How it looks here (1920x1080 display):
First image:
Second image:
I like the first version best obviously - is it possible to make the Text and Triangle logo a tad smaller so they fit?
That's on my end though.
PC: Double it up from native:
Height is 81px.
2x = 162px makes for decent (optional) resolution on larger screens.
Width in this case should end up mid-way between 1k & 4k.
About 1900px should be fine, but can be tweaked (down) to preference to make content fit on the screen you use.
The proportions you used looks decent btw, which would be about 164 x 1369px in the example above.
What I would change to compensate a bit on larger screens, is smaller "Conspiracies" text and symbol of Ra in the middle, so it fits better on Wide.
Convert to jpeg for smaller size.
I'm not on mobile, so someone else should input on this.
To try on browser:
CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Conspiracies.win Wallpaper - Dark Mode*/
.theme-dark .header .bg
{
background:
url("https://media.conspiracies.win/post/kOjUAf1e.png")
50% 50%/cover no-repeat;
}
/*Text Visibility*/
.theme-dark .header .bg .title,
.theme-dark .header .bg .description
{
color: #0000 !important;
}
/* ========== Optional Filters (Delete to disable) ========== */
.theme-dark .header .bg
{
filter: grayscale(1) brightness(.75);
transition: 3s;
transition-delay:1.5s;
}
.theme-dark .header .bg:hover
{
filter: grayscale(0) brightness(1);
transition: 1s;
}
}
Separate Daytime/Normal Banner
Code can be borrowed from here:
Edit:
For Dark Mode:
For anyone who wants to try it on their browser:
CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
Without symbols:
https://media.conspiracies.win/post/beCVAQvq.png
*/
.header .bg
{
background:
url("https://i.imgur.com/99Rsb3a.jpeg")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/*Text Visibility*/
.header .bg .title,
.header .bg .description
{
color: #000 !important;
}
/* ========== Optional Filters (Delete to disable) ========== */
.header .bg
{
filter: grayscale(1) brightness(.75);
transition: 3s;
transition-delay: 1.5s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
}
Separate Dark Mode Banner:
Mine too, so I do - blue light strains - I favor softer output.
On the topic, heard of f.lux?
Been using it for years; it's a nice touch for getting better sleep after a session.
(Personally, #9b8440 (Links) & #dabd73 (hover) complement well with f.lux)
Btw; I put the general Dark Mode colour-settings for this theme under :root in Code #2 if you wanna change them.
This is an unofficial add-on.
I'm a user here, just chipping in.
As such, anyone can make their own theme for their own use - or publish them online like I have done.
Most desktop computer browsers allow for a CSS injector to inject custom code on a website - and this theme is one such example.
Seeing I don't use mobile - I don't know if it'll work there.
CSS
I enjoy tinkering with CSS. Since coming here, I've spent some time tweaking this site into a Custom CSS;
Started out as a simple project for Reddit back in about 2018. It's mostly cosmetic, and have gone through several versions. The latest edition includes transitions, custom cursors, responsive inputs, and is compatible across a number of platforms;
- RES - (https://redditenhancementsuite.com/)
- snew.notabug.io
- www.removeddit.com
- www.reveddit.com
- 4chan.org
- poal.co
- saidit.net
- voat.co
and now; conspiracies.win.
Most Settings on the site are ready to go for anyone who just wanna hit the install-button and give it a try.
-Recommend using the CSS injector https://add0n.com/stylus.html, seeing it's stripped of telemetry-data gathering features.
I will probably end up tinkering a few elements here and there as time pass by, but the basics are covered.
The wallpapers are hosted on Reddit though, so I suggest uploading an image, and let it be converted to BASE64 (automatic process).
Tweaking looks and creating themes has been a little hobby for about 4 years. Migrated from Reddit a few days ago like everyone else - been there for... I don't know, maybe 12 years. Been using the Web since it came online.
Don't have much experience with websites besides creating a couple that was used by local businesses - that's quite a while ago.
Have yet a few tricks to learn, and don't know if I'll be of any use beyond this, but thought I'd at least share, seeing it's a fresh start around here.
I'll gladly provide some inputs if you want to borrow or implement some of the code.
But as mentioned yesterday; feel free to use from the contents.
Edit;
Discovered editing a comment removes the proper formatting, and creates a wall of text.
Minor bug that ought to be looked at.
I'm in the process of integrating this domain into a functional Custom Reddit CSS I've been tinkering with for quite a while.
- https://userstyles.org/styles/182165/reddit-custom-res-compatible-kmv It's already compatible with a few forums (snew.notabug.io, www.removeddit.com, www.reveddit.com, 4chan.org, poal.co, saidit.net, voat.co & more), but if anyone wants to try it out, it's in a functional Beta stage. Updates will follow.
Edit;
Spent the last few hours tweaking. It's operational. Dark mode has been taken care of as well; Eye-friendly Dark Red instead blue. Nightmode colors are available for manual tweaking under :root in Code #2.
Edit 2;
Admin; Feel free to borrow from it.
The CSS filters? They dot the "i", in my opinion. But all sorts of effects can be added.
Or did you think of the theme?
No worries about source file. I'm not too good with image edit yet, but I have Gimp, and just wanted a hint to where I should put my efforts in the future. Thanks for the good work.