close
Sankaku Channel Dark Userstyle
[Updated. 01-12-2016] (v2.41)

Shameless selfbump

Dark Userstyle i made for Sankaku Channel (& Idol).

This Userstyle was made upon my own personal preferences. You may like it, or not.

It looks something like this:
Posts list
Image view
Comment example

Interested?

Install the addon Stylish.
(Firefox) (Chrome)

Install for Firefox:
  • Go to your add-ons page in Firefox (Ctrl+Shift+A).
  • Now select the newly created 'User Styles' tab. And click on "Write New Style".
  • A new tab or window will open with a text editor. Give the Userstyle a name.
  • Open this link , select all (Crtl+A) the code and copy (Ctrl+C).
  • Go back to the stylish tab or window you opened, and paste (Ctrl+V) the code in the big text field.
  • Click 'Save' on the top left, and you're done!
Install for Chrome:
  • Go to chrome://extensions/ and click options below Styish.
  • Click on 'Write new style' to the left. Give the style a name.
  • Under 'Mozilla Format', click Import.
  • Open this link , select all (Crtl+A) the code and copy (Ctrl+C).
  • Go back to the stylish manager, and paste (Ctrl+V) the code in the big text field that appeared.
  • Click on 'Overwrite style' and next on 'save', and you're done!

If you don't like 'edgy' 'dark as me soul' dark themes, you can also get the light version with default Sankaku colors here

I hope you will enjoy this style as much as i do.
Give some feedback if you want... or not ¯\_(ツ)_/¯
Got questions? Just reply in this topic or send me a pm.

Recommended:
(Userscript) This paginator script works well along this Userstyle.
(Userscript) A little userscript i wrote to fix the notes when using this Userstyle.

It works fine for me :) The only inconvenience i could find is i can't see the "notes" on posts that have them.

Looks great and works fine on chrome with very little modification. Specifically removing the first three lines and the very last }

Quick instructions:
1. If you don't have it already get stylish for chrome https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe
2. Go to chrome://extensions/ and click options below styish
3. Click write new style
4. In a new tab go to http://a.pomf.se/zjajxy.css *see note
5. Copy everything after the first { and before the last } and paste it into the code box on your new style
6. Under the code box click "specify"
7. select "urls on the domain" from the drop down menu
8. paste chan.sankakucomplex.com in the text field beside the drop down, make sure there are no spaces before or after the text or it will break it.
9. Give the style a name and click save.
Optional additional step:
If you want this to work on idol complex too before clicking save hit add beside the last text box then go through steps 7 & 8 again but change chan to idol

Edit 12/29/2014:
Note: When Galinoa updates the user style the url for the current version changes. If there's a difference between the url in my post and the one in the original post beside the text "Paste this url in the text field" always go with the one in Galinoa's post for the most up to date version.

Tucky said:
Looks great and works fine on chrome with very little modification.

Glad to hear it works and you liked it.

ZappaJawaka said:
Nice job! =]

Thank you!

Waterloo said:
It works fine for me :) The only inconvenience i could find is i can't see the "notes" on posts that have them.

It was a choice i had to make. This was my first attempt at css. I never really used them anyways.

Liking the theme. Always find dark themes easier on the eyes.

Cool theme! Dark themes are great for night browsing.

The darkness comforts...

Reminds me of other image boards.

SampleText said:
Cool theme! Dark themes are great for night browsing.

+1

SampleText said:
Cool theme! Dark themes are great for night browsing.

Vitali said:
The darkness comforts...

Sweet.

Waterloo said:
The only inconvenience i could find is i can't see the "notes" on posts that have them.

I finally got around fixing the notes issue!
You'll need to use a little userscript i wrote to fix the notes position.
This is the issue I'm talking about btw
You can get the script over here
(Or look in the OP under recommended.)

Fun fact: this was my first ever attempt at JavaScript, and it worked perfectly!

I installed the new version and it looks great! But now large images fail to resize properly.

Waterloo said:
now large images fail to resize properly.

Changed it. Now large images will not go further then the width of your browser window when resized. Though the sidebar is a bit in the way now. I'll look for a solution for that soon.

Galinoa said:
Changed it. Now large images will not go further then the width of your browser window when resized. Though the sidebar is a bit in the way now. I'll look for a solution for that soon.

Just tested it and it's much better now. Thanks!

Updated the userscript for the notes. Now the notes will stay on the right spot, even if you resize the window. Example

It works nice, thx.

It looks like this on mine: https://u.pomf.io/eualga.jpg

The sidebar gets in the way of the images.

1920x1080 screen resolution if that helps

FaindaaV said:
It looks like this on mine: https://u.pomf.io/eualga.jpg

The sidebar gets in the way of the images.

1920x1080 screen resolution if that helps

You're browsing with 400% zoom. Don't know why anyone would do that. oh well. Should be fixed now. Just grab the code from the link in the OP again.

Alucardvx said:
It works nice, thx.

Sweet.

So, just asking--does the Chrome version update similarly, or will I need to wait for a new version?

Galinoa said:
You're browsing with 400% zoom. Don't know why anyone would do that. oh well. Should be fixed now. Just grab the code from the link in the OP again.

Sweet.

Thanks for updating. I didn't notice that I was browsing with 120% zoom all along lol.

Vitali said:
So, just asking--does the Chrome version update similarly, or will I need to wait for a new version?

No need to. When the style is updated, it's always for both Firefox and Chrome.
Since userstyles.org doesn't accept styles for Sankaku*, I'll have to do it like this.

FaindaaV said:
Thanks for updating. I didn't notice that I was browsing with 120% zoom all along lol.

¯\_(ツ)_/¯

Also. Updated the OP with an updated install for Chrome instructions. And added the actual version number, so you guys can see if there has been an update.

Fixed various issues with mail/comments/forum while on desktop and mobile.