Jump to content

Dark theme for WebUI


SubjectX

Recommended Posts

Not sure where to post it, so here it is..

I have two monitors, and since I'm g33k, I enjoy in dark, but bright theme for WebUI really didnt do any good for my eyes while playing something on primary monitor and waiting for that midget pr0n to download on secondary monitor.

So I went and changed few css properties in WebUI original package.

If anybody wants it, here it is :)

I found an error that I need to fix:

- Logger is still dark, not sure where to find css properties for that

Also, if somebody wants to know, this are the values I changed:

868686 -> 606060

D0D0D0 -> 262626

c0c0c0 -> 383838

A0A0A0 -> 595959

B0B0B0 -> 3a3a3a

686868 -> a5a5a5

ddd -> 232323

F0F0F0 -> 141414

FAFAFA -> 000

FDFDFD -> 000

808080 -> a0a0a0

3B3B3B -> c6c6c6

E5E5E5 -> 1e1e1e

F8F8F8 -> 001

F6F6F6 -> 000

F5F5F5 -> 000

595959 -> dbdbdb

707070 -> afafaf

E0E0E0 -> 1c1c1c

989898 -> 666

202020 -> e5e5e5

A7A6AA -> 444

3687ed -> 17c900

fff -> 000

000 -> fff

eee -> 0f0f0f

aaa -> 4c4c4c

999 -> 636363

ccc -> 333

stable line 21 !transparent url(./images/header.png) repeat-x scroll center top;

stable line 31 !#262626 #262626 #000;

Drop this files into WebUI.zip, replacing the old ones:

main.css v1.1: https://mega.co.nz/#!kA8lBRpA!J_mGv2GrolCS8MaWrGH2DiGzK6dSZum94XslnYAzNp0

stable.css v1.0: https://mega.co.nz/#!1clDQAIZ!TdkFViyzxWHUNrd90Ucv4hID5KEOF7JUqmShf4o2m2I

Fixed another bug in main.css, writing versions just in case somebody will return back for updated version..

Link to comment
Share on other sites

Not sure where to post it, so here it is..

I have two monitors, and since I'm g33k, I enjoy in dark, but bright theme for WebUI really didnt do any good for my eyes while playing something on primary monitor and waiting for that midget pr0n to download on secondary monitor.

So I went and changed few css properties in WebUI original package.

If anybody wants it, here it is :)

I found an error that I need to fix:

- Logger is still dark, not sure where to find css properties for that

Also, if somebody wants to know, this are the values I changed:

868686 -> 606060

D0D0D0 -> 262626

c0c0c0 -> 383838

A0A0A0 -> 595959

B0B0B0 -> 3a3a3a

686868 -> a5a5a5

ddd -> 232323

F0F0F0 -> 141414

FAFAFA -> 000

FDFDFD -> 000

808080 -> a0a0a0

3B3B3B -> c6c6c6

E5E5E5 -> 1e1e1e

F8F8F8 -> 001

F6F6F6 -> 000

F5F5F5 -> 000

595959 -> dbdbdb

707070 -> afafaf

E0E0E0 -> 1c1c1c

989898 -> 666

202020 -> e5e5e5

A7A6AA -> 444

3687ed -> 17c900

fff -> 000

000 -> fff

eee -> 0f0f0f

aaa -> 4c4c4c

999 -> 636363

ccc -> 333

stable line 21 !transparent url(./images/header.png) repeat-x scroll center top;

stable line 31 !#262626 #262626 #000;

Drop this files into WebUI.zip, replacing the old ones:

main.css v1.1: https://mega.co.nz/#!kA8lBRpA!J_mGv2GrolCS8MaWrGH2DiGzK6dSZum94XslnYAzNp0

stable.css v1.0: https://mega.co.nz/#!1clDQAIZ!TdkFViyzxWHUNrd90Ucv4hID5KEOF7JUqmShf4o2m2I

Fixed another bug in main.css, writing versions just in case somebody will return back for updated version..

Thank you for the info. I just need to know where to I need to change the Values from? Also, can you explain what do you mean by:

stable line 21 !transparent url(./images/header.png) repeat-x scroll center top;

stable line 31 !#262626 #262626 #000;

I'm new to this, so please be kind.

Thank You.

Link to comment
Share on other sites

There are two files in webui.zip: main.css.gz and stable.css.gz, those that I included in download.

If you open them (its archive) you get main.css and stable.css files.

In this two files you can find orders to browser how page should look.

There are attributes, mostly background-color and color (color is for text color) which you have to change.

Those two lines denote, that I altered whole line in stable.css in 21st and 31st line (I deleted stuff behind !)

Regards, Anze

Link to comment
Share on other sites

  • 3 months later...
  • 1 year later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...