hr-design-system-handlebars 1.88.3 → 1.89.1

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.
Files changed (60) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +379 -274
  3. package/dist/assets/js/components/mediaplayer/ardPlayerLoader.subfeature.js +14 -3
  4. package/dist/views/components/content/copytext/components/contentbox/contentbox.hbs +3 -3
  5. package/dist/views/components/content/copytext/components/infobox.hbs +3 -3
  6. package/dist/views/components/teaser/cluster/teaser_cluster.hbs +1 -1
  7. package/dist/views_static/components/content/copytext/components/contentbox/contentbox.hbs +3 -3
  8. package/dist/views_static/components/content/copytext/components/infobox.hbs +3 -3
  9. package/dist/views_static/components/teaser/cluster/teaser_cluster.hbs +1 -1
  10. package/package.json +1 -1
  11. package/src/assets/fixtures/audio/audios.inc.json +6 -3
  12. package/src/assets/fixtures/video/videos.inc.json +6 -3
  13. package/src/assets/tailwind.css +445 -294
  14. package/src/stories/views/components/content/copytext/components/contentbox/contentbox.hbs +3 -3
  15. package/src/stories/views/components/content/copytext/components/infobox.hbs +3 -3
  16. package/src/stories/views/components/content/copytext/fixtures/copytext_audio.json +1 -1
  17. package/src/stories/views/components/content/copytext/fixtures/copytext_audio_livestream.json +1 -1
  18. package/src/stories/views/components/content/copytext/fixtures/copytext_image.json +1 -1
  19. package/src/stories/views/components/content/copytext/fixtures/copytext_livestream.json +1 -1
  20. package/src/stories/views/components/content/copytext/fixtures/copytext_media_components.json +1 -1
  21. package/src/stories/views/components/content/copytext/fixtures/copytext_non_media_components.json +1 -1
  22. package/src/stories/views/components/content/copytext/fixtures/copytext_video.json +1 -1
  23. package/src/stories/views/components/mediaplayer/ardPlayerLoader.subfeature.js +14 -3
  24. package/src/stories/views/components/mediaplayer/fixtures/mediaplayer.json +1 -1
  25. package/src/stories/views/components/page/fixtures/page.json +1 -1
  26. package/src/stories/views/components/page/story/fixtures/story.json +1 -1
  27. package/src/stories/views/components/page/story/fixtures/story_with_audio.json +1 -1
  28. package/src/stories/views/components/page/story/fixtures/story_with_label.json +1 -1
  29. package/src/stories/views/components/page/story/fixtures/story_with_livestream.json +1 -1
  30. package/src/stories/views/components/page/story/fixtures/story_with_square_image.json +1 -1
  31. package/src/stories/views/components/page/story/fixtures/story_with_video.json +1 -1
  32. package/src/stories/views/components/pagination/fixtures/page_pagination.json +1 -1
  33. package/src/stories/views/components/teaser/cluster/teaser_cluster.hbs +1 -1
  34. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_audio.json +1 -1
  35. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_live.json +1 -1
  36. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_video.json +1 -1
  37. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_audio.json +1 -1
  38. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_live.json +1 -1
  39. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_video.json +1 -1
  40. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_audio.json +1 -1
  41. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_live.json +1 -1
  42. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_video.json +1 -1
  43. package/src/stories/views/components/teaser/fixtures/teaser_group_100.json +1 -1
  44. package/src/stories/views/components/teaser/fixtures/teaser_group_100_highlight.json +1 -1
  45. package/src/stories/views/components/teaser/fixtures/teaser_group_100_highlight_2.json +1 -1
  46. package/src/stories/views/components/teaser/fixtures/teaser_group_related_content_100.json +1 -1
  47. package/src/stories/views/components/teaser/fixtures/teaser_index.json +1 -1
  48. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_audio.json +1 -1
  49. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_audio_livestream.json +1 -1
  50. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_live.json +1 -1
  51. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_video.json +1 -1
  52. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_audio.json +1 -1
  53. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_audio_livestream.json +1 -1
  54. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_live.json +1 -1
  55. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_video.json +1 -1
  56. package/src/stories/views/components/teaser/fixtures/teaser_tabbox.json +1 -1
  57. package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero_audio.json +1 -1
  58. package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero_audio.json +1 -1
  59. package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.stories.js +1 -1
  60. package/tailwind.config.js +2 -2
package/dist/assets/index.css CHANGED
@@ -2338,7 +2338,7 @@ article.indexTextDS .indexTextHighlighted .link {
2338
2338
  --tw-bg-opacity: 1;
2339
2339
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
2340
2340
  }
