ColorSchemex - En ligne dans le Cloud

PROGRAMME:

Nom

Schéma de couleur - définit les valeurs de couleur pour l'ensemble standard de noms de couleurs internes, à utiliser dans
autres fichiers de configuration

CONFIGURATION OPTIONS

Actif

Couleur qui sera utilisée pour l'arrière-plan de différents éléments ciblés, tels que
barre de titre de la fenêtre ciblée, élément de menu sélectionné, etc. Cette couleur doit être
contrastant avec Base, Inactive1 et Inactive2 en teinte, mais similaire en saturation.

ActifSombre

Cette couleur devrait avoir une valeur légèrement inférieure à Active (être 5 à 10 % plus foncée). C'est
utile lorsque l'arrière-plan de la barre de titre ciblée est un dégradé.

Lumière active

Cette couleur devrait avoir une valeur légèrement plus élevée que Active (être 5 à 10 % plus claire). Cette
est utile lorsque l'arrière-plan de la barre de titre ciblée est un dégradé.

Texte Actif

Couleur du texte sur les barres de titre ciblées. Il doit être en contraste élevé avec
Couleur active.

Angle

Définit l'angle sur le cercle de teinte entre les couleurs Inactive1, Base et Inactive2 dans
schémas de couleurs, qui sont calculés automatiquement par AfterStep. L'angle par défaut est 30
degrés. Utilisez un angle plus petit pour rendre les couleurs inactives et de base plus similaires.

Base

Cette couleur définit la couleur du schéma de couleurs. Il sera utilisé pour le bureau
Contexte. Quand AfterStep est autorisé à calculer automatiquement le schéma de couleurs - il
utilisera cette couleur en conjonction avec la valeur Angle comme base de calcul.

BaseFoncé

Couleur qui devrait être environ 10 % plus foncée que la couleur de base, mais qui a une teinte et
saturation. Utile pour dessiner un fond d'écran dégradé.

BaseLumière

Couleur qui devrait être environ 10% plus claire que la couleur de base, mais avoir une teinte similaire
et saturation. Utile pour dessiner un fond d'écran dégradé.

Curseur

Cette couleur sera utilisée pour le pointeur de la souris, et elle doit être en contraste élevé avec
toutes les autres couleurs.

Texte désactivé

Couleur du texte des éléments de menu désactivés. Devrait être très similaire aux éléments de menu
Couleur de l'arrière plan.

Élevé Actif

Utilisé pour les menus ciblés. Devrait être similaire à la couleur Active, mais un peu plus clair.

HautActiveBack

Utilisé pour l'arrière-plan de l'élément de menu actuel. Devrait être similaire, mais un peu plus brillant
les Couleur active.

ÉlevéActifBackDark

Doit être 10 % plus foncé que la couleur HighActiveBack. Utile pour l'arrière-plan dégradé de
élément de menu sélectionné.

HighActiveBackLight

Devrait être 10% plus clair que la couleur HighActiveBack. Utile pour un fond dégradé
de l'élément de menu sélectionné.

ÉlevéActifSombre

Doit être 10% plus foncé que la couleur HighActive. Utile pour l'arrière-plan dégradé de
barre de titre du menu ciblé.

HauteLumièreActive

Devrait être 10% plus clair que la couleur HighActive. Utile pour l'arrière-plan dégradé de
barre de titre du menu ciblé.

TexteActifÉlevé

Couleur à utiliser pour dessiner du texte sur la barre de titre du menu sélectionné. Devrait être en haut
contraste avec la couleur HighActive.

ÉlevéInactif

Utilisé pour les menus flous. Devrait être similaire à la couleur Inactive1, mais quelque peu
plus léger.

HautInactifRetour

Utilisé pour l'arrière-plan de l'élément de menu inactif. Devrait être similaire, mais un peu plus brillant
eux HighCouleur inactive.

ÉlevéInactifRetourFoncé

Doit être 10 % plus foncé que la couleur HighInactiveBack. Utile pour un fond dégradé
de l'élément de menu inactif.

ÉlevéInactifRétroéclairage

Devrait être 10% plus clair que la couleur HighInactiveBack. Utile pour un fond dégradé
de l'élément de menu inactif.

ÉlevéInactifSombre

Devrait être 10% plus foncé que la couleur HighInactive. Utile pour l'arrière-plan dégradé de
barres de titre de menu inactives.

ÉlevéInactifLumière

Devrait être 10% plus clair que la couleur HighInactive. Utile pour l'arrière-plan dégradé de
barres de titre de menu inactives.

TexteInactifÉlevé

Couleur du texte sur la barre de titre du menu non focalisé. Devrait être très contrasté avec
HauteCouleur inactive.

Inactif1

Couleur principale utilisée pour l'arrière-plan de la barre de titre de la fenêtre sans mise au point.

Inactif1Sombre

Devrait être 10 % plus sombre que Inactif1. Utile pour l'arrière-plan dégradé de flou
les fenêtres.

Inactif1Lumière

Devrait être 10 % plus léger que Inactive1. Utile pour l'arrière-plan dégradé de flou
les fenêtres.

Inactif2

Couleur secondaire utilisée pour l'arrière-plan de la barre de titre de la fenêtre non focalisée. Doit être utilisé pour
fenêtres collantes floues.

Inactif2Sombre

Devrait être 10% plus sombre que Inactive2. Utile pour le fond dégradé de collant
les fenêtres.

Inactif2Lumière

Devrait être 10% plus léger que Inactive2. Utile pour le fond dégradé de collant
les fenêtres.

TexteInactif1

Couleur du texte sur les barres de titre floues. Devrait être très contrasté avec
Inactif1.

TexteInactif2

Couleur du texte sur les barres de titre collantes. Devrait être très contrasté avec Inactive2.

DESCRIPTION

Les schémas de couleurs AfterStep sont censés soulager la douleur de l'assemblage d'un ensemble de couleurs qui vont
bien les uns avec les autres, tout en offrant une flexibilité supplémentaire lors de la conception personnalisée
looks/thèmes.

AfterStep Colorscheme est un ensemble standard de noms de couleurs, qui peuvent avoir des couleurs différentes
valeurs qui leur sont attribuées. Ces noms de couleur sont utilisés dans la définition de Look et dans les images XML. Par
en attribuant différentes valeurs de couleur aux mêmes noms de couleur, il est possible de instantanément
changer les couleurs tout au long du look, sans altérer les images ou les fichiers de configuration.

Toutes les couleurs de Colorscheme ne doivent pas être explicitement définies. Seule la couleur de base est
important. AfterStep est capable de générer automatiquement un beau schéma de couleurs, à partir de ce
couleur unique. La définition de couleur explicite dans le fichier de schéma de couleurs remplacera tout
choix. L'exemple de ceci est le schéma de couleurs NeXTish, où toutes les couleurs sont
personnalisé. Si la couleur en niveaux de gris est choisie pour la base - elle générera des niveaux de gris
schéma de couleurs, où différentes nuances de gris sont utilisées pour différentes couleurs.

Le fichier de schéma de couleurs sélectionné est chargé par tous les modules et après l'étape appropriée. Chaque fois que nouveau
le schéma de couleurs est sélectionné - il déclenche le rechargement du fichier Look et de tous les fichiers image.

Tous les fichiers Look fournis ont été écrits pour tirer parti de l'AfterStep
schémas de couleurs.

Veuillez lire ci-dessous pour plus de détails sur la façon dont les schémas de couleurs sont générés et d'autres
sujets liés à la couleur :

COULEURS HARMONIEUSES La tâche de sélectionner un ensemble de couleurs assorties est une affaire sérieuse, et il
a été étudiée par des artistes et des designers pendant des siècles. COMME le résultat il y a certaines règles
développé pour simplifier cette tâche.

Premièrement, au lieu de sélectionner des couleurs dans l'espace colorimétrique Rouge/Vert/Bleu, les couleurs correspondantes devraient
être sélectionné à l'aide de l'espace colorimétrique Teinte/Saturation/Valeur (HSV). Les teintes de couleur sont les plus importantes
caractéristique de la couleur, et est mesurée en degrés de 0 (teinte rouge) à 60 (teinte jaune)
à 120 (teinte verte) à 180 (teinte cyan) à 240 (teinte bleue) à 300 (teinte violette) puis à 360
qui est la même teinte que 0 - rouge. Les teintes pourraient être placées sur un cercle de couleur, ce qui rend
il est plus facile de choisir des couleurs assorties.

Il existe deux approches principales pour sélectionner une palette de couleurs : une seule teinte ou plusieurs teintes.

Les couleurs à teinte unique diffèrent par leur saturation et permettent généralement un effet apaisant et simple.
thème. Un tel thème pourrait être agréable à regarder, mais il manque d'excitation et le rend
difficile de distinguer les différents éléments.

L'utilisation de plusieurs teintes rend le thème un peu plus excitant et ajoute plus d'indices visuels au
écran, permettant une utilisation plus facile et permettant à l'utilisateur de détendre les muscles oculaires, résultant
dans une meilleure ergonomie. En conséquence, c'est l'approche qui devrait être utilisée pour l'utilisateur
couleurs de l'interface. Maintenant, comment sélectionner des teintes qui composent un thème harmonieux ? La règle de la
le pouce est que les teintes proches les unes des autres sur le cercle de couleurs vont bien les unes avec les autres,
tandis que ceux, situés sur les côtés opposés du cercle, créent un effet de contraste.

AfterStep aborde la tâche de sélectionner des couleurs harmonieuses, en générant un ensemble de couleurs
à partir d'une seule couleur en utilisant les règles du concepteur. IMAGE HUES Look de l'écran (aka Thème),
comprend de nombreuses images, telles que des icônes, des arrière-plans, des barres, etc. Chacune de ces images peut avoir
une ou plusieurs teintes dominantes, ce qui nous ramène à la tâche d'assortir les teintes, en
afin d'obtenir un look harmonieux.

La règle de base à suivre ici est que, chaque image sur une interface particulière
élément, tel que la barre de titre, doit avoir au moins une teinte dominante pour être la même que le
teinte du fond de cet élément.

Il existe plusieurs manières de s'assurer que la teinte de l'image correspond à celle de l'arrière-plan :

teinter
Si une image a une seule teinte dominante, elle peut être convertie en niveaux de gris, puis
teinté de la couleur du fond.

rotation des teintes
Si une image a plusieurs teintes, ou une teinte et quelques parties en niveaux de gris, ses teintes peuvent être
pivoté, en convertissant l'image en espace colorimétrique HSV, en changeant la plage de teintes, puis
reconversion de l'image dans l'espace colorimétrique RVB.

superposition
Les teintes de l'image peuvent également être modifiées en la superposant à l'image d'arrière-plan à l'aide de
méthode de composition allanon, où chaque pixel est remplacé par la moyenne de
la valeur en pixels de l'image et la valeur en pixels de l'arrière-plan.

AfterStep aborde la tâche de changer les teintes des images à l'aide de scripts d'image XML.
Voir asimagexml pour plus d'informations à ce sujet. NOMS DES COULEURS Noms des couleurs du schéma de couleurs AfterStep
peuvent être séparés en plusieurs catégories :

Premier plan et arrière-plan
Les couleurs de premier plan sont utilisées pour rendre le texte, tandis que les couleurs d'arrière-plan constituent un
toile de fond pour ce texte. Maintenant, il y a plusieurs contraintes sur les couleurs de premier plan -
ils doivent contraster avec les arrière-plans, et il vaut toujours mieux contraindre
les couleurs de premier plan au noir et blanc, car le texte coloré a tendance à "saigner" sur le dessus
arrière-plan, ce qui le rend moins éligible. Un autre problème avec le premier plan étant coloré
est qu'il augmente la tension sur les yeux de l'utilisateur, les obligeant à s'adapter à trop de
différentes couleurs contrastées.

Base, Actif et Inactif
Le thème général des couleurs de l'écran est déterminé par l'arrière-plan. En conséquence, nous appelons
lui une couleur de base, et déterminer le reste des couleurs par rapport à elle. Maintenant à n'importe quel
avec le temps, il pourrait y avoir un élément qui est concentré et actif, tandis que d'autres sont
hors foyer et devrait assumer une visibilité plus faible. Nous définissons les couleurs actives à utiliser
avec des éléments ciblés (doit être en contraste avec la couleur de base). Nous définissons également
Couleurs inactives à utiliser avec des éléments flous (c'est une bonne idée de les faire
analogues à la couleur de base). Maintenant que nous pouvons avoir 2 types de fenêtres hors focus
(collant et non collant), nous définissons en fait 2 couleurs Inactives : Inactive1 et
Inactif2.

Couleurs dégradées
Les dégradés créent un aspect très attrayant lorsqu'ils sont utilisés pour colorer les barres de titre et autres
éléments d'interface. En général, c'est une bonne idée d'utiliser des couleurs de la même teinte, mais
ayant une intensité différente. Pour désigner les couleurs désignées pour les dégradés, nous ajoutons
Postfixe foncé/clair aux noms de couleur. VALEURS DE COULEUR AfterStep prend en charge extrêmement
manières flexibles et étendues de définir la valeur de la couleur. L'approche standard consiste à utiliser
#RRGGBB notation. En plus de cela, AfterStep prend en charge les notations suivantes :

#RGB Identique à #RRGGBB, en utilisant uniquement des valeurs de 4 bits pour les composants. Par exemple #F84 est le
Identique à #F08040.

#ARGB C'est la même chose que #RGB plus la valeur Alpha est ajoutée (la valeur Alpha définit l'opacité de
la couleur).

#AARRGGBB
C'est la même chose que #RRGGBB plus la valeur Alpha 8 bits est ajoutée.

hsv(teinte,saturation,valeur)
Définit la couleur à l'aide de l'espace colorimétrique HSV, la teinte est mesurée de 0 à 360 degrés,
la saturation et la valeur sont mesurées de 0 à 100.

RVB (rouge, vert, bleu)
Définit la couleur dans l'espace colorimétrique RVB. Similaire à la forme #RRGGBB, mais les valeurs ne sont pas dans
hex, mais en décimales (de 0 à 255). Il permet également des expressions imbriquées, telles que
comme : rgb(128,128,bleu(Base)).

ahsv(alpha,teinte,saturation,valeur)
Identique à hsv(), mais ajoute également un canal Alpha.

argb(alpha,rouge,vert,bleu)
Identique à argb(), mais ajoute également un canal Alpha.

teinte (teinte, couleur)
Modifie la teinte de la couleur prédéfinie donnée, en préservant sa saturation et sa valeur.

sat(saturation,couleur)
Modifie la saturation de la couleur prédéfinie donnée.

val(valeur,couleur)
Modifie la valeur de la couleur prédéfinie donnée.

alpha(alpha,couleur)
Modifie l'alpha de la couleur prédéfinie donnée. Ceci est utile pour faire des couleurs à partir de
schéma de couleurs semi-transparent.

rouge (rouge, couleur)
Modifie la valeur du canal rouge de la couleur prédéfinie donnée.

vert (vert, couleur)
Modifie la valeur du canal vert de la couleur prédéfinie donnée.

bleu (bleu, couleur)
Modifie la valeur du canal bleu de la couleur prédéfinie donnée.

Exemple :
#Cela pourrait être utilisé dans la définition du schéma de couleurs :

Inactif1 #FF5C5B66 # ou ahsv(255,245,10,40) ou argb(255,92,91,102)

#Cela pourrait être utilisé dans la définition de MyStyle dans le look. #Cela fait de la fenêtre collante
barre de titre semi-transparente :

RetourMultiGradient 6 alpha(50,Inactive2Dark) 0.0 alpha(50,Inactive2Light) 1.0

L'utilisation réelle des couleurs est définie dans le fichier de look AfterStep, dans les définitions MyStyle.
De plus, toutes les couleurs ColorScheme peuvent être utilisées dans les images XML AfterStep, de la même manière que
alias de couleur X standard. Il est également possible d'utiliser différents aspects de chaque
couleur - rouge, vert, bleu et alpha, teinte, saturation et valeur individuellement. Pour chaque
color, il y a 6 variables définies à l'aide de la syntaxe suivante :
$ascs.colorname.component . Par exemple $ascs.Active.hue représente la teinte du
Couleur active. Ceci est utile lorsque vous effectuez des transformations (teinture, hsv, etc.) dans
Images XML AfterStep.

Utilisez ColorSchemex en ligne en utilisant les services onworks.net