Как изменить тему в возвышенном тексте 3

Обновлено: 05.07.2024

Sublime Text нравится многим разработчикам программного обеспечения по всему миру. Это быстро и очень настраиваемый. Редактор Sublime Text имеет множество плагинов для добавления новых функций, изменения цветовой схемы и тем пользовательского интерфейса. Вы можете настроить его так, как хотите.

В этой статье я покажу вам, как устанавливать темы в редакторе программирования Sublime Text. Приступим.

Установка тем Sublime Text с контролем пакетов:

Package Control — это менеджер пакетов для редактора программирования Sublime Text. С помощью Package Control вы можете легко загружать и устанавливать плагины или пакеты Sublime Text в редакторе Sublime Text.

ПРИМЕЧАНИЕ. Если у вас еще не установлен Package Control, вы можете прочитать Как установить пакеты в Sublime Text с помощью Package Control (ссылка на эту статью), чтобы узнать, как установить Package Control. .

У Package Control есть официальный репозиторий пакетов, где доступны все плагины или пакеты Sublime Text. В репозитории Package Control вы можете найти темы Sublime Text и установить понравившуюся.


В этой статье я покажу вам, как установить тему Agila. Но процедуры установки других тем пользовательского интерфейса в Sublime Text с помощью Package Control такие же. Просто найдите его на официальном сайте Package Control и обратите внимание на название пакета. Затем установите его с помощью Package Control из Sublime Text.


Теперь, когда мы знаем, какой пакет мы хотим установить, откройте Sublime Text и перейдите в «Настройки» > «Управление пакетами», как показано на снимке экрана ниже.


Теперь во всплывающем окне "Управление пакетами" нажмите "Управление пакетами: установить пакет", как показано на снимке экрана ниже.


Теперь найдите Agila Theme, и вы сможете найти ее, как показано на снимке экрана ниже. Как только вы это сделаете, нажмите на него.


Package Control должен начать установку пакета Sublime Text.


После завершения установки вы должны увидеть следующее сообщение. Вы можете прочитать его, если хотите. Когда вы закончите, вы можете закрыть вкладку Sublime Text.


Теперь, чтобы перейти на тему Agila, перейдите в «Настройки» > «Темы…», как показано на снимке экрана ниже.


Вы должны увидеть список всех установленных тем пользовательского интерфейса во всплывающем меню. Нажмите на любую тему Agila, которая вам нравится. Я выберу Агилу Монокай.

Тема пользовательского интерфейса должна быть применена.


Вы также можете изменить цветовую схему в соответствии с темой пользовательского интерфейса. Я применил предустановленную цветовую схему Monokai. Но вы можете установить множество других цветовых схем в Sublime Text с помощью диспетчера пакетов Package Control. Вы можете прочитать мою статью «Как использовать цветовые схемы с Sublime Text» (ссылка на эту статью), чтобы узнать, как это сделать.

После изменения цветовой схемы на Monokai Sublime Text с темой пользовательского интерфейса Agila Monokai выглядит следующим образом:


Установка тем Sublime Text вручную:

Возможно, вам не всегда удастся найти тему пользовательского интерфейса для Sublime Text в диспетчере пакетов Package Control. Если вы обнаружите какую-либо тему, недоступную в диспетчере пакетов Package Control, вы все равно можете ее установить.

Если пакет темы пользовательского интерфейса, который вы хотите установить, представляет собой сжатый архивный файл, вам просто нужно извлечь его по правильному пути. Тогда Sublime Text сможет его найти.

Если пакет темы пользовательского интерфейса, который вы хотите установить, находится в репозитории GitHub, вам просто нужно клонировать репозиторий GitHub по правильному пути. Тогда Sublime Text сможет его найти.


Сначала скопируйте URL-адрес репозитория GitHub.


Теперь откройте Sublime Text и перейдите в «Настройки» > «Просмотр пакетов…»


Файловый менеджер должен открыть каталог пакетов Sublime Text, как показано на снимке экрана ниже.


Теперь откройте Терминал и выполните следующую команду, чтобы клонировать репозиторий Spacegray на GitHub:


ПРИМЕЧАНИЕ. Здесь «Тема — Spacegray» — это каталог, в котором будут храниться клонированные файлы, а также имя вашего пакета/плагина. Вы можете изменить его по мере необходимости.

После того как репозиторий GitHub будет клонирован, перейдите в «Настройки» > «Тема…» из Sublime Text.


