Osprey and SytlRRR: EduGeek All Dark Style

[ShellfishClive]

EduGeek All Dark Style

I have been working on releasing a style which was originally intended for personal use as I spend a lot of time on these forums, mainly just reading all the info on here as it's all useful. I noticed that it was kind of eye straining when I was browsing because of how bright the background was and there was no way to force the night time mode on (that I could see anyway) so I thought I would make it dark for me and then I thought I might as well share it in case other people want it.

 

While I know that this isn't the best style and there is a lot of redundant code within the CSS, I am working towards removing that code and improving everything on the style. There are a few things that I am aware of, and I have done every page yet so some are still white, however the main parts of the site have been changed so I thought it would be best to make it public now and update it if people start using it I can update it on their feedback if not I will just continue to develop it for myself! Another quick note to mention is that, this isn't the optimal look, my plan is to make the site darker first and then change the aesthetics in more details to provide a better finish, so certain things will look awful but it won't be for too long, if you do use this style I encourage you PM me if you see something bad or feel free to change the code yourself.

 

Style: https://userstyles.org/styles/150185/edugeek-forums-all-dark

 

Here are some screenshots of what the site will look like once the style is installed:

 

 

 

 

The screenshots are what I have been focusing on, there will be parts of the site that are kind of halfway in between which just means that webpage has some of the same selectors of the webpages I have been editing. Those pages will however get styled properly in due time.

 

How to Install:

You will need an extension for this to work, I recommend using Osprey for Chrome or StylRRR for FireFox:

(I would also recommend using the Black V.5 of the current forum theme as well, this can be done at the bottom of the page.)

 

Osprey: https://chrome.google.com/webstore/detail/osprey/ekjapccimkannnfgcnnoajhfdglobgak?hl=en

StylRRR: https://addons.mozilla.org/en-US/firefox/addon/stylrrr/

 

There are other extensions that will support this, these are just the two that I use. (I would not recommend Stylish as it has bad rep now for tracking cookies https://www.ghacks.net/2017/01/04/major-stylish-add-on-changes-in-regards-to-privacy/)

Install via Osprey:

Installing via Osprey is fairly straight forward, once you have the extension installed.

Simply go to the EduGeek Website (EduGeek.net - The I.T. Professionals' life line).

Click on the extension and choose "Find more Styles for this site"

It will take you to a webpage where you will see this style.

Press "Install Style." and the style will now be applied to this website.

You can disabled it by un-checking the Enable/Disable box.

 

To update the theme, open Osprey and press "Manage Installed Styles", once on there press "Check for updates" under "Edugeek Forum All Dark."

 

Install via StylRRR:

Installing via StylRRR is a little more difficult, the extension says it has a right click function however I could not get it to work.

Once you have StylRRR installed you will need to go to the site of the style which is here: https://userstyles.org/styles/150185/edugeek-forums-all-dark

If you scroll down the page you will see a bottom that says "Show CSS", select all and copy the code.

Open up StylRRR and press "New Style", in the top three boxes you can type anything you like e.g:

 

Name: EduGeek All Dark

Author: Any name

URL: https://www.edugeek.net

 

In the big text box paste the code that you copied.

Press "Save" and the theme should be enabled for the site.

You can press edit style and choose the one you named for this site to enable/disable.

 

To update the style you will need to check back on the website (or this thread) and copy the new CSS code and paste it back into the style that you named to get the newer version.

 

Any feedback is welcome so please feel free to mention anything you dislike (or like).

 

P.S if this is in the wrong section I apologize I wasn't sure where to put it.

Edited October 27, 2017 by ShellfishClive

[elsiegee40]

Fao @ZeroHour

[ShellfishClive]

I did PM dos_box but he never replied so I am assuming he was super busy.

[Dos_Box]

I did PM dos_box but he never replied so I am assuming he was super busy.

 

Eep! My apologies.

Yes...busy..I, erm...was busy...

Seriously though I simply missed it (again, sorry), as Linda said, this is @ZeroHour 's territory and he'll get back to you as soon as he can.

It does look very nice though

[ZeroHour]

Thanks for the feedback and style @ShellfishClive

I have enabled the night mode skin for use all the time using the bottom left drop down selector, I will be enabling it in the drop down menu soon.

I will also have a go integrating your style for all to use as well.

[ShellfishClive]

The style isn't finished yet so if you do manage to implement it, it will still need updating once I made changes. No sure how easy that would be for you, if it's just a case of copying the new code I would guess relatively straight forward. Edited October 27, 2017 by ShellfishClive