ColorSchemex - Интернет в облаке

ПРОГРАММА:

ИМЯ

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

КОНФИГУРАЦИЯ ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ, НЕ ВКЛЮЧЕННЫЕ В ПАКЕТ

Активные

Цвет, который будет использоваться для фона различных элементов с фокусом, таких как
заголовок окна в фокусе, выбранный пункт меню и т. д. Этот цвет должен быть
контрастирует с Базовым, Неактивным1 и Неактивным2 по оттенку, но схожим по насыщенности.

АктивТемный

Этот цвет должен иметь немного меньшее значение, чем Активный (быть темнее на 5-10%). Это
полезно, когда фон выделенной строки заголовка является градиентом.

Активлайт

Этот цвет должен иметь немного большее значение, чем Активный (быть на 5-10% светлее). Этот
полезен, когда фон выделенной строки заголовка является градиентом.

Активтекст

Цвет текста на выделенных заголовках. Он должен иметь высокий контраст с
Активный цвет.

Угол

Определяет угол круга оттенков между цветами Inactive1, Base и Inactive2 в
цветовые схемы, которые автоматически рассчитываются AfterStep. Угол по умолчанию 30
градусов. Используйте меньший угол, чтобы сделать неактивный и базовый цвета более похожими.

Система исчисления

Этот цвет определяет цвет цветовой схемы. Он будет использоваться для рабочего стола
фон. Когда AfterStep позволяет автоматически рассчитывать цветовую схему - это
будет использовать этот цвет вместе со значением угла в качестве основы для расчетов.

БазаТемный

Цвет должен быть примерно на 10% темнее основного цвета, но иметь аналогичный оттенок и
насыщенность. Полезно для рисования градиентного фона рабочего стола.

Базовый свет

Цвет должен быть примерно на 10% светлее основного цвета, но иметь аналогичный оттенок.
и насыщенность. Полезно для рисования градиентного фона рабочего стола.

Курсор

Этот цвет будет использоваться для указателя pmouse, и он должен сильно контрастировать с
все остальные цвета.

Отключенный текст

Цвет текста отключенных пунктов меню. Должно быть очень похоже на пункт меню
фоновый цвет.

ХайАктив

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

Хайактивебэк

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

ВысокийАктивныйНазадТемный

Должен быть на 10% темнее цвета HighActiveBack. Полезно для градиентного фона
выбранный пункт меню.

ВысокаяАктивнаяПодсветка

Должен быть на 10% светлее цвета HighActiveBack. Полезно для градиентного фона
выбранного пункта меню.

Высокий Активный Темный

Должен быть на 10% темнее цвета HighActive. Полезно для градиентного фона
заголовок целевого меню.

Хайактивелайт

Должен быть на 10% светлее цвета HighActive. Полезно для градиентного фона
заголовок целевого меню.

Хайактиветекст

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

Высокий Неактивный

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

Высокий НеактивныйНазад

Используется для фона неактивного пункта меню. Должно быть похоже, но немного ярче
их цвет HighInactive.

Высокий НеактивныйНазадТемный

Должен быть на 10% темнее цвета HighInactiveBack. Полезно для градиентного фона
неактивного пункта меню.

Высокий НеактивныйНазадСветлый

Должен быть на 10% светлее, чем цвет HighInactiveBack. Полезно для градиентного фона
неактивного пункта меню.

Высокий Неактивный Темный

Должен быть на 10% темнее, чем цвет HighInactive. Полезно для градиентного фона
неактивные заголовки меню.

ВысокийНеактивныйСвет

Должен быть на 10% светлее, чем цвет HighInactive. Полезно для градиентного фона
неактивные заголовки меню.

ХайИнактиветекст

Цвет текста на несфокусированной строке заголовка меню. Должен сильно контрастировать с
Высокий Неактивный цвет.

Неактивно1

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

Неактивный 1 Темный

Должен быть на 10% темнее, чем Inactive1. Полезно для градиентного фона несфокусированного
окна.

Неактивный1Свет

Должен быть на 10% легче, чем Inactive1. Полезно для градиентного фона несфокусированного
окна.

Неактивно2

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

