創作內容

1 GP

Google Chrome主題簡易製作 - Beta與Canary Chrome更新相關

作者:Blade Len│2018-04-01 22:03:32│贊助:2│人氣:811
內容更新日期 : 2019/07/21

這是針對Beta與Canary Chrome的主題規則記錄用,沒有穩定版的值
配色說明可以詢問我,也能自行探索

近日在Chrome更新中,不能拖曳主題至新分頁直接裝
要跑到擴充功能裡面,並開啟開發人員模式才能繼續
這樣線上工具網頁變得不能立即顯示主題結果,而要下載檔案下來並按照上述去弄

Frame&TB之間線條可以用配色消除,表示只要這兩者顏色不一樣(也不要相近)就能消除
我習慣用黑&白,因為比較簡單且容易達成上述效果(五顏六色我不太喜歡)

在此學一下怎麼封裝擴充功能,未來會提供另一個更完備的方法,封裝後的檔案之副檔名是crx
點封裝後跳出視窗,在封裝擴充功能根目錄右邊點"瀏覽"並找出被拆開的主題檔資料夾
再點選"封裝擴充功能",會產生同資料夾名稱.pem的金鑰檔案
此金鑰只能用在原本的資料夾,刪掉也無妨
因為這是封裝後所產生的,也是可有可無
資料夾和金鑰可移動至任意地方也可更名(需同一名稱)

因為可以拆開改crx再包回去
基本上配色相近的能直接拿來用(現成配色)

圖檔副檔名可以在manifest改,照理來說放GIF是可以的
此外圖片副檔名要和manifest完全一樣,但是jpg與jpeg會比較容易失敗(主題圖片顯示錯誤)
這裡建議要用此種類型圖時,存檔時附檔名要確實打好,不然用png(檔案稍大但畫質較好)



----------------------------------------------------------------------------------------------------------------------------
BETA&Canary規則統整區

這裡有整理過的主題manifest設定檔案(點左邊)
請與下方互相參考

Win 10 Chrome Beta的主題剪裁規則

Frame&TB之間線條可以用配色消除

1.Frame基準
2.Toolbar圖是Frame圖上方扣除 "解析度寬度x17"之面積後存檔
   此數值可以在一些條件下能改成 "扣除解析度寬度x16之面積後存檔"
3.NTP BG是Toolbar圖上方扣除 "解析度寬度x103" 之面積後存檔
4.Tab BG圖是Frame圖上方扣除 "解析度寬度x16"之面積存檔

[NTP   text調整(0,0,0),會使NTP BG右上文字及應用程式文字按鈕改黑,(255,255,255,)為白]

Win 10 Chrome Canary的主題剪裁規則

Frame&TB之間線條可以用配色消除

1.Frame基準
2.Toolbar圖是Frame圖上方扣除 "解析度寬度x17"之面積後存檔
   此數值可以在一些條件下能改成 "扣除解析度寬度x16之面積"後存檔
3.NTP BG是Toolbar圖上方扣除 "解析度寬度x103" 之面積後存檔
4.Tab BG圖是Frame圖上方扣除 "解析度寬度x16"之面積存檔

[NTP   text調整(0,0,0),會使NTP BG右上文字及應用程式文字按鈕改黑,(255,255,255,)為白]

----------------------------------------------------------------------------------------------------------------------------

Win 7 Chrome Beta的主題剪裁規則

Frame&TB之間線條可以用配色消除線條

1.Frame基準
2.Toolbar圖是Frame圖上方扣除 "解析度寬度x17"之面積後存檔
   此數值可以在一些條件下能改成 "扣除解析度寬度x16之面積後存檔"
3.NTP BG是Toolbar圖上方扣除 "解析度寬度x103" 之面積後存檔
4.Tab BG圖是Frame圖上方扣除 "解析度寬度x16"之面積存檔

[NTP text調整(0,0,0),會使NTP BG內文字&圖示改黑,(255,255,255)為白]

Win 7 Chrome Canary的主題剪裁規則

Frame&TB之間線條可以用配色消除線條

1.Frame基準
2.Toolbar圖是Frame圖上方扣除 "解析度寬度x17"之面積後存檔
    Frame與Toolbar之間的線條能以Frame&toolbar color調整去除
    能改為扣除 "解析度寬度x16"之面積"
3.NTP BG是Toolbar圖上方扣除 "解析度寬度x103" 之面積後存檔

4.Tab BG圖是Frame圖上方扣除 "解析度寬度x16"之面積存檔

[NTP text調整(0,0,0),會使NTP BG內文字&圖示改黑,(255,255,255)為白]


引用網址:https://home.gamer.com.tw/TrackBack.php?sn=3940720
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:Chrome主題|瀏覽器美化

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

1喜歡★king5712710 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:Google Chrom... 後一篇:Google Chrom...

追蹤私訊

作品資料夾

mario321232
繪圖更新啦啦啦啦啦啦啦看更多我要大聲說昨天11:31


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】