Starflight

[shawnb61]

Link to the theme


See readme.

[TwitchisMental]

Great work .

[Steve]

Indeed!

Although not my kind of style as is, it looks awesome with the Dark Reader add-on enabled in Firefox and Chrome!

[Doug Heffernan]

Definitely great work. Well done

[Antechinus]

Interesting coding exercise. Might take a look inside it.

[shawnb61]

Updated.  Enhanced the flight physics. 

(Improved scaling of star size & speed at various resolutions!)

[Steve]

Any idea why this shows as a light theme on my forum? (Does it in Firefox and Chrome)

You cannot view this attachment.

Edit: shows correctly in Edge.

[shawnb61]

Any idea why this shows as a light theme on my forum? (Does it in Firefox and Chrome)

That's bug.

To fix, go to Admin | Configuration | Current Theme.  Click on the "Reset all to default" link (at the top of the color selectors) & press SAVE.

You only need to do this once.

I have seen this a couple times.  Going from an existing CC theme to a newly installed Starflight, it sometimes retains the old CC colors.  I'm looking into that. 

[Steve]

I'm sorry Shawn, I'm just not seeing the option you're talking about, or an color selectors for that matter.

[Sir Osis of Liver]

Nor I.  Today's package in FF102.

[TwitchisMental]

Did y'all read the read me ?

Y'all will need to install this mod for it to function properly - https://custom.simplemachines.org/index.php?mod=4231

I am just guessing that this is the reason, if you do have this installed already, ignore me .

[shawnb61]

This is a bug, I can reproduce it.

The link I referred to is here... Click on this & press SAVE:
You cannot view this attachment.

[Steve]

Awesome! Installing the mod and following your instructions corrected the situation.

@TwitchisMental - of course I didn't read the read me file ... men don't read instructions ... 

[shawnb61]

 New version uploaded that should take care of the default color issue.

[Steve]

Thanks shawn. 

[shawnb61]

I think it would be fairly straightforward to add this background animation to other themes, e.g., if you already have a highly customized theme for your forum.

3 steps:
 - Add the canvas & canvas-wrapper div to your template, below the body, just like in this theme.  (Don't forget the closing div.)
 - Copy over the canvas & canvas-wrapper css.  Note that adding the canvas initially disrupted some of the stylings applied to the body, since it changed some sibling & parent-child relationships between elements; this was fixed in this theme by adding the canvas-wrapper and moving those stylings there from the body element in the css.  If your existing theme has a lot of references to the body element, bear this in mind.
 - Copy over the animation code from this theme.js into your theme.js.  Any chunk of code where you see "animation" in the comments.  Same location/sequence.

Enjoy!

[shawnb61]

I recently learned that Drake shares my thoughts on using the browser default foreground/background colors for checkboxes & radio buttons...  Ideally, they match the theme.

You cannot view this attachment.

[shawnb61]

v1.7 uploaded - Color enhancements; more user control & fix some contrast issues

[W2NAP]

Question, on responsive side of things using a test phone old iphone6 with safari and ff the post text is unreadable (its really dark) but on desktop the same text is white, is there a way to make the post text white across the platforms?

[Diego Andrés]

Which text, could you attach a screenshot?

[W2NAP]

Which text, could you attach a screenshot?

one on desktop the other is iphone6 i use for a test device.

the screenshot of the iphone when actually viewing screen with eyes the text is way darker almost unreadable.

[Diego Andrés]

The ads or something else might have something to do with it.
I installed the theme and couldn't reproduce the issue.

On your site I can't manually trigger the break points for the responsive view, something is interfering with it.
I visited with a phone and can definitely see the issue from your first attachment.

[W2NAP]

The ads or something else might have something to do with it.
I installed the theme and couldn't reproduce the issue.

On your site I can't manually trigger the break points for the responsive view, something is interfering with it.
I visited with a phone and can definitely see the issue from your first attachment.

yeah im not sure its had me scratching head for awhile now. mods i have installed are
EhPortal
Downloads System
Stop Forum Spam
 Contact Page
 Curve2 Color Changer
Optimus

themes/css is a bit outta my league for my brain.

[shawnb61]

Hmmm...   I've even installed all of those mods, & cannot reproduce this.  (Though a lot of console errors are introduced, it seems to work anyway!)

And I definitely see the issue on your site.

Starflight heavily uses jquery & .js.  It appears that there is some form of jquery conflict, and it is not updating the colors properly. 

Question - What is your source for the jQuery library under Admin | Configuration | Features and Options | General?

First thing to try...  Go to Admin | Configuration | Current Theme, and press the "Reset All to Default" link (right next to the Color Changer label).  Click on that link & press SAVE.  See if that resolves anything.

Next thing to try...  Try different sources for the jQuery library...  See if that helps...

[shawnb61]

If nothing above works... 

Please note that a few of those mods update the themes.  I'd deinstall all & reinstall them, making sure the theme updates are applied.  (Doing the theme first helps with that.)

While doing so, check the site via iPhone after each reinstall to see when it breaks...

[W2NAP]

Hmmm...   I've even installed all of those mods, & cannot reproduce this.  (Though a lot of console errors are introduced, it seems to work anyway!)

And I definitely see the issue on your site.

Starflight heavily uses jquery & .js.  It appears that there is some form of jquery conflict, and it is not updating the colors properly. 

Question - What is your source for the jQuery library under Admin | Configuration | Features and Options | General?

First thing to try...  Go to Admin | Configuration | Current Theme, and press the "Reset All to Default" link (right next to the Color Changer label).  Click on that link & press SAVE.  See if that resolves anything.

Next thing to try...  Try different sources for the jQuery library...  See if that helps...

sorry for late reply, work weekends.

jquery lib is google cdn. switching cdn no change.

theme reset to default no change

ah found it, its eh portal. after uninstall everything looks right, but after reinstalling it borks the responsive

[W2NAP]

ah ha! figured out the cause.

Eh portal has a "responsive display" setting, unchecked the css colors show like they should, however the eh portal parts are not "mobile" compliant. with responsive display checked, all parts show in mobile like they should however css is borked as is shown in the screens.

[W2NAP]

UPDATE: Found the issue i believe. eh portal has a file that gets put in Themes/default/css/ named portal_responsive.css

I had to run the file into a css format cleaner to pick out exactly what was going on after I did that I noticed in section

Code Select Expand

body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}

changed color:#212529 to /* color:212529 */ (commenting it out) and it seems to fix the text display issue. Hope this helps someone else who may run into this problem on this theme or any other themes.

[shawnb61]

Thanks for sharing!

[W2NAP]

Thanks for sharing!

no problem, little more checking on the "hack" everything in portalresponsiveness.css with will need to be changed from (color:#212529 is in several places)

color:#212529
to
/* color:#212529 */

which will cover all created pages, etc. I missed that last night.

[shawnb61]

v1.8 released.  Minor tweak to allow control of new SMF 2.1.4 attachment UI colors.

[shawnb61]

Latest version uploaded - 1.11 - addresses a couple minor bugs.