iT邦幫忙

2026 iThome 鐵人賽

DAY 26
0
AI 自動化

RPA流程自動化應用系列 第 26 篇

【Day 26】一鍵深色模式(Dark Mode)

  • 分享至 

  • xImage
  •  

今天我們將直接升級報表模組,為戰情報告注入 「一鍵深淺色主題切換」 與 「摘要技術關鍵字即時高亮晶片化」,打造具備專業質感的專利監控戰情室!
CSS 變數驅動的一鍵深色模式(Pure CSS Variables):
採用現代前端標準的 CSS Custom Properties(--bg-body, --bg-card, --text-main 等)。
點擊右上角 🌓 主題切換 按鈕,瞬間在「商務簡約亮色」與「極客深藍深色(Cyber Dark #0f172a)」之間無縫切換。
自動透過 JavaScript 同步切換 Chart.js 圖表的座標軸與文字顏色,避免圖表在深色背景下黑成一片。
核心技術詞正規表示式高亮(Keyword Highlighting):
取得核心關鍵字清單(如半導體、晶圓、散熱、先進封裝、封裝、AI 等)。
在組裝表格每一列時,利用 Regex 自動將摘要中符合的關鍵字包覆 晶片標籤,技術核心一目了然!

今日成果
https://ithelp.ithome.com.tw/upload/images/20261010/20178363YMP7PvGTjy.jpg


上一篇
【Day 25】跨期趨勢對比 —— 自動計算競品專利增長率與攻防動態預警
系列文
RPA流程自動化應用 共 26 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言