Неактивный 2 Темный

Должен быть на 10% темнее, чем Inactive2. Полезно для градиентного фона липкого
окна.

Неактивный2Свет

Должен быть на 10% легче, чем Inactive2. Полезно для градиентного фона липкого
окна.

Инактивтекст1

Цвет текста на несфокусированных заголовках. Должен сильно контрастировать с
Неактивно 1.

Инактивтекст2

Цвет текста на липких заголовках. Должен сильно контрастировать с Inactive2.

ОПИСАНИЕ

Цветовые схемы AfterStep призваны облегчить сборку набора подходящих цветов.
хорошо сочетаются друг с другом, обеспечивая дополнительную гибкость при разработке нестандартных
выглядит / темы.

AfterStep Colorscheme - это стандартный набор названий цветов, которые могут иметь разные цвета.
присвоенные им значения. Эти названия цветов используются при определении внешнего вида и в изображениях XML. К
назначая разные значения цвета одним и тем же названиям цветов, можно мгновенно
изменять цвета во всем Look, не изменяя никаких изображений или файлов конфигурации.

Не все цвета цветовой схемы должны быть определены явно. Только базовый цвет
важный. AfterStep может автоматически генерировать красивую цветовую схему из этого
однотонный. Явное определение цвета в файле цветовой схемы отменяет любое автоматическое
выбор. Примером этого является цветовая схема NeXTish, в которой все цвета
подгонять. Если для Base выбран цвет в градациях серого, он будет генерировать оттенки серого.
цветовая схема, где разные оттенки серого используются для разных цветов.

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

Все поставляемые файлы Look были написаны для использования преимуществ AfterStep.
цветовые схемы.

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

ГАРМОНИЧНЫЕ ЦВЕТА Задача подобрать набор подходящих цветов - дело серьезное, и
веками изучалась художниками и дизайнерами. В результате есть определенные правила
разработан, чтобы упростить эту задачу.

Во-первых, вместо выбора цветов в цветовом пространстве красный / зеленый / синий, соответствующие цвета должны
быть выбранным с использованием цветового пространства Hue / Saturation / Value (HSV). Цветовые оттенки самые важные
характеристика цвета и измеряется в градусах от 0 (красный оттенок) до 60 (желтый оттенок)
до 120 (зеленый оттенок) до 180 (голубой оттенок) до 240 (синий оттенок) до 300 (фиолетовый оттенок), а затем до 360
который имеет тот же оттенок, что и 0 - красный. Оттенки можно было разместить на так называемом цветовом круге, создавая
легче подобрать подходящие цвета.

Есть два основных подхода к выбору цветовой схемы - один оттенок или несколько оттенков.

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

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

AfterStep решает задачу выбора гармоничных цветов путем создания набора цветов.
от одного цвета по дизайнерским правилам. ОТТЕНОК ИЗОБРАЖЕНИЯ Вид экрана (он же Тема),
включает в себя множество изображений, таких как значки, фоны, полосы и т. д. Каждое такое изображение может иметь
один или несколько доминирующих оттенков, что возвращает нас к задаче сочетания оттенков в
чтобы добиться гармоничного вида.

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

Есть несколько способов убедиться, что оттенок изображения соответствует оттенку фона:

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

вращение оттенка
Если изображение имеет несколько оттенков или оттенок и некоторые оттенки серого, его оттенки могут быть
повернутый, путем преобразования изображения в цветовое пространство HSV, изменения диапазона оттенков, а затем
преобразование изображения обратно в цветовое пространство RGB.

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

AfterStep решает задачу изменения оттенков изображений с помощью сценариев XML-изображений.
См. Asimagexml для получения дополнительной информации. НАЗВАНИЯ ЦВЕТОВ AfterStep Colors названия цветов схемы
можно разделить на несколько категорий:

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

