Làm cách nào để phát triển chủ đề Google Chrome?


8

Tôi có một số ý tưởng thiết kế cho Google Chrome. Tôi muốn chuyển đổi nó thành một chủ đề.

Tôi đã tìm kiếm rất nhiều, nhưng không tìm thấy một lời giải thích thỏa đáng về cách thực hiện điều đó. Bạn có biết những gì cần phải được thực hiện? Một số liên kết, có lẽ?


1
Thêm một câu hỏi lập trình này. Tôi bỏ phiếu để di chuyển nó sang Stack Overflow.
ChrisF

Câu trả lời:


10

Tải xuống bất kỳ chủ đề có sẵn nào cho Chrome, chẳng hạn như chủ đề này .

Đổi tên nó để nó có phần mở rộng .zip. Mở nó với công cụ lưu trữ yêu thích của bạn.

Chủ đề được mô tả trong một tệp có tên là manifest.json. Nó cung cấp liên kết đến hình ảnh được sử dụng trong chủ đề. Họ đang ở trong thư mục "i" trong thư mục Greyscale. Các hình ảnh ở định dạng PNG.

Đây là định dạng của tệp manifest.json cho Greyscale:

{
"version":"1.0",
"name":"Greyscale",
"theme":
{"images":
    {
    "theme_frame":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6ZwBDA",
    "theme_toolbar":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6pwBDA",
    "theme_button_background":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYtawBDA"
    },
"colors":
    {
    "frame":[32,32,32],
    "toolbar":[210,210,246],
    "tab_text":[0,0,0],
    "tab_background_text":[0,0,0],
    "bookmark_text":[0,0,0],
    "ntp_background":[235,235,235],
    "ntp_text":[0,0,0],
    "ntp_link":[0,0,120],
    "ntp_section":[210,210,210,1],
    "ntp_section_text":[0,0,0],
    "ntp_section_link":[0,0,120]
    },
"properties":
    {
    "ntp_background_alignment":"bottom",
    "ntp_background_repeat":"no-repeat"},
    "tints":
        {
        "buttons":[0.6,0,0.5]
        }
    }
}

Sử dụng này làm mẫu cho các chủ đề của riêng bạn.

Bạn sẽ tìm thấy thêm thông tin ở đây quá.


Làm thế nào để tôi mở các liên kết trong ithư mục ?? Tôi cần biết các .pngtệp nên có kích thước như thế nào ...
Lazer

đổi tên chúng bằng phần mở rộng .png và mở chúng bằng trình chỉnh sửa ảnh
Snark

được rồi, btw, tại sao tên quá phức tạp? Có bất kỳ vấn đề trong việc đặt tên .pngtập tin của tôi là, nói , top.png?
Lazer

không, xem bảng kê khai mẫu trong liên kết cuối cùng của câu trả lời của tôi
Snark

2
Sử dụng một chủ đề hiện có làm mẫu là không đủ vì nhiều chủ đề chỉ sửa đổi các phần của trình duyệt. Điều gì nếu bạn muốn thay đổi một cái gì đó mà tác giả chủ đề đã không? Làm thế nào để bạn tìm ra những tên / thuộc tính / vv. sử dụng?
Synetech

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.