Sublime text 3 настройка под html: Настройка Sublime Text 3 — База Знаний Timeweb Community

Команда set_setting может использоваться для установки определенного значения параметра. Например, эта привязка клавиш заставляет текущий файл использовать цвет Cobalt. схема:

 {
    "клавиши": ["ctrl+k", "ctrl+c"],
    "команда": "set_setting",
    "аргументы":
    {
        "настройка": "color_scheme",
        "value": "Пакеты/Цветовая схема - По умолчанию/Cobalt.tmTheme"
    }
}
 

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

Поиск и устранение неисправностей

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

 view.settings().get('font_face')
 

Документация TOC Цветовые схемы TOP Версия:

Подсветка исходного кода и прозы в Sublime Text контролируется Цветовая схема. Цветовая схема

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

• Пример

• Цвета

• Переменные

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

  • Акценты

  • КСС

  • Желоб

  • Дифф.

  • Выбор

  • Найти

  • Линейки

  • Направляющие

  • Кронштейны

  • Метки

  • Тени

• Правила области применения

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

  • Наименование

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

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

  • Примеры

• Персонализация

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

Пример

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

 {
    "name": "Пример цветовой схемы",
    "глобальные":
    {
        "фон": "rgb(34, 34, 34)",
        "передний план": "#EEEEEE",
        "каре": "белый"
    },
    "правила":
    [
        {
            "имя": "Комментарий",
            "область": "комментарий",
            "передний план": "#888888"
        },
        {
            "имя": "Строка",
            "область": "строка",
            "передний план": "hsla(50, 100%, 50%, 1)",
        },
        {
            "имя": "Номер",
            "scope": "constant. numeric",
            "передний план": "#7F00FF",
            "font_style": "курсив",
        }
    ]
}
 

Цвета

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

• Hex RGB : A # , за которым следуют шесть шестнадцатеричных символов, причем первые два указав красный канал, второй буксировать зеленый канал и последние два синий канал. Красный записывается как #FF0000 . Сокращенная форма доступно, когда каждая из трех пар использует одно и то же значение для обоих персонажи. Красный записывается как #F00 .

• Hex RGBA : То же, что и Hex RGBA, но с дополнительной парой шестнадцатеричных символов в конец, чтобы указать альфа-канал. Красный с непрозрачностью 67% записывается как #FF0000AA . Сокращенная форма будет выглядеть так: #F00A .

• Функциональная нотация RGB : Функция с именем rgb , которая принимает три целые числа в диапазоне от 0 до 255. Первое целое число определяет красный канал, второй зеленый канал и третий синий канал. Красным написано как RGB(255, 0, 0) .

• Функциональная нотация RGBA : Идентично формату функции RGB, за исключением имя функции rgba и добавлен четвертый параметр, принимающий значение от 0,0 до 1,0 , указывающее альфа-канал. Красный с Непрозрачность 50% записывается как rgba(255, 0, 0, 0,5) .

• Функциональная нотация HSL : Функция с именем hsl , которая принимает три ценности. Первое целое число в диапазоне 0 до 360 указание оттенок. Второй - процент, указывающий насыщенность. Третий - это процент, определяющий легкость. Красный записывается как hsl(0, 100%, 50%) .

• Функциональная нотация HSLA : Идентично формату функции HSL, за исключением имя функции hsla и добавлен четвертый параметр, принимающий значение от 0,0 до 1,0 , указывающее альфа-канал. Красный с 50% непрозрачность записывается как hsla(0, 100%, 50%, 0,5) .

• Функциональная нотация HWB : Функция с именем hwb , которая принимает три или четыре значения. Первый — это целое число в диапазоне от 0 до 360 . уточнение оттенка. Второй — процент, указывающий процент белый смешанный. Третий - это процент, определяющий черный смешанный. Необязательный четвертый параметр — это значение от 0,0 до 1,0 , которое управляет непрозрачностью. Примеры включают: хвб(0, 20%, 20%) и hwb(0, 20%, 20%, 0,5) .

  3181

• Named : Имена цветов CSS. Обратите внимание, что пока некоторые имеют общие имена с именованными цветами X11, используемыми в файлах .tmTheme, реальные цвета, как правило, отличаются.

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