Базовый, активный и неактивный
Общая цветовая тема экрана определяется фоном. Соответственно мы называем
это базовый цвет, а остальные цвета определяют по отношению к нему. Сейчас в любой
в данное время может быть один элемент, который сфокусирован и активен, а другой -
не в фокусе и должен предполагать меньшую видимость. Мы определяем активные цвета, которые будут использоваться
с предметами в фокусе (должен контрастировать с базовым цветом). Мы также определяем
Неактивные цвета для использования с предметами, находящимися вне фокуса (рекомендуется сделать их
аналоги Базового цвета). Теперь у нас может быть 2 вида окон вне фокуса.
(липкий и нелипкий), мы фактически определяем 2 неактивных цвета: Inactive1 и
Неактивно 2.

Цвета градиента
Градиенты создают очень привлекательный вид, когда используются для раскрашивания заголовков и других элементов.
элементы интерфейса. Обычно рекомендуется использовать цвета одного оттенка, но
имеющие разную интенсивность. Для обозначения цветов, предназначенных для градиентов, мы добавляем
Постфикс Dark / Light к названиям цветов. ЦВЕТОВАЯ ЦЕННОСТЬ AfterStep поддерживает чрезвычайно
гибкие и обширные способы определения значения цвета. Стандартный подход - использовать
Обозначение #RRGGBB. В дополнение к этому AfterStep поддерживает следующие обозначения:

#RGB То же, что и #RRGGBB, только с использованием 4-битных значений для компонентов. Например # F84 - это
То же, что и # F08040.

#ARGB Это то же самое, что и #RGB, плюс добавляется значение Alpha (значение Alpha определяет непрозрачность
цвет).

#ААРРГГББ
Это то же самое, что и #RRGGBB, плюс добавляется 8-битное значение Alpha.

hsv (оттенок, насыщенность, значение)
Определяет цвет, используя цветовое пространство HSV, оттенок измеряется от 0 до 360 градусов,
насыщенность и значение измеряются от 0 до 100.

RGB (красный, зеленый, синий)
Определяет цвет в цветовом пространстве RGB. Аналогично форме #RRGGBB, но значения не указаны
шестнадцатеричный, но в десятичном формате (от 0 до 255). Он также позволяет использовать вложенные выражения, такие как
как: rgb (128,128, синий (база)).

ahsv (альфа, оттенок, насыщенность, значение)
То же, что и hsv (), но также добавляет альфа-канал.

argb (альфа, красный, зеленый, синий)
То же, что и argb (), но также добавляет альфа-канал.

оттенок (оттенок, цвет)
Изменяет оттенок заданного предопределенного цвета, сохраняя его насыщенность и значение.

насыщенность (насыщенность, цвет)
Изменяет насыщенность заданного предопределенного цвета.

val (значение, цвет)
Изменяет значение заданного предопределенного цвета.

альфа (альфа, цвет)
Изменяет альфа-канал заданного предопределенного цвета. Это полезно для создания цветов из
цветовая схема полупрозрачная.

красный (красный, цвет)
Изменяет значение красного канала заданного предопределенного цвета.

зеленый (зеленый, цвет)
Изменяет значение зеленого канала заданного предопределенного цвета.

синий (синий, цвет)
Изменяет значение синего канала заданного предопределенного цвета.

Пример:
# Это можно использовать в определении цветовой схемы:

Inactive1 # FF5C5B66 # или ahsv (255,245,10,40) или argb (255,92,91,102)

# Это может быть использовано в определении MyStyle во внешнем виде. # Это делает липкое окно
заголовок полупрозрачный:

BackMultiGradient 6 альфа (50, Inactive2Dark) 0.0 альфа (50, Inactive2Light) 1.0

Фактическое использование цветов определяется в файле образа AfterStep в определениях MyStyle.
Также все цвета ColorScheme могут использоваться в изображениях AfterStep XML, аналогично
стандартные псевдонимы цвета X. Также возможно использовать разные аспекты каждого
цвет - красный, зеленый, синий и альфа, оттенок, насыщенность и значение индивидуально. Для каждого
color есть 6 переменных, определенных с использованием следующего синтаксиса:
$ ascs.colorname.component. Например, $ ascs.Active.hue представляет оттенок
Активный цвет. Это полезно при выполнении преобразований (тонирование, hsv и т. Д.) В
XML-изображения AfterStep.

Используйте ColorSchemex онлайн с помощью сервисов onworks.net