問題タブ [userstyles]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
22 参照

css - 同じユーザー スタイルシートを使用してサード パーティの Web サイトを表示している他のユーザー

Web データベースを使用するユーザーのグループがあります。

理想的には、これらのユーザーに、私たちが作成したいくつかのユーザー スタイルでその Web サイトを表示してもらいたいと思います (入力が必要なフィールドを強調表示するなど、一部の Web サイト要素が異なる方法で表示されるようにするため)。これらのユーザーは独立したリモート ユーザーです。つまり、ユーザーのコンピューターに実際にアクセスして、これをセットアップするために何かを行うことはできません (スタイリッシュなセットアップなど)。

ブラウザーでアクセスする Web サイトではなく、アプリケーションであるかのように、そのようなスタイルシートを使用して Web サイトを表示するパッケージを何とか作成できないかと考えていました。

この「アプリ」を開くことで、実際にはこの Web ページへの専用のブラウザー ウィンドウを開いて操作できるようになり、別の場所に移動することはできず (アドレス バーがないだけ)、 前述のスタイルシートを使用するという考えになります。つまり、「あたかもアプリであるかのように」。

私が十分に明確だったことを願っています。これが何と呼ばれるかさえわからない (どのタグを使用するかもわからない) ので、私の研究は本当にどこにも行きませんでした。これを行う方法についてのガイダンスは非常に高く評価されます。誰かが同様の結果を得る方法についてより良いアイデアを持っている場合は、喜んで実験します!!

ありがとう!

0 投票する
1 に答える
1208 参照

css - 暗いテーマのブラウジング用の全画面反転輝度フィルタ

以前はうまく機能していたが、ほとんどの Google ページ、実際には div を含むすべてのページ (ユーザースタイルとして使用) では機能しなくなった、すばやく汚いダーク ブラウジング CSS フィルターの回避策を見つけるために助けが必要です。私は決してプログラマーではありません。重度の光誘発性片頭痛に苦しんでいて、目を保護するために暗いテーマの Web ページが絶対に必要なユーザーなので、CSS に関する私の知識は当然のことながら限られています。申し訳ありません :/

以前はページ上のすべての色を反転させ、次に色相を 180 度回転させて色相を同じに保ったため、結果は輝度だけが反転した Web ページになりました (青は青のまま、オレンジはオレンジのままなど、テキストは明るいだけです)。暗い背景にアクセントを付けます)。次に、画像とビデオへの影響を逆にして、最終結果のフィルターから除外しました。結果は私には十分にエレガントに見え、ほとんどのダーク ブラウジング chrome 拡張機能の結果よりも優れていました。以前は問題なく動作していましたが、最近何かが変更され、ほとんどの Google ページを含む div のあるページには、フィルターがまだ適用される暗いセクションと絡み合った白い背景の大きなセクションがあります。そのようなセクションにフィルターが 2 回適用されているため、白に戻っていると思われます。

助けてくれてありがとう。HTMLセレクターを使用してページ全体に適用することはもはや方法ではないと確信していますが、それを機能させる方法については無知です。私の無知を許し、事前に感謝します。

0 投票する
0 に答える
210 参照

css - Chrome 拡張機能が CSS を壊す

マテリアル デザインを Google カレンダーの Web バージョンに導入するための Chrome 拡張機能を作成しています。変更を加えるために Style と Tampermonkey を使用しましたが、すべてをパッケージにまとめてそのパッケージを Chrome にロードすると、CSS の大部分が完全に壊れているように見えます。

ここで利用可能なユーザースタイル: https://userstyles.org/styles/126526/google-calendar-material-v3-0-beta

ここのユーザースクリプト: https://greasyfork.org/en/scripts/18878-google-calendar-web-material

Chrome 拡張機能はこちら: https://chrome.google.com/webstore/detail/google-calendar-web-mater/cecnjahdgcpkhdgjbmiellinjbpamjgb

すべてが壊れているわけではないという奇妙なこと。

すべての css ルールで !important を使用する必要がありますか、それとも問題は別の場所にありますか? JS は正常に動作しているようです。

CSS に Style を使用し、JavaScript に Tampermonkey を使用すると、次のようになります。 ここに画像の説明を入力

Chrome 拡張機能を使用する場合: ここに画像の説明を入力

0 投票する
0 に答える
175 参照

css - Firefox の Slack で userContent.css が機能しない

デフォルトの Slack フォントを大きくしようとしています。私は Firefox の userContent.css を使用しています:

マストドンセクションは魅力のように機能します。ただし、slack セクションは機能しません。userContent.css ルールは、特定の要素のルール リストに表示されません。