Вы должны найти только что установленную тему пользовательского интерфейса. В моем случае это тема пользовательского интерфейса Spacegray.



Нажмите на него, и он должен быть активирован.

Вывод:

Вы можете установить темы пользовательского интерфейса вручную. Но я рекомендую вам использовать Package Control для установки тем пользовательского интерфейса, так как это проще и безопаснее.

Вы можете установить гораздо больше тем пользовательского интерфейса в Sublime Text с помощью Package Control. Там же доступна тема пользовательского интерфейса Spacegray. Но я показал вам, как установить его вручную здесь только для демонстрации.

Об авторе

Шахриар Шовон

Фрилансер и системный администратор Linux. Также любит разработку веб-API с помощью Node.js и JavaScript. Я родился в Бангладеш. В настоящее время я изучаю электронику и инженерию связи в Инженерно-технологическом университете Кхулны (KUET), одном из престижных государственных инженерных университетов Бангладеш.

Soda Theme: Soda Light — Скриншот

Тема Soda предназначена для работы с последними сборками Sublime Text, включая Sublime Text 2 и Sublime Text 3.

Установить с помощью Sublime Package Control

Если вы используете превосходный Sublime Package Control Уилла Бонда, вы можете легко установить Soda Theme с помощью пункта меню Package Control: Install Package. Пакет Soda Theme указан как Theme - Soda в списке пакетов.

Установить с помощью Git

В качестве альтернативы, если вы являетесь пользователем git, вы можете установить тему и обновлять ее, клонировав репозиторий непосредственно в каталог Packages в области настроек приложения Sublime Text.

Вы можете найти каталог Sublime Text Packages, используя пункт меню Preferences -> Browse Packages. .

Находясь в каталоге Packages, клонируйте репозиторий темы с помощью следующей команды:

Загрузить и установить вручную

  • Загрузите файлы, используя вариант загрузки GitHub .zip
  • Разархивируйте файлы и переименуйте папку в Theme - Soda
  • Найдите каталог пакетов с помощью пункта меню «Настройки» -> «Обзор пакетов».
  • Скопируйте папку в каталог Sublime Text Packages

Активация темы

Чтобы настроить Sublime Text для использования темы, следуйте приведенным ниже инструкциям для вашей конкретной версии.

Настроить Sublime Text 2

  • Откройте файл настроек пользователя Sublime Text 2 -> Настройки -> Настройки — Пользователь
  • Добавьте (или обновите) запись темы, указав "theme": "Soda Light.sublime-theme" или "theme": "Soda Dark.sublime-theme"

Пример пользовательских настроек Sublime Text 2

Настроить Sublime Text 3

  • Откройте файл настроек пользователя Sublime Text -> Настройки -> Настройки — Пользователь
  • Добавьте (или обновите) запись темы, указав "theme": "Soda Light 3.sublime-theme" или "theme": "Soda Dark 3.sublime-theme"

Пример пользовательских настроек Sublime Text 3

Дополнительные функции

Альтернативные стили вкладок

Тема Soda поставляется с двумя альтернативными стилями вкладок пользовательского интерфейса.

По умолчанию используется квадратная вкладка. Если вы предпочитаете использовать исходный стиль изогнутой вкладки, добавьте следующую пользовательскую настройку в «Настройки» — «Файл пользователя»:

Стили вкладок газировки

Значки папок на боковой панели

Тема Soda имеет значки папок по умолчанию в Sublime Text 3.

Если вы хотите использовать значки папок на боковой панели Sublime Text 2 вместо обычных стрелок, добавьте следующую пользовательскую настройку в «Настройки» — «Файл пользователя»:

Интерфейс с разрешением Retina

Тема Soda была разработана с учетом преимуществ дисплеев с разрешением сетчатки (высокий dpi). И Soda Light, и Soda Dark поддерживают дисплеи Retina.

Soda Retina

Настройка темы

Sublime Text предоставляет элегантный способ настройки существующих тем без необходимости дублировать или поддерживать отдельную копию исходной темы. Если есть аспекты Soda Theme, которые вы хотели бы настроить, загляните на вики-страницу настройки темы.

Бонусные опции

Цветовые схемы подсветки синтаксиса

На снимке экрана Soda Light используется модифицированная версия Espresso Tutti Colori, а на снимке экрана Soda Dark используется модифицированная версия Monokai.

