Как да направите своя собствена тема за Google Chrome

Искали ли сте някога да персонализирате външния вид на вашия уеб браузър? Темите за Google Chrome могат да се използват точно за това. Магазинът за теми на Chrome може да има огромна гама от опции, от космически теми до коли и красиви пейзажи, но какво ще стане, ако нито една от тези опции са точно това, което искате, или ако искате да персонализирате Chrome да има една от вашите собствени снимки като фон? Е, за щастие можете да направите точно това.

Има два метода за създаване на своя собствена тема. Chrome има проста вградена функция, която ви позволява да импортирате фоново изображение за страницата с нов раздел и да персонализирате цветовата схема на потребителския интерфейс от редица предварително зададени настройки. Ако вградената функция на Chrome няма желания брой опции за персонализиране, се обажда уебсайт ThemeBeta покрихте ли ви, с богат на функции, но лесен за използване създател на теми за Chrome (въпреки че процесът на инсталиране е малко по-сложен). В тази статия ще ви преведем през процеса на създаване на своя собствена тема за Chrome с двата инструмента.

Простият вграден инструмент за Chrome

За да използвате вградения редактор на теми в Chrome, отворете нов раздел. В долния десен ъгъл на страницата с нов раздел има икона на молив, щракнете върху нея, за да персонализирате външния вид на вашия Chrome.

Щракнете върху иконата на молив, за да отворите редактора на теми.

В изскачащия прозорец, който се появява, след като щракнете върху иконата на молив, първата ви опция е да конфигурирате фоновата картина. Тук можете да избирате между много ограничен брой предварително зададени опции или можете да качите свое собствено изображение. Тази фонова картина ще се прилага само за новия раздел на страницата, няма да се превърне във фон на реални уебсайтове.

Изберете фонова картина за страницата с нов раздел.

След като изберете фоново изображение, преминете към раздела „Цвят и тема“. Тук можете да избирате от селекция от цветови комбинации. Тези цветови опции засягат цветовете на раздела и лентите за търсене и отметки, които формират потребителския интерфейс на Chrome. С други думи, на повечето сайтове, които посещавате, тези цветове ще бъдат по-забележими от фоновата ви картина, само защото горната лента на браузъра винаги ще бъде в този цвят!

Изберете предварително зададена цветова схема.

Ако нито една от предварително зададените цветови схеми не е точно това, което искате, горната ляв цветова опция ви позволява да изберете своя собствена цветова схема, с пълен спектър от цветови опции, от които да избирате. За да изберете цвят, първо щракнете върху горния ляв символ, след което използвайте изскачащия прозорец, който се появява, за да изберете вашия цвят. Регулирайте кръста в цветовия спектър, за да получите своя нюанс, и черната стрелка отдясно на прозореца, за да изберете яркостта на тона. Ако не сте сигурни как работи това – колкото по-нагоре или надолу преместите черната стрелка, толкова по-светъл или по-тъмен става цветът ви. За по-интензивни нюанси поставете кръста близо до върха и стрелката в средата. За по-бледи цветове преместете кръста малко по-ниско и стрелката нагоре.

След като изберете желания цвят, щракнете върху „Добавяне към персонализирани цветове“ в долния десен ъгъл. След това изберете вашия персонализиран цвят от списъка „Персонализирани цветове“ в долния ляв ъгъл и след това щракнете върху „OK“, за да приложите. Ако избирате персонализирана цветова схема, можете да изберете само един цвят, Chrome ще избере втори подобен цвят, за да завърши темата с това, което смята, че ще пасне най-добре.

Съвет: Chrome почти винаги приема, че избраният от вас цвят е по-тъмният от двата тематични цвята и ще избере по-светъл втори нюанс. Изберете съответно!

Изберете персонализирана цветова схема.

След като сте доволни от фоновата си картина и набора от цветове, щракнете върху „Готово“, за да запазите персонализираната си тема и сте готови да тръгнете!

Опростени теми на трети страни

Ако искате проста тема, тогава вграденият инструмент в Chrome трябва да е достатъчен, но ако искате повече индивидуалност, ThemeBeta предлага повече контрол. Уебсайтът ви позволява ръчно да променяте цветовете на разделите за преден и фонов план, текста в лентите с раздели и др.

