配色與字體

底色

#F4EBDD

--color-bg

頁面背景

卡片

#FBF6EE

--color-surface

表格、面板、卡片

墨色

#3B2C24

--color-ink

內文、數字

次要文字

#6B584C

--color-ink-muted

說明、代號、幣別

分隔線

#DCCBB6

--color-line

列與列之間（只做裝飾）

控制項邊框

#8F7A68

--color-border-strong

按鈕、分段控制的框

強調

#7A4E31

--color-accent

主要按鈕、目前的頁、選取

強調上的字

#FBF6EE

--color-on-accent

主要按鈕上的字

焦點框

#7A4E31

--color-focus

鍵盤焦點

補充旗標

#6B584C

--color-flag-info

補充資訊的旗標

提醒

#8A5A12

--color-flag-warn

偏差、缺席的旗標；零以下的區間帶

阻擋旗標

#8E2B22

--color-flag-block

嚴重的旗標

紅

#A23B2E

--tone-red

台式的漲（美式的跌）

綠

#3D6E4B

--tone-green

台式的跌（美式的漲）

類別色一

#7A4E31

--chart-1

上漲空間

類別色二

#4E6475

--chart-2

品質

類別色三

#7B4B63

--chart-3

動能

類別色四

#8A5A12

--chart-4

風險

類別色五

#6B584C

--chart-5

其他類別

類別色六

#3B2C24

--chart-6

其他類別

區間的軌

#DCCBB6

--range-track

目標價區間條的底

區間帶

#E3CFB6

--range-fill

保守到樂觀的帶子

現價圓點

#3B2C24

--range-marker

區間條上的現價

零以下的帶

#8A5A12

--range-below-zero

保守目標價為負時零以下那一段

頂欄

#3B2C24

--shell-bg

頁首的底

頂欄的字

#FBF6EE

--shell-ink

頁首的站名與導覽

頂欄的次要字

#D8C6B0

--shell-muted

頁首的次要連結與框

頂欄的線

#3B2C24

--shell-line

頁首下緣的線

導覽的底

#FBF6EE

--nav-bg

側欄與手機的抽屜

目前的頁

#EFE4D3

--nav-active-bg

導覽裡目前所在的那一項

資料時點帶

#E8D9BF

--band-bg

頁首下面那一條（專業是 KPI 卡的底）

表頭

#F7EFE3

--thead-bg

表格的表頭

補充旗標的底

#EFE4D3

--chip-info-bg

補充資訊的小藥丸

提醒旗標的底

#F1E2C8

--chip-warn-bg

偏差、缺席的小藥丸與輪次標示

滑過

#F7EFE3

--hover-bg

滑過一列

選取

#E8C9A0

--select-bg

選取文字

中性長線

#7A4E31

--range-neutral

區間條上的中性目標價

淡色底一

#EFE4D3

--tint-1

圖示的底（配類別色一）

淡色底二

#E6E9EA

--tint-2

圖示的底（配類別色二）

淡色底三

#EFE3E6

--tint-3

圖示的底（配類別色三）

淡色底四

#F1E2C8

--tint-4

圖示的底（配類別色四）

淡色底五

#EDE6DC

--tint-5

圖示的底（配類別色五）

紅的淡底

#F5E2DC

--tone-red-bg

上漲空間的徽章（跟著漲跌顏色）

綠的淡底

#E3ECE2

--tone-green-bg

上漲空間的徽章（跟著漲跌顏色）

代表色一

#E3CFB6

--swatch-1

風格選單上的三個色

代表色二

#7A4E31

--swatch-2

風格選單上的三個色

代表色三

#3B2C24

--swatch-3

風格選單上的三個色

個股表頭

#F7EFE3

--data-thead-bg

個股頁資料表的表頭

底色

#F4F5F7

--color-bg

頁面背景

卡片

#FFFFFF

--color-surface

表格、面板、卡片

墨色

#18181B

--color-ink

內文、數字

次要文字

#52525B

--color-ink-muted

說明、代號、幣別

分隔線

#DCDEE3

--color-line

列與列之間（只做裝飾）

控制項邊框

#8A8A94

--color-border-strong

按鈕、分段控制的框

強調

#5750F1

--color-accent

主要按鈕、目前的頁、選取

強調上的字

#FFFFFF

--color-on-accent

主要按鈕上的字

焦點框

#5750F1

--color-focus

鍵盤焦點

補充旗標

#4338CA

--color-flag-info

補充資訊的旗標

提醒

#B45309

--color-flag-warn

偏差、缺席的旗標；零以下的區間帶

阻擋旗標

#B91C1C

--color-flag-block

嚴重的旗標

紅

#C2352B

--tone-red

台式的漲（美式的跌）

綠

#17804A

--tone-green

台式的跌（美式的漲）

類別色一

#5750F1

--chart-1

上漲空間

類別色二

#0369A1

--chart-2

品質

類別色三

#9333EA

--chart-3

動能

類別色四

#A16207

--chart-4

風險

類別色五

#DB2777

--chart-5

其他類別

類別色六

#1E3A8A

--chart-6

其他類別

區間的軌

#E4E4E7

--range-track

目標價區間條的底

區間帶

#DCDAFD

--range-fill

保守到樂觀的帶子

現價圓點

#18181B

--range-marker

區間條上的現價

零以下的帶

#B45309

--range-below-zero

保守目標價為負時零以下那一段

頂欄

#FFFFFF

--shell-bg

頁首的底

頂欄的字

#18181B

--shell-ink

頁首的站名與導覽

頂欄的次要字

#52525B

--shell-muted

頁首的次要連結與框

頂欄的線

#E4E4E7

--shell-line

頁首下緣的線

導覽的底

#FFFFFF

--nav-bg

側欄與手機的抽屜

目前的頁

#EEF2FF

--nav-active-bg

導覽裡目前所在的那一項

資料時點帶

#F4F5F7

--band-bg

頁首下面那一條（專業是 KPI 卡的底）

表頭

#EDEEF1

--thead-bg

表格的表頭

補充旗標的底

#EEF2FF

--chip-info-bg

補充資訊的小藥丸

提醒旗標的底

#FFFBEB

--chip-warn-bg

偏差、缺席的小藥丸與輪次標示

滑過

#F5F6F8

--hover-bg

滑過一列

選取

#DCDAFD

--select-bg

選取文字

中性長線

#5750F1

--range-neutral

區間條上的中性目標價

淡色底一

#EEF2FF

--tint-1

圖示的底（配類別色一）

淡色底二

#F0F9FF

--tint-2

圖示的底（配類別色二）

淡色底三

#FAF5FF

--tint-3

圖示的底（配類別色三）

淡色底四

#FFFBEB

--tint-4

圖示的底（配類別色四）

淡色底五

#FDF2F8

--tint-5

圖示的底（配類別色五）

紅的淡底

#FEF1EF

--tone-red-bg

上漲空間的徽章（跟著漲跌顏色）

綠的淡底

#F0F9F4

--tone-green-bg

上漲空間的徽章（跟著漲跌顏色）

代表色一

#C4C8D0

--swatch-1

風格選單上的三個色

代表色二

#FFFFFF

--swatch-2

風格選單上的三個色

代表色三

#5750F1

--swatch-3

風格選單上的三個色

個股表頭

#F0F4FF

--data-thead-bg

個股頁資料表的表頭