Salesforce UI Themer

Apply a custom visual theme to Salesforce Lightning to make daily work feel exciting while staying fully functional.

Transform your daily Salesforce experience with the Salesforce UI Themer! This extension allows you to apply a sleek and modern custom theme to your Salesforce Lightning interface, making your workspace more visually appealing and enjoyable without sacrificing any functionality. Tired of the standard look? Salesforce UI Themer injects a fresh visual style, helping to reduce eye strain and make your long hours in Salesforce more pleasant. Personalize your environment and make your CRM feel truly yours. Key Features: * Apply a Custom Theme: Instantly switch to a custom-designed visual theme for Salesforce Lightning. * Easy to Use: Simply install the extension, and the theme is automatically applied. * Focused on UI: Modifies only the visual presentation, ensuring all Salesforce features and functions work as expected. * Lightweight & Efficient: Runs smoothly in the background without slowing down your Salesforce experience. Give your Salesforce a makeover today and make your work environment more exciting! 1.7.0 Release Notes ### Template Theme Loading Functionality - When editing custom themes, you can now load existing themes as templates. - Select a template from the dropdown and click the "Load" button. - Customize based on all themes, including Aurora, Ocean, Sakura, Famicom, etc. ### Accordion UI for Settings Screen - Each settings section can now be collapsed. - Expand only the necessary sections for editing. - The open/closed state is automatically saved and restored on the next access. --- ## 🔧 Improvements ### Layout Optimization - Grid layout for the settings panel and preview. - On large screens, settings items are displayed compactly in 2-3 columns. - Effective utilization of screen space. ### Font Loading Improvement - Added web font loading from Google Fonts - Inter, Nunito, Poppins, JetBrains Mono, etc. are displayed correctly - Support for Source Sans 3 (new name for Google Sans) 1.6.0 Release Notes New Features Table Header Image Support - Table Header Background: You can now set individual background images for the header section of Salesforce tables. - Customisation: Adjust size, repeat, and positioning, offering the same flexibility as other image settings. Image Thumbnail Preview - Preview Functionality: Entering an image URL in the settings screen now displays an instant thumbnail. This allows you to instantly verify the image being configured is correct. Improvements Settings Screen Redesign - Streamlined Section Structure: Settings have been grouped into "Basic Settings", "Colour Palette", "Backgrounds and Images", "Typography", and "Shapes and Borders", making it easier to locate desired settings. - UI Enhancement: Headings and descriptions have been added to each section to improve visibility. Header Image Scroll Enhancement - Scroll Settings: The behaviour of the header image scroll animation has been improved. - Default State: The behaviour when the image URL is empty has been corrected to provide a more natural initial state. Clarification of Opacity Input - Placeholder Added: Added a "Opacity" placeholder to the colour settings' opacity input field, clarifying the meaning of the input value. Icon Refresh - New Extension Icon: Updated the extension icon design, changing it to a more modern and highly visible one. Update Information 1.5.0 Custom background image functionality (main background + header background) Image display ON/OFF toggle Improved panel visibility Update Information 1.4.0 - Theme Scope Control: Added a new card to the options screen allowing individual ON/OFF control for Header / Workspace / Actions, enabling granular management such as "accent colour for header only". - Scope-Aware Theme Application: content.js now replaces sfui-scope-* classes, whilst theme.css applies styles only to the relevant areas. This improves compatibility with existing Lightning themes. Version 1.3.0 Release Notes Addition of Retro Theme Added Content Expanded Frame Styles In addition to pixel frames, five new styles have been added: `Sharp Line / Double Line / Minimal / Grow Edge / Glass Effect`. Default frame width, outline, and shadow effects are automatically adjusted for each style. Added "Light (300)" to body font weights This provides greater flexibility for scenarios aiming to balance text readability and visual lightness. Enhanced theme reapplication robustness Service workers have been strengthened to automatically re-inject themes after tab loading completes, even when Salesforce is opened via shortcuts or external links. Content scripts also prevent multiple initializations during reloads. Version 1.2.0 Release Notes - Enhanced environment-specific theme functionality: Automatically applies the sandbox theme to Salesforce pages containing "sandbox" in the URL, and the production theme to production pages - Redesigned options screen: Streamlined UI focusing solely on the theme switching toggle and selection of production/sandbox themes - Updated background, content, and popup scripts to detect environments, unifying theme switching across all components - Streamlined associated auxiliary logic (removed domain input, adjusted normalization processing, etc.) Update Information 1.1.0 Added various patterns. Added the ability to set colors for each button. Added fonts. Added the ability to change text weight and color. Bug fixes. Salesforce UI Themerで、毎日のSalesforceでの作業をもっと快適で楽しいものに変えましょう！この拡張機能は、Salesforce Lightningのインターフェースに、洗練されたモダンなカスタムテーマを適用します。機能性を一切損なうことなく、あなたのワークスペースをより見やすく 、魅力的なデザインに変えることができます。 標準の見た目に飽きていませんか？Salesforce UI Themerは、新鮮なビジュアルスタイルを導入し、長時間の作業による目の疲れを軽減し、Salesforceでの仕 事をより快適にします。あなただけの作業環境を構築し、CRMをもっと身近に感じましょう。 主な機能: * カスタムテーマの適用: Salesforce Lightningのデザインを、瞬時にカスタムデザインのテーマに切り替えます。 * 簡単な操作: 拡張機能をインストールするだけで、テーマが自動的に適用されます。 * UIに特化: Salesforceの機能や動作に影響を与えることなく、見た目だけをカスタマイズするので安心です。 * 軽量・高効率: バックグラウンドでスムーズに動作し、Salesforceのパフォーマンスを低下させません。 今すぐあなたのSalesforceをリフレッシュして、作業環境をよりエキサイティングなものにしましょう！ 1.7.0 Release Notes ## 🎨 新機能 ### テンプレートテーマ読み込み機能 - カスタムテーマ編集時に、既存テーマをテンプレートとして読み込み可能に - ドロップダウンからテンプレートを選択して「読み込み」ボタンをクリック - Aurora、Ocean、Sakura、Famicomなど全テーマをベースにカスタマイズ可能 ### 設定画面のアコーディオンUI - 各設定セクションが折りたたみ可能に - 必要なセクションだけを展開して編集 - 開閉状態は自動保存され、次回アクセス時に復元 --- ## 🔧 改善 ### レイアウト最適化 - 設定パネルとプレビューのグリッドレイアウト - 大画面では設定項目が2-3カラムでコンパクト表示 - 画面スペースの有効活用 ### テーマ配色の視認性向上 - **Lavender Mist**: リンク色、ボタン色のコントラスト改善 - **Sakura**: リンクホバー色を濃い色に変更 - **Famicom**: リンク色を黄色から赤色に変更（背景との視認性向上） ### フォント読み込み改善 - Google Fontsからのウェブフォント読み込みを追加 - Inter、Nunito、Poppins、JetBrains Mono等が正しく表示 - Source Sans 3への対応（Google Fontsの新名称） 1.6.0 Release Notes 新機能 / New Features テーブルヘッダー画像サポート - テーブルヘッダー背景: Salesforceのテーブルヘッダー部分に個別の背景画像を設定可能になりました。 - カスタマイズ: サイズ、繰り返し、配置の調整が可能で、他の画像設定と同様の柔軟性を提供します。 画像サムネイルプレビュー - プレビュー機能: 設定画面で画像URLを入力すると、即座にサムネイルが表示されるようになりました。これにより、設定中の画像が正しいか一目で確認できます。 改善 / Improvements 設定画面のリデザイン - セクション構成の整理: 設定項目を「基本設定」「カラーパレット」「背景と画像」「タイポグラフィ」「形状と枠線」にグループ化し、目的の設定を見つけやすくしました。 - UIの改善: 各セクションに見出しと説明を追加し、視認性を向上させました。 ヘッダー画像スクロールの改善 - スクロール設定: ヘッダー画像のスクロールアニメーションの挙動を改善しました。 - デフォルト状態: 画像URLが空の場合の挙動を修正し、より自然な初期状態を提供します。 透過率入力の明確化 - プレースホルダー追加: 色設定の透過率入力欄に「透過率」というプレースホルダーを追加し、入力値の意味を明確にしました。 アイコンの刷新 - 新しい拡張機能アイコン: 拡張機能のアイコンデザインを更新し、よりモダンで視認性の高いものに変更しました。 更新情報　1.5.0 カスタム背景画像機能（メイン背景 + ヘッダー背景） 画像表示のON/OFFトグル パネル可視性の改善 更新情報 1.4.0 - テーマ適用範囲コントロール: ヘッダー / ワークスペース / アクションを個別に ON/OFF できる新カードをオプション画面 に追加し、「ヘッダーだけ差し色」など細かい運用が可能に。 - スコープ対応テーマ適用: content.js が sfui-scope-* クラスを付け替え、theme.css 側は該当領域にのみスタイルを当て るため、既存 Lightning テーマとの共存性が向上。 更新情報1.3.0 レトロテーマの追加 枠スタイルの拡充 ピクセル枠に加えて、`シャープライン / ダブルライン / ミニマル / グロウエッジ / ガラス調` の 5 スタイルを追加。各スタイルに応じたデフォルトの枠幅・アウトライン・影表現を自動調整します。 本文フォントウェイトに「細め (300)」を追加 テキストの視認性と軽さの両立を狙いたいケースでより柔軟に調整できます。 テーマ再適用の堅牢化 ショートカットや外部リンクから Salesforce を開いた場合でも、タブの読み込み完了後に自動でテーマを再注入するようサービスワーカーを強化しました。再読み込み時の多重初期化もコンテンツスクリプト側で抑止しています。 更新情報 1.2.0 - 環境別テーマ機能を強化し、URL に sandbox が含まれる Salesforce ページでは自動的にサンドボックステーマを、本番 ページでは本番テーマを適用 - オプション画面を刷新し、テーマ切り分けスイッチと本番／サンドボックス用テーマ選択のみのシンプルな UI に整理 - 背景・コンテンツ・ポップアップ各スクリプトを環境検出に対応させ、テーマ切り替えを全体で統一 - 付随する補助ロジックを整理（ドメイン入力の削除、正規化処理の調整など） 更新情報 1.1.0 様々な柄を追加しました。 各ボタンごとに色を設定できるようにしました。 フォントを追加しました。 文字の太さ・色を変更できるようにしました。 バグ修正