Если вы хотите использовать схемы подсветки синтаксиса, показанные на снимках экрана:

  • Загрузить color-schemes.zip
  • Разархивируйте и поместите извлеченные файлы tmtheme в папку Sublime Text Packages/User
  • Включите цветовую схему, выбрав «Настройки» -> «Цветовая схема» -> «Пользовательская».

Шрифт кода

Кодовый шрифт, показанный на снимке экрана, — Menlo.

Разработка

Обратите внимание, что сборки Sublime Text для разработчиков изменяются быстро, и между выпусками API тем могут происходить изменения, поэтому могут быть случаи, когда тема не совсем работает с совершенно новой версией для разработчиков.

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

Лицензия

Тема Soda находится под лицензией Creative Commons Attribution-ShareAlike 3.0. Вы можете свободно делиться темой и микшировать ее, однако при этом соблюдайте условия лицензии.

Следующие сведения относятся к компонентам лицензии Creative Commons, указанным автором:

Рекомендации по именованию: если вы создаете и распространяете производную тему, дайте своей теме уникальное и оригинальное имя, которое не включает непосредственно "Soda Theme" (или близкий вариант) в основном названии проекта, имени репозитория или элементе управления пакетами. имя.

Я прочитал этот ответ - Sublime 2 - изменение цвета фона в зависимости от типа файла? -- для Sublime 2, но я использую Sublime 3 (в настоящее время находится в стадии бета-тестирования), и в папке Package нет «Цветовой схемы — по умолчанию».

Sublime Text 3 работает так же, как и версия 2. Путь к файлу tmTheme должен быть указан в вашем файле настроек пользователя, расположенном в папке с данными. docs.sublimetext.info/en/latest/reference/…

В AppData/Roaming папки Packages для ST3 и ST2 различаются; ST3 начинается только с папки пользователя. Спасибо за справочную ссылку, но она не объясняет, как создать тему или как изменить тему для каждого типа файла.

Какой путь указан в файле settings.sublime-settings для "color_scheme"? Перейдите в «Настройки» > «Настройки» — «Пользователь» в меню. В предыдущем вопросе, на который вы ссылались, есть объяснение того, как редактировать вашу тему для каждого типа файла, и это то же самое для ST3, вам просто нужно найти файл tmTheme! Он должен быть где-то в вашем каталоге данных.

7 ответов 7

Как изменить общие цвета (фон и шрифт)?

Для MAC: перейдите в Sublime text -> Настройки -> цветовая схема

Шаги, которые я выполнил:

  1. Перейти к настройкам
  2. Нажмите на цветовую схему.
  3. Выберите цветовую схему
  4. Для своего чехла я выбрал пластик .

У меня была такая же проблема. Sublime3 больше не показывает все установленные пакеты, когда вы выбираете «Показать пакеты» в меню «Настройки».

Чтобы настроить цветовую схему, выполните следующие действия (UNIX):

  • Найдите каталог пакетов SublimeText в каталоге, в котором установлен SublimeText (в моей настройке это был /opt/sublime/Packages)
  • Откройте «Цветовая схема — Default.sublime-package»
  • Выберите цветовую схему, наиболее соответствующую вашим требованиям, и скопируйте ее.
  • В Sublime Text выберите «Настройки» — «Просмотр пакетов» — «Пользователь».
  • Вставьте сюда цветовую схему, которую вы скопировали ранее, и переименуйте ее. Теперь он должен отображаться в меню "Настройки – Цветовая схема" в разделе "Пользователь"
  • .
  • Следуйте инструкциям по ссылке, которую вы ранее упомянули, чтобы внести необходимые изменения (Sublime 2 - изменение цвета фона в зависимости от типа файла?)

--- РЕДАКТИРОВАТЬ ---

Для Mac OS X темы хранятся в заархивированных файлах, поэтому, несмотря на то, что файл настроек показывает их как находящиеся в Packages/Color Scheme - Default/, они не отображаются в этом каталоге, пока вы не извлечете их.

  • Их можно извлечь с помощью средства просмотра ресурсов пакета (о том, как установить и использовать средство просмотра ресурсов пакета, см. в этом ответе).
  • Выполните поиск цветовой схемы в средстве извлечения пакетов (должны быть доступны параметры для цветовой схемы по умолчанию и устаревшей цветовой схемы)
  • Извлеките нужный файл. Теперь он будет доступен по адресу users/UserName/Library/Application Support/Sublime Text 3/Packages/Color Scheme — Default (или Legacy)
  • Создайте копию схемы, которую хотите изменить, отредактируйте ее и сохраните.
  • Добавить или изменить строку в настройках пользователя, указывающую на цветовую схему.

Мой файл цвета в Ubuntu 19.04 находится в сжатом файле: «/snap/sublime-text/69/opt/sublime_text/Packages/Color Scheme — Default.sublime-package», а файл цвета называется «Mariana. возвышенная-цветовая-схема"

Чтобы просмотреть файлы темы для ST3, установите PackageResourceViewer через PackageControl.

Затем вы можете использовать Ctrl + Shift + P >> PackageResourceViewer: Open Resource для просмотра файлов тем.

Чтобы отредактировать определенный цвет фона, вам нужно создать новый файл в папке пользовательских пакетов Packages/User/SublimeLinter с тем же именем, что и у темы, которая в данный момент применяется к вашему возвышенному текстовому файлу.

Однако, если ваша тема представляет собой пакет темы стороннего производителя, установленный с помощью управления пакетами, вы можете редактировать шестнадцатеричное значение в этом файле непосредственно в фоновом режиме. Например:

В противном случае, если вы пытаетесь изменить нативную возвышенную тему, добавьте следующее в новый файл, который вы создаете (с тем же именем, что и нативная тема, например Monokai.sublime-color-scheme ) с выбранным вами цветом

Затем вы можете открыть файл, к которому вы хотите применить синтаксис/цвет, а затем перейти к настройкам, специфичным для синтаксиса (в разделе «Настройки»), и добавить путь к файлу в файл настроек синтаксиса следующим образом:

Обратите внимание: если вы установили тему с помощью управления пакетами, она, вероятно, имеет расширение файла .tmTheme.

Если вы хотите изменить цвет фона боковой панели на более темный, выберите «Настройки» > «Тема» > «Adaptive.sublime-theme»

Это мой ответ, основанный на моем личном опыте и информации, полученной из принятого ответа на этой странице, если вам нужна дополнительная информация.

Выделение исходного кода и прозы в Sublime Text управляется цветовой схемой. цветовая схема назначает цвета и стили шрифта для областей, которые назначаются тексту с помощью синтаксиса. Остальной внешний вид пользовательского интерфейса контролируется темой. Тема управляет такими элементами, как кнопки выбора, списки, боковая панель и вкладки.

Цветовые схемы Sublime Text реализованы с помощью файлов .sublime-color-scheme, содержащих JSON. Sublime Text также поддерживает подмножество функций, использующих формат TextMate .tmTheme. До Sublime Text 3.1 поддерживался только формат .tmTheme.

Пример

Ниже приведен пример формата файла .sublime-color-scheme. Полная цветовая схема будет иметь гораздо больше правил для охвата стандартных имен областей действия.

Цвета

Цвета в цветовых схемах могут быть указаны в одном из семи форматов:

Кроме того, цвета можно указать как переменную, а затем ссылаться на них с помощью синтаксиса var(example_var_name) . Ссылки на переменные особенно полезны в сочетании с функцией мода minihtml color() и поддерживаемыми регуляторами blend() , blenda() , alpha() , saturation() , lightness() и min-contrast().

Переменные

В ключе переменных можно создавать многоразовые определения цвета. Имена могут быть любой строкой, использующей символы a-z, A-Z, 0-9, _ и -. Значения могут быть в любом допустимом цветовом формате.

На переменные можно ссылаться в глобальных настройках и правилах с помощью синтаксиса var(example_var_name) . В следующем примере показано основное использование переменных:

Общие настройки

Следующие глобальные настройки входят в объект с ключом "globals".

"background" Цвет фона по умолчанию "foreground" Цвет текста по умолчанию "invisibles" Цвет пробелов при отображении. Если не указано, по умолчанию используется передний план с непрозрачностью 0,35 . "caret" Цвет курсора "block_caret" 3190 Цвет курсора при использовании блочного курсора "block_caret_border" 4086 Цвет курсора граница для каретки блока "block_caret_underline" 4086 Цвет подчеркивания каретки блока рисуется так, как если бы он перекрывался с выделением "block_caret_corner_style" 4086 Стиль углов, используемый для каретки блока. Возможные варианты: круглый (по умолчанию), вырезанный или квадратный. "block_caret_corner_radius" 4086 Радиус, используемый, когда стиль block_caret_corner_style скруглен или обрезан. "line_highlight" Цвет фона строки, содержащей курсор. Используется, только если включен параметр highlight_line.

Акценты

"ошибки" Цвет, используемый для волнистого подчеркивания слов с ошибками. "fold_marker" Цвет, используемый для маркера, указывающего, что содержимое было свернуто. "minimap_border" Цвет границы, нарисованной вокруг области просмотра миникарты, когда включена настройка draw_minimap_border. Обратите внимание, что область просмотра обычно видна только при наведении курсора, если не включен параметр always_show_minimap_viewport. "accent" Цвет, доступный для использования темой. Тема по умолчанию использует это для выделения измененных вкладок, когда включен параметр highlight_modified_tabs.

CSS применяется к содержимому minihtml, созданному с помощью функций всплывающих окон и фантомов, доступных через API.Поддерживаемые свойства CSS обсуждаются в справочнике по CSS minihtml.

Плагинам, использующим minihtml, рекомендуется устанавливать уникальный атрибут id в теге сгенерированного HTML, чтобы позволить цветовым схемам переопределять стили плагинов по умолчанию.

"popup_css" CSS, передаваемый всплывающим окнам. "phantom_css" CSS передается фантомам. Если не указано, использует popup_css . "sheet_css" 4065 CSS, передаваемый на листы HTML.

Желоб

"gutter" Цвет фона поля "gutter_foreground" Цвет номеров строк в поле "gutter_foreground_highlight" 4050 Цвет номеров строк в поле при выделении строки

Функция сравнения отображается в поле в виде цветных линий для добавленных и измененных строк и треугольника для удаленных строк.

"line_diff_width" 3186 Ширина строк различий между 1 и 8 "line_diff_added" 3189 Цвет маркеров различий для добавленных строк "line_diff_modified" 3186 Цвет маркеров различий для измененных строк "line_diff_deleted" 3189 Цвет различий маркеры для удаленных строк

Выбор

"selection" Цвет фона выделенного текста "selection_foreground" Цвет, который переопределяет цвет текста выделенного фрагмента в зависимости от области видимости "selection_border" Цвет границы выделенного фрагмента "selection_border_width" Ширина границы выделенного фрагмента, от 0 до 4 . "inactive_selection" Цвет фона выделения в представлении, которое в данный момент не сфокусировано. "inactive_selection_border" 4074 Цвет границы выделения в представлении, которое в данный момент не сфокусировано. "inactive_selection_foreground" Цвет, который перекрывает текст на основе области действия. цвет выделения в представлении, которое в данный момент не сфокусировано "selection_corner_style" Стиль углов, используемый для выделения. Возможные варианты: круглый (по умолчанию), вырезанный или квадратный. "selection_corner_radius" Радиус, используемый, когда selection_corner_style является круглым или обрезанным .

"highlight" Цвет границы для "другого" совпадает, когда на панели "Найти" выбран параметр Выделить соответствует. Также используется для выделения совпадений в результатах поиска в файлах. "find_highlight" Цвет фона текста, совпадающего с панелью "Найти" "find_highlight_foreground" Цвет, который переопределяет цвет текста на основе области видимости текста, совпадающего с панелью "Найти" . "scroll_selected_highlight" 4050 Цвет выбранной позиции результата поиска, отображаемой над полосой прокрутки.

Линейки

Положение линеек задается параметрами линеек.

"rulers" Цвет, используемый для рисования линеек.

Руководства

Направляющие глобально управляются параметром draw_indent_guides.

"guide" Цвет, используемый для рисования направляющих отступов. Используется, только если параметр "draw_normal" присутствует в настройке indent_guide_options . "active_guide" Цвет, используемый для рисования направляющих отступов для уровней отступа, содержащих курсор. Используется, только если параметр "draw_active" присутствует в настройке indent_guide_options . "stack_guide" Цвет, используемый для рисования направляющих отступов для родительских уровней отступа уровня отступа, содержащего курсор. Используется, только если параметр "draw_active" присутствует в настройке indent_guide_options .

Квадратные скобки

Соответствие скобок глобально контролируется настройкой match_brackets.

Как подсвечиваются скобки, когда знак вставки стоит рядом с единицей. Принимает список, разделенный пробелами, из следующего:

  • подчеркнуть
  • stippled_underline
  • squiggly_underline
  • передний план
  • жирный шрифт
  • курсив

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

  • подчеркнуть
  • stippled_underline
  • squiggly_underline
  • передний план

