@rescui/typography 0.16.2-RUI-201-Support-css-modules-in-typography.23 → 0.16.2-RUI-201-Support-css-modules-in-typography-f33bc767.25

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/lib/mixins.p.css CHANGED
@@ -159,10 +159,6 @@
159
159
  padding-top:var(--_rs-typography-auto-offset-or-initial);
160
160
  }
161
161
  --rs-theme-dark:0;
162
- --_rs-typography-hardness-color:var(
163
- --rs-color-hard,
164
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
165
- );
166
162
  --_rs-theme-dark:var(
167
163
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
168
164
  var(--rs-theme-dark, 0)
@@ -170,14 +166,13 @@
170
166
  --_rs-theme-flip:var(--rs-theme-flip, 0);
171
167
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
172
168
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
173
- color:var(--_rs-typography-base-color);
174
- }
175
- @define-mixin rs-super-hero-theme-dark{
176
- --rs-theme-dark:1;
177
- --_rs-typography-hardness-color:var(
169
+ color:var(
178
170
  --rs-color-hard,
179
171
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
180
172
  );
173
+ }
174
+ @define-mixin rs-super-hero-theme-dark{
175
+ --rs-theme-dark:1;
181
176
  --_rs-theme-dark:var(
182
177
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
183
178
  var(--rs-theme-dark, 0)
@@ -185,7 +180,10 @@
185
180
  --_rs-theme-flip:var(--rs-theme-flip, 0);
186
181
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
187
182
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
188
- color:var(--_rs-typography-base-color);
183
+ color:var(
184
+ --rs-color-hard,
185
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
186
+ );
189
187
  }
190
188
  @define-mixin rs-super-hero-offset-top{
191
189
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
@@ -316,10 +314,6 @@
316
314
  padding-top:var(--_rs-typography-auto-offset-or-initial);
317
315
  }
318
316
  --rs-theme-dark:0;
319
- --_rs-typography-hardness-color:var(
320
- --rs-color-hard,
321
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
322
- );
323
317
  --_rs-theme-dark:var(
324
318
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
325
319
  var(--rs-theme-dark, 0)
@@ -327,14 +321,13 @@
327
321
  --_rs-theme-flip:var(--rs-theme-flip, 0);
328
322
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
329
323
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
330
- color:var(--_rs-typography-base-color);
331
- }
332
- @define-mixin rs-middle-hero-theme-dark{
333
- --rs-theme-dark:1;
334
- --_rs-typography-hardness-color:var(
324
+ color:var(
335
325
  --rs-color-hard,
336
326
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
337
327
  );
328
+ }
329
+ @define-mixin rs-middle-hero-theme-dark{
330
+ --rs-theme-dark:1;
338
331
  --_rs-theme-dark:var(
339
332
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
340
333
  var(--rs-theme-dark, 0)
@@ -342,17 +335,16 @@
342
335
  --_rs-theme-flip:var(--rs-theme-flip, 0);
343
336
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
344
337
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
345
- color:var(--_rs-typography-base-color);
338
+ color:var(
339
+ --rs-color-hard,
340
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
341
+ );
346
342
  }
347
343
  @define-mixin rs-middle-hero-offset-top{
348
344
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
349
345
  }
350
346
  @define-mixin rs-text-hardness-hard{
351
347
  --rs-theme-dark:0;
352
- --_rs-typography-hardness-color:var(
353
- --rs-color-hard,
354
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
355
- );
356
348
  --_rs-theme-dark:var(
357
349
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
358
350
  var(--rs-theme-dark, 0)
@@ -361,14 +353,13 @@
361
353
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
362
354
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
363
355
 
364
- color:var(--_rs-typography-base-color);
356
+ color:var(
357
+ --rs-color-hard,
358
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
359
+ );
365
360
  }
366
361
  @define-mixin rs-text-hardness-average{
367
362
  --rs-theme-dark:0;
368
- --_rs-typography-hardness-color:var(
369
- --rs-color-average,
370
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
371
- );
372
363
  --_rs-theme-dark:var(
373
364
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
374
365
  var(--rs-theme-dark, 0)
@@ -377,14 +368,13 @@
377
368
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
378
369
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
379
370
 
380
- color:var(--_rs-typography-base-color);
371
+ color:var(
372
+ --rs-color-average,
373
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
374
+ );
381
375
  }
382
376
  @define-mixin rs-text-hardness-pale{
383
377
  --rs-theme-dark:0;
384
- --_rs-typography-hardness-color:var(
385
- --rs-color-pale,
386
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
387
- );
388
378
  --_rs-theme-dark:var(
389
379
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
390
380
  var(--rs-theme-dark, 0)
@@ -393,14 +383,13 @@
393
383
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
394
384
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
395
385
 
396
- color:var(--_rs-typography-base-color);
386
+ color:var(
387
+ --rs-color-pale,
388
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
389
+ );
397
390
  }
398
391
  @define-mixin rs-text-hardness-hard-theme-dark{
399
392
  --rs-theme-dark:1;
400
- --_rs-typography-hardness-color:var(
401
- --rs-color-hard,
402
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
403
- );
404
393
  --_rs-theme-dark:var(
405
394
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
406
395
  var(--rs-theme-dark, 0)
@@ -409,14 +398,13 @@
409
398
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
410
399
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
411
400
 
412
- color:var(--_rs-typography-base-color);
401
+ color:var(
402
+ --rs-color-hard,
403
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
404
+ );
413
405
  }
414
406
  @define-mixin rs-text-hardness-average-theme-dark{
415
407
  --rs-theme-dark:1;
416
- --_rs-typography-hardness-color:var(
417
- --rs-color-average,
418
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
419
- );
420
408
  --_rs-theme-dark:var(
421
409
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
422
410
  var(--rs-theme-dark, 0)
@@ -425,14 +413,13 @@
425
413
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
426
414
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
427
415
 
428
- color:var(--_rs-typography-base-color);
416
+ color:var(
417
+ --rs-color-average,
418
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
419
+ );
429
420
  }
430
421
  @define-mixin rs-text-hardness-pale-theme-dark{
431
422
  --rs-theme-dark:1;
432
- --_rs-typography-hardness-color:var(
433
- --rs-color-pale,
434
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
435
- );
436
423
  --_rs-theme-dark:var(
437
424
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
438
425
  var(--rs-theme-dark, 0)
@@ -441,7 +428,10 @@
441
428
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
442
429
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
443
430
 
444
- color:var(--_rs-typography-base-color);
431
+ color:var(
432
+ --rs-color-pale,
433
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
434
+ );
445
435
  }
446
436
  @define-mixin rs-digits-1-base{
447
437
  --_rs-typography-letter-spacing:-0.005em;
@@ -555,10 +545,6 @@
555
545
  padding-top:var(--_rs-typography-auto-offset-or-initial);
556
546
  }
557
547
  --rs-theme-dark:0;
558
- --_rs-typography-hardness-color:var(
559
- --rs-color-hard,
560
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
561
- );
562
548
  --_rs-theme-dark:var(
563
549
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
564
550
  var(--rs-theme-dark, 0)
@@ -566,14 +552,13 @@
566
552
  --_rs-theme-flip:var(--rs-theme-flip, 0);
567
553
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
568
554
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
569
- color:var(--_rs-typography-base-color);
570
- }
571
- @define-mixin rs-digits-1-theme-dark{
572
- --rs-theme-dark:1;
573
- --_rs-typography-hardness-color:var(
555
+ color:var(
574
556
  --rs-color-hard,
575
557
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
576
558
  );
559
+ }
560
+ @define-mixin rs-digits-1-theme-dark{
561
+ --rs-theme-dark:1;
577
562
  --_rs-theme-dark:var(
578
563
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
579
564
  var(--rs-theme-dark, 0)
@@ -581,7 +566,10 @@
581
566
  --_rs-theme-flip:var(--rs-theme-flip, 0);
582
567
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
583
568
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
584
- color:var(--_rs-typography-base-color);
569
+ color:var(
570
+ --rs-color-hard,
571
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
572
+ );
585
573
  }
586
574
  @define-mixin rs-digits-1-offset-top{
587
575
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -686,10 +674,6 @@
686
674
  padding-top:var(--_rs-typography-auto-offset-or-initial);
687
675
  }
688
676
  --rs-theme-dark:0;
689
- --_rs-typography-hardness-color:var(
690
- --rs-color-hard,
691
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
692
- );
693
677
  --_rs-theme-dark:var(
694
678
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
695
679
  var(--rs-theme-dark, 0)
@@ -697,14 +681,13 @@
697
681
  --_rs-theme-flip:var(--rs-theme-flip, 0);
698
682
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
699
683
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
700
- color:var(--_rs-typography-base-color);
701
- }
702
- @define-mixin rs-digits-2-theme-dark{
703
- --rs-theme-dark:1;
704
- --_rs-typography-hardness-color:var(
684
+ color:var(
705
685
  --rs-color-hard,
706
686
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
707
687
  );
688
+ }
689
+ @define-mixin rs-digits-2-theme-dark{
690
+ --rs-theme-dark:1;
708
691
  --_rs-theme-dark:var(
709
692
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
710
693
  var(--rs-theme-dark, 0)
@@ -712,7 +695,10 @@
712
695
  --_rs-theme-flip:var(--rs-theme-flip, 0);
713
696
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
714
697
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
715
- color:var(--_rs-typography-base-color);
698
+ color:var(
699
+ --rs-color-hard,
700
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
701
+ );
716
702
  }
717
703
  @define-mixin rs-digits-2-offset-top{
718
704
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -837,10 +823,6 @@
837
823
  padding-top:var(--_rs-typography-auto-offset-or-initial);
838
824
  }
839
825
  --rs-theme-dark:0;
840
- --_rs-typography-hardness-color:var(
841
- --rs-color-hard,
842
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
843
- );
844
826
  --_rs-theme-dark:var(
845
827
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
846
828
  var(--rs-theme-dark, 0)
@@ -848,14 +830,13 @@
848
830
  --_rs-theme-flip:var(--rs-theme-flip, 0);
849
831
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
850
832
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
851
- color:var(--_rs-typography-base-color);
852
- }
853
- @define-mixin rs-hero-theme-dark{
854
- --rs-theme-dark:1;
855
- --_rs-typography-hardness-color:var(
833
+ color:var(
856
834
  --rs-color-hard,
857
835
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
858
836
  );
837
+ }
838
+ @define-mixin rs-hero-theme-dark{
839
+ --rs-theme-dark:1;
859
840
  --_rs-theme-dark:var(
860
841
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
861
842
  var(--rs-theme-dark, 0)
@@ -863,7 +844,10 @@
863
844
  --_rs-theme-flip:var(--rs-theme-flip, 0);
864
845
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
865
846
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
866
- color:var(--_rs-typography-base-color);
847
+ color:var(
848
+ --rs-color-hard,
849
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
850
+ );
867
851
  }
868
852
  @define-mixin rs-hero-offset-top{
869
853
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
@@ -988,10 +972,6 @@
988
972
  padding-top:var(--_rs-typography-auto-offset-or-initial);
989
973
  }
990
974
  --rs-theme-dark:0;
991
- --_rs-typography-hardness-color:var(
992
- --rs-color-hard,
993
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
994
- );
995
975
  --_rs-theme-dark:var(
996
976
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
997
977
  var(--rs-theme-dark, 0)
@@ -999,14 +979,13 @@
999
979
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1000
980
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1001
981
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1002
- color:var(--_rs-typography-base-color);
1003
- }
1004
- @define-mixin rs-subtitle-1-theme-dark{
1005
- --rs-theme-dark:1;
1006
- --_rs-typography-hardness-color:var(
982
+ color:var(
1007
983
  --rs-color-hard,
1008
984
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1009
985
  );
986
+ }
987
+ @define-mixin rs-subtitle-1-theme-dark{
988
+ --rs-theme-dark:1;
1010
989
  --_rs-theme-dark:var(
1011
990
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1012
991
  var(--rs-theme-dark, 0)
@@ -1014,7 +993,10 @@
1014
993
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1015
994
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1016
995
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1017
- color:var(--_rs-typography-base-color);
996
+ color:var(
997
+ --rs-color-hard,
998
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
999
+ );
1018
1000
  }
1019
1001
  @define-mixin rs-subtitle-1-offset-top{
1020
1002
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1129,10 +1111,6 @@
1129
1111
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1130
1112
  }
1131
1113
  --rs-theme-dark:0;
1132
- --_rs-typography-hardness-color:var(
1133
- --rs-color-hard,
1134
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1135
- );
1136
1114
  --_rs-theme-dark:var(
1137
1115
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1138
1116
  var(--rs-theme-dark, 0)
@@ -1140,14 +1118,13 @@
1140
1118
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1141
1119
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1142
1120
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1143
- color:var(--_rs-typography-base-color);
1144
- }
1145
- @define-mixin rs-h1-theme-dark{
1146
- --rs-theme-dark:1;
1147
- --_rs-typography-hardness-color:var(
1121
+ color:var(
1148
1122
  --rs-color-hard,
1149
1123
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1150
1124
  );
1125
+ }
1126
+ @define-mixin rs-h1-theme-dark{
1127
+ --rs-theme-dark:1;
1151
1128
  --_rs-theme-dark:var(
1152
1129
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1153
1130
  var(--rs-theme-dark, 0)
@@ -1155,7 +1132,10 @@
1155
1132
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1156
1133
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1157
1134
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1158
- color:var(--_rs-typography-base-color);
1135
+ color:var(
1136
+ --rs-color-hard,
1137
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1138
+ );
1159
1139
  }
1160
1140
  @define-mixin rs-h1-offset-top{
1161
1141
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
@@ -1280,10 +1260,6 @@
1280
1260
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1281
1261
  }
1282
1262
  --rs-theme-dark:0;
1283
- --_rs-typography-hardness-color:var(
1284
- --rs-color-hard,
1285
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1286
- );
1287
1263
  --_rs-theme-dark:var(
1288
1264
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1289
1265
  var(--rs-theme-dark, 0)
@@ -1291,14 +1267,13 @@
1291
1267
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1292
1268
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1293
1269
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1294
- color:var(--_rs-typography-base-color);
1295
- }
1296
- @define-mixin rs-subtitle-2-theme-dark{
1297
- --rs-theme-dark:1;
1298
- --_rs-typography-hardness-color:var(
1270
+ color:var(
1299
1271
  --rs-color-hard,
1300
1272
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1301
1273
  );
1274
+ }
1275
+ @define-mixin rs-subtitle-2-theme-dark{
1276
+ --rs-theme-dark:1;
1302
1277
  --_rs-theme-dark:var(
1303
1278
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1304
1279
  var(--rs-theme-dark, 0)
@@ -1306,7 +1281,10 @@
1306
1281
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1307
1282
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1308
1283
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1309
- color:var(--_rs-typography-base-color);
1284
+ color:var(
1285
+ --rs-color-hard,
1286
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1287
+ );
1310
1288
  }
1311
1289
  @define-mixin rs-subtitle-2-offset-top{
1312
1290
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1419,10 +1397,6 @@
1419
1397
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1420
1398
  }
1421
1399
  --rs-theme-dark:0;
1422
- --_rs-typography-hardness-color:var(
1423
- --rs-color-hard,
1424
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1425
- );
1426
1400
  --_rs-theme-dark:var(
1427
1401
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1428
1402
  var(--rs-theme-dark, 0)
@@ -1430,14 +1404,13 @@
1430
1404
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1431
1405
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1432
1406
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1433
- color:var(--_rs-typography-base-color);
1434
- }
1435
- @define-mixin rs-h2-theme-dark{
1436
- --rs-theme-dark:1;
1437
- --_rs-typography-hardness-color:var(
1407
+ color:var(
1438
1408
  --rs-color-hard,
1439
1409
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1440
1410
  );
1411
+ }
1412
+ @define-mixin rs-h2-theme-dark{
1413
+ --rs-theme-dark:1;
1441
1414
  --_rs-theme-dark:var(
1442
1415
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1443
1416
  var(--rs-theme-dark, 0)
@@ -1445,7 +1418,10 @@
1445
1418
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1446
1419
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1447
1420
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1448
- color:var(--_rs-typography-base-color);
1421
+ color:var(
1422
+ --rs-color-hard,
1423
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1424
+ );
1449
1425
  }
1450
1426
  @define-mixin rs-h2-offset-top{
1451
1427
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
@@ -1538,10 +1514,6 @@
1538
1514
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1539
1515
  }
1540
1516
  --rs-theme-dark:0;
1541
- --_rs-typography-hardness-color:var(
1542
- --rs-color-hard,
1543
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1544
- );
1545
1517
  --_rs-theme-dark:var(
1546
1518
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1547
1519
  var(--rs-theme-dark, 0)
@@ -1549,14 +1521,13 @@
1549
1521
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1550
1522
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1551
1523
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1552
- color:var(--_rs-typography-base-color);
1553
- }
1554
- @define-mixin rs-h3-theme-dark{
1555
- --rs-theme-dark:1;
1556
- --_rs-typography-hardness-color:var(
1524
+ color:var(
1557
1525
  --rs-color-hard,
1558
1526
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1559
1527
  );
1528
+ }
1529
+ @define-mixin rs-h3-theme-dark{
1530
+ --rs-theme-dark:1;
1560
1531
  --_rs-theme-dark:var(
1561
1532
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1562
1533
  var(--rs-theme-dark, 0)
@@ -1564,7 +1535,10 @@
1564
1535
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1565
1536
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1566
1537
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1567
- color:var(--_rs-typography-base-color);
1538
+ color:var(
1539
+ --rs-color-hard,
1540
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1541
+ );
1568
1542
  }
1569
1543
  @define-mixin rs-h3-offset-top{
1570
1544
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1675,10 +1649,6 @@
1675
1649
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1676
1650
  }
1677
1651
  --rs-theme-dark:0;
1678
- --_rs-typography-hardness-color:var(
1679
- --rs-color-average,
1680
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
1681
- );
1682
1652
  --_rs-theme-dark:var(
1683
1653
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1684
1654
  var(--rs-theme-dark, 0)
@@ -1686,14 +1656,13 @@
1686
1656
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1687
1657
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1688
1658
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1689
- color:var(--_rs-typography-base-color);
1690
- }
1691
- @define-mixin rs-text-1-theme-dark{
1692
- --rs-theme-dark:1;
1693
- --_rs-typography-hardness-color:var(
1659
+ color:var(
1694
1660
  --rs-color-average,
1695
1661
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
1696
1662
  );
1663
+ }
1664
+ @define-mixin rs-text-1-theme-dark{
1665
+ --rs-theme-dark:1;
1697
1666
  --_rs-theme-dark:var(
1698
1667
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1699
1668
  var(--rs-theme-dark, 0)
@@ -1701,7 +1670,10 @@
1701
1670
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1702
1671
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1703
1672
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1704
- color:var(--_rs-typography-base-color);
1673
+ color:var(
1674
+ --rs-color-average,
1675
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
1676
+ );
1705
1677
  }
1706
1678
  @define-mixin rs-text-1-offset-top{
1707
1679
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1794,10 +1766,6 @@
1794
1766
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1795
1767
  }
1796
1768
  --rs-theme-dark:0;
1797
- --_rs-typography-hardness-color:var(
1798
- --rs-color-hard,
1799
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1800
- );
1801
1769
  --_rs-theme-dark:var(
1802
1770
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1803
1771
  var(--rs-theme-dark, 0)
@@ -1805,14 +1773,13 @@
1805
1773
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1806
1774
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1807
1775
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1808
- color:var(--_rs-typography-base-color);
1809
- }
1810
- @define-mixin rs-h4-theme-dark{
1811
- --rs-theme-dark:1;
1812
- --_rs-typography-hardness-color:var(
1776
+ color:var(
1813
1777
  --rs-color-hard,
1814
1778
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1815
1779
  );
1780
+ }
1781
+ @define-mixin rs-h4-theme-dark{
1782
+ --rs-theme-dark:1;
1816
1783
  --_rs-theme-dark:var(
1817
1784
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1818
1785
  var(--rs-theme-dark, 0)
@@ -1820,7 +1787,10 @@
1820
1787
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1821
1788
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1822
1789
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1823
- color:var(--_rs-typography-base-color);
1790
+ color:var(
1791
+ --rs-color-hard,
1792
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
1793
+ );
1824
1794
  }
1825
1795
  @define-mixin rs-h4-offset-top{
1826
1796
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -1931,10 +1901,6 @@
1931
1901
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1932
1902
  }
1933
1903
  --rs-theme-dark:0;
1934
- --_rs-typography-hardness-color:var(
1935
- --rs-color-average,
1936
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
1937
- );
1938
1904
  --_rs-theme-dark:var(
1939
1905
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1940
1906
  var(--rs-theme-dark, 0)
@@ -1942,14 +1908,13 @@
1942
1908
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1943
1909
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1944
1910
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1945
- color:var(--_rs-typography-base-color);
1946
- }
1947
- @define-mixin rs-text-2-theme-dark{
1948
- --rs-theme-dark:1;
1949
- --_rs-typography-hardness-color:var(
1911
+ color:var(
1950
1912
  --rs-color-average,
1951
1913
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
1952
1914
  );
1915
+ }
1916
+ @define-mixin rs-text-2-theme-dark{
1917
+ --rs-theme-dark:1;
1953
1918
  --_rs-theme-dark:var(
1954
1919
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1955
1920
  var(--rs-theme-dark, 0)
@@ -1957,7 +1922,10 @@
1957
1922
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1958
1923
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1959
1924
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1960
- color:var(--_rs-typography-base-color);
1925
+ color:var(
1926
+ --rs-color-average,
1927
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
1928
+ );
1961
1929
  }
1962
1930
  @define-mixin rs-text-2-offset-top{
1963
1931
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2050,10 +2018,6 @@
2050
2018
  padding-top:var(--_rs-typography-auto-offset-or-initial);
2051
2019
  }
2052
2020
  --rs-theme-dark:0;
2053
- --_rs-typography-hardness-color:var(
2054
- --rs-color-hard,
2055
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
2056
- );
2057
2021
  --_rs-theme-dark:var(
2058
2022
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2059
2023
  var(--rs-theme-dark, 0)
@@ -2061,14 +2025,13 @@
2061
2025
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2062
2026
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2063
2027
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2064
- color:var(--_rs-typography-base-color);
2065
- }
2066
- @define-mixin rs-h5-theme-dark{
2067
- --rs-theme-dark:1;
2068
- --_rs-typography-hardness-color:var(
2028
+ color:var(
2069
2029
  --rs-color-hard,
2070
2030
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
2071
2031
  );
2032
+ }
2033
+ @define-mixin rs-h5-theme-dark{
2034
+ --rs-theme-dark:1;
2072
2035
  --_rs-theme-dark:var(
2073
2036
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2074
2037
  var(--rs-theme-dark, 0)
@@ -2076,7 +2039,10 @@
2076
2039
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2077
2040
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2078
2041
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2079
- color:var(--_rs-typography-base-color);
2042
+ color:var(
2043
+ --rs-color-hard,
2044
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
2045
+ );
2080
2046
  }
2081
2047
  @define-mixin rs-h5-offset-top{
2082
2048
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2130,11 +2096,8 @@
2130
2096
  & > pre:not(:nth-child(1)){
2131
2097
  padding-top:var(--_rs-typography-auto-offset-or-initial);
2132
2098
  }
2099
+ color:var(--_rs-typography-base-color);
2133
2100
  --rs-theme-dark:0;
2134
- --_rs-typography-hardness-color:var(
2135
- --rs-color-hard,
2136
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
2137
- );
2138
2101
  --_rs-theme-dark:var(
2139
2102
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2140
2103
  var(--rs-theme-dark, 0)
@@ -2142,14 +2105,13 @@
2142
2105
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2143
2106
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2144
2107
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2145
- color:var(--_rs-typography-base-color);
2146
- }
2147
- @define-mixin rs-overline-theme-dark{
2148
- --rs-theme-dark:1;
2149
- --_rs-typography-hardness-color:var(
2108
+ color:var(
2150
2109
  --rs-color-hard,
2151
2110
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
2152
2111
  );
2112
+ }
2113
+ @define-mixin rs-overline-theme-dark{
2114
+ --rs-theme-dark:1;
2153
2115
  --_rs-theme-dark:var(
2154
2116
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2155
2117
  var(--rs-theme-dark, 0)
@@ -2157,7 +2119,10 @@
2157
2119
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2158
2120
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2159
2121
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2160
- color:var(--_rs-typography-base-color);
2122
+ color:var(
2123
+ --rs-color-hard,
2124
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
2125
+ );
2161
2126
  }
2162
2127
  @define-mixin rs-overline-offset-top{
2163
2128
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2262,10 +2227,6 @@
2262
2227
  padding-top:var(--_rs-typography-auto-offset-or-initial);
2263
2228
  }
2264
2229
  --rs-theme-dark:0;
2265
- --_rs-typography-hardness-color:var(
2266
- --rs-color-average,
2267
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
2268
- );
2269
2230
  --_rs-theme-dark:var(
2270
2231
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2271
2232
  var(--rs-theme-dark, 0)
@@ -2273,14 +2234,13 @@
2273
2234
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2274
2235
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2275
2236
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2276
- color:var(--_rs-typography-base-color);
2277
- }
2278
- @define-mixin rs-text-3-theme-dark{
2279
- --rs-theme-dark:1;
2280
- --_rs-typography-hardness-color:var(
2237
+ color:var(
2281
2238
  --rs-color-average,
2282
2239
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
2283
2240
  );
2241
+ }
2242
+ @define-mixin rs-text-3-theme-dark{
2243
+ --rs-theme-dark:1;
2284
2244
  --_rs-theme-dark:var(
2285
2245
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2286
2246
  var(--rs-theme-dark, 0)
@@ -2288,7 +2248,10 @@
2288
2248
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2289
2249
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2290
2250
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2291
- color:var(--_rs-typography-base-color);
2251
+ color:var(
2252
+ --rs-color-average,
2253
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
2254
+ );
2292
2255
  }
2293
2256
  @define-mixin rs-text-3-offset-top{
2294
2257
  margin-top:var(--rs-flow-unit, 8px);