夜だ。 今度は、Habrスタイルのダークテーマを紹介します。
ZenCommentスタイルには暗い時代が訪れました。 ラップトップ、スマートフォン、タブレットの優位性の時代では、サイトの背景を表示する色はバッテリーにとって非常に重要です。 CRTモニターを使用しない場合、LEDスクリーンの輝度はエネルギー消費に影響します。 白人のビジネスマンはリソースを食べ始め、そして負けます。 技術的な知識が限られているため、ホワイトカラー労働者は暗闇の中で、電車の立ち往生中に、画面を消し始めます。 。 もちろん、かつてはユーザースタイルの暗いテーマを確立していない限り...
したがって、暗いテーマは当然人気があります。 近年それらのいくつかがありましたが、それらのすべてが現在のバージョンのサイトとの同期と調和まで生き残ったわけではありません。 「ニューハブル：ナイトモード」のスタイルの今年の8月末でさえ、真実の瞬間にはなりませんでした。9月には、ペレストロイカ（サイト）、オタクタイム、そして現在の世界の他のレイヤーが襲いました。
ハブラダーケ
したがって、暗いテーマを現実と同期させるために、スタイルの拡張機能であるHabraDarkAgeがリリースされました 。 「影の使いやすさ」の観点から最も発展した「 ニューハブラ：ナイトモード 」のスタイルそのものに基づいていました。 Githubによると、4人の著者が作成し、3か月間修正しました。 しかし、スタイルコードには非常に多くの変更があったため、通常のプルリクエストに疑問はありませんでした。 スタイルはホスティングとgithubのアドレスに配置されました。 これらのサイトのいずれからでもインストールできますが、最初のサイトはスタイルの同期を制御する方法をまだ知っており、ダウンロードカウンターを表示します。
（ユーザースタイルをインストールするための小さな教育プログラム：Firefoxでは、Stylish拡張機能をインストールする必要があります。Chromeの場合- 同じ 、古いOperaの場合はファイルとして保存されます 。）
「Night Mode」（ issue ）の作成者に、コードを同期する提案がありましたが、どうやら彼には現在時間がありません。 一週間、彼のレポの進歩は観察されませんでした。 それどころか、私にとっては、先週、コードとドキュメントにいくつかの開発がありました （最後のリンクには、暗いトピックのスクリーンショットが多数含まれています）。
スクリプトは「マイクロハブ」（「モバイル版」：役に立たないものの、それほど労力はかかりませんでした）をサポートし始めました。 主なものは、スタイルがサイトのバグを修正したことです。これは、530ピクセル未満の低いウィンドウでサイトをナビゲートできないことで構成されています。つまり、メニューが「飛び上がり」ます。 ページスクロールがある場合、表示されません。 そして、この暗いデザインでは明るすぎるバランスのとれた落ち着いた色の形でいくつかのアメニティが追加されましたが、「ナイトファッション」では修正できませんでした。 チェックボックス、コメントまたは記事のプレビューフレーム、コメントアイコンなど。
それとは別に、スタイルはGeektimes（論理的）だけでなく、Googleのキャッシュに保存されたページのコピーにも適用できることに注意してください。 たとえば、 http：//webcache.googleusercontent.com/search？q = cache：http：//geektimes.ru/にインストールされたスタイルを使用すると、暗いテーマも表示されます。 そして、メニューも機能します。 これは、削除されたページを表示する場合に特に便利です。 以下はキャッシュからすぐに消える例ですが、今のところは動作します： http : //webcache.googleusercontent.com/search?q= cache: http : //habrahabr.ru/post/241533/ （これは10月27日のページではなく、 「昨日」の日付に誤りがあります）。 同じフォーカスがZenComment +スタイルシートHabrAjaxスクリプトにも適用されます。このスクリプトは、閉じたパブリケーションページ上のGoogleのキャッシュへのリンクを自動的に提供します。
HabraDarkAgeスタイルのサイト形式は、ソースサイトの形式とほぼ同じです。 これは、ダークバージョンではおなじみのコピーですが、途中で若干の改良が加えられています。 たとえば、記事のキャプションでは、フォントがわずかに大きくなり、クリック領域は周囲の要素をカバーするため、著者の名前やコメントの数を正確に狙わないようにします。 Giktaymの見出しは目立たず、ページ上部のスペースを取りません。 それは単にページにオーバーレイされ、ほとんど目立たない影でそれ自体を思い出させます。 入力フィールドの高さは手動で変更できます。 アバター-目立たないが、見出しにカーソルを合わせると、2倍になります。 ページ番号ボタンは大きく、左側にあり、常に見えています。 フッターはより密です。 それは基本的にそれです。
さらに、 HabrAjaxがこれらのスタイルに入り、スタイルでは利用できない小さな改善の自動化をマスターすることが期待されます。 スクリプト設定は、スタイルを管理し、要件に従ってスタイルを有効にする方法を学習します。 そして、スタイルにますます多くのZenComment関数が浸透します。 （それらのいくつかは、すでにそこにすでにあります：目に見えないトップメニュー、ページ番号のための大きなボタン。）例えば、ZenCommentは常にワイドスクリーン用の目に見えるメニューを持っています。 それまでの間、HabrAjaxスクリプトはページの背景が白でテーマが明るいと常に「信じていた」ため、ダークテーマと互換性がありません。 そのため、縫い付けられた要素の背景が明るいため、多くの改善が行われています。
スタイルは、おそらく、計画された改善だけでなく必要になります。 たとえば、文字通り、記事を準備する際に近代化から隠れているオートコンプリートラベルの要素を発見しました。 スタイルはすぐに更新されました。 （div.footer_panel：beforeとbody：afterにはまだ関係があります-それは良い解決策ではないと思います）。
したがって、Githubのコードへのプルリクエストで表現できる改善点を歓迎します。
しかし、主なことは、これらがすべての人になじみのあるスタイルであることです。 地下鉄で起こりうる事件に関心を持ち、事前にそこにHabrを読む準備をすることだけが必要です。 まあ、そして組み合わせて、彼らは暗い冬の夜に夜の読書に便利です。 ZenCommentとは異なります。
現在、ZenCommentは何をしていますか？
流行の左パネルは、ZenCommentスタイルに関する権威ではありませんでした。 それどころか、これらのスタイルの哲学は「スクロールではなく読み取り」の原則であり、今も変わらず、強力な四角いボタンは読み取り領域を減らし、したがってスクロールバーの長さを増やしました。 サイトの空隙と記事の終わりまでのトンネルの長さの間の陰陽は、スクロールによって克服されます-私たちが現在持っているのと同じバランスが画面の白色度とバッテリー寿命の間にあります。 ZenCommentは、生と死のバランスというこの現実を受け入れ、暗い時代に突入しました。
両方のスタイルを取得して混合し、HabrAjaxスクリプトを適用するだけでも（ただし、それらを使用しないこともできます）、多くの白い斑点（明るい色が事前に登録されているブロック）があることがわかります。 したがって、どちらか一方を確立するための推奨事項に従うだけでは機能しません。 多くの改善が必要です。 ZenCommentスタイルをDarkAgeスタイルに変更するのは彼らです。 その結果、 計画では 、ZenCommentスタイルはZenCommentとDarkAgeの2つの化身に存在します。
このスタイルを共同で改良することにより-多くの人は、Githubに配置することから始めることを求めました。 広がりは 。 ただし、現在のDarkAgeよりもはるかに悪い構造になっていることに注意してください。 最初に構造を改良する必要があり、次に-計画で-さまざまな場所で「展開」を生成するためのソースコードを作成します-スタイル、ダークバージョン、スタイルのみ、カスタムアセンブリ（すべての「機能」が適用されるわけではありません）、スクリプト内のオプション（たとえば、 「ZenComment組み込みスタイル」設定を有効にすると、HabrAjaxで既に利用可能になります。 つまり、要素の改善に加えて、いくつかのシステム作業が必要です。
そうすると、地下鉄車のオタクはホワイトカラー労働者よりもさらに多くの利点を得るでしょう。彼らは画面での輝きが減るだけでなく、スクロールも少なく、もっと読むことができます。 各記事のトンネルの終わりまでの出力は削減され、誰もが見事なほど白くなることはありません。