Jump to content

Rechigo's OCD CSS pack


Recommended Posts

rechigo

Here are a couple of CSS modifications that I created myself

 

These are basically all the modifications I've done on the CSS side of things, with the exception of a couple styling rules which I honestly have no idea what they do since I was too lazy to leave some comments

 

All of these styles were written to be compatible with the latest beta. I can't confirm if this will work for the latest stable (4.3.0.1). If anything here doesn't work, please leave a comment below with your server version and I'll try my best to help..

 

1) scroll button containers (horizontal scroll)

Here, I add a bit of blur to blend the buttons with other UI elements that have blur, as well as some saturation to give the colors a bit of pop

 

Snippet: https://paste.memester.xyz/cahoxohuyi.css

 

Original:

6oe.png

 

After:

sge.png

 

2) Rounded list corners

It bugged me how some dashboard elements had rounded corners and some didn't, so I said screw it and rounded the corners on everything...

 

Snippet: https://paste.memester.xyz/qavoqaqijo.css

 

Before:

bdq.png

 

After:

hzy.png

 

3) Underline on "Read more" button

 

I didn't like how the read more button had an underline, so I removed that

 

Snippet: https://paste.memester.xyz/yurelamive.css

 

Before:

8gc.png

 

After:

x7s.png

 

4) Settings menu rounded nav buttons

 

Snippet: https://paste.memester.xyz/bicisixije.css

 

Before:

m1i.png

 

After:

zjm.png

 

5) Enhancements for the CoverArt plugin users (This one most likely wont work on stable (4.3.0.1), I've had to change it multiple times on beta, but there's it's worth a try.

 

These two snippets remove the card background, as well as lowering the opacity and rounding the corners on the hover card. This is probably the least ridiculous modification on here

 

Snippet: https://paste.memester.xyz/uxawaronig.css

 

Before:

v9i.png8lf.png

 

After:

 

glk.pngo2i.png

 

6) Change played indicator to a ribbon (credits to chef for this one, all him)

 

Snippet: https://paste.memester.xyz/adowayumak.css

 

Before: You all know what the played indicator check mark looks like

 

After:

 

d26.png

Edited by rechigo
  • Like 2
Link to post
Share on other sites
Luke

For #2 they are already round in some themes, but not all. I'll make it round in all themes. Same with #4.

 

For #3, if you don't underline on hover, it's less obvious that it's interactive.

Link to post
Share on other sites
rechigo
Posted (edited)

For #2 they are already round in some themes, but not all. I'll make it round in all themes. Same with #4.

That is the whole reason I did those two modifications, I just wanted them to be consistent

 

 

For #3, if you don't underline on hover, it's less obvious that it's interactive.

I slightly disagree on this one for two reasons:

  1. Your cursor turns into a pointer
  2. The button says read more on it. Maybe it's just me, but that seems to call out "I can be clicked to show more info!"

Thanks for the feedback

Edited by rechigo
Link to post
Share on other sites
rechigo

Hello,

Images are not displayed and links are not available.

 

Thank you

Can you provide a screenshot and your server version?

 

Sent from my SM-G973U using Tapatalk

Link to post
Share on other sites
chacawaca

Can you provide a screenshot and your server version?

 

Sent from my SM-G973U using Tapatalk

i think he talk about screenshot you post on forum, link are dead.

Link to post
Share on other sites
Zeus69

Sorry for not understanding. I was not talking about my server but the topic!

I do not see the images on your topic and the links are not functional.

Link to post
Share on other sites
rechigo

Fixed, sorry guys, I changed my domain recently and I forgot to update the links

 

Sent from my SM-G973U using Tapatalk

Link to post
Share on other sites
rechigo

Link dead :(

 

Thx for images.

Fixed sorry, forgot to update my nginx config

 

Sent from my SM-G973U using Tapatalk

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...