<< Back to Programming Forum   Search

Posts 1 - 20 of 20   
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-20 06:00:04

(deleted) 
Level 63
Report
Before:
https://s25.postimg.org/4zavjs2gf/Dark_Theme_WL_Before.png
https://s25.postimg.org/ez5rzodpr/Dark_Theme_WL_Wiki_Before.png
https://s25.postimg.org/kygo0us8f/Dark_Theme_WL_Blog_Before.png

After:
https://s25.postimg.org/ucvbsr69b/Dark_Theme_WL_After22_Nov16.png
https://s25.postimg.org/efwjw1dv3/Dark_Theme_WL_Wiki_After22_Nov16.png
https://s25.postimg.org/croo9a25r/Dark_Theme_WL_Blog_After23_Nov16.png

What do I need?
For Chrome, install https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en.
For Firefox, install https://addons.mozilla.org/en-GB/firefox/addon/stylish/.
For Safari, install http://sobolev.us/stylish/.
For Opera, install https://addons.opera.com/extensions/details/stylish/.

How do I install this?
For Chrome, Firefox, Safari and Opera:

Install: https://userstyles.org/styles/135808/warlight-dark-theme - main.

Options:
https://userstyles.org/styles/135810/warlight-hide-coin-content - hides Coin content.
https://userstyles.org/styles/135811/warlight-hide-motw - hides Map Of The Week.
https://userstyles.org/styles/135812/warlight-hide-flashing-mail - hides the flashing mail icon.
https://userstyles.org/styles/135813/warlight-hide-refresh-button - hides the refresh button on the Dashboard.

For IE:
Copy the text on https://www.warlight.net/wiki/User:DanWL60/WL_Dark_Theme.
Paste the text to Notepad (or another type of plain text editor e.g. Adobe Dreamworks).
Save the file as something.css - it has to be a .css file extension, file name doesn't matter.
Open IE and click on the Tools menu.
Go to Internet Options and click on Accessibility in the General tab.
Click the check box for "Format documents using my style sheet".
Browse to the stylesheet and choose it. Then click "OK" twice to get out of the Internet Options menu.
Close and reopen IE.

In short, it changes the wiki's theme from light to dark to match with the rest of WarLight.
Applies to all of WarLight.

Features:

  • Dark theme for Wiki
  • Dark theme for Blog
  • Improved the current theme for the rest of WarLight
  • Ability to hide Coin content*
  • Ability to hide Map Of The Week on the Dashboard*
  • Ability to hide the Refresh button on the Dashboard*
  • Forum - increased width of posts & reduced thumb size
  • Changes deposit Coins buttons colo(u)rs*
  • Hides flashing mail icon*
  • Link colo(u)rs of the Wiki match with the rest of the site
  • Moved ads further to the right
  • Modifies the display of the Top Right Bar (mostly for IE)
  • Hides image borders (mostly for IE)

* =
Coins - if you want to see coin content, remove lines 19 to 26.

Map Of The Week - if you want to see it, remove lines 27 to 34.

Refresh button - if you want to see it, remove lines 35 to 40.

Mail - if you want to see your mail icon flash when you get a new PM/have unread PMs, remove lines 41 to 53.

If you see any bugs, please let me know.

Edited 11/29/2016 23:56:11
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-20 22:07:53

(deleted) 
Level 63
Report
Just formatted a lot more stuff.
To apply:
In Chrome / Firefox / Safari / IE (first few steps):
Copy the text on https://www.warlight.net/wiki/User:DanWL60/WL_Dark_Theme.
Paste the text to Notepad (or another type of plain text editor e.g. Adobe Dreamworks).
Save the file as something.css - it has to be a .css file extention, file name doesn't matter.

Chrome / Firefox:
Remove the current stylesheet.
Select an addon that isn't User Styles. (Important!)
Reselect User Styles.
Open the stylesheet in a browser - copy it's web adress.
Select Install from URLs.
Paste the web address.
Click OK.
Name the stylesheet.

IE:
Menu -> Tools -> Internet Options -> Accessability -> Browse to where you saved the stylesheet -> Press OK -> Press OK.