На първо място, трябва да прегледате уебсайта на ThemeBeta. Можете да разглеждате теми, изпратени от потребителите в тях начална страница, или можете да отидете направо при тях страница за създаване на тема за да започнете със собствените си. Първата стъпка, след като сте в създателя на тема, е да изберете фоново изображение. Щракнете върху „1. Качете изображение” и след това качете изображение от вашия твърд диск. Тази картина ще бъде в основата на вашата тема и ще бъде фоновото изображение на страницата с нов раздел.

Съвет: Всяко изображение, което качвате, трябва да бъде във формат PNG или JPG, тъй като това са единствените поддържани формати. Използвайте онлайн конвертор, ако вашето изображение е нещо различно.

Ако изображението, което сте качили, не изглежда съвсем правилно, може да е твърде увеличено или да има ленти отстрани или отгоре – тогава трябва да опитате да промените опциите „Фоново изображение“. Съответно те конфигурират хоризонтално подравняване, вертикално подравняване, ако изображението се повтаря, ако е твърде малък за екрана, как изображението е мащабирано, за да пасне на екрана, и ръчна корекция на мащаба. Тествайте опциите, докато намерите нещо, от което сте доволни!

Конфигурирайте позиционирането на вашето фоново изображение.

След като вашето изображение бъде качено, визуализацията от дясната страна на страницата ще се актуализира, за да представи как ще изглежда вашата тема. Втората стъпка е да кликнете върху „2. Генериране на цветове“, този бутон ще използва цветовете, присъстващи в снимката, която сте качили, за да създаде небце от подобни цветове, които да използвате в останалата част от потребителския интерфейс.

Ако автоматично генерираната цветова схема подхожда на външния вид, който искате, можете да прескочите напред тук до инструкции за инсталация. Но ако искате да конфигурирате ръчно цветовете на неща като раздели на преден план, фонови раздели и лентата с инструменти, подробностите са обхванати в раздела за разширена конфигурация по-долу.

Разширена конфигурация

В горния ляв ъгъл има два раздела с разширени опции за конфигурация, първият е „Изображения“. Тук можете да конфигурирате фоново изображение за определени елементи. Когато поставите курсора на мишката върху всяка от опциите, тя ще подчертае елемента, който тази настройка би променила в визуализацията в червено.

Задръжте курсора на мишката върху опциите, за да видите каква част от потребителския интерфейс променят.

Съвет: NTP означава „Страница с нов раздел“, опциите, започващи с този акроним, присъстват само на страницата с нов раздел, други са видими на други страници.

  • „NTP фон“ конфигурира основния фон, ако сте импортирали изображение по-рано, то вече ще бъде „Заредено“.
  • “Frame” конфигурира потребителския интерфейс, с изключение на списъка с раздели, лентата за търсене и лентата с отметки.
  • „Лента с инструменти“ конфигурира активния раздел, лентата с отметки и областта около лентата за търсене.
  • „Фон на раздела“ конфигурира цвета на фона за неактивни раздели.
  • „Наслояване на рамка“ ви позволява да конфигурирате второ изображение, което да наслагва изображението в „Кадър“.
  • „NTP Attribution“ добавя изображение в долния ляв ъгъл на страницата с нов раздел, обикновено за целите на воден знак.

Съвет: Ако сте качили изображение и не ви харесва как изглежда, можете да го премахнете, като щракнете върху бутона „X“ до съответния маркер „Заредено“. Ако качването на изображение промени цвета на фона за този елемент, можете или да го върнете ръчно, или да щракнете отново върху „Генериране на цветове“ в раздела „Основни“, за да нулирате цветовата схема.

Вторият разширен раздел е озаглавен „Цветове“. Тук – както при опциите на предишната страница, които имат поле до тях – можете да използвате полето, за да отворите инструмент за избор на цвят и да изберете плътен цвят за съответните елементи. Още веднъж, ако поставите курсора на мишката върху опцията за конфигурация, тя ще подчертае засегнатия елемент в визуализацията в червено.

Щракнете върху квадратчето, за да отворите инструмента за избор на цвят за съответните елементи.
  • „Лента с инструменти“ конфигурира цвета на фона на етикета за приписване на ThemeBeta в долния ляв ъгъл на страницата с нов раздел.
  • „Текст в раздела“ конфигурира цвета на текста в текущо активния раздел в списъка с раздели. Той също така задава цвета на текста за приписване на ThemeBeta в долния ляв ъгъл на страницата с нов раздел.
  • „Текст на фонов раздел“ конфигурира цвета на текста в неактивните раздели в списъка с раздели.
  • „Текст на отметки“ конфигурира цвета на текста на елементите в лентата на отметките.
  • “NTP Text” конфигурира цвета на текста или препоръчителните/обикновени връзки към страницата в центъра на страницата.
  • „NTP Link“ няма никакъв ефект.
  • „Контролни бутони“ конфигурира цвета на бутоните за минимизиране, максимизиране и затваряне в горния десен ъгъл.
  • „Бутони“ конфигурира цвета на бутоните за напред, назад, презареждане и начало.

След като конфигурирате всички разширени опции по начина, по който ги искате, сте готови да продължите към процеса на инсталиране.

Инсталиране на тема на трета страна

От съображения за сигурност Google вече позволява само инсталиране на разширения и теми през уеб магазина на Chrome. За да инсталирате вашата персонализирана тема, ще трябва да активирате функция за разработчици. За съжаление, тази промяна означава, че простият бутон „Пакетиране и инсталиране“ в раздела „Основни“ и „Пакетиране“ вече не работят. Ако опитате метода „Пакетиране и инсталиране“, ще получите съобщение за грешка.

CRX файловете на трети страни не могат да бъдат инсталирани в Chrome.

За да заобиколите това, отидете на раздела „Пакетиране“ и щракнете върху „Пакетиране и изтегляне на Zip файл“

Щракнете върху бутона „Пакетиране и изтегляне на Zip файл“ в раздела „Пакет“.

След като zip файлът бъде изтеглен, извлечете файловете и ги запазете на твърдия си диск. Щракнете двукратно върху файла, който сте изтеглили, и изберете Извличане в горната част на инструмента за преглед на файлове. Ще трябва да изберете къде да извлечете вашите файлове. Запомнете къде ги запазвате, за да можете да ги качите отново по-лесно.

Съвет: Ако преименувате папката, за да посочите каква е темата, може да е по-лесно да я намерите отново в бъдеще, ако някога искате да я използвате повторно.

Извлечете файловете от ZIP файла и ги запазете на твърдия си диск.

Следващата стъпка е страницата с разширения на Chrome. Можете да получите достъп до него, като щракнете върху трите точки в горния десен ъгъл, под „Още инструменти“, след това „Разширения“ или можете да щракнете върху тук.

Щракнете върху трите точки, след това Още инструменти > Разширения.

След като сте в менюто с разширения, в горния десен ъгъл на страницата има плъзгач, отбелязан с „Режим на програмист“. Разрешете го. След като режимът на програмист е активиран, в горния ляв ъгъл трябва да се появят три бутона. Това, от което се нуждаете, е „Заредете разопаковано“. Щракнете върху „Зареждане разопаковано“ и импортирайте папката, която сте извлекли от zip файла по-рано.

Активирайте режима на програмист и след това щракнете върху „Зареждане разопаковано“.

Съвет: Искате да импортирате родителската папка, а не папката „изображения“, която съдържа. Ако не сте го преименували по-рано, той ще бъде наречен нещо като „тема1234567890“

След като темата бъде импортирана, в текущия раздел ще се появи предупреждение, което потвърждава, че темата е инсталирана и предлага бутон за отмяна. Преди да затворите този сигнал, отворете нов раздел и се уверете, че всичко изглежда така, както искате.

Не скривайте сигнала за потвърждение, докато не сте сигурни, че сте доволни от резултата!

Ако темата ви не се получи по начина, който сте се надявали, щракнете върху „Отмяна“ и опитайте да промените шаблона си отново. След като сте доволни от резултатите, не се колебайте да затворите страницата „Разширения“ и да продължите да сърфирате с вашата лъскава нова персонализирана тема за Chrome.