News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Autumn

Started by shawnb61, September 16, 2022, 05:17:43 PM

Previous topic - Next topic

shawnb61

Link to the theme


Autumn

Overview:
Autumn is a warm theme, depicting lazily falling leaves in a light breeze in early evening light.

This particular theme uses a simple 2D animation engine to paint the falling leaves.

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.
  • Easy-to-use 2D shape animation.
  • 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.0 Initial release
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

-Rock Lee-

I guess seeing the theme at 2 tomorrow is not good xD I'd better sleep and tomorrow I'll see that I'm going blind hahaha it also seems very easily editable to adapt to tastes, great job ;D @shawnb61.


Regards!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

shawnb61

One thing I wanted to highlight is the flexibility of the color assignment.  The goal was to provide 100% user control of the colors - without having to edit a single line of .css or a template.  My recent set of 4 themes are all based on the same framework. 

So...

Using the Current Theme form alone, you can completely change Autumn (a light theme) => Cotton Candy (a light theme) => Starflight (a dark theme) => Blue Mood (a dark theme) => back to Autumn.  Color selections are used throughout, in the forum banner, editor, calendar, etc. 

The only differences across the four themes are the animations and the default colors.
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

Advertisement: