@kolkrabbi/kol-theme 0.169.0 → 0.171.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/kol-components-molecules.css +11 -4
- package/package.json +1 -1
|
@@ -1997,12 +1997,19 @@
|
|
|
1997
1997
|
* button): *"whatever it is cut it in half, so if 8 then 4 … bc there are
|
|
1998
1998
|
* hover and selected state"*. Hover takes the shallow rung and active the
|
|
1999
1999
|
* next, so the two step instead of colliding. There is no 92 on this ladder,
|
|
2000
|
-
* so it is 96 → 88 rather than an exact halving.
|
|
2001
|
-
|
|
2000
|
+
* so it is 96 → 88 rather than an exact halving.
|
|
2001
|
+
*
|
|
2002
|
+
* ⚠ MEASURED WRONG IN ONE THEME EACH (kol-fxr 2026-10-09, ButtonPrimaryHoverDeeper). The `ab`
|
|
2003
|
+
* rungs are read from the PAGE, the rest fill is not the page: light rest 242, hover ab-96 = 245
|
|
2004
|
+
* (LIGHTER — the grey the user reported), press ab-88 = 224; dark rest 25, hover 10, press ab-88
|
|
2005
|
+
* = 31 (lighter). So the step is taken from the REST FILL itself, down a fixed 8 and 16 in both
|
|
2006
|
+
* themes — light 242 → 234 → 226, dark 25 → 17 → 9. Deeper is darker on both grounds. Decided on
|
|
2007
|
+
* the recommendation; Round 9 shows the three steps in both themes for review. */
|
|
2008
|
+
--kol-tone-hover-bg: rgb(from var(--kol-surface-secondary) calc(r - 8) calc(g - 8) calc(b - 8));
|
|
2002
2009
|
--kol-tone-hover-image: none;
|
|
2003
2010
|
--kol-tone-hover-fg: var(--kol-surface-on-primary);
|
|
2004
2011
|
--kol-tone-hover-border: transparent;
|
|
2005
|
-
--kol-tone-active-bg: var(--kol-
|
|
2012
|
+
--kol-tone-active-bg: rgb(from var(--kol-surface-secondary) calc(r - 16) calc(g - 16) calc(b - 16));
|
|
2006
2013
|
--kol-tone-active-image: none;
|
|
2007
2014
|
--kol-tone-pressed-bg: var(--kol-surface-on-primary);
|
|
2008
2015
|
--kol-tone-pressed-image: none;
|
|
@@ -2286,7 +2293,7 @@
|
|
|
2286
2293
|
* selected cell takes the well and the fg-96 ink; rest cells stay as the
|
|
2287
2294
|
* default paints them. `filled` / `tonal` keep their own selected law. On the
|
|
2288
2295
|
* element, or inherited from a sunken wrapper. */
|
|
2289
|
-
:is(.kol-seg.kol-tone-sunken, .kol-seg.kol-tone-inverse, .kol-tone-sunken .kol-seg):not(.kol-seg--filled) { border-
|
|
2296
|
+
:is(.kol-seg.kol-tone-sunken, .kol-seg.kol-tone-inverse, .kol-tone-sunken .kol-seg):not(.kol-seg--filled) { border-width: 0; }
|
|
2290
2297
|
:is(.kol-seg.kol-tone-sunken, .kol-seg.kol-tone-inverse, .kol-tone-sunken .kol-seg):not(.kol-seg--filled) .kol-seg-cell.is-active {
|
|
2291
2298
|
background: var(--kol-surface-sunken);
|
|
2292
2299
|
color: var(--kol-fg-96);
|