Сопоставление тегов глобально контролируется настройкой match_tags.

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

  • подчеркнуть
  • stippled_underline
  • squiggly_underline
  • передний план

Тени

"shadow" Цвет тени, используемый для отображения возможности горизонтальной прокрутки текстовой области. "shadow_width" Ширина тени в аппаратно-независимых пикселях.

Правила области

Цветовые схемы взаимодействуют с текстом в файле через области видимости. Области задаются для токенов кода или прозы с помощью синтаксиса. Области — это строки с точками, указанные в порядке от наименее к наиболее конкретному. Например, ключевое слово if в PHP может быть указано через имя области keyword.control.php .

Соответствие

Цветовые схемы применяют к областям цвета и стили шрифтов, сопоставляя метки с точками, начиная с первой. Сопоставление префиксов — это стандартный способ применить цветовую схему к нескольким синтаксисам.Вместо того, чтобы сопоставлять keyword.control.php, большинство цветовых схем вместо этого присваивают цвет ключевому слову. Совпадение первых одной или двух меток в области действия является наиболее распространенным. Включение последней метки, имени синтаксиса, является редкостью, если только не требуется переопределение, зависящее от синтаксиса.

Именование

Автор синтаксиса может назначать любые области действия для данного токена. Это в сочетании с тем фактом, что существуют сотни синтаксисов, поддерживаемых сообществом, означает, что может быть трудно понять, на какие области ориентироваться. Официальные рекомендации по именованию областей были созданы, чтобы помочь авторам синтаксиса и цветовых схем использовать общий набор для лучшей совместимости. В разделе «Использование в цветовых схемах» представлен базовый набор областей действия, которые авторы цветовых схем должны учитывать.

Правила стиля

Каждое правило стиля области действия состоит из объекта, содержащего ключ области действия, а также один или несколько следующих необязательных ключей:

Имя (произвольное) для правила области

Цвет фона

Корректировка цвета "переднего плана", действительная только для "фона"

Цвет текста при выборе

Ноль или более следующих элементов, разделенных пробелами:

  • жирный шрифт
  • курсив
  • светиться 4050
  • подчеркнуть 4074
  • stippled_underline 4075
  • squiggly_underline 4075

Ключ "foreground_adjust" принимает разделенный пробелом список регуляторов, которые поддерживаются функцией мода minihtml color(). Он поддерживается только в том случае, если также указан ключ «фон», и, таким образом, позволяет изменять все передние планы, используемые в сочетании с фоном, без необходимости создавать разные правила для каждой перестановки.

Подсветка хешированного синтаксиса

Клавиша "передний план" поддерживает специальный режим, называемый Подсветка хешированного синтаксиса, в котором каждый токен, соответствующий заданной области действия, получает уникальный цвет из одного или нескольких градиентов. Некоторые редакторы называют этот стиль выделения Семантическое выделение.

Чтобы использовать подсветку хешированного синтаксиса, ключ "передний план" должен иметь значение, представляющее собой массив из двух или более цветов. Sublime Text создаст 256 различных цветов, которые представляют собой линейную интерполяцию (lerp) между предоставленными цветами. Интерполяция выполняется в пространстве HSL.

Поскольку Sublime Text выделяет токены в файле, он создает хэшированное значение токена и использует его для выбора одной из 256 линейных интерполяций. Каждый экземпляр данного токена будет использовать один и тот же цвет. Например, каждый экземпляр first_name будет иметь один и тот же цвет, но каждый экземпляр name будет иметь другой цвет.

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

Примеры

Следующее правило стиля области будет окрашивать все строки в зеленый цвет:

Чтобы выделить все числа полужирным курсивом красного цвета, используйте:

Настройка

Цветовые схемы, основанные на формате .sublime-color-scheme, указываются только по имени файла, а не по пути к файлу на основе пакета. Это позволяет пользователям настраивать цветовую схему, переопределяя переменные или глобальные переменные и добавляя правила.

Чтобы настроить пользовательскую настройку цветовой схемы, создайте новый файл с тем же именем, что и у цветовой схемы, но сохраните его в папке Packages/User/.

Например, чтобы настроить цветовую схему Monokai по умолчанию, создайте файл Packages/User/Monokai.sublime-color-scheme . Следующие настройки изменят цвет фона на полностью обесцвеченный серый, а желтый на более яркий, а также добавят новое правило изменения строк документации Python, чтобы они окрашивались так же, как строки.

