Blue Mood

Started by shawnb61, August 26, 2022, 02:17:12 AM

Previous topic - Next topic

shawnb61

Link to the theme


Blue Mood

Overview:
Blue Mood is dark and moody theme, and evokes a pleasant, buzzy, rainy evening.  Red wine.  Poetry.  Some maudlin music, maybe Pink Floyd or The Cure.  

This theme is built up from the 2.1 Curve2 theme, with several features added for flexibility.

The goal is to provide a single very flexible, usable and feature-rich theme.  A theme that is usable right out of the box - no need to even build a custom banner, it dynamically builds one for you.

This theme is, in part, a demo.  Theme designers should feel free to borrow code & ideas.  It is very straightforward to copy these features over to any theme.

Features:
  • Background animations.  A simple framework is provided for animations.
  • Simplified yet flexible color palette.  The forum's entire palette of colors may be updated on the Current Theme admin screen.
  • Even the colors for checkboxes and radio buttons are under user control.  Including their backgrounds...  No more blinding white squares on dark themes...
  • Real-time color updates.
  • SVG graphics can use style elements from the theme.  E.g., the hamburger icon is dynamically colored to match your palette.
  • Dynamically built SVG forum banners, guaranteed to match your forum color scheme.
  • Color palette is automatically propagated down into the sceditor as well.

Requirements:
  • The Color Changer mod must be installed.  Or bad things happen.
  • Javascript must be enabled for any of the js to work, including some admin functions as well as the animations.
  • 2.1 only.

Limitations:
  • Some browsers handle the animations much better than others...  Modern browsers will be fine.  This was tested with Firefox, Pale Moon, Chrome, Edge and Safari (iPhone only).
Releases:
 - v1.4 Initial release
 - v1.5 Ensure proper defaults used on initial load
 - v1.6 Color enhancements; more user control & fix some contrast issues
 - v1.7 2.1.4 updates
 - v1.8 Improve contrast, consistency, user control
 - v1.9 Fix typo, address console error
 - v1.10 Fix stray checkbox bug
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

TwitchisMental


Steve

Does this still use the default new/no new icons on the main index? I ask because the glaring white 'no new' icon wouldn't really fit with this theme.
DO NOT pm me for support!

shawnb61

Yes, it uses the default icons.
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

Antechinus

Quote from: Steve on August 26, 2022, 08:28:50 AMDoes this still use the default new/no new icons on the main index? I ask because the glaring white 'no new' icon wouldn't really fit with this theme.
Just throw some opacity at it, specifically for "No new". That should do for a quick fix.

Steve

Good idea Ant. Thanks.  :)
DO NOT pm me for support!

shawnb61

 - v1.6 Color enhancements; more user control & fix some contrast issues
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

shawnb61

v1.7 released.  Minor tweak to allow control of new SMF 2.1.4 attachment UI colors.
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

shawnb61

Latest version uploaded - 1.10 - addresses a couple minor bugs.
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

Advertisement: