/ EditChromeThemes

Содержание
  1. Введение Это руководство, которое поможет вам отредактировать существующие темы Chrome, чтобы изменить цвета текста и фоновые изображения по умолчанию на странице новой вкладки. Это довольно просто сделать и займет около 15 минут, более или менее. Начало работы Вам понадобится чтобы на вашем компьютере был установлен Google Chrome и какой-нибудь текстовый редактор. Мне нравится Sublime Text, но не стесняйтесь использовать любой редактор, который вам больше нравится. Для начала вам нужно будет загрузить уже существующую тему Chrome. Просмотрите магазин тем, чтобы найти ту, которая вам нравится, и нажмите «Добавить в Chrome». Когда у вас есть тема, мы захотим найти папку, в которой она сохраняется. Windows Вам нужно будет показать скрытые файлы, чтобы увидеть папку. Сделайте это, открыв Панель управления. Если вы используете Windows 8 или новее, самый быстрый способ — это клавиша Windows + X, а затем P. Щелкните Оформление и персонализация, затем Параметры папки. Перейдите на вкладку Просмотр. Будет список дополнительных настроек — мы хотим найти опцию Скрытые файлы и папки. Должно быть две опции радио — выберите Показывать скрытые файлы, папки и диски * один. Нажмите «Применить», и все готово. Откройте проводник (Windows + x, e) и перейдите в эту папку. Имя пользователя следует заменить своим именем пользователя. C: Users ** Имя пользователя ** AppData Local Google Chrome User Data Default Extensions OS X Откройте терминал и введите , по умолчанию напишите com.apple.finder AppleShowAllFiles ДА для отображения скрытых файлов. Перейдите в ~/Library/Application Support/Google/Chrome/Default/Extensions, чтобы найти папку, содержащую расширения Chrome. Linux Откройте файловый менеджер в корневом каталоге (sudo nautilus в Ubuntu) и нажмите ctrl + h, чтобы увидеть скрытые файлы. Перейдите в ~/.config/google-chrome/Default/Extensions/, чтобы найти расширения. Вы также можете ввести в Терминале: ‘sudo vi ~/.config/google-chrome/Default/Extensions/’, чтобы редактировать файл напрямую. Найдите свой тема В открытой папке вы найдете длинный список папок, каждая из которых имеет названия, похожие на случайные буквы. Один из них содержит вашу тему, а остальные — это другие темы или расширения, которые вы установили. Сортировать по дате изменения. Самая последняя должна быть вашей темой, при условии, что эта тема была той, которую вы установили последней. Откройте папку, перейдите в папку с версией и найдите файл с именем manifest.json. Редактировать manifest.json Файл manifest.json — это «командный центр» вашей темы. Он контролирует макет и детали вашей темы. Щелкните его правой кнопкой мыши и откройте в текстовом редакторе.. Если вы находитесь в нужной папке, это будет выглядеть примерно так: Вы захотите будьте осторожны с тем, что вы редактируете в файле manifest.json, поскольку он контролирует очень многое, но все, что находится в подразделе theme, должно быть честной игрой. Google предоставляет собственную официальную документацию по атрибутам темы. Вы можете изменить цвета текста, изменив связанные с ними значения RGB. Изменение изображений Вы также увидите подраздел images в manifest.json. Здесь вы можете указать, какие изображения будут использоваться и где. Чтобы изменить изображение, вам нужно поместить изменения в папку изображений, которая находится там же, где вы нашли свой manifest.json. Например, если вы предпочитаете другое фоновое изображение на странице новой вкладки, просто переименуйте свое изображение в eyes.png и скопируйте /вставьте его в папку изображений темы, заменив текущий tab.png, как и вы. Если у вас есть .jpg, который вы хотите использовать вместо него, ничего страшного. Просто вставьте его в папку с изображениями и измените строку кода в манифесте так, чтобы она ссылалась на ваш .jpg. В этом примере, если у вас есть изображение с именем cat.jpg, вы должны изменить строку 22 на "theme_ntp_background": "images/cat.jpg", Подтверждение изменений и использование новой темы Чтобы увидеть, как выглядит ваша новая тема, вы можете добавить ее в Chrome. Для этого вам нужно включить режим разработчика. Перейдите в настройки Chrome (chrome://extensions) и установите флажок Режим разработчика. Нажмите Pack extension, и откроется окно, в котором вы сможете выбрать свою папку. Перейдите в папку с версией вашего расширения и выберите ее. Щелкните ОК, и тогда вы готовы к Pack Extension. Вы получите сообщение об успешном выполнении, в котором говорится, что Chrome создал для вас .crx и .pem. .Crx — это ваша новая тема! Вернитесь в эту папку и дважды щелкните по ней, открыв в Chrome. Внизу должно появиться сообщение, подтверждающее, что вы хотите продолжить добавление темы — нажмите «Продолжить», затем «ОК», и все. Полюбуйтесь своей новой темой и похлопайте себя по спине — вы только что создали свою собственную потрясающую тему! Можно ли получить доступ к теме Google Chrome? Должно быть, это где-то спрашивали, но не могу найти где 🙁 Я читал, выясняя, какой браузер кто-то использовал в html. Мой сайт использует ‘тему’ (DevExpress ‘Black glass), и мне было интересно, есть ли способ получить доступ к текущей теме Chrome, когда пользователь вошел в систему. Я понимаю, что это потенциально может стать огромным мероприятием, но если бы это было возможно, есть ли способ получить ‘css’ темы хромов ( очевидно, это применимо только в том случае, если пользователь использовал хром)? В настоящее время я пишу проект на mvc, но здесь были бы полезны любые подходы html/css. Например: Можно ли получить доступ к css темы ‘Grass’ (обратите внимание, это всего лишь один пример, доступно много других тем)? Насколько я знаю, это невозможно, потому что это не работает как CSS. Вам нужно получить файл JSON, потому что я не думаю, что это возможно из CRX. Вот как выглядит файл JSON для темы GC: {"версия": "1.0", "name": "тестовая тема", "description": "Тестовая тема", "theme": {"images": {"theme_frame": "images/ theme_frame_camo.png "," theme_toolbar ":" images/theme_toolbar_camo.png "," theme_ntp_background ":" images/theme_ntp_background_norepeat.png "," theme_ntp_attribution ":" images/attribution.png "}," colors ": {" frame " : [71, 105, 91], «панель инструментов»: [207, 221, 192], «ntp_text»: [20, 40, 0], «ntp_link»: [36, 70, 0], «ntp_section»: [ 207, 221, 192], «button_background»: [255, 255, 255]}, «tints»: {«buttons»: [0,33, 0,5, 0,47]}, «properties»: {«ntp_background_alignment»: «bottom» }}} Дополнительная информация: https://code.google.com/p/chromium/wiki/ThemeCreationGuide Кстати: зачем вам хотите этого, когда есть 3-4 цвета, без стилей? Вы можете получить цвета с помощью палитры цветов.
  2. Начало работы
  3. Windows
  4. OS X
  5. Linux
  6. Найдите свой тема
  7. Редактировать manifest.json
  8. Изменение изображений
  9. Подтверждение изменений и использование новой темы
  10. Можно ли получить доступ к теме Google Chrome?

Введение

Это руководство, которое поможет вам отредактировать существующие темы Chrome, чтобы изменить цвета текста и фоновые изображения по умолчанию на странице новой вкладки. Это довольно просто сделать и займет около 15 минут, более или менее .

Начало работы

Вам понадобится чтобы на вашем компьютере был установлен Google Chrome и какой-нибудь текстовый редактор. Мне нравится Sublime Text, но не стесняйтесь использовать любой редактор, который вам больше нравится.

Для начала вам нужно будет загрузить уже существующую тему Chrome. Просмотрите магазин тем, чтобы найти ту, которая вам нравится, и нажмите «Добавить в Chrome». Когда у вас есть тема, мы захотим найти папку, в которой она сохраняется.

  • Windows

    Вам нужно будет показать скрытые файлы, чтобы увидеть папку. Сделайте это, открыв Панель управления. Если вы используете Windows 8 или новее, самый быстрый способ — это клавиша Windows + X , а затем P . Щелкните Оформление и персонализация , затем Параметры папки . Перейдите на вкладку Просмотр . Будет список дополнительных настроек — мы хотим найти опцию Скрытые файлы и папки . Должно быть две опции радио — выберите Показывать скрытые файлы, папки и диски * один. Нажмите «Применить», и все готово.

    Откройте проводник (Windows + x, e) и перейдите в эту папку. Имя пользователя следует заменить своим именем пользователя. C: Users ** Имя пользователя ** AppData Local Google Chrome User Data Default Extensions

  • OS X

    Откройте терминал и введите , по умолчанию напишите com.apple.finder AppleShowAllFiles ДА для отображения скрытых файлов. Перейдите в ~/Library/Application Support/Google/Chrome/Default/Extensions , чтобы найти папку, содержащую расширения Chrome.

  • Linux

    Откройте файловый менеджер в корневом каталоге ( sudo nautilus в Ubuntu) и нажмите ctrl + h, чтобы увидеть скрытые файлы. Перейдите в ~/.config/google-chrome/Default/Extensions/, чтобы найти расширения. Вы также можете ввести в Терминале: ‘sudo vi ~/.config/google-chrome/Default/Extensions/’, чтобы редактировать файл напрямую.

Найдите свой тема

В открытой папке вы найдете длинный список папок, каждая из которых имеет названия, похожие на случайные буквы.

Один из них содержит вашу тему, а остальные — это другие темы или расширения, которые вы установили. Сортировать по дате изменения. Самая последняя должна быть вашей темой, при условии, что эта тема была той, которую вы установили последней. Откройте папку, перейдите в папку с версией и найдите файл с именем manifest.json .

Редактировать manifest.json

Файл manifest.json — это «командный центр» вашей темы. Он контролирует макет и детали вашей темы. Щелкните его правой кнопкой мыши и откройте в текстовом редакторе.. Если вы находитесь в нужной папке, это будет выглядеть примерно так:

Вы захотите будьте осторожны с тем, что вы редактируете в файле manifest.json, поскольку он контролирует очень многое, но все, что находится в подразделе theme , должно быть честной игрой. Google предоставляет собственную официальную документацию по атрибутам темы. Вы можете изменить цвета текста, изменив связанные с ними значения RGB.

Изменение изображений

Вы также увидите подраздел images в manifest.json. Здесь вы можете указать, какие изображения будут использоваться и где. Чтобы изменить изображение, вам нужно поместить изменения в папку изображений, которая находится там же, где вы нашли свой manifest.json.

Например, если вы предпочитаете другое фоновое изображение на странице новой вкладки, просто переименуйте свое изображение в eyes.png и скопируйте /вставьте его в папку изображений темы, заменив текущий tab.png, как и вы.

Если у вас есть .jpg, который вы хотите использовать вместо него, ничего страшного. Просто вставьте его в папку с изображениями и измените строку кода в манифесте так, чтобы она ссылалась на ваш .jpg. В этом примере, если у вас есть изображение с именем cat.jpg, вы должны изменить строку 22 на "theme_ntp_background": "images/cat.jpg",

Подтверждение изменений и использование новой темы

Чтобы увидеть, как выглядит ваша новая тема, вы можете добавить ее в Chrome. Для этого вам нужно включить режим разработчика. Перейдите в настройки Chrome (chrome://extensions) и установите флажок Режим разработчика. Нажмите Pack extension , и откроется окно, в котором вы сможете выбрать свою папку. Перейдите в папку с версией вашего расширения и выберите ее.

Щелкните ОК, и тогда вы готовы к Pack Extension . Вы получите сообщение об успешном выполнении, в котором говорится, что Chrome создал для вас .crx и .pem . .Crx — это ваша новая тема! Вернитесь в эту папку и дважды щелкните по ней, открыв в Chrome. Внизу должно появиться сообщение, подтверждающее, что вы хотите продолжить добавление темы — нажмите «Продолжить», затем «ОК», и все. Полюбуйтесь своей новой темой и похлопайте себя по спине — вы только что создали свою собственную потрясающую тему!



Можно ли получить доступ к теме Google Chrome?

Должно быть, это где-то спрашивали, но не могу найти где 🙁

Я читал, выясняя, какой браузер кто-то использовал в html.

Мой сайт использует ‘тему’ (DevExpress ‘Black glass), и мне было интересно, есть ли способ получить доступ к текущей теме Chrome, когда пользователь вошел в систему.

Я понимаю, что это потенциально может стать огромным мероприятием, но если бы это было возможно, есть ли способ получить ‘css’ темы хромов ( очевидно, это применимо только в том случае, если пользователь использовал хром)?

В настоящее время я пишу проект на mvc, но здесь были бы полезны любые подходы html/css.

Например:

Можно ли получить доступ к css темы ‘Grass’ (обратите внимание, это всего лишь один пример, доступно много других тем)?


Насколько я знаю, это невозможно, потому что это не работает как CSS. Вам нужно получить файл JSON, потому что я не думаю, что это возможно из CRX.

Вот как выглядит файл JSON для темы GC:

   {"версия": "1.0", "name": "тестовая тема", "description": "Тестовая тема", "theme": {"images": {"theme_frame": "images/ theme_frame_camo.png "," theme_toolbar ":" images/theme_toolbar_camo.png "," theme_ntp_background ":" images/theme_ntp_background_norepeat.png "," theme_ntp_attribution ":" images/attribution.png "}," colors ": {" frame "  : [71, 105, 91], «панель инструментов»: [207, 221, 192], «ntp_text»: [20, 40, 0], «ntp_link»: [36, 70, 0], «ntp_section»: [  207, 221, 192], «button_background»: [255, 255, 255]}, «tints»: {«buttons»: [0,33, 0,5, 0,47]}, «properties»: {«ntp_background_alignment»: «bottom»  }}}  

Дополнительная информация: https://code.google.com/p/chromium/wiki/ThemeCreationGuide

Кстати: зачем вам хотите этого, когда есть 3-4 цвета, без стилей? Вы можете получить цвета с помощью палитры цветов.

Оцените статью
clickpad.ru
Добавить комментарий