Stargazing Theme

Kylo

Stargazing Theme for Flarum

ABANDONED

Purple based theme for for your Flarum forum.

Hello all, i've just spilled some purple on the "Dark Flarum" design. I inspired by some space photos (like this one) and Travis Scott of course 😄 It's only available in dark mode and the opposite is not one of my plans for now.

Alright, i hope you like it. Here are screenshots:

Features

Relocatable sidebar.
Optional stars background (powered by bubbly-bg).
Tested on Firefox 72, Chrome 79 & IE 11.
Clean, modern and fully responsive.

Installation

Use Bazaar or install manually:

composer require the-turk/flarum-stargazing-theme

Updating

composer update the-turk/flarum-stargazing-theme
php flarum cache:clear

Usage

Just enable dark mode and the extension, customize it if you wish.

You may want to backup & remove your color involved CSS modifications.

Please note that Appearance > Colors settings won't work for forum's front-end as well as the fof/nightmode extension.

Recommendations

It's best to use this design with the following extensions:

Summaries by jordanjay29

composer require jordanjay29/flarum-ext-summaries

Links

MikeJones

Looks beautiful! Great work!

Kylo

MikeJones Thank you 😄

Starbear3

非常不错，我很喜欢

clarkwinkelmann

Starbear3 please use English only (or provide a translation) as per our community guidelines

You can create a discussion under the Test Posting tag if you'd like to test out Flarum.

Kylo

`0.1.0-beta.2`

Fix syntax error in tr.yml

`0.1.1`

^0.1.0-beta.10 compatibility.

cxt

This is a really nice Theme, like it!

solrflow

This looks AMAZING. Thanks so much!

ink

It's good, but there's a little flaw. For example, after opening the post, the user name is in black font, and the background is dark purple, so the user name cannot be distinguished clearly@Kylo#119727

Kylo

ink thanks for the report, you can add custom css with using its class name until i release a fixed version

Kylo

Hey ink, I can't reproduce it. Which part of forum has this issue exactly? Make sure you enabled the "Dark Mode" from Appearance -> Colors

ink

KyloWhat is its CCS

Kylo

ink sorry i can't provide the full solution since i'm on mobile but you can use browser's inspection tool to find that part's class name and add custom css from the Admin -> Appearance page. Something like:

.className { color: white; }

Sebastian94

I made a really nice discovery if you use the Quad Theme along side of this Theme it looks really nice.
The end product of using both Quad and Stargazing Theme at the same time

tretoko

Hey @Kylo, is it possible to change the colors of your theme?

Kylo

tretoko You can fork it, all of them are here https://github.com/the-turk/flarum-stargazing-theme/blob/master/less/common/variables.less - or apply your custom styles from the "Appearance" settings -

tretoko

Kylo Thanks so much! I was also wondering if I could change the objects of your .js animated background? ^^
Blessed be, T

Kylo

tretoko I used bubbly-bg for the background which's options are also hard-coded in here. You can find more options for bubbly-bg from their GitHub repository. They've nothing much to offer but you can also switch to another repository other than bubbly-bg by using this extension's logic.

tretoko

Kylo Thank you, Kyle. Last one, is there a way accessing the colors file through Putty, and how would one locate it? ^^

Kylo

tretoko All files are located in .../path-to-flarum/vendor/the-turk/flarum-stargazing-theme folder after installation.

So full path of the variables file will be:
.../path-to-flarum/vendor/the-turk/flarum-stargazing-theme/less/common/variables.less

But this is not an advised way of changing things, since these changes will not persist between upgrades. I would recommend forking this extension and installing the forked version as described here.

tretoko

Kylo you’re very helpful & even answered stuff I hadn’t even asked for. Thanks