新機能:パーソナルコンフィグレーション(sserserifフォント/ナイトモードベータ)


更新:ナイトモードは素敵に沿って来ていると素晴らしい!私が最初にこれを書いたとき、それはそれほど遠くでありませんでした.
我々は、新しい機能:ディスプレイカスタマイズを出荷しました.
それはあなたのページで利用可能です.
つの利用可能なコンフィグは“テーマ”と“フォント”(ポストボディ用)です.これらは、個々のユーザーがブラウザの拡張子や他の非ネイティブのハックに依存することなく、彼らの好みの経験を達成するために行うことができるカスタマイズです.それぞれの設定で利用可能な非デフォルト設定があります.将来的には、もっと多様性があるでしょう.
この設定は、ログイン中にすべてのデバイス間で自然に動作します.
遊びの両方で個人的な好みとアクセシビリティの問題があり、それは皆のためのより良いオプションを提供するためにエキサイティングです.セリフフォントは、特に失読症の人々にとって難しいです.
詳しい情報はこちら


夜のテーマはまだ色の取得の面で進行中の作品の並べ替えです.それで、あなたが現在見ているものは一時的な実装の一種です、しかし、私はそれが完全なテーマに向かって進歩を始めると思います.コミュニティからは、CSSテーマを可能にする方法を導いている素晴らしい仕事をしました.



Link2Twenty
掲示される
私たちは、現在のCSS変数に注意を払い、異なる変数を提案する場所がなければならないと思いました.
現在含まれる
変数
説明
デフォルト--theme-background本体の背景色#f9f9fa --theme-color本体のテキスト色#0a0a0a --theme-secondary-color本体の二次テキスト色#557de8 --theme-top-bar-backgroundトップバーの背景色#fdf9f3 --theme-top-bar-colorトップバーのテキストとアイコンの色#0a0a0a --theme-top-bar-search-backgroundトップバーの検索ボックスの背景色#e8e7e7 --theme-top-bar-search-color検索ボックスのテキスト色、およびそのプレースホルダ#0a0a0a --theme-top-bar-write-backgroundトップバーのライトボタンの背景色#66e2d5 --theme-top-bar-write-colorトップバーの書き込みボタンのテキストと罫線の色#0a0a0a --theme-container-box-shadow記事やNAVの要素のボックスシャドウの設定3px 3px 0px #bababa --theme-container-border記事とNav要素の境界設定1px solid #d6d6d6 --theme-container-background記事とNAV要素の背景色#ffffff --theme-container-background-hoverNAV要素のホバー背景#f5f6f7 --theme-container-color記事とNAV要素のテキストカラー#0a0a0a要求を保留します
変数
説明
デフォルト
提案
変数
説明
デフォルト
私は最善のことは、以下のコメントのコメントを残していると思うし、メイン記事を更新します.
テストテーマ:
ダーク
: root {
——テーマの背景:
——テーマ色:
テーマは二色です.
テーマバーの背景:
テーマバーバーの色
テーマバーの検索バックグラウンド
テーマバーの検索色は
テーマバーの書き込み背景
テーマバーの書き込み色は
テーマ容器背景:1 , 574 , 4 C
主題歌の背景ホバー
テーマコンテナの色:
テーマコンテナボックスの影
テーマコンテナーのボーダー:1 pxソリッド

また、これらのロールを支援するプル要求を行う自由に感じる.
あなたは、より多くの進歩がテーマで作られるまで、実際に夜間モードを使用したくないかもしれません.私は、フォントカスタマイズがよりすぐに貴重であると思います.
CSSテーマのアプローチを読む


再び、この変更を行うためにここに行きなさい.
私たちは、長い時間前に一般的にSans Serifに変わると考えました、しかし、誰も何が最もよいかについて同意しませんでした.それは本当に読者のための個人的な好みの問題は、著者になることは、この選択の意味をなさない.
ここでは、トピックの上でミューリングの古いポストです


実装に関して:我々は起源サーバーからのほとんどの要求を提供しないが、代わりにユーザのコンテキストを理解していないキャッシュされたページを提供します.この制約のため、個々の設定はlocalstorage , を返します.私は、サービス労働者を通してこの仕事をしようとすることによって複雑になるでしょう、そして、それはまだ長期的な解決であるかもしれません、しかし、今のところ、これはすべての環境でかなりよく働きます.
今朝からのプルリクエストです



benhalpern
掲示される

PRはどんなタイプですか。(該当するすべてを確認する)

  • [リ]リファクタ
  • [ X ]機能
  • バグフィックス
  • []ドキュメントの更新
  • 説明


    いくつかのユーザーが読書のためのナイトモードやsserserifフォントの任意の数の理由:個人的な好み、アクセシビリティなどがあります.
    このオプションはオプション😄
    サンセリフ

    まだ夜のモードを得るために行われる仕事はまだ正しいですが、より多くの人々はそれを使用して起動すると、このPRはそれをスピードアップする必要があります.テーマについての素晴らしい仕事に感謝します.
    サンセリフCSSの実装は、テーマのスタイルを行うことができましたが、私は確かではなかったので、私はこのようにしました.後で変更できます.
    また、いくつかのキャッシュがクリアされるまでサイト上のすべてのページ間で動作することはありませんが、十分にすぐにグローバルに動作する必要があります.
    ハッピーコーディング!