The cool thing about DeviantArt's new design is that it's super easy to make user style skins for. Our code uses CSS variables, so you can pretty much skin the entire site in just a few dozen lines of CSS. (If you're not familiar with CSS variables -- it's super simple.) It'll take some tweaking to make it look perfect on all pages, but it's super simple to make a skin that works across most of the site.
You can use a browser extension like Stylish.
For example, this code will replace the background color and top nav across the whole site on the DARK theme:
Background color and top nav on the LIGHT theme:
The other cool thing is that there are variables for the light, dark, and green theme. So you could create a skin that has three variants, that will automatically switch when you use DeviantArt's theme toggle.
I just threw together a purple skin in <20 lines of CSS and 90% of the site is customized. It took less than half an hour. I admit it though -- my purple theme is ugly. 😂 But it's pretty cool how easy it was.
If anyone creates any skins, please share them!
Eclipse Change Log: June 26, 2019
Eclipse Change Log: June 20, 2019
Eclipse Change Log: June 12, 2019
Eclipse Change Log: June 5, 2019
If you have an extension on your browser to inspect the code (web developer/firebug/etc) you can find the :root section in the css file. It's toward the bottom for me.
Here's some of the variables (NOT all) with comments above showing what they are.
/*Dark theme below*/
/*Light theme below*/
/*Green theme below*/
/*Deviantart Logo color*/
/*text box background*/
/*textbox border,comment hover*/
/*"Add a new comment"*/
/*Toolbar links,comment text*/
/*title,action bar,"load previous comments",bell,newest*/
/*"comments",commenters username,notes icon*/
How interesting! I really like your skin and I love what you've done with it.
I wish this feature was within DeviantArt rather than an external thing because the difficulty with it is that (as far as I understand) it only works for you and not for anyone visiting your page. That's the key thing. There's not really much point in customising your page if only you can see it.
One of the big difficulties I have with Eclipse is that unlike the original deviantArt where you could change the look of the page and <b>it would be the same for everybody who views it</b>, with Eclipse optimising images for dark theme they look crap on a light theme and each visitor to your page will have a different theme. so you can't optimise your images properly.
I think this is a neat feature.
Is there a list somewhere which variables are available and where they are used? I found the definitions in app.min.css, but no information, where for example --C14, --L17 or --D3_SISU are used. ^^
Eclipse is coded nicely in most parts in my opinion. Most complaints are due to problematic GUI or removed features. The only part that got worse regarding the code is class names. Since eclipse uses a template with automatically generated class names, scripts and styles relying on those break from time to time. Also, they are pretty unintuitive to use (e.g. div class="_3Lbo4 _3EbZ8").
Only once before have I seen a site self-immolate in the name of progress.
The year was 2008. The recession was upon us, Obama was campaigning, Youtube was new, the iphone was just around the corner. Hopes were high and Myspace was king of the internet.
And then Facebook arrived.
Myspace execs saw the writing on the wall and rushed to spruce up their aging website. Fundamental formats were changed. Features were removed, and bloatware was added. They threw their entire site into the fire in hopes of a phoenix moment.
A moment which never came.
Deviantart has the honor of being three years older than Myspace, and has somehow survived into the age of Instagram and Pinterest.
I sometimes wonder if those Myspace executives who oversaw the destruction of their site fled here, found sanctuary among the deviant artists, because with Eclipse, Deviantart is attempting the very same phoenix in the fire pivot as Myspace did all those years ago.
Good luck gentlemen. You seem anchored to the dumpster fire that is Eclipse, hell-bent on tearing your own website to the ground in a half-baked attempt to blend in with the bland social media landscape.
I expect to hear soon of your acquisition by Facebook.
This is definitely something that would be cool to experiment with in the future, thanks for promoting it Dan c:
Do you know if there are plans to let users skin journals some time in the future?
For those complaining; I can also clear some confusion up on the 'third party' download.
This app has been used by many people to customize even Facebook (which by the way your classic version will be going buh bye come 2021 so you best download Google Chrome Beta! And no, you don't get a say in this esp. if you use the site to live stream anything).
That said @danlev isn't asking you to fix the Eclipse site. He's showing you a neat feature that's been made possible for the Eclipse website by users who've been using third party applications for years but only now, have these features become more easily available on DeviantArt minus any coding security risks which is what CSS on the old site, had.
I truly do wish, people would learn to read a journal before jumping the gun on someone whose simply showing us a fun new feature.
This is cool and will be incredibly helpful, especially if we can control padding and margins.
But I thought that one of the arguments for removing customization/journal skins was because "not everyone knows CSS"? Uh? Oh well.
I used an extension "Stylus" on the Old Site and had a darker background
long before we had it in Eclipse
What I actually wanted to say is that "Stylish" is only for Chrome users. I wanted to download it now and it says you need Google Chrome