Habrahabr Night Reading Theme

こんにちは、ハラジテリ!

長い間、夜の読書のハブラハブラの問題が心配でした。妻が眠ることを妨げ、白い場所を暗く読んで目がすぐに疲れました。 habrahabrのダークナイトテーマを作成しようと何度か試みましたが、機能は果たしましたが、共有するには十分ではありませんでした-それにもかかわらず、サイトのレイアウトは非常に保守的で、きちんとしたスタイル変更には向いていませんでした。



新しいバージョンのhabrahabrデザインのリリースにより、サイトのレイアウトはより進歩的でシンプルになり、長期計画を実装するのに適切なタイミングであると判断しました。







その過程で、 extemplユーザーが接続し 、2つの完全に使用可能な夜のテーマを取得しました。そのソースコードはGithubで公開され、テーマ自体はuserstyles.orgで公開され、リポジトリから定期的に最新バージョンに更新されました。



トピックの主な機能は、ファッショナブルなcssフィルターを使用して画像や動画のコントラストを下げることです。 元の画像は、マウスカーソルでホバーすると表示されます。 快適で美しいです。 今、そして午後、私はこのトピックを使用します!



テーマは、Stylish拡張機能を使用して、最新のブラウザーにインストールできます。 Stylishを使用してインストールするには、userstyles.orgで上記のページに移動し、大きな魅力的なボタンを押すだけです。



ぜひご利用ください。 あなたをゆがめる欠陥を見つけた場合、または改善のためのアイデアをお持ちの場合は、Githubでのプルリクエストをお待ちしています!



UPD: FirefoxおよびOperaブラウザーでアイコンを正しく表示するようにスタイルが更新されました。 インストールしたスタイルは、インストールしたスタイルとまったく同じ方法でスタイルページから更新できます。



UPD2:残念ながら、Firefoxブラウザー(およびおそらくOpera <= 12 *)のユーザーは、cssフィルターの効果をまだ評価できません。



UPD3 :スタイルが再び更新され、更新されたレイアウトとギークタイムのサポートの下で更新されます。 重要なことから:すべてのトランザクションとcssフィルターが削除されます。 頻繁にレンダリングエラーが発生し、ユーザースタイルを使用できなくなりました。



UPD4 :時間が経つにつれて、habrとそのサイドプロジェクトのレイアウトは進化し、改善されています。これは喜ばしいことです。

新しい要素の更新とメガマインドの追加。 tmfeedをすぐに追加してください。

心地よいものから-フィルターとトランジションが戻ってきました-私の目は感謝しています。



UPD5:extemplの膨大な作業のおかげで、スタイルはスタイラスに移植され、多くの妨害が途中で修正されました-改善に更新して参加してください!



All Articles