@acorex/styles 21.0.1-next.84 → 21.0.1-next.86
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.
- package/package.json +1 -1
- package/themes/default.css +25 -1
package/package.json
CHANGED
package/themes/default.css
CHANGED
|
@@ -2151,6 +2151,30 @@ html.ax-dark {
|
|
|
2151
2151
|
border-color: var(--color-border-primary-darkest);
|
|
2152
2152
|
}
|
|
2153
2153
|
|
|
2154
|
+
@utility ax-default {
|
|
2155
|
+
--ax-comp-bg-lightest: var(--color-darkest);
|
|
2156
|
+
--ax-comp-text-lightest: var(--color-on-darkest);
|
|
2157
|
+
--ax-comp-border-lightest: var(--color-border-darkest);
|
|
2158
|
+
--ax-comp-bg-lighter: var(--color-darker);
|
|
2159
|
+
--ax-comp-text-lighter: var(--color-on-darker);
|
|
2160
|
+
--ax-comp-border-lighter: var(--color-border-darker);
|
|
2161
|
+
--ax-comp-bg-light: var(--color-dark);
|
|
2162
|
+
--ax-comp-text-light: var(--color-on-dark);
|
|
2163
|
+
--ax-comp-border-light: var(--color-border-dark);
|
|
2164
|
+
--ax-comp-bg: var(--color-on-surface);
|
|
2165
|
+
--ax-comp-text: var(--color-surface);
|
|
2166
|
+
--ax-comp-border: var(--color-border-surface);
|
|
2167
|
+
--ax-comp-bg-dark: var(--color-light);
|
|
2168
|
+
--ax-comp-text-dark: var(--color-on-light);
|
|
2169
|
+
--ax-comp-border-dark: var(--color-border-light);
|
|
2170
|
+
--ax-comp-bg-darker: var(--color-lighter);
|
|
2171
|
+
--ax-comp-text-darker: var(--color-on-lighter);
|
|
2172
|
+
--ax-comp-border-darker: var(--color-border-lighter);
|
|
2173
|
+
--ax-comp-bg-darkest: var(--color-lightest);
|
|
2174
|
+
--ax-comp-text-darkest: var(--color-on-lightest);
|
|
2175
|
+
--ax-comp-border-darkest: var(--color-border-lightest);
|
|
2176
|
+
}
|
|
2177
|
+
|
|
2154
2178
|
@utility ax-primary {
|
|
2155
2179
|
--ax-comp-bg-lightest: var(--color-primary-lightest);
|
|
2156
2180
|
--ax-comp-text-lightest: var(--color-on-primary-lightest);
|
|
@@ -3049,7 +3073,7 @@ html.ax-dark {
|
|
|
3049
3073
|
}
|
|
3050
3074
|
}
|
|
3051
3075
|
&:not(.ax-state-disabled, .ax-state-loading, .ax-state-selected):active {
|
|
3052
|
-
@apply bg-(--ax-comp-bg-darker,var(--color-light)) text-(--ax-comp-text-darker,var(--color-on-light)) dark:bg-(--ax-comp-bg-darker,var(--color-dark)) dark:text-(--ax-comp-text-darker,var(--color-on-dark));
|
|
3076
|
+
@apply bg-(--ax-comp-bg-darker,var(--color-light)) text-(--ax-comp-text-darker,var(--color-on-light)) ring-2 ring-(--ax-comp-bg-dark) ring-offset-2 dark:bg-(--ax-comp-bg-darker,var(--color-dark)) dark:text-(--ax-comp-text-darker,var(--color-on-dark));
|
|
3053
3077
|
}
|
|
3054
3078
|
}
|
|
3055
3079
|
|