🎨 Sillytavern_ThemeColorPicker Extension 🎨

Tired of copying color codes one by one, slowly adjusting theme colors?
Then your Sillytavern definitely needs this little tool! The Magic Eyedropper! 🪄

🔹Features

• Adds an eyedropper button next to all theme color settings.
• Supports selecting colors from anywhere on the screen.
• Automatically updates the color value and triggers SillyTavern's color change.
• Supports all theme color items:
  • Main Text
  • Italics Text
  • Underlined Text
  • Quote Text
  • Text Shadow
  • Chat Background
  • UI Background
  • UI Border
  • User Message
  • AI Message

🔹System Requirements

• Chrome 95+ or Microsoft Edge 95+.
• A modern browser that supports the EyeDropper API.
• SillyTavern 1.13.2+

🔹Installation

1. Open SillyTavern.
2. Click the extensions icon
3. Click "Download Extensions & Assets".
4. In the "Install Extension" area, enter:

   https://github.com/RMT120430/Sillytavern_ThemeColorPicker
   

5. Click "Download".
6. Refresh the page or restart SillyTavern.

🔹How to Use

1. Go to SillyTavern's User Settings.
2. Select the "UI Customization" tab.
3. In the "Theme Colors" section, you will see an eyedropper icon next to each color input field.
4. Click the eyedropper button to start picking a color.
5. Your cursor will turn into a magnifying grid circle; click anywhere on the screen to select the color at that position.
6. The color will be automatically applied to the corresponding theme setting.

🔹Notes

• This feature is only available on PC
• If there are fixed color codes in custom CSS styles, the colors will not display correctly (but the interface theme colors will still change normally)
• The Firefox browser does not currently support the EyeDropper API.
• After the color is picked, the change will take effect immediately

🔹Troubleshooting

The eyedropper button does not appear

• Confirm that the extension is installed and enabled correctly.
• Refresh the page or restart SillyTavern.

Clicking the eyedropper button has no effect

• Check if your browser supports the EyeDropper API.
• Try using Chrome or Edge.

The color is not applied after being selected

• Make sure you have clicked on the screen to select a color.
• Check if the SillyTavern theme settings are functioning correctly.

🔹Version History

• v1.0.0 - Initial release

---

🎨 Sillytavern_ThemeColorPicker Extension 🎨

受夠了一個接著一個，緩慢複製色碼來調整主題顏色的過程了嗎？
那你的 Sillytavern 一定需要這個小工具！神奇滴管！🪄

🔹功能特色

• 在所有主題色彩設定旁添加滴管按鈕
• 支援直接從螢幕任何位置選取顏色
• 自動更新顏色值並觸發 SillyTavern 的色彩變更
• 支援所有主題色彩項目：
  • Main Text
  • Italics Text
  • Underlined Text
  • Quote Text
  • Text Shadow
  • Chat Background
  • UI Background
  • UI Border
  • User Message
  • AI Message

🔹系統需求

• Chrome 95+ 或 Microsoft Edge 95+
• 支援 EyeDropper API 的現代瀏覽器
• SillyTavern 1.13.2+

🔹安裝方法

1. 開啟 SillyTavern
2. 點擊右上角的擴展圖示
3. 點擊「Download Extensions & Assets」
4. 在「Install Extension」區域輸入：

   https://github.com/RMT120430/Sillytavern_ThemeColorPicker
   

5. 點擊「Download」
6. 重新整理頁面或重啟 SillyTavern

🔹使用說明

1. 進入 SillyTavern 的 User Settings
2. 選擇「UI Customization」標籤
3. 在「Theme Colors」區域，你會看到每個顏色輸入框旁邊都有滴管圖示
4. 點擊滴管按鈕開始選取顏色
5. 游標會變成吸色網格圓圈，點擊螢幕上任何位置選取該處的顏色
6. 顏色會自動套用到對應的主題設定

🔹注意事項

• 此功能僅適用PC端
• Firefox 瀏覽器目前不支援 EyeDropper API
• 自訂CSS樣式裡面如有固定色碼，則顏色不會正常顯示（但是介面主題顏色仍會正常變更）
• 顏色吸取完成後，變更會立即生效

🔹故障排除

滴管按鈕沒有出現

• 確認擴展已正確安裝並啟用
• 重新整理頁面或重啟 SillyTavern

點擊滴管按鈕沒有反應

• 檢查瀏覽器是否支援 EyeDropper API
• 嘗試使用 Chrome 或 Edge 瀏覽器

顏色選取後沒有套用

• 確認已點擊螢幕選取顏色
• 檢查 SillyTavern 主題設定是否正常

🔹版本歷史

• v1.0.0 - 初始版本