• blend() регулятор : Смешивает цвет с базовым. Чтобы смешать равные части серого и базовый цвет, на который ссылается переменная, в пространстве RGB: color(var (base_green) смесь(#888 50%)) . Если цвета должны смешиваться в пространстве HSL, используйте следующая форма: color(var(base_green) blend(#888 50% hsl)) . результирующее альфа-значение всегда является альфа-каналом основного цвета.

• корректор blenda() : Функционирует так же, как корректор blend() , но смешивает альфа-канал двух цветов, а не просто использует альфа-канал канал от базы. Пример смешивания частично прозрачного серый в зеленый: color(var(base_green) blenda(#8888 50% hsl))

• alpha() регулятор : изменяет альфа-канал базового цвета на значение указанный, от 0,0 до 1,0 . Установка альфа-канала на 90%: цвет(var(base_green) alpha(0.9)) . Сокращенное имя a() также доступен для этого регулятора.

• регулятор насыщения () : Изменяет канал насыщения основного цвета, в цветовом пространстве HSL, до указанного значения, от 0% до 100% . Установка насыщенности на 90%: цветов (var (base_green) насыщенность (0,9)) . Увеличение насыщенности на 10%: цвет(var(base_green) s(+ 10%)) . Сокращенное имя s() также доступен для этого регулятора.

  3179

• регулятор яркости () : Изменяет канал яркости основного цвета, в цветовом пространстве HSL до указанного значения от 0%` до 100% . Установка яркости на 90%: цветов (var (base_green) яркость (0,9)) . Уменьшение яркости на 10%: цвет (var(base_green) l(- 10%)) . Также доступно сокращенное имя l() . для этого настройщика.

  3179

• регулятор min-contrast() (собственность: изменяет цвет для обеспечения минимальный коэффициент контрастности по отношению к «фоновому» цвету. Первый параметр цвет для расчета контраста еще раз, «фон», а второй — десятичное число, указывающее минимальный коэффициент контрастности. Типичные значения для диапазона контрастности от 2,0 до 4,5 . Обеспечьте контрастность 2,5 по отношению к фону: цветов(var (base_green) минимальная контрастность (var (bg_color) 2.5))

  3181

Переменные

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

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

 {
    "name": "Пример цветовой схемы",
    "переменные":
    {
        "зеленый": "hsla(153, 80%, 40%, 1)",
        "черный": "#111",
        "белый": "rgb(242, 242, 242)"
    },
    "глобальные":
    {
        "фон": "вар(черный)",
        "передний план": "вар(белый)",
        "каре": "цвет (вар (белый) альфа (0,8))"
    },
    "правила":
    [
        {
            "имя": "Комментарий",
            "область": "комментарий",
            "передний план": "цвет(вар(черный) смесь(#fff 50%))"
        },
        {
            "имя": "Строка",
            "область": "строка",
            "передний план": "var(зеленый)",
        },
        {
            "имя": "Номер",
            "scope": "constant.numeric",
            "передний план": "#7F00FF",
            "font_style": "курсив",
        }
    ]
}
 

Глобальные настройки

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

"фон"

Цвет фона по умолчанию.

"передний план"

Цвет текста по умолчанию.

"невидимки"

Цвет пробела при рендеринге. Если не указано, по умолчанию передний план с непрозрачностью 0,35 .

"каре"

Цвет каре

"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"

Цвет, используемый для маркера, указывающего, что содержимое свернуто.

"миникарта_граница"

Цвет границы, рисуемой вокруг области просмотра мини-карты при параметр draw_minimap_border включен. Обратите внимание, что окно просмотра обычно виден только при наведении, если только always_show_minimap_viewport настройка включена.

"акцент"

Цвет, доступный для использования темой. Тема по умолчанию использует это для выделять измененные вкладки, когда highlight_modified_tabs настройка включено.

УСБ

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

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

CSS передан всплывающим окнам.

"фантом_css"

CSS передан фантомам. Если не указано, использует popup_css .

"лист_css"

4065

CSS переданы листам HTML.

Желоб

"желоб"

Цвет фона желоба.

"желоб_передний план"

Цвет номеров строк в желобе.

"желоб_фореграунд_хайлайт"

4050

Цвет номеров строк в поле, когда строка выделена.

Дифф.

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

"line_diff_width"

3186

Ширина линий разницы между 1 и 8 .

"line_diff_added"

3189

Цвет маркеров diff для добавленных строк.

"line_diff_modified"

3186

Цвет маркеров различий для измененных строк.

"line_diff_deleted"

3189

Цвет маркеров различий для удаленных строк.

Выбор

"выбор"

Цвет фона выделенного текста

"выбор_переднего плана"

Цвет, который переопределяет цвет текста на основе области выделения.

"выбор_бордюр"

Цвет границы выделения.

"selection_border_width"

Ширина границы выделения, от 0 до 4 .

"неактивный_выбор"

Цвет фона выделения в представлении, которое.

"inactive_selection_border"

4074

Цвет границы выделения в представлении, которое в данный момент не сфокусированный.

"inactive_selection_foreground"

Цвет, который переопределяет цвет текста на основе области выделения в вид, который в данный момент не сфокусирован.

"selection_corner_style"

Стиль углов для выделения. Варианты включают: круглый (по умолчанию), вырезать или квадрат .

"выбор_угол_радиус"

Радиус для использования, когда selection_corner_style равен round или вырезать .

Найти

"изюминка"

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

"find_highlight"

Цвет фона текста, соответствующий панели поиска.

"find_highlight_foreground"

Цвет, который переопределяет цвет текста на основе области действия.

"scroll_highlight"

4050

Позиции результатов поиска по цвету отображаются над полосой прокрутки.*

"scroll_selected_highlight"

4050

Цвет выбранной позиции результата поиска, отображаемой поверх прокрутки бар.*

линейки

задается настройкой линеек .

"линейки"

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

Направляющие

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

"проводник"

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

"активный_гид"

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

"stack_guide"

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

Кронштейны

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

«скобки_опции»

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

• подчеркивание

• stipple_underline

• squiggly_underline

• передний план

• полужирный

• курсив

"скобки_передний план"

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

"bracket_contents_options"

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

• подчеркивание

• stipple_underline

• squiggly_underline

• передний план

"bracket_contents_foreground"

Цвет, используемый при рисовании стиля, указанного скобки_contents_options .

Теги

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

"теги_параметры"

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

• подчеркивание

• stipple_underline

• squiggly_underline

• передний план

"tags_foreground"

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

Тени

"тень"

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

"shadow_width"

Ширина тени в аппаратно-независимых пикселях.

Область применения

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

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

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

Именование

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

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

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

"имя"

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

"передний план"

Цвет текста.

"фон"

Цвет фона.

"передний план_настроить"

3179

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

"выбор_переднего плана"

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

"стиль_шрифта"

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

• полужирный

• курсив

• свечение

  4050

• подчеркивание

  4074

• stippled_underline

  4075

• squiggly_underline

  4075