Цвет текста html красный: Цвет текста (color) в HTML

Leave a Comment / Html / By /

Содержание

Цветной вывод текста в Python / Песочница / Хабр

Цветной вывод текста в Python

Всем привет сегодня я хотел рассказать вам «Как сделать цветной вывод текста в Python?» это даже может сделать не опытный человек не имея каких-то знаний. Поэтому если вам интересно то продолжайте читать и тогда все поймете.

C помощью встроенных средств языка

На Python с помощью ANSI-код можно делать цвет, фон и т.д. Это очень мощный и удобный инструмент, с его помощью программист может напрямую определять цвет текста. ANSI коды работают на большинстве дистрибутивов Linux, но не поддерживаются консолью операционной системы Windows до Windows 10.

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

Использовать ANSI коды просто, для этого нужно знать базовый синтаксис и сами коды. Разбор на примере кода «\033[31m\033[43m»:

  • «033[» — обозначение того, что дальше идет какой-то управляющий цветом код.

  • 37m — это код цвета а именно красный.

  • 43m — это код цвет фона для текста.

Именно через этот ANSI-код мы можем делать текст разноцветным, не забывайте ставить "" иначе будет ошибка.

Давайте сделаем вывод текста на консоле через

функции.

def out_red(text):
    print("\033[34m{}".format(text))
out_red("ПРИВЕТ")

Через print() мы задали цвет текста «ПРИВЕТ» синим цветом. Также можно добавить фон и стиль текста все в одну строку.

print("\033[3m\033[33m\033[41m{}\033[0m".format("Htua_0111100000"))

  • \033[3m — отвечает за стилб текста в данном случае это курсив.

  • \033[33m — отвечает за цвет текста.

  • \033[41m — отвечает за цвет фона.

  • {} — заменит на «Htua_0111100000»

  • \033[0m — отвечает за сброс к начальным значениям.

Вобщем вот целая таблица с кодами цвета, фона и стилей.

Цвет

Текст

Фон

Чёрный

30

40

Красный

31

41

Зелёный

32

42

Жёлтый

33

43

Синий

34

44

Фиолетовый

35

45

Бирюзовый

36

46

Белый

37

47

Код

Стили текста

0

Сброс к начальным значениям

1

Жирный

2

Блёклый

3

Курсив

4

Подчёркнутый

5

Редкое мигание

6

Частое мигание

7

Смена цвета фона с цветом текста

Цветной вывод текста в Python через библиотеку Colorama

Этой библиотекой тоже можно сделать цветной текст. Достаточно просто знать код и все. Для того чтобы начать работать нужно просто установить библиотеку pip install colorama потом можно начать работать с этой библиотекой. Создайте файл

colorama.py и можно приступать к написанию кода.

from colorama import init, Fore
from colorama import Back
from colorama import Style
init(autoreset=True)
print(Fore.BLUE + 'some red text')
print(Back.WHITE + 'and with a green background')
print(Style.BRIGHT + 'and in dim text')
print(Style.RESET_ALL)
print('back to normal now')

  1. Cначала импортируем init, Back, Style то есть все необходимые нам функции для вывода текста на консоль.

  2. Стоит обратить внимание на функцию init. Если её забыть запустить, то не будет поддерживаться вывод на Windows 10.

  3. print(Fore.BLUE + 'some red text') — это задает цвет текста также вы можете поменять на красный (RED) или зеленный (GREEN) и т.д.

  4. print(Back. WHITE + 'and with a green background')

    — это задает фон текста

  5. print(Style.BRIGHT + 'and in dim text') — стиль текста

  6. print(Style.RESET_ALL) — сброс всех стилей

  7. print('back to normal now') — обычный текст

Вывод текста через Colorama

Цветной текст через библиотеку termcolor

Это тоже вторая библиотека отвечающее за цвет фон и так далее. pip install termcolor

from termcolor import colored, cprint
print(colored('Привет мир!', 'red', attrs=['underline']))
print('Привет, я люблю тебя!')
cprint('Вывод с помощью cprint', 'green', 'on_blue')

Импортируем colored и cprint, и пишем print(colored('Привет мир!', 'red', attrs=['underline'])) тут вобще намного легче чем предыдущая attrs = [‘underline’] задает стиль текста. Следущее сpint('Вывод с помощью cprint', 'green', 'on_blue') — это функция отвечает за цвет текста и фон.сpint('Ваш любимый текст', 'цвет текста', 'фон текста')

Вывод

В общем, благодаря ANSI-кодом, библиотека colorama и termcolor можно создавать ваши любимые тексты, кстати можно с этой темой можно создавать мини викторины или что то другое. Я надеюсь на то что вам понравилось эта статья и надеюсь в будущем я продолжу писать все больше и больше статей на разные темы. Спасибо за внимание!

ExcelScript.ChartFont interface — Office Scripts

Twitter LinkedIn Facebook Адрес электронной почты

  • Ссылка
Пакет:
ExcelScript

Этот объект представляет атрибуты шрифта (например, имя шрифта, размер шрифта и цвет) для объекта диаграммы.

Методы

getBold()

Указывает, является ли шрифт полужирным.

getColor()

Представление цветового кода HTML для цвета текста (например, #FF0000 представляет красный цвет).

getItalic()

Указывает, применяется ли курсив.

getName()

Имя шрифта (например, «Calibri»)

getSize()

Размер шрифта (например, 11)

getUnderline()

Тип подчеркивания, применяемый для шрифта. Дополнительные сведения см. в этой ExcelScript.ChartUnderlineStyle статье.

setBold(bold)

Указывает, является ли шрифт полужирным.

setColor(color)

Представление цветового кода HTML для цвета текста (например, #FF0000 представляет красный цвет).

setItalic(italic)

Указывает, применяется ли курсив.

setName(name)

Имя шрифта (например, «Calibri»)

setSize(size)

Размер шрифта (например, 11)

setUnderline(underline)

Тип подчеркивания, применяемый для шрифта. Дополнительные сведения см. в этой ExcelScript.ChartUnderlineStyle статье.

Сведения о методе

get

Bold()

get

Color()

get

Italic()

get

Name()

get

Size()

get

Underline()

set

Bold(bold)

set

Color(color)

set

Italic(italic)

set

Name(name)

set

Size(size)

set

Underline(underline)

Обратная связь

Просмотреть все отзывы по странице

Форматированный текст, Документация TextMesh Pro

Вы можете использовать теги форматированного текста для изменения внешнего вида и макета текста. Эти теги работают как теги HTML или XML, но имеют менее строгий синтаксис.

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

Некоторые теги имеют значения и атрибуты, например <тег=значение> и <тег атрибут=значение> . Эти аргументы являются либо именами, либо числовыми значениями. Числа представляют собой обычные десятичные числа, пиксели, такие как

1px , проценты, такие как 80% , единицы шрифта, такие как 1.2em , или шестнадцатеричные значения цвета, такие как #FF . Имена могут быть как с двойными кавычками, так и без них, но если атрибутов больше, лучше использовать кавычки.

Теги и их атрибуты могут содержать до 128 символов. Это ограничение не должно быть проблемой, если только вы не используете очень длинные строковые атрибуты.

Обзор тегов

Теги Сводка
выравнивание Выравнивание текста.
альфа, цвет Цвет и непрозрачность.
b, i Жирный и курсив.
cspace Межсимвольный интервал.
шрифт Выбор шрифта и материала.
отступ Отступ.
высота строки Высота строки.
отступ строки Отступ строки.
ссылка Текстовые метаданные.
строчные, прописные, прописные Заглавные буквы.
поля Текстовые поля.
метка Текст маркировки.
mspace Моноширинный.
noparse Запретить синтаксический анализ.
nobr Неразрывные пробелы.
стр. Разрыв страницы.
pos Горизонтальное положение курсора.
Размер Размер шрифта.
пробел Горизонтальный пробел.
спрайт Вставка спрайтов.
с, у Зачеркнуть и подчеркнуть.
стиль Пользовательские стили.
нижний, дополнительный Нижний и верхний индекс.
vсмещение Смещение базовой линии.
ширина Ширина текста.

Выравнивание текста

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

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

Последовательные области выравнивания не складываются. Тег возвращает обратно к общему выравниванию объекта.

Справа
По центру
Слева
Переключение выравнивания.

Цвет

Вы можете изменить цвет текста различными способами. Самый простой способ — использовать . Поддерживаемые имена цветов: черный, синий, зеленый, оранжевый, фиолетовый, красный, белый и желтый.

Вы также можете использовать шестнадцатеричное число для указания цвета. Такие цвета имеют форму #FFFFFF или #FFFFFFFF , если вы также хотите определить альфа-значение. В этом случае вы можете опустить имя тега color .

Красный Темно-зеленый <#0000FF>Синий Полупрозрачный красный
Цвета.

Если вы хотите изменить только прозрачность текста, вы можете использовать 9Тег 0005 альфа . Он работает с шестнадцатеричными значениями.

FF CC AA 88 66 44 22 <альфа=#00>00
Альфа от 100% до 0%.

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

Красный, Синий и снова красный.
Восстановление цвета.

Жирный и курсив

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

быстрая коричневая лиса перепрыгивает через ленивую собаку.
Жирный и курсив.

Интервал между символами

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

Закрывающий тег возвращается к нормальному интервалу шрифта.

Интервал так же важен, как и время.
Расстояние между символами.

Шрифт

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

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

Хотите другой шрифт? или просто другой материал?
Смешивание шрифтов и материалов.

Отступ

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

1. Это полезно для таких вещей, как маркеры.
2. Это удобно.
Использование отступов для создания списка.

Высота линии

Тег line-height позволяет вручную управлять высотой строки. Используйте его, чтобы сблизить линии или раздвинуть их дальше друг от друга. Поскольку высота строки определяет, насколько ниже начинается следующая строка, этот тег не изменяет текущую строку.

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

Высота строки при 100%
Высота строки при 50%
Довольно уютно.
Высота строки при масштабе 150%
Какое расстояние!
Разная высота строк.

Отступ строки

line-indent вставляет горизонтальный пробел сразу после него и перед началом каждой новой строки. Это влияет только на ручные разрывы строк, а не на строки с переносом слов. Вы можете использовать пиксели, единицы шрифта или проценты.

Закрывающий тег завершает отступ строк.

Это первая строка этого примера текста.
Это вторая строка того же текста.
Отступ каждой новой строки с одним тегом.

Текстовая ссылка

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

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

Хотя эта ссылка обеспечивает взаимодействие с пользователем, она не меняет внешний вид связанного текста. Для этого нужно использовать другие теги.

Нижний регистр, верхний регистр и строчные буквы

Эти три тега используются для изменения заглавных букв вашего текста. 9Теги 0005 в нижнем регистре и в верхнем регистре работают так, как вы ожидаете. allcaps — это псевдоним для в верхнем регистре .

Тег smallcaps работает так же, как верхний регистр , но также уменьшает размер всех символов, которые изначально не были в верхнем регистре.

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

Маржа

Вы можете настроить горизонтальные поля текста с помощью тега margin . Если вы хотите настроить только левое или правое поле, вы можете использовать теги margin-left или margin-right . Вы можете использовать пиксели, единицы шрифта и проценты.

Раньше наши поля были очень широкими.
Но те времена давно прошли.
Регулировка полей.

Марка

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

Теги Marks не складываются, они заменяют друг друга.

Текст может быть помечен наложением.
Выделенный текст.

Моноширинный

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

Тег очищает все переопределения моноширин.

Любой шрифт может стать моноширинным, если вы действительно этого хотите.
Обработка шрифта как моноширинного.

Нопарс

Иногда вам нужно показать текст, который будет интерпретироваться как тег. Вы можете отключить расширенные теги, чтобы справиться с этим. Но если вы также хотите использовать теги в том же тексте, вы можете использовать тег noparse для создания области, которая не анализируется.

Используйте для полужирного текста.
Предотвратить синтаксический анализ некоторых тегов.

Неразрывные пробелы

Если вы хотите, чтобы слова оставались вместе и не разделялись переносом слов, вы можете использовать тег nobr .

Вы не хотите, чтобы ВАЖНОЕ ВАЖНОЕ разваливалось.
Важные части остаются вместе.

Разрыв страницы

Вы можете использовать тег page для вставки разрывов страниц в текст. Это разбивает текст на отдельные блоки. Текстовый объект должен быть установлен в режим переполнения страницы, чтобы это работало.

Горизонтальное положение

Тег pos дает вам прямой контроль над горизонтальной позицией каретки. Вы можете поместить его в любом месте на той же строке, независимо от того, где он начался. Вы можете использовать пиксели, единицы шрифта или проценты.

Эти теги лучше всего использовать с выравниванием по левому краю.

при 75%
при 25%
при 50%
при 0%
Установка позиций.

Размер шрифта

Вы можете изменить размер шрифта вашего текста в любое время. Вы можете указать новый размер в пикселях, единицах шрифта или в процентах. Коррекция пикселей может быть абсолютной или относительной, например, +1 и -1 . Все относительные размеры основаны на исходном размере шрифта, поэтому они не суммируются.

Эхо Эхо Эхо Эхо Эхо
Регулировка размера.

Горизонтальное пространство

Тег space вставляет горизонтальное смещение, как если бы вы вставили несколько пробелов. Вы можете использовать пиксели или единицы шрифта.

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

Дайте мне немного места .
Добавление пространства.

Спрайт

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

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

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

По умолчанию на спрайты не влияет параметр Цвет (вершина) текста. Добавление атрибута tint=1 к тегу окрасит спрайты этим цветом. Вы также можете использовать определенный цвет, добавив цвет=#FFFFFF .

спрайтов! Больше спрайтов! И даже больше!
Вставка спрайтов из спрайта по умолчанию.

Зачеркнутый и подчеркнутый

Вы можете добавить дополнительную строку вдоль текста. Подчеркивание рисует линию немного ниже базовой линии. Вертикальное смещение определяется активом шрифта. Зачеркивание помещает его немного выше базовой линии.

быстрая коричневая лиса перепрыгивает через ленивую собаку.
Зачеркнуть и подчеркнуть.

Стиль

Доступ к пользовательским стилям

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


Вы можете создавать свои собственные.
Пользовательские стили удобны.

Нижний и верхний индекс

Теги sup и sub позволяют размещать текст как верхний или нижний индекс. Их смещение и размер определяются активом шрифта. Это часто используется в научных обозначениях и нумерации, например 1 st и 2 nd .

У нас есть 1 м3 H2O.
Нижний и верхний индекс.

Вертикальное смещение

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

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

Вверх вверх ВВЕРХ и вниз мы идем снова.
Вертикальное смещение.

Ширина текста

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

Изменение вступает в силу в текущей строке, но только после самого тега. Обычно вы размещаете его в начале абзаца.

Настройки ширины перекрывают друг друга, и закрывающий тег возвращается к исходной ширине.

Я помню, когда у нас было много места для текста.
Но те времена давно прошли.
Регулировка ширины области текста.

Документация 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) альфа(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

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 равен округлению или вырезать .

Найти

«изюминка»

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

«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

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

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

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

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

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

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

 {
    "scope": "источник – пунктуация – ключевое слово",
    "передний план": ["hsl(200, 60%, 70%)", "hsl(330, 60%, 70%)"]
}

Примеры

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

 {
    "имя": "Строки",
    "область": "строка",
    "передний план": "#00FF00"
}

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

 {
    "имя": "Числа",
    "scope": "constant.numeric",
    "передний план": "#FF0000",
    "font_style": "жирный курсив"
}

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *