What is this?
This is the main thread for my unofficial forum themes. A dark theme has been requested many times but Marco and the other forum staff are busy developing and testing other core features right now. I decided to -- hopefully -- help by building these themes.
Since v7b there are two variants available: a dark and a light one. You can chose which one to install via a dropdown menu on userstyles.org page (see step II further down the page).
What does it do?
It changes the visual style of the forum to a clean, flat one. Both a dark and a light variant are present. In the future I may work on a more colorful variant, but we'll see.
It also changes almost every icon to FontAwesome ones, and reduces visual clutter by removing unneded borders, shadows, gradients and whatnot.
Can I have a preview?
Sure thing, have some screens (from v7): 1 2 3 4 5
[spoil=Old screens]v6: 1 2 3 4 5
v2: 1 2 3 4 5 6
v1: 1 2 3 4 5 6[/spoil]
Please note: color quality in these screens may not be representative of the actual product.
How do I use it?
Step I: install a user styles manager
If you use...
- Firefox / Palemoon: install stylish
- Google Chrome / Chromium: install stylish for Chrome
- Opera: install stylish for Opera
- Safari: install stylish for Safari (thanks Will)
- Internet Explorer / Microsoft Edge: I have no idea
Step II: Install the theme
Go here, chose the preset colorscheme from the dropdown menu above the install button (default is Assassin Dark), finally click install.
Step III: Report bugs and provide feedback
With v7b the theme should have reached a near-completion stage (until other forum features are implemented) but nonetheless please report any styling bug, inconsistency or suggestion you may have; that really helps me out.
Notes
I already said it, but I'll reiterate: this theme is not (yet?) officially supported. This means that styling errors due to this theme must not be reported to the forum staff. It also means that if / when stuff in the forum changes, stuff in the theme may break. In that case, do not pester Marco or other forum staff.
To firefox users
Versions from v7 up are completely developed on chrome (well, chromium actually) because firefox's dev tools are inferior. For this reason some things will look slightly different. I try to keep the visual style standard across browsers, but I might miss some things -- or they may not be a priority right now. On the other hand firefox gets the nice selection colors and Cr doesn't, because Cr acts stupid with it.
Most recent changelog
[spoil=28-Nov-2015 v8 pre]
- Pre-release version
- Added: Docs styling
- Fixed: Forum changes that broke the styling in some places
Known bugs
Bugs marked with fixed are, well, fixed; the fix will be available in the next version.
- New full item bbcode needs adjustment
- Docs light variant is not tested
- Docs theme is not tested on firefox
- Current site highlight in header is currently disabled, will be enabled in v8
- Donation center needs a rewrite
- Search page (and results) needs some styling
- Ladder reset notification in upper right corner needs color change
- Rank colors might, too
Old changelogs
[spoil=15-Nov-2015 v7i]
- Added: Styling of item search page when inserting item bbcodes
- Changed: Removed useless border from UCP -> PMs -> Compose PM
- Fixed: Decoration and behavior of admin usernames in shoutbox
- Fixed: Admin username color in UCP -> Manage notifications table
- Fixed: Item bbcode "links" now properly have bottom borders
- Fixed: Item bbcode containers now properly have borders
- Fixed: Centered horizontal bar between + and - button in uncookied posts
[spoil=07-Nov-2015 v7h]
- Fixed: Vertically centered text and icon in buttons that I missed in v7g (new topic/guide, new pm)
- Fixed: Correctly aligned UCP -> Private Messages -> Sent Messages table rows
- Fixed: UCP - > Private Messages tables were missing right borders when a pm was marked with a color
- Fixed: Correctly aligned UCP -> Overview -> Manage Notification checkboxes
[spoil=01-Nov-2015 v7g]
- Added: Styled an element only visible when not logged in (div.rules)
- Changed: Shoutbox links now behave in the same way as post links when hovered
- Changed: Slightly increased shoutbox posting time opacity
- Fixed: Horizontal ruler visibility issue
- Fixed: Return-to-top arrow was invisible on firefox
- Fixed: Post links were missing bottom border on firefox
- Fixed: Long-standing vertical misalignment of buttons content across browsers
- Fixed: Rounded borders of danger paragraph at the bottom of tools center
- Updated: Detailed spoilers html was changed, breaking their styling
[spoil=11-Oct-2015 v7f]
- Fixed: Online stream indicator color is now green
- Fixed: Shoutbox links are now properly styled
- Fixed: Shoutbox usernames now have increased emphasis
- Fixed: Shoutbox post times now have less emphasis
- Added: Missing color declaration for div.panel.bg2 which caused a paragraph to have the wrong color in donation page and also made said paragraph unreadable in the dark theme
[spoil=03-Oct-2015 v7e]
- Fixed: Last post panel on portal page was white when loading
- Fixed: Received PMs were not styled
- Fixed: Profile page colors
- Fixed: Guide approval warning colors
- Fixed: Tools center fixes for firefox
- Fixed: PM reply button was missing its icon
- Fixed: Background color when hovering over contact links in postprofile
- Changed: Replied PM color to be more recognizable
- Changed: Global header link colors are now correct on both themes
- Other small fixes
[spoil=14-Sep-2015 v7d]
- Fixed: Active pagination items lacked borders in firefox
- Changed: Active pagination items' border is now red
- Fixed: Styled zoom image icon
- Fixed: Cited nested blockquotes were missing borders in firefox
- Fixed: Category rows on portal page are now red
[spoil=10-Sep-2015 v7c]
- New: support for portal page
- Fixed: color of "last edited by" text at bottom of posts
- Fixed: compact post button icon was missing
- Fixed: input placeholder color in firefox
- Fixed: missing hidebox borders in firefox
- Fixed: missing signature top border in firefox
- Fixed: some icons in "unread posts" page (and possibly others) were not styled
- Fixed: "More" button menu background was not styled
- Reworked: light theme got some love
- Under the hood: more color definitions for better control over themes
- Under the hood: split colorscheme definitions
[spoil=03-Sep-2015 v7b]
- Support for preset colorschemes (originally planned for v7)
- Included light variant of the theme
- Added mod only icons
- Styled private forums
- Bottom sections on board index (who is online etc) are now easily visible
- Nested content (like quotes, code etc) in firefox now has borders
- Buttons that were too big on firefox are still too big, but less so
[spoil=03-Sep-2015 v7]
- Theme now has a name: Assassin dark
- Rewrote most of the code to lay the foundation of preset themes and user-customizable colors
- Wrote first alternative preset theme (Assassin light, not yet available)
- Reverted change to TG icon to default one
- Many changes to how things look (less borders, clutter and text-shadows mainly)
- Styled some things that were left unstyled (polls and some parts of user control panel)
- Standardized how various tables look -- they all look the same now, except a couple in UCP in firefox
- Reduced size of every icon
- Changed colors of many icons to better reflect their importance
- Source SASS code is now publicly available here
[spoil=26-Aug-2015 v6]
- Changed every icon to use FontAwesome ones
- Resized / recentered a lot of content, to pixel precision mostly
- Theme is even more standardized than before
- Removed all the clutter I could find
- A whole bunch of small fixes and enhancements here and there
[spoil=24-Aug-2015 v5b]
- Reverted change: re-added borders to spoiler, detailed spoiler, quote, code, inline code, attachment tags to make them visible when nested.
[spoil=24-Aug-2015 v5]
- Fixed: notification options table in user control panel
- Fixed: important announcements in user control panel
- Fixed: notification manager in user control panel
- Changed: links are now red + underlined instead of white + underlined to make them more visible
- Added: styling of the members-only content tag*.
[/spoil]
[spoil=24-Aug-2015 v4]
- Added support for skillplan and tool pages
- Fixed display of guide center header
- Removed some useless and distracting borders
- Design is much cleaner
- Rounded some borders
- Fixed minor stuff around various pages
[spoil=24-Aug-2015 v3]
- Fixed friends display in user control panel
- Buttons are now dressing red
[spoil=24-Aug-2015 v2]
- Now 100% more sassy
- Standardized color template to better make global changes
- Flatter! No more silly box-shadows
- Cleaner! No more silly gradients
- Colors have been balanced as to not be too harsh
- Many many many aesthetic changes
- Everything is now much more consistent across the whole forum
- Made with love <3
AH I LOVE IT!! Thank you, Food!