Содержимое ключей "variables" и "globals" объединяется, а пользовательская копия перезаписывает ключи с тем же именем. К массиву rules добавляются правила пользователя.

Приложение: Цвета CSS

aliceblue
античный белый
цвет морской волны
аквамариновый
лазурный
бежевый
бирюзовый
черный
бланшированный миндальный
синий < br />сине-фиолетовый
коричневый
деревянный
кадетский синий
шартрез
шоколадный
коралловый
васильковый
кукурузный шелк
малиновый < br />голубой
темно-синий
темно-голубой
темно-золотистый
темно-серый
темно-зеленый
темно-серый
темно-хаки
темно-пурпурный
темно-зеленый < br />темно-оранжевый
темно-зеленый
темно-красный
темно-лососевый
темно-зеленый
темно-синий
темно-латунно-серый
темно-латунно-серый
темно-бирюзовый
темно-фиолетовый < br />темно-розовый
темно-голубой
темно-серый
тускло-серый
голубой доджер
огнеупорный
цветочный белый
зеленый лес
фуксия
гейнсборо < бр />

призрачный белый
золотой
золотарник
серый
зеленый
зелено-желтый
серый
медвяная роса
ярко-розовый
индийско-красный < br />индиго
слоновая кость
хаки
лаванда
лавандовый румянец
зеленый лужайка
лимонно-шифоновый
светло-голубой
светло-коралловый
светло-голубой < br />светло-золотисто-желтый
светло-серый
светло-зеленый
светло-серый
светло-розовый
светло-лососевый
светло-морской зеленый
светло-небесно-голубой
светло-сланцево-серый
светло-сланцево-серый < br />светло-стальной синий
светло-желтый
лаймовый
лимово-зеленый
льняной
маджента
бордовый
средний аквамарин
средне-синий
среднеорхидейный < br />средний фиолетовый
средний морской зеленый
средний сланцево-синий
средний весенне-зеленый
средний бирюзовый
среднефиолетовый красный
темно-синий
мятно-кремовый
туманно-розовый
мокасины < бр />

навахобелый
темно-синий
староцветный
оливковый
оливково-красный
оранжевый
апельсиновый
орхидейный
палеголденродный
бледно-зеленый < br />бледно-бирюзовый
бледно-фиолетовый
папайавхип
персиковый
перу
розовый
сливовый
пудрово-голубой
фиолетовый
ребеккапурпурный < br />красный
розово-коричневый
королевский синий
седельно-коричневый
лососевый
песочно-коричневый
морская зелень
морская ракушка
сиенна
серебристый < br />небесно-голубой
сланцево-голубой
сланцево-серый
сланцево-серый
снежно-белый
весенне-зеленый
стально-голубой
загорелый
бирюзовый
чертополох < br />томатный
бирюзовый
фиолетовый
пшеничный
белый
белый дымчатый
желтый
желто-зеленый

Как изменить цветовую схему в Sublime Text 3? Может быть, выбрать из меню, но если вы будете менять цветовую схему много раз в день, это будет очень громоздко. Сегодня я хочу изменить цветовую тему редактора Sublime Text, но мышь недоступна, я считаю, что в графическом интерфейсе это невозможно сделать только с помощью клавиатуры. Вы можете нажать Alt + n, чтобы открыть пункт меню «Настройки», но не можете найти пункт меню «Цветовая тема» с помощью клавиатуры (на моей клавиатуре нет клавиш со стрелками).

пункт меню переключения темы возвышенного цвета

Одна важная особенность цветовой темы заключается в том, что нам нужны разные цветовые темы в разное время. Любой, кто использует компьютер для серьезных задач, нуждается как минимум в двух цветовых темах: одна для дневного света и одна для темной среды. Нам также нужно переключать их очень быстро, например, одним щелчком мыши или командой. Это особенно важно для редактора и браузера, на изучение которых у нас уходит много времени.

Каждый раз, когда я устанавливаю Google Chrome, я всегда устанавливаю расширение темной темы, например Hacker Vision, или расширение специальных возможностей, например High Contrast. Для Firefox есть плагин для защиты глаз.

Что я хочу от многих программ, так это возможность автоматически менять тему в зависимости от среды, например, по времени, но, похоже, никто этого не предоставляет, если это не предусмотрено, должен быть ручной способ сделать это.< /p>

