@hermes-ui/angular 0.2.1 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -86,19 +86,25 @@
|
|
|
86
86
|
// (dropdown, alert, datagrid...) e fica neutro em repouso de propósito; o glifo daqui é uma
|
|
87
87
|
// das poucas coisas que devem ficar coloridas o tempo todo, não só ao selecionar/passar o
|
|
88
88
|
// mouse (ver o comentário em `tokens.ts`).
|
|
89
|
-
|
|
90
|
-
--hermes-
|
|
89
|
+
//
|
|
90
|
+
// `var(--hermes-alias-object-accent-color, <hex>)` direto, e não `tokens.$hermes-alias-...` —
|
|
91
|
+
// esse token é novo demais pra existir na cópia congelada de `angular/styles/core/tokens`
|
|
92
|
+
// (não é resincronizada com o core; ver STYLES.md). O literal é só o piso de segurança: em
|
|
93
|
+
// qualquer app com o CSS do @hermes-ui/core carregado — o caso normal — quem decide é a
|
|
94
|
+
// custom property de verdade, lida em tempo real.
|
|
95
|
+
--hermes-vertical-nav-icon-color: var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%));
|
|
96
|
+
--hermes-vertical-nav-icon-active-color: var(--hermes-alias-object-accent-color-active, hsl(175, 82%, 22%));
|
|
91
97
|
|
|
92
98
|
// Véu da cor da marca, e não um degrau neutro: o degrau neutro vizinho vale, em vários temas,
|
|
93
99
|
// a própria cor da barra, e o item em hover pintava o que já estava lá.
|
|
94
100
|
--hermes-vertical-nav-hover-bg-color: color-mix(
|
|
95
101
|
in srgb,
|
|
96
|
-
|
|
102
|
+
var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%)) 14%,
|
|
97
103
|
transparent
|
|
98
104
|
);
|
|
99
105
|
--hermes-vertical-nav-active-bg-color: color-mix(
|
|
100
106
|
in srgb,
|
|
101
|
-
|
|
107
|
+
var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%)) 26%,
|
|
102
108
|
transparent
|
|
103
109
|
);
|
|
104
110
|
// O selecionado é só a tinta, sem faixa lateral. O que o distingue do hover é o peso do texto
|
|
@@ -118,9 +124,9 @@
|
|
|
118
124
|
--hermes-vertical-nav-overlay-z-index: 1000;
|
|
119
125
|
|
|
120
126
|
// Vertical Nav - Trigger
|
|
121
|
-
--hermes-vertical-nav-toggle-icon-color:
|
|
127
|
+
--hermes-vertical-nav-toggle-icon-color: var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%));
|
|
122
128
|
--hermes-vertical-nav-toggle-icon-hover-color: #{tokens.$hermes-alias-object-interaction-color-hover};
|
|
123
|
-
--hermes-vertical-nav-toggle-icon-active-color:
|
|
129
|
+
--hermes-vertical-nav-toggle-icon-active-color: var(--hermes-alias-object-accent-color-active, hsl(175, 82%, 22%));
|
|
124
130
|
--hermes-vertical-nav-toggle-icon-disabled-color: #{tokens.$hermes-alias-object-interaction-color-disabled};
|
|
125
131
|
--hermes-vertical-nav-trigger-divider-border-color: #{tokens.$hermes-alias-object-border-color};
|
|
126
132
|
|