Safari: similar to IE.

Edited 11/23/2016 23:39:50
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-20 23:51:51

(deleted) 
Level 63
Report
Small update: the stylesheet no longer applies to every page.
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-21 00:45:03


Radoverlord
Level 34
Report
what is this? 🤔
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-21 02:26:44


Жұқтыру
Level 56
Report
can you screenshot of how it looks like?
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-21 16:46:50

(deleted) 
Level 63
Report
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-21 22:45:22


MightySpeck (a Koala) 
Level 60
Report
i don't like the white boxes around darkened boxes. can you make them like Gray or something?
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-22 00:02:54

(deleted) 
Level 63
Report
I'll try to fix that tomorrow.
Edit: I'm guessing that is caused by the object's outline or border. I didn't change the outline/borders of buttons etc.
Edit 2: should I make the outlines/borders invisible or gray?

Edited 11/22/2016 00:28:10
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-22 20:58:21

(deleted) 
Level 63
Report
Fixed the border issue.
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-22 21:47:58


MightySpeck (a Koala) 
Level 60
Report
This seems Great. I never liked that the wiki was sooooo much brighter then Warlight.

will this keep updating with the Wiki?
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-22 21:51:08


Zephyrum
Level 60
Report
Blue (texts with hyperlinks) over black look awfully eyesory. You need to change their color.

And to be fair isn't it easier to just, y'know, edit the wiki rather than this? Would mean lower loading times.

...And who uses the wiki, anyway?
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-22 21:58:52


MightySpeck (a Koala) 
Level 60
Report
well. i don't think Ben has access to change the color of the Wiki. and really Fizzer was probably like aye why don't you do it first and then i'll look at it.
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-22 22:10:15

(deleted) 
Level 63
Report
will this keep updating with the Wiki?

I update wiki then say that I've updated here because updates aren't done automatically ATM.

Blue (texts with hyperlinks) over black look awfully eyesory. You need to change their color

What colo(u)r do suggest to replace link colo(u)rs? This applies all over WarLight.

Edited 11/22/2016 22:12:03
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-23 15:59:18


Benjamin628 
Level 60
Report
well. i don't think Ben has access to change the color of the Wiki. and really Fizzer was probably like aye why don't you do it first and then i'll look at it.

I would assume someone who's name is "DanWL" has the first name of Daniel ;)
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-23 20:36:01


MightySpeck (a Koala) 
Level 60
Report
lol. i don't know why i was confused
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-23 22:19:43

(deleted) 
Level 63
Report
well. i don't think Ben has access to change the color of the Wiki. and really Fizzer was probably like aye why don't you do it first and then i'll look at it.

I didn't discuss this with anyone. Changing the style required me to look for the object ids and classes because doing something like:
body {
	background-color: black !important;
	color: white !important;
}

didn't affect anything, even though it should, technically, change the whole page's background colo(u)r and text colo(u)r.

I did discuss if there should be a new wiki page for all the new Single Player levels should be made. He said no because of "low demand", but then I thought of combining all the info on one page. He said for me to try that.

Edited 11/23/2016 22:21:22
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-23 23:21:18

(deleted) 
Level 63
Report
Just did a bug fix:
Watch/unwatch message is no longer hidden;
Made all red links show;
Compare/history changes - text no longer hidden;
Made blog display correctly.
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-28 18:36:27

(deleted) 
Level 63
Report
Just added new features and did some bug fixes.
New features:
Ability to hide the Refresh button on the Dashboard
Forum - increased width of posts & reduced thumb size
Moved ads further to the right
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-28 23:40:21

(deleted) 
Level 63
Report
Fixed bug that cause ads to hide over tournament data and posts to overflow and made the layout go wrong on forum posts.

Edit: fixed bug that caused not all ads to more further to the right and made long names on forum posts to not take up loads of space.

Edited 11/29/2016 00:21:17
Dark-Theme WL Wiki (and some small styling fixes): 2016-11-29 23:53:40

(deleted) 
Level 63
Report
I've made it so that you can install it online and for it to automatically update.
Details of what you need are on the first post.
Posts 1 - 20 of 20