2341
- .bg-blue-congress {
2341
+ .bg-blue-congress-hex {
2342
2342
  --tw-bg-opacity: 1;
2343
2343
  background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
2344
2344
  }
@@ -2555,7 +2555,7 @@ article.indexTextDS .indexTextHighlighted .link {
2555
2555
  .fill-\[\#606060\] {
2556
2556
  fill: #606060;
2557
2557
  }
2558
- .fill-blue-congress {
2558
+ .fill-blue-congress-hex {
2559
2559
  fill: #005293;
2560
2560
  }
2561
2561
  .fill-blue-deepSeaDream {
@@ -3327,7 +3327,7 @@ article.indexTextDS .indexTextHighlighted .link {
3327
3327
  border-bottom-color: var(--color-secondary-ds);
3328
3328
  }
3329
3329
  .counter-reset {
3330
- counter-reset: cnt1722677900217;
3330
+ counter-reset: cnt1722952007408;
3331
3331
  }
3332
3332
  .hyphens-auto {
3333
3333
  -webkit-hyphens: auto;
@@ -3735,7 +3735,7 @@ article.indexTextDS .indexTextHighlighted .link {
3735
3735
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3736
3736
  }
3737
3737
  .-ordered {
3738
- counter-increment: cnt1722677900217 1;
3738
+ counter-increment: cnt1722952007408 1;
3739
3739
  }
3740
3740
  .-ordered::before {
3741
3741
  position: absolute;
@@ -3751,7 +3751,7 @@ article.indexTextDS .indexTextHighlighted .link {
3751
3751
  letter-spacing: .0125em;
3752
3752
  --tw-text-opacity: 1;
3753
3753
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3754
- content: counter(cnt1722677900217);
3754
+ content: counter(cnt1722952007408);
3755
3755
  }
3756
3756
  /*! ****************************/
3757
3757
  /*! DataPolicy stuff */
@@ -4033,6 +4033,26 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4033
4033
  :root .ardplayer.ardplayer-state-audio-inline .ardplayer-audio h2, [data-theme='default'] .ardplayer.ardplayer-state-audio-inline .ardplayer-audio h2 {
4034
4034
  -webkit-line-clamp: 3;
4035
4035
  }
4036
+ :root .ardplayer.ardplayer-light-mode, [data-theme='default'] .ardplayer.ardplayer-light-mode {
4037
+ --ardplayer-lightmode-color-darkest: #000000;
4038
+ }
4039
+ :root .ardplayer.ardplayer-state-live.ardplayer-light-mode, [data-theme='default'] .ardplayer.ardplayer-state-live.ardplayer-light-mode {
4040
+ --ardplayer-color-primary-live: #d34600;
4041
+ --ardplayer-color-primary-live-transparent-30: rgba(
4042
+ 211, 70, 0, 0.7
4043
+ );
4044
+ --ardplayer-color-ui-background-shim: var(
4045
+ --ardplayer-darkmode-color-ui-background-shim
4046
+ );
4047
+ --ardplayer-lightmode-color-lightest-transparent-30: #d34600;
4048
+ }
4049
+ :root .ardplayer.ardplayer-state-live.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover, [data-theme='default'] .ardplayer.ardplayer-state-live.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4050
+ --ardplayer-color-lightest: #ffffff;
4051
+ color: var(--ardplayer-color-lightest);
4052
+ }
4053
+ :root .ardplayer.ardplayer-state-live.ardplayer-light-mode .noUi-handle, [data-theme='default'] .ardplayer.ardplayer-state-live.ardplayer-light-mode .noUi-handle {
4054
+ background: #d34600;
4055
+ }
4036
4056
  [data-theme='hessenschau'] {
4037
4057
  --color-primary-ds: #005293;
4038
4058
  --color-secondary-ds: #606060;
@@ -4137,28 +4157,41 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4137
4157
  --color-ticker-teaser-headline: #ffffff;
4138
4158
  }
4139
4159
  [data-theme='hessenschau'] .ardplayer {
4140
- --ardplayer-color-primary-base: #006dc1;
4141
- --ardplayer-color-primary-base-transparent-30: rgba(0, 109, 193, 0.7);
4142
- --ardplayer-color-primary-dark-base: #eaf3fa;
4143
- --ardplayer-color-tertiary-base: #006dc1;
4144
- --ardplayer-color-lightest: #ffffff;
4160
+ --ardplayer-color-primary-base: #005293;
4161
+ --ardplayer-color-primary-base-transparent-30: rgba(
4162
+ 0, 82, 147, 0.7
4163
+ );
4164
+ --ardplayer-color-primary-dark-base: #2d2d2d;
4145
4165
  }
4146
- [data-theme='hessenschau'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4147
- --ardplayer-color-lightest: #006dc1;
4148
- color: var(--ardplayer-color-lightest);
4149
- }
4150
- [data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container {
4151
- --ardplayer-color-lightest: #006dc1;
4166
+ [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode {
4167
+ --ardplayer-color-primary-base: #006dc1;
4168
+ --ardplayer-color-primary-base-transparent-30: rgba(
4169
+ 0, 109, 193, 0.7
4170
+ );
4171
+ --ardplayer-color-primary-dark-base: #eaf3fa;
4172
+ --ardplayer-color-tertiary-base: #006dc1;
4173
+ --ardplayer-color-lightest: #ffffff;
4174
+ --ardplayer-lightmode-color-lightest-transparent-30: #006dc1;
4152
4175
  }
4153
- [data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4154
- color: #ffffff;
4176
+ [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode .noUi-handle {
4177
+ background: #006dc1;
4155
4178
  }
4156
- [data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4157
- color: #006dc1;
4179
+ [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4180
+ --ardplayer-color-lightest: #006dc1;
4181
+ color: var(--ardplayer-color-lightest);
4158
4182
  }
4159
- [data-theme='hessenschau'] .ardplayer.ardplayer-state-audio {
4160
- --ardplayer-color-lightest: #006dc1;
4161
- }
4183
+ [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4184
+ --ardplayer-color-lightest: #006dc1;
4185
+ }
4186
+ [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4187
+ color: #ffffff;
4188
+ }
4189
+ [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4190
+ color: #006dc1;
4191
+ }
4192
+ [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
4193
+ --ardplayer-color-lightest: #006dc1;
4194
+ }
4162
4195
  [data-theme='hr-fernsehen'] {
4163
4196
  --color-primary-ds: #007396;
4164
4197
  --color-secondary-ds: #007179;
@@ -4224,31 +4257,36 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4224
4257
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
4225
4258
  --font-weight-title: 700;
4226
4259
  }
4227
- [data-theme='hr-fernsehen'] .ardplayer {
4228
- --ardplayer-color-primary-base: #007396;
4229
- --ardplayer-color-primary-base-transparent-30: rgba(
4230
- 0, 115, 150, 0.7
4231
- );
4232
- --ardplayer-color-primary-dark-base: #eaeded;
4233
- --ardplayer-color-tertiary-base: #007396;
4234
- --ardplayer-color-lightest: #ffffff;
4235
- }
4236
- [data-theme='hr-fernsehen'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4237
- --ardplayer-color-lightest: #007396;
4238
- color: var(--ardplayer-color-lightest);
4239
- }
4240
- [data-theme='hr-fernsehen'] .ardplayer .ardplayer-bottom-sheet-container {
4241
- --ardplayer-color-lightest: #007396;
4260
+ [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode {
4261
+ --ardplayer-color-primary-base: #007396;
4262
+ --ardplayer-color-primary-base-transparent-30: rgba(
4263
+ 0, 115, 150, 0.7
4264
+ );
4265
+ --ardplayer-color-primary-dark-base: #eaeded;
4266
+ --ardplayer-color-tertiary-base: #007396;
4267
+ --ardplayer-color-lightest: #ffffff;
4268
+
4269
+ --ardplayer-lightmode-color-lightest-transparent-30: #007396;
4242
4270
  }
4243
- [data-theme='hr-fernsehen'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4244
- color: #ffffff;
4271
+ [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode .noUi-handle {
4272
+ background: #007396;
4245
4273
  }
4246
- [data-theme='hr-fernsehen'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4247
- color: #007396;
4274
+ [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4275
+ --ardplayer-color-lightest: #007396;
4276
+ color: var(--ardplayer-color-lightest);
4248
4277
  }
4249
- [data-theme='hr-fernsehen'] .ardplayer.ardplayer-state-audio {
4250
- --ardplayer-color-lightest: #007396;
4251
- }
4278
+ [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4279
+ --ardplayer-color-lightest: #007396;
4280
+ }
4281
+ [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4282
+ color: #ffffff;
4283
+ }
4284
+ [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4285
+ color: #007396;
4286
+ }
4287
+ [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
4288
+ --ardplayer-color-lightest: #007396;
4289
+ }
4252
4290
  [data-theme='hr-inforadio'] {
4253
4291
  --color-primary-ds: #276b9e;
4254
4292
  --color-secondary-ds: #007179;
@@ -4321,31 +4359,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4321
4359
 
4322
4360
  --feature-box-height: 96px;
4323
4361
  }
4324
- [data-theme='hr-inforadio'] .ardplayer {
4325
- --ardplayer-color-primary-base: #276b9e;
4326
- --ardplayer-color-primary-base-transparent-30: rgba(
4327
- 39, 107, 158, 0.7
4328
- );
4329
- --ardplayer-color-primary-dark-base: #e5edf1;
4330
- --ardplayer-color-tertiary-base: #276b9e;
4331
- --ardplayer-color-lightest: #ffffff;
4332
- }
4333
- [data-theme='hr-inforadio'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4334
- --ardplayer-color-lightest: #276b9e;
4335
- color: var(--ardplayer-color-lightest);
4336
- }
4337
- [data-theme='hr-inforadio'] .ardplayer .ardplayer-bottom-sheet-container {
4338
- --ardplayer-color-lightest: #276b9e;
4362
+ [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode {
4363
+ --ardplayer-color-primary-base: #276b9e;
4364
+ --ardplayer-color-primary-base-transparent-30: rgba(
4365
+ 39, 107, 158, 0.7
4366
+ );
4367
+ --ardplayer-color-primary-dark-base: #e5edf1;
4368
+ --ardplayer-color-tertiary-base: #276b9e;
4369
+ --ardplayer-color-lightest: #ffffff;
4370
+ --ardplayer-lightmode-color-lightest-transparent-30: #276b9e;
4339
4371
  }
4340
- [data-theme='hr-inforadio'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4341
- color: #ffffff;
4372
+ [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode .noUi-handle {
4373
+ background: #276b9e;
4342
4374
  }
4343
- [data-theme='hr-inforadio'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4344
- color: #276b9e;
4375
+ [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4376
+ --ardplayer-color-lightest: #276b9e;
4377
+ color: var(--ardplayer-color-lightest);
4345
4378
  }
4346
- [data-theme='hr-inforadio'] .ardplayer.ardplayer-state-audio {
4347
- --ardplayer-color-lightest: #276b9e;
4348
- }
4379
+ [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4380
+ --ardplayer-color-lightest: #276b9e;
4381
+ }
4382
+ [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4383
+ color: #ffffff;
4384
+ }
4385
+ [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4386
+ color: #276b9e;
4387
+ }
4388
+ [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
4389
+ --ardplayer-color-lightest: #276b9e;
4390
+ }
4349
4391
  [data-theme='hr-rundfunkrat'] {
4350
4392
  --color-primary-ds: #606060;
4351
4393
  --color-secondary-ds: #007179;
@@ -4427,31 +4469,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4427
4469
  /* Structure Navigation */
4428
4470
  --structure-nav-background: #006eb7;
4429
4471
  }
4430
- [data-theme='hr-rundfunkrat'] .ardplayer {
4431
- --ardplayer-color-primary-base: #006eb7;
4432
- --ardplayer-color-primary-base-transparent-30: rgba(
4433
- 0, 110, 183, 0.7
4434
- );
4435
- --ardplayer-color-primary-dark-base: #eaf3fa;
4436
- --ardplayer-color-tertiary-base: #006eb7;
4437
- --ardplayer-color-lightest: #ffffff;
4438
- }
4439
- [data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4440
- --ardplayer-color-lightest: #006eb7;
4441
- color: var(--ardplayer-color-lightest);
4442
- }
4443
- [data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-bottom-sheet-container {
4444
- --ardplayer-color-lightest: #006eb7;
4472
+ [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode {
4473
+ --ardplayer-color-primary-base: #006eb7;
4474
+ --ardplayer-color-primary-base-transparent-30: rgba(
4475
+ 0, 110, 183, 0.7
4476
+ );
4477
+ --ardplayer-color-primary-dark-base: #eaf3fa;
4478
+ --ardplayer-color-tertiary-base: #006eb7;
4479
+ --ardplayer-color-lightest: #ffffff;
4480
+ --ardplayer-lightmode-color-lightest-transparent-30: #006eb7;
4445
4481
  }
4446
- [data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4447
- color: #ffffff;
4482
+ [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode .noUi-handle {
4483
+ background: #006eb7;
4448
4484
  }
4449
- [data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4450
- color: #006eb7;
4485
+ [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4486
+ --ardplayer-color-lightest: #006eb7;
4487
+ color: var(--ardplayer-color-lightest);
4451
4488
  }
4452
- [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-state-audio {
4453
- --ardplayer-color-lightest: #006eb7;
4454
- }
4489
+ [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4490
+ --ardplayer-color-lightest: #006eb7;
4491
+ }
4492
+ [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4493
+ color: #ffffff;
4494
+ }
4495
+ [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4496
+ color: #006eb7;
4497
+ }
4498
+ [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
4499
+ --ardplayer-color-lightest: #006eb7;
4500
+ }
4455
4501
  [data-theme='hr-werbung'] {
4456
4502
  --color-primary-ds: #007396;
4457
4503
  --color-secondary-ds: #007179;
@@ -4536,31 +4582,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4536
4582
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
4537
4583
  --font-weight-title: 700;
4538
4584
  }
4539
- [data-theme='hr-werbung'] .ardplayer {
4540
- --ardplayer-color-primary-base: #007396;
4541
- --ardplayer-color-primary-base-transparent-30: rgba(
4542
- 0, 115, 150, 0.7
4543
- );
4544
- --ardplayer-color-primary-dark-base: #eaf5f7;
4545
- --ardplayer-color-tertiary-base: #007396;
4546
- --ardplayer-color-lightest: #ffffff;
4547
- }
4548
- [data-theme='hr-werbung'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4549
- --ardplayer-color-lightest: #007396;
4550
- color: var(--ardplayer-color-lightest);
4551
- }
4552
- [data-theme='hr-werbung'] .ardplayer .ardplayer-bottom-sheet-container {
4553
- --ardplayer-color-lightest: #007396;
4585
+ [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode {
4586
+ --ardplayer-color-primary-base: #007396;
4587
+ --ardplayer-color-primary-base-transparent-30: rgba(
4588
+ 0, 115, 150, 0.7
4589
+ );
4590
+ --ardplayer-color-primary-dark-base: #eaf5f7;
4591
+ --ardplayer-color-tertiary-base: #007396;
4592
+ --ardplayer-color-lightest: #ffffff;
4593
+ --ardplayer-lightmode-color-lightest-transparent-30: #007396;
4554
4594
  }
4555
- [data-theme='hr-werbung'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4556
- color: #ffffff;
4595
+ [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode .noUi-handle {
4596
+ background: #007396;
4557
4597
  }
4558
- [data-theme='hr-werbung'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4559
- color: #007396;
4598
+ [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4599
+ --ardplayer-color-lightest: #007396;
4600
+ color: var(--ardplayer-color-lightest);
4560
4601
  }
4561
- [data-theme='hr-werbung'] .ardplayer.ardplayer-state-audio {
4562
- --ardplayer-color-lightest: #007396;
4563
- }
4602
+ [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4603
+ --ardplayer-color-lightest: #007396;
4604
+ }
4605
+ [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4606
+ color: #ffffff;
4607
+ }
4608
+ [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4609
+ color: #007396;
4610
+ }
4611
+ [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
4612
+ --ardplayer-color-lightest: #007396;
4613
+ }
4564
4614
  [data-theme='hr-sinfonieorchester'] {
4565
4615
  --color-primary-ds: #8d2725;
4566
4616
  --color-secondary-ds: #007179;
@@ -4634,29 +4684,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4634
4684
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
4635
4685
  --font-weight-title: 700;
4636
4686
  }
4637
- [data-theme='hr-sinfonieorchester'] .ardplayer {
4638
- --ardplayer-color-primary-base: #AB2F2D;
4639
- --ardplayer-color-primary-base-transparent-30: rgba(171, 47, 45, 0.7);
4640
- --ardplayer-color-primary-dark-base: #e0e0e0;
4641
- --ardplayer-color-tertiary-base: #AB2F2D;
4642
- --ardplayer-color-lightest: #ffffff;
4643
- }
4644
- [data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4645
- --ardplayer-color-lightest: #AB2F2D;
4646
- color: var(--ardplayer-color-lightest);
4647
- }
4648
- [data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-bottom-sheet-container {
4649
- --ardplayer-color-lightest: #AB2F2D;
4687
+ [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode {
4688
+ --ardplayer-color-primary-base: #AB2F2D;
4689
+ --ardplayer-color-primary-base-transparent-30: rgba(
4690
+ 171, 47, 45, 0.7
4691
+ );
4692
+ --ardplayer-color-primary-dark-base: #e0e0e0;
4693
+ --ardplayer-color-tertiary-base: #AB2F2D;
4694
+ --ardplayer-color-lightest: #ffffff;
4695
+ --ardplayer-lightmode-color-lightest-transparent-30: #AB2F2D;
4650
4696
  }
4651
- [data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4652
- color: #ffffff;
4697
+ [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode .noUi-handle {
4698
+ background: #AB2F2D;
4653
4699
  }
4654
- [data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4655
- color: #AB2F2D;
4700
+ [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4701
+ --ardplayer-color-lightest: #AB2F2D;
4702
+ color: var(--ardplayer-color-lightest);
4656
4703
  }
4657
- [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-state-audio {
4658
- --ardplayer-color-lightest: #AB2F2D;
4659
- }
4704
+ [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4705
+ --ardplayer-color-lightest: #AB2F2D;
4706
+ }
4707
+ [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4708
+ color: #ffffff;
4709
+ }
4710
+ [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4711
+ color: #AB2F2D;
4712
+ }
4713
+ [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
4714
+ --ardplayer-color-lightest: #AB2F2D;
4715
+ }
4660
4716
  [data-theme='hr-bigband'] {
4661
4717
  --color-primary-ds: #00646f;
4662
4718
  --color-secondary-ds: #007179;
@@ -4727,29 +4783,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4727
4783
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
4728
4784
  --font-weight-title: 700;
4729
4785
  }
4730
- [data-theme='hr-bigband'] .ardplayer {
4731
- --ardplayer-color-primary-base: #007A7C;
4732
- --ardplayer-color-primary-base-transparent-30: rgba(0, 122, 124, 0.7);
4733
- --ardplayer-color-primary-dark-base: #eaf5f7;
4734
- --ardplayer-color-tertiary-base: #007A7C;
4735
- --ardplayer-color-lightest: #ffffff;
4736
- }
4737
- [data-theme='hr-bigband'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4738
- --ardplayer-color-lightest: #007A7C;
4739
- color: var(--ardplayer-color-lightest);
4740
- }
4741
- [data-theme='hr-bigband'] .ardplayer .ardplayer-bottom-sheet-container {
4742
- --ardplayer-color-lightest: #007A7C;
4786
+ [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode {
4787
+ --ardplayer-color-primary-base: #007A7C;
4788
+ --ardplayer-color-primary-base-transparent-30: rgba(
4789
+ 0, 122, 124, 0.7
4790
+ );
4791
+ --ardplayer-color-primary-dark-base: #eaf5f7;
4792
+ --ardplayer-color-tertiary-base: #007A7C;
4793
+ --ardplayer-color-lightest: #ffffff;
4794
+ --ardplayer-lightmode-color-lightest-transparent-30: #007A7C;
4743
4795
  }
4744
- [data-theme='hr-bigband'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4745
- color: #ffffff;
4796
+ [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode .noUi-handle {
4797
+ background: #007A7C;
4798
+ }
4799
+ [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4800
+ --ardplayer-color-lightest: #007A7C;
4801
+ color: var(--ardplayer-color-lightest);
4802
+ }
4803
+ [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4804
+ --ardplayer-color-lightest: #007A7C;
4746
4805
  }
4747
- [data-theme='hr-bigband'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4748
- color: #007A7C;
4806
+ [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4807
+ color: #ffffff;
4749
4808
  }
4809
+ [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4810
+ color: #007A7C;
4811
+ }
4750
4812
  [data-theme='hr-bigband'] .ardplayer.ardplayer-state-audio {
4751
- --ardplayer-color-lightest: #007A7C;
4752
- }
4813
+ --ardplayer-color-lightest: #007A7C;
4814
+ }
4753
4815
  [data-theme='hr'] {
4754
4816
  --color-primary-ds: #007396;
4755
4817
  --color-secondary-ds: #007396;
@@ -4834,31 +4896,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4834
4896
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
4835
4897
  --font-weight-title: 700;
4836
4898
  }
4837
- [data-theme='hr'] .ardplayer {
4838
- --ardplayer-color-primary-base: #007396;
4839
- --ardplayer-color-primary-base-transparent-30: rgba(
4840
- 0, 115, 150, 0.7
4841
- );
4842
- --ardplayer-color-primary-dark-base: #eaf3fa;
4843
- --ardplayer-color-tertiary-base: #007396;
4844
- --ardplayer-color-lightest: #ffffff;
4845
- }
4846
- [data-theme='hr'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4847
- --ardplayer-color-lightest: #007396;
4848
- color: var(--ardplayer-color-lightest);
4849
- }
4850
- [data-theme='hr'] .ardplayer .ardplayer-bottom-sheet-container {
4851
- --ardplayer-color-lightest: #007396;
4899
+ [data-theme='hr'] .ardplayer.ardplayer-light-mode {
4900
+ --ardplayer-color-primary-base: #007396;
4901
+ --ardplayer-color-primary-base-transparent-30: rgba(
4902
+ 0, 115, 150, 0.7
4903
+ );
4904
+ --ardplayer-color-primary-dark-base: #eaf3fa;
4905
+ --ardplayer-color-tertiary-base: #007396;
4906
+ --ardplayer-color-lightest: #ffffff;
4907
+ --ardplayer-lightmode-color-lightest-transparent-30: #007396;
4852
4908
  }
4853
- [data-theme='hr'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4854
- color: #ffffff;
4909
+ [data-theme='hr'] .ardplayer.ardplayer-light-mode .noUi-handle {
4910
+ background: #007396;
4855
4911
  }
4856
- [data-theme='hr'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4857
- color: #007396;
4912
+ [data-theme='hr'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
4913
+ --ardplayer-color-lightest: #007396;
4914
+ color: var(--ardplayer-color-lightest);
4858
4915
  }
4859
- [data-theme='hr'] .ardplayer.ardplayer-state-audio {
4860
- --ardplayer-color-lightest: #007396;
4861
- }
4916
+ [data-theme='hr'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
4917
+ --ardplayer-color-lightest: #007396;
4918
+ }
4919
+ [data-theme='hr'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4920
+ color: #ffffff;
4921
+ }
4922
+ [data-theme='hr'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4923
+ color: #007396;
4924
+ }
4925
+ [data-theme='hr'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
4926
+ --ardplayer-color-lightest: #007396;
4927
+ }
4862
4928
  [data-theme='hr1'] {
4863
4929
  --color-primary-ds: #e0ae00;
4864
4930
  --color-secondary-ds: #007179;
@@ -4935,29 +5001,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4935
5001
 
4936
5002
  --feature-box-height: 96px;
4937
5003
  }
4938
- [data-theme='hr1'] .ardplayer {
4939
- --ardplayer-color-primary-base: #916B00;
4940
- --ardplayer-color-primary-base-transparent-30: rgba(145, 107, 0, 0.7);
4941
- --ardplayer-color-primary-dark-base: #FBF9EE;
4942
- --ardplayer-color-tertiary-base: #916B00;
4943
- --ardplayer-color-lightest: #ffffff;
4944
- }
4945
- [data-theme='hr1'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4946
- --ardplayer-color-lightest: #916B00;
4947
- color: var(--ardplayer-color-lightest);
4948
- }
4949
- [data-theme='hr1'] .ardplayer .ardplayer-bottom-sheet-container {
4950
- --ardplayer-color-lightest: #916B00;
5004
+ [data-theme='hr1'] .ardplayer.ardplayer-light-mode {
5005
+ --ardplayer-color-primary-base: #916B00;
5006
+ --ardplayer-color-primary-base-transparent-30: rgba(
5007
+ 145, 107, 0, 0.7
5008
+ );
5009
+ --ardplayer-color-primary-dark-base: #FBF9EE;
5010
+ --ardplayer-color-tertiary-base: #916B00;
5011
+ --ardplayer-color-lightest: #ffffff;
5012
+ --ardplayer-lightmode-color-lightest-transparent-30: #916B00;
4951
5013
  }
4952
- [data-theme='hr1'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4953
- color: #ffffff;
5014
+ [data-theme='hr1'] .ardplayer.ardplayer-light-mode .noUi-handle {
5015
+ background: #916B00;
4954
5016
  }
4955
- [data-theme='hr1'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4956
- color: #916B00;
5017
+ [data-theme='hr1'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
5018
+ --ardplayer-color-lightest: #916B00;
5019
+ color: var(--ardplayer-color-lightest);
4957
5020
  }
4958
- [data-theme='hr1'] .ardplayer.ardplayer-state-audio {
4959
- --ardplayer-color-lightest: #916B00;
4960
- }
5021
+ [data-theme='hr1'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
5022
+ --ardplayer-color-lightest: #916B00;
5023
+ }
5024
+ [data-theme='hr1'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5025
+ color: #ffffff;
5026
+ }
5027
+ [data-theme='hr1'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5028
+ color: #916B00;
5029
+ }
5030
+ [data-theme='hr1'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
5031
+ --ardplayer-color-lightest: #916B00;
5032
+ }
4961
5033
  [data-theme='hr2'] {
4962
5034
  --color-primary-ds: #ec6602;
4963
5035
  --color-secondary-ds: #007179;
@@ -5039,31 +5111,48 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
5039
5111
 
5040
5112
  --feature-box-height: 96px;
5041
5113
  }
5042
- [data-theme='hr2'] .ardplayer {
5043
- --ardplayer-color-primary-base: #8C033D;
5044
- --ardplayer-color-primary-base-transparent-30: rgba(140, 3, 61, 0.7);
5045
- --ardplayer-color-primary-live: #e5007d;
5046
- --ardplayer-color-primary-live-transparent-30: rgba(229, 0, 125, 0.7);
5047
- --ardplayer-color-primary-dark-base: #e0e0e0;
5048
- --ardplayer-color-tertiary-base: #8C033D;
5049
- --ardplayer-color-lightest: #ffffff;
5050
- }
5051
- [data-theme='hr2'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
5052
- --ardplayer-color-lightest: #8C033D;
5053
- color: var(--ardplayer-color-lightest);
5054
- }
5055
- [data-theme='hr2'] .ardplayer .ardplayer-bottom-sheet-container {
5056
- --ardplayer-color-lightest: #8C033D;
5114
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode {
5115
+ --ardplayer-color-primary-base: #8C033D;
5116
+ --ardplayer-color-primary-base-transparent-30: rgba(
5117
+ 140, 3, 61, 0.7
5118
+ );
5119
+ --ardplayer-color-primary-dark-base: #e0e0e0;
5120
+ --ardplayer-color-tertiary-base: #8C033D;
5121
+ --ardplayer-color-lightest: #ffffff;
5122
+ --ardplayer-lightmode-color-lightest-transparent-30: #8C033D;
5057
5123
  }
5058
- [data-theme='hr2'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5059
- color: #ffffff;
5124
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode.ardplayer-state-live {
5125
+ --ardplayer-color-primary-live: #e5007d;
5126
+ --ardplayer-color-primary-live-transparent-30: rgba(
5127
+ 229, 0, 125, 0.7
5128
+ );
5129
+ --ardplayer-color-ui-background-shim: var(
5130
+ --ardplayer-darkmode-color-ui-background-shim
5131
+ );
5132
+ --ardplayer-lightmode-color-lightest-transparent-30: #e5007d;
5060
5133
  }
5061
- [data-theme='hr2'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5062
- color: #8C033D;
5134
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode.ardplayer-state-live .noUi-handle {
5135
+ background: #e5007d;
5063
5136
  }
5064
- [data-theme='hr2'] .ardplayer.ardplayer-state-audio {
5065
- --ardplayer-color-lightest: #8C033D;
5066
- }
5137
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode .noUi-handle {
5138
+ background: #8C033D;
5139
+ }
5140
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
5141
+ --ardplayer-color-lightest: #8C033D;
5142
+ color: var(--ardplayer-color-lightest);
5143
+ }
5144
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
5145
+ --ardplayer-color-lightest: #8C033D;
5146
+ }
5147
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5148
+ color: #ffffff;
5149
+ }
5150
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5151
+ color: #8C033D;
5152
+ }
5153
+ [data-theme='hr2'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
5154
+ --ardplayer-color-lightest: #8C033D;
5155
+ }
5067
5156
  [data-theme='hr3'] {
5068
5157
  --color-primary-ds: #c20016;
5069
5158
  --color-secondary-ds: #007179;
@@ -5141,29 +5230,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
5141
5230
 
5142
5231
  --feature-box-height: 96px;
5143
5232
  }
5144
- [data-theme='hr3'] .ardplayer {
5145
- --ardplayer-color-primary-base: #c20016;
5146
- --ardplayer-color-primary-base-transparent-30: rgba(194, 0, 22, 0.7);
5147
- --ardplayer-color-primary-dark-base: #E6E6E6;
5148
- --ardplayer-color-tertiary-base: #c20016;
5149
- --ardplayer-color-lightest: #ffffff;
5150
- }
5151
- [data-theme='hr3'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
5152
- --ardplayer-color-lightest: #c20016;
5153
- color: var(--ardplayer-color-lightest);
5154
- }
5155
- [data-theme='hr3'] .ardplayer .ardplayer-bottom-sheet-container {
5156
- --ardplayer-color-lightest: #c20016;
5233
+ [data-theme='hr3'] .ardplayer.ardplayer-light-mode {
5234
+ --ardplayer-color-primary-base: #c20016;
5235
+ --ardplayer-color-primary-base-transparent-30: rgba(
5236
+ 194, 0, 22, 0.7
5237
+ );
5238
+ --ardplayer-color-primary-dark-base: #E6E6E6;
5239
+ --ardplayer-color-tertiary-base: #c20016;
5240
+ --ardplayer-color-lightest: #ffffff;
5241
+ --ardplayer-lightmode-color-lightest-transparent-30: #c20016;
5157
5242
  }
5158
- [data-theme='hr3'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5159
- color: #ffffff;
5243
+ [data-theme='hr3'] .ardplayer.ardplayer-light-mode .noUi-handle {
5244
+ background: #c20016;
5160
5245
  }
5161
- [data-theme='hr3'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5162
- color: #c20016;
5246
+ [data-theme='hr3'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
5247
+ --ardplayer-color-lightest: #c20016;
5248
+ color: var(--ardplayer-color-lightest);
5163
5249
  }
5164
- [data-theme='hr3'] .ardplayer.ardplayer-state-audio {
5165
- --ardplayer-color-lightest: #c20016;
5166
- }
5250
+ [data-theme='hr3'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
5251
+ --ardplayer-color-lightest: #c20016;
5252
+ }
5253
+ [data-theme='hr3'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5254
+ color: #ffffff;
5255
+ }
5256
+ [data-theme='hr3'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5257
+ color: #c20016;
5258
+ }
5259
+ [data-theme='hr3'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
5260
+ --ardplayer-color-lightest: #c20016;
5261
+ }
5167
5262
  [data-theme='hr4'] {
5168
5263
  --color-primary-ds: #bf0071;
5169
5264
  --color-secondary-ds: #007179;
@@ -5241,29 +5336,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
5241
5336
  --structure-nav-background: #168378;
5242
5337
  --feature-box-height: 96px;
5243
5338
  }
5244
- [data-theme='hr4'] .ardplayer {
5245
- --ardplayer-color-primary-base: #0F6157;
5246
- --ardplayer-color-primary-base-transparent-30: rgba(15, 97, 87, 0.7);
5247
- --ardplayer-color-primary-dark-base: #DBEAEA;
5248
- --ardplayer-color-tertiary-base: #0F6157;
5249
- --ardplayer-color-lightest: #ffffff;
5250
- }
5251
- [data-theme='hr4'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
5252
- --ardplayer-color-lightest: #0F6157;
5253
- color: var(--ardplayer-color-lightest);
5254
- }
5255
- [data-theme='hr4'] .ardplayer .ardplayer-bottom-sheet-container {
5256
- --ardplayer-color-lightest: #0F6157;
5339
+ [data-theme='hr4'] .ardplayer.ardplayer-light-mode {
5340
+ --ardplayer-color-primary-base: #0F6157;
5341
+ --ardplayer-color-primary-base-transparent-30: rgba(
5342
+ 15, 97, 87, 0.7
5343
+ );
5344
+ --ardplayer-color-primary-dark-base: #DBEAEA;
5345
+ --ardplayer-color-tertiary-base: #0F6157;
5346
+ --ardplayer-color-lightest: #ffffff;
5347
+ --ardplayer-lightmode-color-lightest-transparent-30: #0F6157;
5257
5348
  }
5258
- [data-theme='hr4'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5259
- color: #ffffff;
5349
+ [data-theme='hr4'] .ardplayer.ardplayer-light-mode .noUi-handle {
5350
+ background: #0F6157;
5260
5351
  }
5261
- [data-theme='hr4'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5262
- color: #0F6157;
5352
+ [data-theme='hr4'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
5353
+ --ardplayer-color-lightest: #0F6157;
5354
+ color: var(--ardplayer-color-lightest);
5263
5355
  }
5264
- [data-theme='hr4'] .ardplayer.ardplayer-state-audio {
5265
- --ardplayer-color-lightest: #0F6157;
5266
- }
5356
+ [data-theme='hr4'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
5357
+ --ardplayer-color-lightest: #0F6157;
5358
+ }
5359
+ [data-theme='hr4'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5360
+ color: #ffffff;
5361
+ }
5362
+ [data-theme='hr4'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5363
+ color: #0F6157;
5364
+ }
5365
+ [data-theme='hr4'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
5366
+ --ardplayer-color-lightest: #0F6157;
5367
+ }
5267
5368
  [data-theme='you-fm'] {
5268
5369
  --color-primary-ds: #007179 /* #c20016 */;
5269
5370
  --color-secondary-ds: #007179;
@@ -5364,29 +5465,33 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
5364
5465
  --structure-nav-text-mobile: #007EA1;
5365
5466
  --feature-box-height: 96px;
5366
5467
  }
5367
- [data-theme='you-fm'] .ardplayer {
5368
- --ardplayer-color-primary-base: #006783;
5369
- --ardplayer-color-primary-base-transparent-30: rgba(0, 103, 131, 0.7);
5370
- --ardplayer-color-primary-dark-base: #E5E8E8;
5371
- --ardplayer-color-tertiary-base: #006783;
5372
- --ardplayer-color-lightest: #ffffff;
5373
- }
5374
- [data-theme='you-fm'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
5375
- --ardplayer-color-lightest: #006783;
5376
- color: var(--ardplayer-color-lightest);
5377
- }
5378
- [data-theme='you-fm'] .ardplayer .ardplayer-bottom-sheet-container {
5379
- --ardplayer-color-lightest: #006783;
5468
+ [data-theme='you-fm'] .ardplayer.ardplayer-light-mode {
5469
+ --ardplayer-color-primary-base: #006783;
5470
+ --ardplayer-color-primary-base-transparent-30: rgba(0, 103, 131, 0.7);
5471
+ --ardplayer-color-primary-dark-base: #E5E8E8;
5472
+ --ardplayer-color-tertiary-base: #006783;
5473
+ --ardplayer-color-lightest: #ffffff;
5474
+ --ardplayer-lightmode-color-lightest-transparent-30: #006783;
5380
5475
  }
5381
- [data-theme='you-fm'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5382
- color: #ffffff;
5476
+ [data-theme='you-fm'] .ardplayer.ardplayer-light-mode .noUi-handle {
5477
+ background: #006783;
5383
5478
  }
5384
- [data-theme='you-fm'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5385
- color: #006783;
5479
+ [data-theme='you-fm'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
5480
+ --ardplayer-color-lightest: #006783;
5481
+ color: var(--ardplayer-color-lightest);
5386
5482
  }
5387
- [data-theme='you-fm'] .ardplayer.ardplayer-state-audio {
5388
- --ardplayer-color-lightest: #006783;
5389
- }
5483
+ [data-theme='you-fm'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
5484
+ --ardplayer-color-lightest: #006783;
5485
+ }
5486
+ [data-theme='you-fm'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover {
5487
+ color: #ffffff;
5488
+ }
5489
+ [data-theme='you-fm'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
5490
+ color: #006783;
5491
+ }
5492
+ [data-theme='you-fm'] .ardplayer.ardplayer-light-mode.ardplayer-state-audio {
5493
+ --ardplayer-color-lightest: #006783;
5494
+ }
5390
5495
  /*! purgecss end ignore */
5391
5496
  .sbdocs-content {
5392
5497
  max-width: 1140px !important;