0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Salesforce 特にLightning Experienceの見た目を変えたいけど...

Last updated at Posted at 2024-05-01

Lightning Experienceの登場した頃よりはだいぶ見やすくなったけど、老眼世代の多い職場では正直つらいですね。文字が見えないってよく言われてしまう。

何か変更できる方法はないかと... 無いと分かっていますが

一時期ダークモードの設定があったのですが、いつの間にか消えてなくなってしまいましたねぇ。

そうなんですよね、テーマを変えてもカラーパレットは変更できないので、思うような色調にはできないんですよね。

LWCで作ったカスタムコンポーネントなら対応できるけど、標準画面までは操作できそうにない。

Summer '24 リリース以降、Salesforce は、将来の UI 変更 (セーフハーバー) をサポートするために、Lightning コンポーネント、Salesforce Lightning Design System (SLDS) スタイル、およびカスタムプロパティの内部実装を変更しています。

これらの内部変更は、ほとんどの顧客にとって目に見える UI の変更を引き起こしません。ただし、サポートされていない CSS オーバーライドを使用して Experience Cloud サイトまたは Lightning ページをカスタマイズした場合、アーキテクチャの更新を続けると、それらのカスタマイズによって視覚的に望ましくない変更が生じる可能性があります。

この中に –dxp スタイリング フックというのが説明されている。

--dxpスタイルフックを使用すると、サイト全体のベースおよびカスタム Lightning Web コンポーネントの両方に影響を与える単一のフックを設定できます。

--dxpスタイリング フックは、下位レベルのコンポーネントのスタイリング フックにマップされるカスタム プロパティの縮小されたセットであるため、多くの個別のコンポーネントを一度に変更する単一のフックを設定できます。たとえば、 --dxp-g-brandフックは、ボタンの背景色、リンクの色、フォーカス上の入力境界線の色に影響します。

これが使えるかもしれないな。

また、以下ではカスタムのCSSを強制適用させるハックが紹介されていますね。合わせ技で使えるかも

しかし、調べてみるとLWRでの適用しか発見できないですね。Experience Cloudで可能だが、普通の環境ではできないのかな?

UI 要素の色のコントラストの改善

テキスト以外の UI 要素 (ボタンやチェックボックスなど) や、一部のテキスト UI 要素 (リンクなど) を表示するときの色のコントラストがアクセシビリティ基準に合わせて改善されました。Summer '23 から色のコントラストの改善が開始されています。Winter '24 では、この変更は Lightning Experience のすべてのページとカスタム Lightning コンポーネントの Lightning 基本コンポーネントに適用されます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?