Это легко, если вы используете Emacs, у вас есть ELISP, вы можете написать простой код ELISP, чтобы выполнить действие по изменению темы и привязать их к любому сочетанию клавиш, которое вам нравится, вот две функции, представляющие две темы:

Изменить цветовую тему в Emacs очень просто: загрузите скрипт при запуске Emacs и нажмите M-x:day или M-x:dark. Это именно то, что я хочу сделать в Sublime. Но, похоже, нет возможности загрузить скрипт Python непосредственно в Sublime, но вы можете написать свой код Python в пакете Sublime и вызвать код через палитру команд.

Изменяет цветовую схему, редактируя настройки предпочтений

Если вы не хотите использовать громоздкий способ выбора в пунктах меню, вы можете напрямую изменить настройки предпочтений. Сначала нажмите Ctrl + Shift + p, откройте палитру команд и введите «user», Sublime очень умен, Preferences: Settings - User присутствует в первой позиции перетаскивания вниз список результатов. Откройте файл и подготовьте две строки конфигурации для color_scheme

Используйте одну из схем и закомментируйте другую, затем сохраните файл, изменения будут применены немедленно при сохранении.

Sublime не поддерживает комментарии в JSON-файле конфигурации

Описанный выше способ имеет большой недостаток: Sublime перезаписывает файлы конфигурации и удаляет все комментарии всякий раз, когда вы меняете настройки в системе меню, например, выбираете цветовую схему из меню. Я был немного удивлен, когда обнаружил, что содержимое файла Preferences.sublime-settings было восстановлено, а все комментарии потеряны.

Поэтому вам лучше сначала сделать резервную копию файла и всегда редактировать файл резервной копии и копировать в папку Sublime.

Эта проблема на самом деле касается самого JSON, написание комментариев в JSON изначально не поддерживается, как синтаксис, так и механизм синтаксического анализа, JSON не является языком программирования, когда синтаксический анализатор читает и анализирует его, все комментарии теряются, а когда он будучи сброшенными обратно в строку, невозможно восстановить их исходный текстовый макет. Мало того, что комментарии будут потеряны, если вы добавите вкладку пробела при редактировании, они станут настоящей вкладкой после дампа.

Использование селектора цветовой схемы

Если вы не хотите редактировать Preferences.sublime-settings каждый раз, когда хотите переключить цветовую схему, вы можете использовать пакет ColorScheme Selector.

Вы должны установить Package Control, нажмите ctrl + shift + p и выберите Package Control: Install Package, введите "colorschemeselector" увидите пакет, нажмите Enter, чтобы установить его.

Теперь вы можете с помощью нечеткого соответствия переключать цветовую схему, выполнив команду ColorSchemeSelector: Select Color Scheme.

Как видите, нам по-прежнему нужно довольно много нажатий клавиш для переключения цветовой схемы. И нам также нужно запомнить часть имени ColorScheme. Лучше использовать какие-то абстрактные имена, такие как день и темнота. Лучшее решение — ввести «день» в командную палитру и нажать клавишу ввода, чтобы переключиться на яркую цветовую схему.

Добавить пользовательскую команду в палитру команд Sublime

Чтобы добавить команду в палитру команд, нам нужно написать собственный пакет Sublime. Чтобы узнать, как создать свой собственный пакет, я проверил содержимое ColorSchemeSelector и обнаружил, что его очень легко понять, нам не нужно создавать совершенно новый пакет, а просто изменить существующий пакет, пакет содержит весь исходный код и файлы конфигурации, которые мы можем изменить.

Вы можете проверить код на github, вот очень простое введение. Давайте посмотрим на ColorSchemeSelector.py. Чтобы установить все доступные цветовые схемы:

Это просто массив строк, элементом которого является название цветовой схемы. Чтобы переключиться на цветовую схему,

Команда определена в Default.sublime-commands

Все команды обрабатываются методом run класса подключаемого модуля. Он ведет себя по-разному по параметрам. Мы можем добавить дополнительные значения к параметру direction и обрабатывать их дополнительными операторами if

Изменения в методе move_color_scheme:

При выполнении команды day мы ищем схему «Mac Classic» в массиве Color Scheme и вызываем метод set_color_scheme с индексом, который он возвращает. Теперь вы увидите их в палитре команд:


Файлы возвышенного пакета - это просто zip-пакет, вы должны открыть его с помощью zip-просмотрщика и извлечь файлы, после изменения файлов поместить их обратно в zip-пакет и перезапустить Sublime.

Читайте также: