@civitai/theme 0.1.2 → 0.2.0
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/dist/generate.d.ts.map +1 -1
- package/dist/generate.js +14 -0
- package/dist/generate.js.map +1 -1
- package/dist/tokens.css +70 -0
- package/dist/tokens.dtcg.json +50 -0
- package/dist/tokens.generated.d.ts +21 -1
- package/dist/tokens.generated.d.ts.map +1 -1
- package/dist/tokens.generated.js +23 -3
- package/dist/tokens.generated.js.map +1 -1
- package/package.json +1 -1
- package/styles.css +70 -0
package/dist/generate.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAIvB,6EAA6E;AAC7E,UAAU,SAAS;IACjB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAIvB,6EAA6E;AAC7E,UAAU,SAAS;IACjB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA4KD,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,wCAAwC;IACxC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1F;AAKD,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,aAAa,GAAE,oBAAyC,GAAG,cAAc,CAqBtG;AASD,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAMD,iDAAiD;AACjD,wBAAgB,cAAc,CAAC,aAAa,GAAE,oBAAyC,GAAG,SAAS,CAsFlG"}
|
package/dist/generate.js
CHANGED
|
@@ -136,6 +136,20 @@ const TOKEN_SPEC = [
|
|
|
136
136
|
type: 'color',
|
|
137
137
|
description: 'Informational color (derived from the blue palette).',
|
|
138
138
|
},
|
|
139
|
+
// --- Neutral ramp (issue #181 F7) ---
|
|
140
|
+
// The full 10-step Mantine `gray` ramp, exposed as --civitai-color-gray-0…-9
|
|
141
|
+
// so consumers mapping a 10-step neutral scale (e.g. a Tailwind gray/neutral
|
|
142
|
+
// ramp) onto the design system don't collapse it onto the ~4 semantic
|
|
143
|
+
// neutrals. Each step derives from the resolved `--mantine-color-gray-N`
|
|
144
|
+
// (the vendored, drift-guarded civitai `gray` tuple) — GENERATED, never
|
|
145
|
+
// hand-authored. The ramp is a raw palette (scheme-independent), so the
|
|
146
|
+
// generator emits no dark override (light == dark) — correct and intentional.
|
|
147
|
+
...Array.from({ length: 10 }, (_v, i) => ({
|
|
148
|
+
name: `color-gray-${i}`,
|
|
149
|
+
source: `--mantine-color-gray-${i}`,
|
|
150
|
+
type: 'color',
|
|
151
|
+
description: `Neutral ramp step ${i} (Mantine gray[${i}]); 0 = lightest … 9 = darkest.`,
|
|
152
|
+
})),
|
|
139
153
|
];
|
|
140
154
|
const VAR_RE = /var\(\s*(--[a-zA-Z0-9-]+)\s*(?:,\s*([^)]*))?\)/;
|
|
141
155
|
/**
|
package/dist/generate.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,aAAa,EACb,2BAA2B,EAC3B,iBAAiB,GAElB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuBvD;;;;GAIG;AACH,MAAM,UAAU,GAAyB;IACvC,wDAAwD;IACxD;QACE,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,oDAAoD;KAClE;IACD;QACE,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,iCAAiC;QACzC,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,uBAAuB;KACrC;IACD;QACE,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,0BAA0B;QAClC,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,gEAAgE;KAC9E;IACD,4DAA4D;IAC5D;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;QAC9B,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,0BAA0B;KACxC;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,wBAAwB;QAChC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,+BAA+B;KAC7C;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;QAC9B,IAAI,EAAE,OAAO;QACb,WAAW,EACT,gIAAgI;KACnI;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,sBAAsB;QAC9B,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,oCAAoC;KAClD;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,yBAAyB;QACjC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,qCAAqC;KACnD;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,gCAAgC;QACxC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,iCAAiC;KAC/C;IACD,wEAAwE;IACxE;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,gCAAgC;QACxC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,gCAAgC;KAC9C;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,sCAAsC;QAC9C,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,6BAA6B;KAC3C;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,kCAAkC;QAC1C,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,oDAAoD;QACjE,0EAA0E;QAC1E,mEAAmE;QACnE,UAAU,EAAE,IAAI;KACjB;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,+BAA+B;QACvC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,sDAAsD;KACpE;IACD,iCAAiC;IACjC;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,4BAA4B;KAC1C;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,gCAAgC;QACxC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,qDAAqD;KACnE;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,+BAA+B;QACvC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,kDAAkD;KAChE;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,6BAA6B;QACrC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,sDAAsD;KACpE;
|
|
1
|
+
{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,aAAa,EACb,2BAA2B,EAC3B,iBAAiB,GAElB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuBvD;;;;GAIG;AACH,MAAM,UAAU,GAAyB;IACvC,wDAAwD;IACxD;QACE,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,oDAAoD;KAClE;IACD;QACE,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,iCAAiC;QACzC,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,uBAAuB;KACrC;IACD;QACE,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,0BAA0B;QAClC,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,gEAAgE;KAC9E;IACD,4DAA4D;IAC5D;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;QAC9B,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,0BAA0B;KACxC;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,wBAAwB;QAChC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,+BAA+B;KAC7C;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;QAC9B,IAAI,EAAE,OAAO;QACb,WAAW,EACT,gIAAgI;KACnI;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,sBAAsB;QAC9B,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,oCAAoC;KAClD;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,yBAAyB;QACjC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,qCAAqC;KACnD;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,gCAAgC;QACxC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,iCAAiC;KAC/C;IACD,wEAAwE;IACxE;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,gCAAgC;QACxC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,gCAAgC;KAC9C;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,sCAAsC;QAC9C,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,6BAA6B;KAC3C;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,kCAAkC;QAC1C,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,oDAAoD;QACjE,0EAA0E;QAC1E,mEAAmE;QACnE,UAAU,EAAE,IAAI;KACjB;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,+BAA+B;QACvC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,sDAAsD;KACpE;IACD,iCAAiC;IACjC;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,4BAA4B;KAC1C;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,gCAAgC;QACxC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,qDAAqD;KACnE;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,+BAA+B;QACvC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,kDAAkD;KAChE;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,6BAA6B;QACrC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,sDAAsD;KACpE;IACD,uCAAuC;IACvC,6EAA6E;IAC7E,6EAA6E;IAC7E,sEAAsE;IACtE,yEAAyE;IACzE,wEAAwE;IACxE,wEAAwE;IACxE,8EAA8E;IAC9E,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAa,EAAE,CAAC,CAAC;QACnD,IAAI,EAAE,cAAc,CAAC,EAAE;QACvB,MAAM,EAAE,wBAAwB,CAAC,EAAE;QACnC,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,iCAAiC;KACxF,CAAC,CAAC;CACK,CAAC;AAIX,MAAM,MAAM,GAAG,gDAAgD,CAAC;AAEhE;;;;;GAKG;AACH,SAAS,YAAY,CAAC,GAAW,EAAE,IAAa,EAAE,QAAkB,EAAE;IACpE,IAAI,KAAK,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACvB,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,IAAI,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,yCAAyC,GAAG,aAAa,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAClG,CAAC;QACD,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,IAAY,EAAE,QAAiB,EAAE,EAAE;YACpE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;gBACrD,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;oBACzB,MAAM,IAAI,KAAK,CAAC,6BAA6B,IAAI,YAAY,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBACtF,CAAC;gBACD,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,CAAE,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;YAC3D,CAAC;YACD,IAAI,QAAQ,IAAI,IAAI;gBAAE,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;YAC7C,MAAM,IAAI,KAAK,CAAC,2BAA2B,IAAI,qBAAqB,GAAG,GAAG,CAAC,CAAC;QAC9E,CAAC,CAAC,CAAC;IACL,CAAC;IACD,6EAA6E;IAC7E,4EAA4E;IAC5E,mDAAmD;IACnD,KAAK,GAAG,KAAK;SACV,IAAI,EAAE;SACN,OAAO,CAAC,qCAAqC,EAAE,IAAI,CAAC;SACpD,OAAO,CAAC,qCAAqC,EAAE,IAAI,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;AACtB,CAAC;AAWD,MAAM,KAAK,GAAG,CAAC,IAAY,EAAU,EAAE,CACrC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,EAAE,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAEnE,8EAA8E;AAC9E,MAAM,UAAU,aAAa,CAAC,gBAAsC,kBAAkB;IACpF,MAAM,KAAK,GAAG,iBAAiB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAY,EAAE,GAAG,QAAQ,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxE,MAAM,QAAQ,GAAY,EAAE,GAAG,QAAQ,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IAEtE,MAAM,IAAI,GAA2B,EAAE,CAAC;IACxC,MAAM,IAAI,GAA2B,EAAE,CAAC;IACxC,MAAM,IAAI,GAA2B,EAAE,CAAC;IAExC,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,aAAa,IAAI,CAAC,IAAI,EAAE,CAAC;QACzC,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,MAAM,GAAG,EAAE,SAAS,CAAC,CAAC;QAChE,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,MAAM,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC;QACzB,IAAI,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAClG,CAAC;IAED,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,wEAAwE;AACxE,SAAS,eAAe,CAAC,KAAa;IACpC,MAAM,CAAC,GAAG,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IACvD,IAAI,CAAC,CAAC;QAAE,OAAO,KAAK,CAAC;IACrB,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC;AAC9C,CAAC;AASD,MAAM,cAAc,GAClB,8EAA8E;IAC9E,0FAA0F,CAAC;AAE7F,iDAAiD;AACjD,MAAM,UAAU,cAAc,CAAC,gBAAsC,kBAAkB;IACrF,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IAE1D,uBAAuB;IACvB,2EAA2E;IAC3E,8EAA8E;IAC9E,mEAAmE;IACnE,2EAA2E;IAC3E,sEAAsE;IACtE,8DAA8D;IAC9D,MAAM,aAAa,GAAG,IAAI;SACvB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC;SACjC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC;QACjC,OAAO,aAAa,CAAC,CAAC,OAAO,iEAAiE,OAAO,MAAM,CAAC;IAC9G,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpF,4EAA4E;IAC5E,2EAA2E;IAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrF,MAAM,SAAS,GAAG,IAAI;SACnB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC;SACjD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,SAAS,GACb,GAAG,cAAc,IAAI;QACrB,GAAG,aAAa,MAAM;QACtB,YAAY,SAAS,SAAS;QAC9B,2BAA2B,UAAU,SAAS;QAC9C,0BAA0B,SAAS,OAAO,CAAC;IAE7C,gDAAgD;IAChD,MAAM,IAAI,GAA4C,EAAE,CAAC;IACzD,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;QACrB,MAAM,CAAC,KAAK,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACnF,sEAAsE;QACtE,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC;QAC/D,KAAK,KAAK,CAAC;QACX,KAAK,SAAS,CAAC;QACf,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;QAC9F,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC;QAClC,MAAM,KAAK,GAA4B;YACrC,KAAK;YACL,MAAM,EAAE,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;YACpE,YAAY,EAAE,CAAC,CAAC,WAAW;SAC5B,CAAC;QACF,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;YACtB,KAAK,CAAC,WAAW,GAAG;gBAClB,mBAAmB,EAAE;oBACnB,IAAI,EAAE,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;iBAClF;aACF,CAAC;QACJ,CAAC;QACD,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;IAC3C,CAAC;IACD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAE5D,kDAAkD;IAClD,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC,CAAC,CAC9E,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC;IAEpF,MAAM,iBAAiB,GACrB,GAAG,cAAc,MAAM;QACvB,qEAAqE;QACrE,yBAAyB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,gBAAgB;QAC3E,sEAAsE;QACtE,6BAA6B,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,gBAAgB;QAC7E,wEAAwE;QACxE,4BAA4B,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,gBAAgB;QAC5E,yGAAyG;QACzG,4BAA4B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO;QAC5D,gDAAgD,CAAC;IAEnD,OAAO;QACL,YAAY,EAAE,SAAS;QACvB,kBAAkB,EAAE,cAAc;QAClC,qBAAqB,EAAE,iBAAiB;KACzC,CAAC;AACJ,CAAC"}
|
package/dist/tokens.css
CHANGED
|
@@ -70,6 +70,56 @@
|
|
|
70
70
|
inherits: true;
|
|
71
71
|
initial-value: #228BE6;
|
|
72
72
|
}
|
|
73
|
+
@property --civitai-color-gray-0 {
|
|
74
|
+
syntax: '<color>';
|
|
75
|
+
inherits: true;
|
|
76
|
+
initial-value: #f8f9fa;
|
|
77
|
+
}
|
|
78
|
+
@property --civitai-color-gray-1 {
|
|
79
|
+
syntax: '<color>';
|
|
80
|
+
inherits: true;
|
|
81
|
+
initial-value: #f1f3f5;
|
|
82
|
+
}
|
|
83
|
+
@property --civitai-color-gray-2 {
|
|
84
|
+
syntax: '<color>';
|
|
85
|
+
inherits: true;
|
|
86
|
+
initial-value: #e9ecef;
|
|
87
|
+
}
|
|
88
|
+
@property --civitai-color-gray-3 {
|
|
89
|
+
syntax: '<color>';
|
|
90
|
+
inherits: true;
|
|
91
|
+
initial-value: #dee2e6;
|
|
92
|
+
}
|
|
93
|
+
@property --civitai-color-gray-4 {
|
|
94
|
+
syntax: '<color>';
|
|
95
|
+
inherits: true;
|
|
96
|
+
initial-value: #ced4da;
|
|
97
|
+
}
|
|
98
|
+
@property --civitai-color-gray-5 {
|
|
99
|
+
syntax: '<color>';
|
|
100
|
+
inherits: true;
|
|
101
|
+
initial-value: #adb5bd;
|
|
102
|
+
}
|
|
103
|
+
@property --civitai-color-gray-6 {
|
|
104
|
+
syntax: '<color>';
|
|
105
|
+
inherits: true;
|
|
106
|
+
initial-value: #868e96;
|
|
107
|
+
}
|
|
108
|
+
@property --civitai-color-gray-7 {
|
|
109
|
+
syntax: '<color>';
|
|
110
|
+
inherits: true;
|
|
111
|
+
initial-value: #495057;
|
|
112
|
+
}
|
|
113
|
+
@property --civitai-color-gray-8 {
|
|
114
|
+
syntax: '<color>';
|
|
115
|
+
inherits: true;
|
|
116
|
+
initial-value: #343a40;
|
|
117
|
+
}
|
|
118
|
+
@property --civitai-color-gray-9 {
|
|
119
|
+
syntax: '<color>';
|
|
120
|
+
inherits: true;
|
|
121
|
+
initial-value: #212529;
|
|
122
|
+
}
|
|
73
123
|
|
|
74
124
|
:root {
|
|
75
125
|
--civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
@@ -89,6 +139,16 @@
|
|
|
89
139
|
--civitai-color-success: #299C7A;
|
|
90
140
|
--civitai-color-warning: #fd7e14;
|
|
91
141
|
--civitai-color-info: #228BE6;
|
|
142
|
+
--civitai-color-gray-0: #f8f9fa;
|
|
143
|
+
--civitai-color-gray-1: #f1f3f5;
|
|
144
|
+
--civitai-color-gray-2: #e9ecef;
|
|
145
|
+
--civitai-color-gray-3: #dee2e6;
|
|
146
|
+
--civitai-color-gray-4: #ced4da;
|
|
147
|
+
--civitai-color-gray-5: #adb5bd;
|
|
148
|
+
--civitai-color-gray-6: #868e96;
|
|
149
|
+
--civitai-color-gray-7: #495057;
|
|
150
|
+
--civitai-color-gray-8: #343a40;
|
|
151
|
+
--civitai-color-gray-9: #212529;
|
|
92
152
|
}
|
|
93
153
|
|
|
94
154
|
[data-theme='light'] {
|
|
@@ -109,6 +169,16 @@
|
|
|
109
169
|
--civitai-color-success: #299C7A;
|
|
110
170
|
--civitai-color-warning: #fd7e14;
|
|
111
171
|
--civitai-color-info: #228BE6;
|
|
172
|
+
--civitai-color-gray-0: #f8f9fa;
|
|
173
|
+
--civitai-color-gray-1: #f1f3f5;
|
|
174
|
+
--civitai-color-gray-2: #e9ecef;
|
|
175
|
+
--civitai-color-gray-3: #dee2e6;
|
|
176
|
+
--civitai-color-gray-4: #ced4da;
|
|
177
|
+
--civitai-color-gray-5: #adb5bd;
|
|
178
|
+
--civitai-color-gray-6: #868e96;
|
|
179
|
+
--civitai-color-gray-7: #495057;
|
|
180
|
+
--civitai-color-gray-8: #343a40;
|
|
181
|
+
--civitai-color-gray-9: #212529;
|
|
112
182
|
}
|
|
113
183
|
|
|
114
184
|
[data-theme='dark'] {
|
package/dist/tokens.dtcg.json
CHANGED
|
@@ -161,6 +161,56 @@
|
|
|
161
161
|
"dark": "#1971C2"
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
|
+
},
|
|
165
|
+
"gray0": {
|
|
166
|
+
"$type": "color",
|
|
167
|
+
"$value": "#f8f9fa",
|
|
168
|
+
"$description": "Neutral ramp step 0 (Mantine gray[0]); 0 = lightest … 9 = darkest."
|
|
169
|
+
},
|
|
170
|
+
"gray1": {
|
|
171
|
+
"$type": "color",
|
|
172
|
+
"$value": "#f1f3f5",
|
|
173
|
+
"$description": "Neutral ramp step 1 (Mantine gray[1]); 0 = lightest … 9 = darkest."
|
|
174
|
+
},
|
|
175
|
+
"gray2": {
|
|
176
|
+
"$type": "color",
|
|
177
|
+
"$value": "#e9ecef",
|
|
178
|
+
"$description": "Neutral ramp step 2 (Mantine gray[2]); 0 = lightest … 9 = darkest."
|
|
179
|
+
},
|
|
180
|
+
"gray3": {
|
|
181
|
+
"$type": "color",
|
|
182
|
+
"$value": "#dee2e6",
|
|
183
|
+
"$description": "Neutral ramp step 3 (Mantine gray[3]); 0 = lightest … 9 = darkest."
|
|
184
|
+
},
|
|
185
|
+
"gray4": {
|
|
186
|
+
"$type": "color",
|
|
187
|
+
"$value": "#ced4da",
|
|
188
|
+
"$description": "Neutral ramp step 4 (Mantine gray[4]); 0 = lightest … 9 = darkest."
|
|
189
|
+
},
|
|
190
|
+
"gray5": {
|
|
191
|
+
"$type": "color",
|
|
192
|
+
"$value": "#adb5bd",
|
|
193
|
+
"$description": "Neutral ramp step 5 (Mantine gray[5]); 0 = lightest … 9 = darkest."
|
|
194
|
+
},
|
|
195
|
+
"gray6": {
|
|
196
|
+
"$type": "color",
|
|
197
|
+
"$value": "#868e96",
|
|
198
|
+
"$description": "Neutral ramp step 6 (Mantine gray[6]); 0 = lightest … 9 = darkest."
|
|
199
|
+
},
|
|
200
|
+
"gray7": {
|
|
201
|
+
"$type": "color",
|
|
202
|
+
"$value": "#495057",
|
|
203
|
+
"$description": "Neutral ramp step 7 (Mantine gray[7]); 0 = lightest … 9 = darkest."
|
|
204
|
+
},
|
|
205
|
+
"gray8": {
|
|
206
|
+
"$type": "color",
|
|
207
|
+
"$value": "#343a40",
|
|
208
|
+
"$description": "Neutral ramp step 8 (Mantine gray[8]); 0 = lightest … 9 = darkest."
|
|
209
|
+
},
|
|
210
|
+
"gray9": {
|
|
211
|
+
"$type": "color",
|
|
212
|
+
"$value": "#212529",
|
|
213
|
+
"$description": "Neutral ramp step 9 (Mantine gray[9]); 0 = lightest … 9 = darkest."
|
|
164
214
|
}
|
|
165
215
|
}
|
|
166
216
|
}
|
|
@@ -17,6 +17,16 @@ export declare const tokens: {
|
|
|
17
17
|
readonly colorSuccess: "#299C7A";
|
|
18
18
|
readonly colorWarning: "#fd7e14";
|
|
19
19
|
readonly colorInfo: "#228BE6";
|
|
20
|
+
readonly colorGray0: "#f8f9fa";
|
|
21
|
+
readonly colorGray1: "#f1f3f5";
|
|
22
|
+
readonly colorGray2: "#e9ecef";
|
|
23
|
+
readonly colorGray3: "#dee2e6";
|
|
24
|
+
readonly colorGray4: "#ced4da";
|
|
25
|
+
readonly colorGray5: "#adb5bd";
|
|
26
|
+
readonly colorGray6: "#868e96";
|
|
27
|
+
readonly colorGray7: "#495057";
|
|
28
|
+
readonly colorGray8: "#343a40";
|
|
29
|
+
readonly colorGray9: "#212529";
|
|
20
30
|
};
|
|
21
31
|
/** Dark-scheme overrides (only tokens that differ from light). */
|
|
22
32
|
export declare const darkTokens: {
|
|
@@ -54,8 +64,18 @@ export declare const tokenVars: {
|
|
|
54
64
|
readonly colorSuccess: "var(--civitai-color-success)";
|
|
55
65
|
readonly colorWarning: "var(--civitai-color-warning)";
|
|
56
66
|
readonly colorInfo: "var(--civitai-color-info)";
|
|
67
|
+
readonly colorGray0: "var(--civitai-color-gray-0)";
|
|
68
|
+
readonly colorGray1: "var(--civitai-color-gray-1)";
|
|
69
|
+
readonly colorGray2: "var(--civitai-color-gray-2)";
|
|
70
|
+
readonly colorGray3: "var(--civitai-color-gray-3)";
|
|
71
|
+
readonly colorGray4: "var(--civitai-color-gray-4)";
|
|
72
|
+
readonly colorGray5: "var(--civitai-color-gray-5)";
|
|
73
|
+
readonly colorGray6: "var(--civitai-color-gray-6)";
|
|
74
|
+
readonly colorGray7: "var(--civitai-color-gray-7)";
|
|
75
|
+
readonly colorGray8: "var(--civitai-color-gray-8)";
|
|
76
|
+
readonly colorGray9: "var(--civitai-color-gray-9)";
|
|
57
77
|
};
|
|
58
78
|
/** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
|
|
59
|
-
export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-body {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-body: #1A1B1E;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
79
|
+
export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-body {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-gray-0 {\n syntax: '<color>';\n inherits: true;\n initial-value: #f8f9fa;\n}\n@property --civitai-color-gray-1 {\n syntax: '<color>';\n inherits: true;\n initial-value: #f1f3f5;\n}\n@property --civitai-color-gray-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #e9ecef;\n}\n@property --civitai-color-gray-3 {\n syntax: '<color>';\n inherits: true;\n initial-value: #dee2e6;\n}\n@property --civitai-color-gray-4 {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-gray-5 {\n syntax: '<color>';\n inherits: true;\n initial-value: #adb5bd;\n}\n@property --civitai-color-gray-6 {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-gray-7 {\n syntax: '<color>';\n inherits: true;\n initial-value: #495057;\n}\n@property --civitai-color-gray-8 {\n syntax: '<color>';\n inherits: true;\n initial-value: #343a40;\n}\n@property --civitai-color-gray-9 {\n syntax: '<color>';\n inherits: true;\n initial-value: #212529;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n --civitai-color-gray-0: #f8f9fa;\n --civitai-color-gray-1: #f1f3f5;\n --civitai-color-gray-2: #e9ecef;\n --civitai-color-gray-3: #dee2e6;\n --civitai-color-gray-4: #ced4da;\n --civitai-color-gray-5: #adb5bd;\n --civitai-color-gray-6: #868e96;\n --civitai-color-gray-7: #495057;\n --civitai-color-gray-8: #343a40;\n --civitai-color-gray-9: #212529;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n --civitai-color-gray-0: #f8f9fa;\n --civitai-color-gray-1: #f1f3f5;\n --civitai-color-gray-2: #e9ecef;\n --civitai-color-gray-3: #dee2e6;\n --civitai-color-gray-4: #ced4da;\n --civitai-color-gray-5: #adb5bd;\n --civitai-color-gray-6: #868e96;\n --civitai-color-gray-7: #495057;\n --civitai-color-gray-8: #343a40;\n --civitai-color-gray-9: #212529;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-body: #1A1B1E;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
60
80
|
export type TokenName = keyof typeof tokens;
|
|
61
81
|
//# sourceMappingURL=tokens.generated.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAGA,iEAAiE;AACjE,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAGA,iEAAiE;AACjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAeb,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BZ,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,SAAS,ooLAAooL,CAAC;AAE3pL,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC"}
|
package/dist/tokens.generated.js
CHANGED
|
@@ -18,7 +18,17 @@ export const tokens = {
|
|
|
18
18
|
"colorError": "#fa5252",
|
|
19
19
|
"colorSuccess": "#299C7A",
|
|
20
20
|
"colorWarning": "#fd7e14",
|
|
21
|
-
"colorInfo": "#228BE6"
|
|
21
|
+
"colorInfo": "#228BE6",
|
|
22
|
+
"colorGray0": "#f8f9fa",
|
|
23
|
+
"colorGray1": "#f1f3f5",
|
|
24
|
+
"colorGray2": "#e9ecef",
|
|
25
|
+
"colorGray3": "#dee2e6",
|
|
26
|
+
"colorGray4": "#ced4da",
|
|
27
|
+
"colorGray5": "#adb5bd",
|
|
28
|
+
"colorGray6": "#868e96",
|
|
29
|
+
"colorGray7": "#495057",
|
|
30
|
+
"colorGray8": "#343a40",
|
|
31
|
+
"colorGray9": "#212529"
|
|
22
32
|
};
|
|
23
33
|
/** Dark-scheme overrides (only tokens that differ from light). */
|
|
24
34
|
export const darkTokens = {
|
|
@@ -55,8 +65,18 @@ export const tokenVars = {
|
|
|
55
65
|
"colorError": "var(--civitai-color-error)",
|
|
56
66
|
"colorSuccess": "var(--civitai-color-success)",
|
|
57
67
|
"colorWarning": "var(--civitai-color-warning)",
|
|
58
|
-
"colorInfo": "var(--civitai-color-info)"
|
|
68
|
+
"colorInfo": "var(--civitai-color-info)",
|
|
69
|
+
"colorGray0": "var(--civitai-color-gray-0)",
|
|
70
|
+
"colorGray1": "var(--civitai-color-gray-1)",
|
|
71
|
+
"colorGray2": "var(--civitai-color-gray-2)",
|
|
72
|
+
"colorGray3": "var(--civitai-color-gray-3)",
|
|
73
|
+
"colorGray4": "var(--civitai-color-gray-4)",
|
|
74
|
+
"colorGray5": "var(--civitai-color-gray-5)",
|
|
75
|
+
"colorGray6": "var(--civitai-color-gray-6)",
|
|
76
|
+
"colorGray7": "var(--civitai-color-gray-7)",
|
|
77
|
+
"colorGray8": "var(--civitai-color-gray-8)",
|
|
78
|
+
"colorGray9": "var(--civitai-color-gray-9)"
|
|
59
79
|
};
|
|
60
80
|
/** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
|
|
61
|
-
export const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-body {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-body: #1A1B1E;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
81
|
+
export const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-body {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-gray-0 {\n syntax: '<color>';\n inherits: true;\n initial-value: #f8f9fa;\n}\n@property --civitai-color-gray-1 {\n syntax: '<color>';\n inherits: true;\n initial-value: #f1f3f5;\n}\n@property --civitai-color-gray-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #e9ecef;\n}\n@property --civitai-color-gray-3 {\n syntax: '<color>';\n inherits: true;\n initial-value: #dee2e6;\n}\n@property --civitai-color-gray-4 {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-gray-5 {\n syntax: '<color>';\n inherits: true;\n initial-value: #adb5bd;\n}\n@property --civitai-color-gray-6 {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-gray-7 {\n syntax: '<color>';\n inherits: true;\n initial-value: #495057;\n}\n@property --civitai-color-gray-8 {\n syntax: '<color>';\n inherits: true;\n initial-value: #343a40;\n}\n@property --civitai-color-gray-9 {\n syntax: '<color>';\n inherits: true;\n initial-value: #212529;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n --civitai-color-gray-0: #f8f9fa;\n --civitai-color-gray-1: #f1f3f5;\n --civitai-color-gray-2: #e9ecef;\n --civitai-color-gray-3: #dee2e6;\n --civitai-color-gray-4: #ced4da;\n --civitai-color-gray-5: #adb5bd;\n --civitai-color-gray-6: #868e96;\n --civitai-color-gray-7: #495057;\n --civitai-color-gray-8: #343a40;\n --civitai-color-gray-9: #212529;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n --civitai-color-gray-0: #f8f9fa;\n --civitai-color-gray-1: #f1f3f5;\n --civitai-color-gray-2: #e9ecef;\n --civitai-color-gray-3: #dee2e6;\n --civitai-color-gray-4: #ced4da;\n --civitai-color-gray-5: #adb5bd;\n --civitai-color-gray-6: #868e96;\n --civitai-color-gray-7: #495057;\n --civitai-color-gray-8: #343a40;\n --civitai-color-gray-9: #212529;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-body: #1A1B1E;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
62
82
|
//# sourceMappingURL=tokens.generated.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.generated.js","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAAA;wFACwF;AAExF,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,sHAAsH;IAC9H,UAAU,EAAE,gGAAgG;IAC5G,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,MAAM;IACnB,iBAAiB,EAAE,SAAS;IAC5B,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,yBAAyB;IAC9C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"tokens.generated.js","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAAA;wFACwF;AAExF,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,sHAAsH;IAC9H,UAAU,EAAE,gGAAgG;IAC5G,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,MAAM;IACnB,iBAAiB,EAAE,SAAS;IAC5B,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,yBAAyB;IAC9C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;CACf,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,SAAS;IACtB,iBAAiB,EAAE,SAAS;IAC5B,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,0BAA0B;IAC/C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,qBAAqB;IAC7B,UAAU,EAAE,0BAA0B;IACtC,QAAQ,EAAE,uBAAuB;IACjC,WAAW,EAAE,2BAA2B;IACxC,iBAAiB,EAAE,kCAAkC;IACrD,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,eAAe,EAAE,gCAAgC;IACjD,aAAa,EAAE,6BAA6B;IAC5C,cAAc,EAAE,8BAA8B;IAC9C,mBAAmB,EAAE,oCAAoC;IACzD,gBAAgB,EAAE,iCAAiC;IACnD,mBAAmB,EAAE,oCAAoC;IACzD,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;CACnC,CAAC;AAEX,iGAAiG;AACjG,MAAM,CAAC,MAAM,SAAS,GAAG,ioLAAioL,CAAC"}
|
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -70,6 +70,56 @@
|
|
|
70
70
|
inherits: true;
|
|
71
71
|
initial-value: #228BE6;
|
|
72
72
|
}
|
|
73
|
+
@property --civitai-color-gray-0 {
|
|
74
|
+
syntax: '<color>';
|
|
75
|
+
inherits: true;
|
|
76
|
+
initial-value: #f8f9fa;
|
|
77
|
+
}
|
|
78
|
+
@property --civitai-color-gray-1 {
|
|
79
|
+
syntax: '<color>';
|
|
80
|
+
inherits: true;
|
|
81
|
+
initial-value: #f1f3f5;
|
|
82
|
+
}
|
|
83
|
+
@property --civitai-color-gray-2 {
|
|
84
|
+
syntax: '<color>';
|
|
85
|
+
inherits: true;
|
|
86
|
+
initial-value: #e9ecef;
|
|
87
|
+
}
|
|
88
|
+
@property --civitai-color-gray-3 {
|
|
89
|
+
syntax: '<color>';
|
|
90
|
+
inherits: true;
|
|
91
|
+
initial-value: #dee2e6;
|
|
92
|
+
}
|
|
93
|
+
@property --civitai-color-gray-4 {
|
|
94
|
+
syntax: '<color>';
|
|
95
|
+
inherits: true;
|
|
96
|
+
initial-value: #ced4da;
|
|
97
|
+
}
|
|
98
|
+
@property --civitai-color-gray-5 {
|
|
99
|
+
syntax: '<color>';
|
|
100
|
+
inherits: true;
|
|
101
|
+
initial-value: #adb5bd;
|
|
102
|
+
}
|
|
103
|
+
@property --civitai-color-gray-6 {
|
|
104
|
+
syntax: '<color>';
|
|
105
|
+
inherits: true;
|
|
106
|
+
initial-value: #868e96;
|
|
107
|
+
}
|
|
108
|
+
@property --civitai-color-gray-7 {
|
|
109
|
+
syntax: '<color>';
|
|
110
|
+
inherits: true;
|
|
111
|
+
initial-value: #495057;
|
|
112
|
+
}
|
|
113
|
+
@property --civitai-color-gray-8 {
|
|
114
|
+
syntax: '<color>';
|
|
115
|
+
inherits: true;
|
|
116
|
+
initial-value: #343a40;
|
|
117
|
+
}
|
|
118
|
+
@property --civitai-color-gray-9 {
|
|
119
|
+
syntax: '<color>';
|
|
120
|
+
inherits: true;
|
|
121
|
+
initial-value: #212529;
|
|
122
|
+
}
|
|
73
123
|
|
|
74
124
|
:root {
|
|
75
125
|
--civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
@@ -89,6 +139,16 @@
|
|
|
89
139
|
--civitai-color-success: #299C7A;
|
|
90
140
|
--civitai-color-warning: #fd7e14;
|
|
91
141
|
--civitai-color-info: #228BE6;
|
|
142
|
+
--civitai-color-gray-0: #f8f9fa;
|
|
143
|
+
--civitai-color-gray-1: #f1f3f5;
|
|
144
|
+
--civitai-color-gray-2: #e9ecef;
|
|
145
|
+
--civitai-color-gray-3: #dee2e6;
|
|
146
|
+
--civitai-color-gray-4: #ced4da;
|
|
147
|
+
--civitai-color-gray-5: #adb5bd;
|
|
148
|
+
--civitai-color-gray-6: #868e96;
|
|
149
|
+
--civitai-color-gray-7: #495057;
|
|
150
|
+
--civitai-color-gray-8: #343a40;
|
|
151
|
+
--civitai-color-gray-9: #212529;
|
|
92
152
|
}
|
|
93
153
|
|
|
94
154
|
[data-theme='light'] {
|
|
@@ -109,6 +169,16 @@
|
|
|
109
169
|
--civitai-color-success: #299C7A;
|
|
110
170
|
--civitai-color-warning: #fd7e14;
|
|
111
171
|
--civitai-color-info: #228BE6;
|
|
172
|
+
--civitai-color-gray-0: #f8f9fa;
|
|
173
|
+
--civitai-color-gray-1: #f1f3f5;
|
|
174
|
+
--civitai-color-gray-2: #e9ecef;
|
|
175
|
+
--civitai-color-gray-3: #dee2e6;
|
|
176
|
+
--civitai-color-gray-4: #ced4da;
|
|
177
|
+
--civitai-color-gray-5: #adb5bd;
|
|
178
|
+
--civitai-color-gray-6: #868e96;
|
|
179
|
+
--civitai-color-gray-7: #495057;
|
|
180
|
+
--civitai-color-gray-8: #343a40;
|
|
181
|
+
--civitai-color-gray-9: #212529;
|
|
112
182
|
}
|
|
113
183
|
|
|
114
184
|
[data-theme='dark'] {
|