Alien Night Theme - A free Dark Theme for Discourse

When using the Alient Night theme and upgrading to a more recent Discourse release, I noticed the colors on the hamburger menu items was no longer visible.

Before upgrading, it was:

After upgrading, it was difficult to see use the menu:

「いいね!」 1

Thanks for the info @ryanerwin

I released a patch. Can you update and let me know if it worked please?
If you check the preview, it is looking good for me.

image

「いいね!」 2

Hello @bubblecatcher

yes, sorry for that. I hard coded some colors in my theme, since I didn’t know better 2 years ago.
I will rework that part for sure to make it more user friendly. See below.

「いいね!」 2

A note to everyone who is using my theme:

Hard times are going on for me right now. If all works out, I have much more time in about one month again.
Over the time Discourse implemented fundamental changes to themes and how you can make one.
I classify my theme for now as “legacy”, so I really want to rework this one completely or release a brand new one - to be announced.

「いいね!」 5

Yes. That fixed it for me. Looks great!
Amazingly fast turnaround! Thanks!!!

BTW, I noticed that text boxes don’t seem to change color whether in dark mode or light mode… The text boxes seem really bright in Dark mode…


「いいね!」 2

When the /unread page is empty, it displays an explanation in the education class. I think that it is not being switched properly, so it shows as the primary colour even in dark mode.

Maybe this is one of those changes that came more recently?

「いいね!」 2

こんにちは :wave:
2年間どこへ行ったのか聞かないでください。こんなに時間がかかったなんて信じられません。すみません!

しかし、ここにあります、リリース 4.0.0

注意:リリース4.0.0で、テーマをゼロから再設計/リファクタリングしました。よりコントラストに優れ、CSS変数を使用し、全体的により洗練されています。

繰り返しになりますが、ダーク/ライトトグルが実装されています。今回は、今のところ外部コンポーネントの助けを借りています ( Dark/Light Mode Toggle )

実際に動作している様子をご覧ください:

その他の印象:

追伸:@awesomerobot あなたのGoogleインポート設定はまだそこにあり、何も壊れていないことを願っています :slight_smile:

「いいね!」 4

このテーマにはもうコンポーネントを追加できません。
他のテーマでは問題なく動作しますが、このテーマでは動作しません。以前のアップデートでも同様でした。

何かお手伝いいただければ幸いです😊

「いいね!」 1

どうしてですか?スクリーンショットを見せていただけますか?

このように表示されていませんか?

「いいね!」 1

テーマを無効にしてから再度有効にした後、テーマコンポーネントを追加することができました。
これがコンポーネントを有効にした後の様子です。

ページをリフレッシュしただけで、ハンバーガーメニューが消えてしまいました。

コンポーネントを無効にして再度有効にしてみましたが、テーマに追加できなくなりました。緑色のボタンをクリックしても何も起こりません。

「いいね!」 2

スクリーンショットありがとうございます!
うーん、最初のものはjavascriptエラーが発生しているようですね。
いくつか自分で試してみましたが、今のところ再現できませんでした。
ダークライトトグルコンポーネントが更新されるまで待つのが一番良いと思います。

「いいね!」 2

コンポーネントは更新されました。しかし、少なくとも私にとっては問題は解決しなかったと思います。

「いいね!」 1

お知らせありがとうございます。更新されてよかったです :+1:

自分でコンポーネントを注入するために人工的なサイドバーを削除してテーマを更新しました。
ダーク/ライトトグルを使用するには、テーマを更新してコンポーネントを自分でインストールしてください。
(テーマ内にテーマコンポーネントをパッケージ化する方法はまだわかりません)。

これで問題が解決するかどうかはわかりません。そうでない場合は、もっと大きな問題があると思います。

「いいね!」 2

Discourse は、この美しくダークなテーマにデフォルト設定されるべきです :star_struck:

「いいね!」 2

このテーマのデフォルトフォントを変更するにはどうすればよいですか?初心者なので、教えてください(例:デフォルトフォントをRoboto、サイズ14にしたい)。
よろしくお願いします!

「いいね!」 2

フォントテーマを変更するには、このガイドに従ってください: Include assets (e.g. images, fonts) in themes and components

「いいね!」 1

このテーマはとても良いですね。「Gated Topic Category」コンポーネントを追加した際に、「Alien Night Theme」を追加しようとしましたが、エラーが発生しました。


助けていただけますか?

よろしくお願いします。

「いいね!」 1

名前にパイプ文字「|」が含まれています。例としてハイフン「-」に変更してください。カンマ「,」が機能するかどうかもわかりません。

「いいね!」 2

はい、うまくいきました。シンプルな「Alien Night」に変更したところ、正常に動作するようになりました。


ありがとうございます
:heart_eyes:

「いいね!」 1