ywana-core8 0.2.94 → 0.2.96

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/index.css CHANGED
@@ -4807,43 +4807,6 @@ td.actions {
4807
4807
  }
4808
4808
  }
4809
4809
 
4810
- /* Dark Theme Support */
4811
- @media (prefers-color-scheme: dark) {
4812
- .text--primary {
4813
- color: var(--primary-color-dark, #64b5f6);
4814
- }
4815
-
4816
- .text--secondary {
4817
- color: var(--secondary-color-dark, #bdbdbd);
4818
- }
4819
-
4820
- .text--success {
4821
- color: var(--success-color-dark, #81c784);
4822
- }
4823
-
4824
- .text--warning {
4825
- color: var(--warning-color-dark, #ffb74d);
4826
- }
4827
-
4828
- .text--error {
4829
- color: var(--error-color-dark, #e57373);
4830
- }
4831
-
4832
- .text--muted {
4833
- color: var(--text-color-light-dark, #cccccc);
4834
- }
4835
-
4836
- .text--copyable:hover {
4837
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
4838
- }
4839
-
4840
- .text--skeleton,
4841
- .text__skeleton {
4842
- background: linear-gradient(90deg, #424242 25%, #616161 50%, #424242 75%);
4843
- background-size: 200% 100%;
4844
- }
4845
- }
4846
-
4847
4810
  /* High Contrast Mode */
4848
4811
  @media (prefers-contrast: high) {
4849
4812
  .text--copyable:focus {
@@ -5169,32 +5132,6 @@ td.actions {
5169
5132
  }
5170
5133
  }
5171
5134
 
5172
- /* Dark theme support */
5173
- @media (prefers-color-scheme: dark) {
5174
- .accordion-section {
5175
- border-color: var(--divider-color-dark, #616161);
5176
- }
5177
-
5178
- .accordion-section > header:hover,
5179
- .accordion-section-header:hover {
5180
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
5181
- }
5182
-
5183
- .accordion-section > header:focus,
5184
- .accordion-section-header:focus {
5185
- background-color: var(--focus-color-dark, rgba(255, 255, 255, 0.12));
5186
- }
5187
-
5188
- .accordion-section--title {
5189
- color: var(--text-color-dark, #ffffff);
5190
- }
5191
-
5192
- .accordion-section--subtitle,
5193
- .accordion-section--info {
5194
- color: var(--text-color-light-dark, #cccccc);
5195
- }
5196
- }
5197
-
5198
5135
  /* Print styles */
5199
5136
  @media print {
5200
5137
  .accordion-section {
@@ -5283,19 +5220,7 @@ td.actions {
5283
5220
  0%, 100% { opacity: 1; }
5284
5221
  50% { opacity: 0.5; }
5285
5222
  }
5286
-
5287
- /* Dark theme support for skeleton/empty */
5288
- @media (prefers-color-scheme: dark) {
5289
- .accordion__empty-state {
5290
- color: var(--text-color-light-dark, #cccccc);
5291
- }
5292
-
5293
- .accordion__skeleton-icon,
5294
- .accordion__skeleton-text {
5295
- background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
5296
- background-size: 200% 100%;
5297
- }
5298
- }.btn {
5223
+ .btn {
5299
5224
  position: relative;
5300
5225
  padding: .2rem .5rem;
5301
5226
  display: flex;
@@ -6320,22 +6245,6 @@ input:checked~.checkmark:after {
6320
6245
  }
6321
6246
  }
6322
6247
 
6323
- /* Dark theme support */
6324
- @media (prefers-color-scheme: dark) {
6325
- .chip {
6326
- background-color: var(--chip-background-dark, #404040);
6327
- color: var(--text-color-dark, #ffffff);
6328
- }
6329
-
6330
- .chip:hover:not(.disabled) {
6331
- background-color: var(--chip-hover-background-dark, rgba(255,255,255,.1));
6332
- }
6333
-
6334
- .chip-delete:hover:not(.disabled) {
6335
- background-color: rgba(255, 255, 255, 0.1);
6336
- }
6337
- }
6338
-
6339
6248
  /* Print styles */
6340
6249
  @media print {
6341
6250
  .chip {
@@ -6688,22 +6597,6 @@ input:checked~.checkmark:after {
6688
6597
  }
6689
6598
  }
6690
6599
 
6691
- /* Dark theme support */
6692
- @media (prefers-color-scheme: dark) {
6693
- .header2 {
6694
- border-color: var(--divider-color-dark, #616161);
6695
- }
6696
-
6697
- .header2.primary {
6698
- background-color: var(--primary-color-dark, #1976d2);
6699
- color: var(--primary-color-text, white);
6700
- }
6701
-
6702
- .header2.secondary {
6703
- background-color: var(--secondary-color-dark, #424242);
6704
- color: var(--secondary-color-text, white);
6705
- }
6706
- }
6707
6600
 
6708
6601
  /* Print styles */
6709
6602
  @media print {
@@ -7365,37 +7258,6 @@ input:checked~.checkmark:after {
7365
7258
  }
7366
7259
  }
7367
7260
 
7368
- /* Dark Theme Support */
7369
- @media (prefers-color-scheme: dark) {
7370
- .circular-progress__background,
7371
- .linear-progress__track,
7372
- .step-progress__connector {
7373
- background-color: var(--divider-color-dark, #424242);
7374
- stroke: var(--divider-color-dark, #424242);
7375
- }
7376
-
7377
- .circular-progress__value,
7378
- .linear-progress__label,
7379
- .linear-progress__value,
7380
- .step-progress__title,
7381
- .radial-progress__value,
7382
- .multi-progress__label,
7383
- .multi-progress__value {
7384
- color: var(--text-color-dark, #ffffff);
7385
- }
7386
-
7387
- .linear-progress__time,
7388
- .step-progress__description,
7389
- .radial-progress__label {
7390
- color: var(--text-color-light-dark, #cccccc);
7391
- }
7392
-
7393
- .step-progress__circle {
7394
- background-color: var(--divider-color-dark, #424242);
7395
- color: var(--text-color-light-dark, #cccccc);
7396
- }
7397
- }
7398
-
7399
7261
  /* High Contrast Mode */
7400
7262
  @media (prefers-contrast: high) {
7401
7263
  .circular-progress__progress,
@@ -7900,25 +7762,6 @@ input:checked~.checkmark:after {
7900
7762
  }
7901
7763
  }
7902
7764
 
7903
- /* Dark theme support */
7904
- @media (prefers-color-scheme: dark) {
7905
- .textfield2 > input,
7906
- .textfield2 > textarea {
7907
- background-color: var(--paper-color-dark, #424242);
7908
- color: var(--text-color-dark, #ffffff);
7909
- border-color: var(--divider-color-dark, #616161);
7910
- }
7911
-
7912
- .textfield2-outlined > input,
7913
- .textfield2-outlined > textarea {
7914
- border-color: var(--divider-color-dark, #616161);
7915
- }
7916
-
7917
- .textfield2 > label {
7918
- background-color: var(--paper-color-dark, #424242);
7919
- }
7920
- }
7921
-
7922
7765
  /* Print styles */
7923
7766
  @media print {
7924
7767
  .textfield2 {
@@ -8217,28 +8060,6 @@ input:checked~.checkmark:after {
8217
8060
  }
8218
8061
  }
8219
8062
 
8220
- /* Dark theme support */
8221
- @media (prefers-color-scheme: dark) {
8222
- .dropdown2-control {
8223
- background-color: var(--paper-color-dark, #424242);
8224
- border-color: var(--divider-color-dark, #616161);
8225
- }
8226
-
8227
- .dropdown2-menu {
8228
- background-color: var(--paper-color-dark, #424242);
8229
- border-color: var(--divider-color-dark, #616161);
8230
- }
8231
-
8232
- .dropdown2-label {
8233
- background-color: var(--paper-color-dark, #424242);
8234
- }
8235
-
8236
- .dropdown2-value,
8237
- .dropdown2-search {
8238
- color: var(--text-color-dark, #ffffff);
8239
- }
8240
- }
8241
-
8242
8063
  /* Print styles for dropdown */
8243
8064
  @media print {
8244
8065
  .dropdown2-menu {
@@ -8372,18 +8193,6 @@ input:checked~.checkmark:after {
8372
8193
  }
8373
8194
  }
8374
8195
 
8375
- /* Dark theme support */
8376
- @media (prefers-color-scheme: dark) {
8377
- .date-range2-label {
8378
- color: var(--text-color-dark, #ffffff);
8379
- }
8380
-
8381
- .date-range2.outlined .date-range2-fields {
8382
- background-color: var(--paper-color-dark, #424242);
8383
- border-color: var(--divider-color-dark, #616161);
8384
- }
8385
- }
8386
-
8387
8196
  /* Print styles for date range */
8388
8197
  @media print {
8389
8198
  .date-range2-fields {
@@ -8792,39 +8601,6 @@ input:checked~.checkmark:after {
8792
8601
  }
8793
8602
  }
8794
8603
 
8795
- /* Dark Theme Support */
8796
- @media (prefers-color-scheme: dark) {
8797
- .list__search,
8798
- .list__sort,
8799
- .list__group-header {
8800
- background-color: var(--background-color-light-dark, #424242);
8801
- border-color: var(--divider-color-dark, #616161);
8802
- }
8803
-
8804
- .list__item {
8805
- border-color: var(--divider-color-dark, #616161);
8806
- }
8807
-
8808
- .list__item:hover {
8809
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
8810
- }
8811
-
8812
- .list__item:focus {
8813
- background-color: var(--focus-color-dark, rgba(255, 255, 255, 0.12));
8814
- }
8815
-
8816
- .list__item-line1 {
8817
- color: var(--text-color-dark, #ffffff);
8818
- }
8819
-
8820
- .list__item-line2,
8821
- .list__item-meta,
8822
- .list__loading,
8823
- .list__empty {
8824
- color: var(--text-color-light-dark, #cccccc);
8825
- }
8826
- }
8827
-
8828
8604
  /* High Contrast Mode */
8829
8605
  @media (prefers-contrast: high) {
8830
8606
  .list--outlined .list__item {
@@ -9189,69 +8965,6 @@ input:checked~.checkmark:after {
9189
8965
  }
9190
8966
  }
9191
8967
 
9192
- /* Dark Theme Support */
9193
- @media (prefers-color-scheme: dark) {
9194
- .property-name__text {
9195
- color: var(--text-color-dark, #ffffff);
9196
- }
9197
-
9198
- .property-value>input,
9199
- .property-value__input,
9200
- .property-value__textarea {
9201
- background-color: rgba(255, 255, 255, 0.05);
9202
- color: var(--text-color-dark, #ffffff);
9203
- }
9204
-
9205
- .property-value__input:focus,
9206
- .property-value__textarea:focus {
9207
- background-color: rgba(100, 181, 246, 0.1);
9208
- }
9209
-
9210
- .property--outlined {
9211
- border-color: var(--divider-color-dark, #616161);
9212
- background-color: var(--background-color-dark, #303030);
9213
- }
9214
-
9215
- .property--filled {
9216
- background-color: var(--background-color-light-dark, #424242);
9217
- border-color: var(--divider-color-dark, #616161);
9218
- }
9219
-
9220
- .property--disabled,
9221
- .property--readonly {
9222
- background-color: var(--background-color-light-dark, #424242);
9223
- }
9224
-
9225
- .property--copyable:hover {
9226
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
9227
- }
9228
-
9229
- .property-value__display--copyable:hover {
9230
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
9231
- }
9232
-
9233
- .property-value__input::placeholder,
9234
- .property-value__textarea::placeholder,
9235
- .property-value__placeholder {
9236
- color: var(--text-color-light-dark, #cccccc);
9237
- }
9238
-
9239
- .property-value__clear,
9240
- .property-value__copy {
9241
- color: var(--text-color-light-dark, #cccccc);
9242
- }
9243
-
9244
- .property-value__clear:hover,
9245
- .property-value__copy:hover {
9246
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.12));
9247
- }
9248
-
9249
- .property--skeleton {
9250
- background: linear-gradient(90deg, #424242 25%, #616161 50%, #424242 75%);
9251
- background-size: 200% 100%;
9252
- }
9253
- }
9254
-
9255
8968
  /* High Contrast Mode */
9256
8969
  @media (prefers-contrast: high) {
9257
8970
  .property--focused {
@@ -9748,36 +9461,6 @@ input:checked~.checkmark:after {
9748
9461
  }
9749
9462
  }
9750
9463
 
9751
- /* Dark Theme Support */
9752
- @media (prefers-color-scheme: dark) {
9753
- .tabs--scrollable::-webkit-scrollbar-track {
9754
- background: var(--background-color-light-dark, #424242);
9755
- }
9756
-
9757
- .tabs--scrollable::-webkit-scrollbar-thumb {
9758
- background: var(--divider-color-dark, #616161);
9759
- }
9760
-
9761
- .tab {
9762
- color: var(--text-color-dark, #ffffff);
9763
- border-color: var(--divider-color-dark, #616161);
9764
- }
9765
-
9766
- .tab:hover {
9767
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
9768
- }
9769
-
9770
- .tab.selected {
9771
- background-color: var(--paper-color-dark, #424242);
9772
- color: var(--text-color-dark, #ffffff);
9773
- border-color: var(--divider-color-dark, #616161);
9774
- }
9775
-
9776
- .tab__close:hover {
9777
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.12));
9778
- }
9779
- }
9780
-
9781
9464
  /* High Contrast Mode */
9782
9465
  @media (prefers-contrast: high) {
9783
9466
  .tab {
@@ -13022,70 +12705,6 @@ body.datatable2-resizing {
13022
12705
  }
13023
12706
  }
13024
12707
 
13025
- /* Dark Theme Support */
13026
- @media (prefers-color-scheme: dark) {
13027
- .tokenField {
13028
- border-bottom-color: var(--divider-color-dark, #616161);
13029
- }
13030
-
13031
- .tokenField > label {
13032
- color: var(--primary-color-dark, #64b5f6);
13033
- }
13034
-
13035
- .tokenField--outlined {
13036
- border-color: var(--divider-color-dark, #616161);
13037
- background-color: var(--background-color-dark, #303030);
13038
- }
13039
-
13040
- .tokenField--filled {
13041
- background-color: var(--background-color-light-dark, #424242);
13042
- border-bottom-color: var(--divider-color-dark, #616161);
13043
- }
13044
-
13045
- .tokenField--disabled,
13046
- .tokenField--readonly {
13047
- background-color: var(--background-color-light-dark, #424242);
13048
- }
13049
-
13050
- .tokenField--focused {
13051
- border-bottom-color: var(--primary-color-dark, #64b5f6);
13052
- box-shadow: 0 1px 0 0 var(--primary-color-dark, #64b5f6);
13053
- }
13054
-
13055
- .token {
13056
- border-color: var(--divider-color-dark, #616161);
13057
- background-color: rgba(255, 255, 255, 0.1);
13058
- color: var(--text-color-dark, #ffffff);
13059
- }
13060
-
13061
- .token--outlined {
13062
- border-color: var(--primary-color-dark, #64b5f6);
13063
- color: var(--primary-color-dark, #64b5f6);
13064
- }
13065
-
13066
- .token--filled {
13067
- background-color: var(--primary-color-dark, #64b5f6);
13068
- color: var(--text-color-dark, #000);
13069
- border-color: var(--primary-color-dark, #64b5f6);
13070
- }
13071
-
13072
- .tokenField__input {
13073
- color: var(--text-color-dark, #ffffff);
13074
- }
13075
-
13076
- .tokenField__input::placeholder {
13077
- color: var(--text-color-light-dark, #cccccc);
13078
- }
13079
-
13080
- .tokenField__clear {
13081
- color: var(--text-color-light-dark, #cccccc);
13082
- }
13083
-
13084
- .tokenField__clear:hover:not(:disabled) {
13085
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
13086
- }
13087
- }
13088
-
13089
12708
  /* High Contrast Mode */
13090
12709
  @media (prefers-contrast: high) {
13091
12710
  .tokenField {
@@ -14011,22 +13630,7 @@ body.datatable2-resizing {
14011
13630
  transition: none;
14012
13631
  }
14013
13632
  }
14014
-
14015
- /* Dark theme support */
14016
- @media (prefers-color-scheme: dark) {
14017
- .switch__handle {
14018
- background-color: #f8f9fa;
14019
- border-color: rgba(255, 255, 255, 0.2);
14020
- }
14021
-
14022
- .switch__track {
14023
- border-color: rgba(255, 255, 255, 0.2);
14024
- }
14025
-
14026
- .switch-label {
14027
- color: var(--text-color-dark, #e2e8f0);
14028
- }
14029
- }.thumbnail {
13633
+ .thumbnail {
14030
13634
  width: 100%;
14031
13635
  min-width: 3rem;
14032
13636
  max-width: 6rem;
@@ -14258,31 +13862,6 @@ body.datatable2-resizing {
14258
13862
  }
14259
13863
  }
14260
13864
 
14261
- /* Dark Theme Support */
14262
- @media (prefers-color-scheme: dark) {
14263
- .thumbnail--bordered {
14264
- border-color: var(--divider-color-dark, #616161);
14265
- }
14266
-
14267
- .thumbnail__placeholder,
14268
- .thumbnail__fallback {
14269
- background-color: var(--background-color-light-dark, #424242);
14270
- color: var(--text-color-light-dark, #cccccc);
14271
- }
14272
-
14273
- .thumbnail--loading {
14274
- background-color: var(--background-color-light-dark, #424242);
14275
- }
14276
-
14277
- .thumbnail--error {
14278
- background-color: var(--error-color-dark, #d32f2f);
14279
- }
14280
-
14281
- .thumbnail__loading {
14282
- color: var(--text-color-light-dark, #cccccc);
14283
- }
14284
- }
14285
-
14286
13865
  /* High Contrast Mode */
14287
13866
  @media (prefers-contrast: high) {
14288
13867
  .thumbnail--bordered {
@@ -14691,54 +14270,6 @@ body.datatable2-resizing {
14691
14270
  }
14692
14271
  }
14693
14272
 
14694
- /* Dark Theme Support */
14695
- @media (prefers-color-scheme: dark) {
14696
- .color-field__label {
14697
- color: var(--primary-color-dark, #64b5f6);
14698
- }
14699
-
14700
- .color-field--outlined {
14701
- border-color: var(--divider-color-dark, #616161);
14702
- }
14703
-
14704
- .color-field--filled {
14705
- background-color: var(--background-color-light-dark, #424242);
14706
- border-bottom-color: var(--divider-color-dark, #616161);
14707
- }
14708
-
14709
- .color-field__preset,
14710
- .color-picker__trigger {
14711
- border-color: var(--divider-color-dark, #616161);
14712
- }
14713
-
14714
- .color-field__input {
14715
- border-color: var(--divider-color-dark, #616161);
14716
- background-color: var(--background-color-dark, #303030);
14717
- color: var(--text-color-dark, #ffffff);
14718
- }
14719
-
14720
- .color-field__input:focus {
14721
- border-color: var(--primary-color-dark, #64b5f6);
14722
- }
14723
-
14724
- .color-field__clear {
14725
- color: var(--text-color-light-dark, #cccccc);
14726
- }
14727
-
14728
- .color-field__clear:hover:not(:disabled) {
14729
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
14730
- }
14731
-
14732
- .color-picker__dropdown {
14733
- background-color: var(--background-color-dark, #303030);
14734
- border-color: var(--divider-color-dark, #616161);
14735
- }
14736
-
14737
- .color-picker__option {
14738
- border-color: var(--divider-color-dark, #616161);
14739
- }
14740
- }
14741
-
14742
14273
  /* High Contrast Mode */
14743
14274
  @media (prefers-contrast: high) {
14744
14275
  .color-field--focused {
@@ -15059,52 +14590,6 @@ li.selected,
15059
14590
  }
15060
14591
  }
15061
14592
 
15062
- /* Dark Theme Support */
15063
- @media (prefers-color-scheme: dark) {
15064
- .toggle-button {
15065
- border-color: var(--primary-color-dark, #64b5f6);
15066
- color: var(--primary-color-dark, #64b5f6);
15067
- }
15068
-
15069
- .toggle-button.selected {
15070
- background-color: var(--primary-color-dark, #64b5f6);
15071
- color: var(--text-color-dark, #000);
15072
- }
15073
-
15074
- .multiselector--filled .toggle-button {
15075
- background-color: var(--background-color-light-dark, #424242);
15076
- color: var(--text-color-dark, #ffffff);
15077
- }
15078
-
15079
- .toggle-button:hover:not(.toggle-button--disabled) {
15080
- background-color: var(--primary-color-dark-light, rgba(100, 181, 246, 0.1));
15081
- }
15082
-
15083
- .multiselector__search-input {
15084
- background-color: var(--background-color-dark, #303030);
15085
- border-color: var(--divider-color-dark, #616161);
15086
- color: var(--text-color-dark, #ffffff);
15087
- }
15088
-
15089
- .multiselector__search-input:focus {
15090
- border-color: var(--primary-color-dark, #64b5f6);
15091
- }
15092
-
15093
- .multiselector__clear-button {
15094
- border-color: var(--divider-color-dark, #616161);
15095
- color: var(--text-color-light-dark, #cccccc);
15096
- }
15097
-
15098
- .multiselector__summary {
15099
- background-color: var(--background-color-light-dark, #424242);
15100
- }
15101
-
15102
- .multiselector__loading,
15103
- .multiselector__empty {
15104
- color: var(--text-color-light-dark, #cccccc);
15105
- }
15106
- }
15107
-
15108
14593
  /* High Contrast Mode */
15109
14594
  @media (prefers-contrast: high) {
15110
14595
  .toggle-button {
@@ -15635,82 +15120,7 @@ li.selected,
15635
15120
  .example-subsection__title {
15636
15121
  font-size: 1.125rem;
15637
15122
  }
15638
- }
15639
-
15640
- /* Dark theme support */
15641
- @media (prefers-color-scheme: dark) {
15642
- .example-sidebar {
15643
- background: #2c1810;
15644
- border-color: #5d4037;
15645
- }
15646
-
15647
- .example-sidebar__header {
15648
- background: #3e2723;
15649
- border-color: #5d4037;
15650
- }
15651
-
15652
- .example-sidebar__link {
15653
- color: #f4e6d7;
15654
- }
15655
-
15656
- .example-sidebar__link:hover {
15657
- background: rgba(141, 110, 99, 0.2);
15658
- color: #8d6e63;
15659
- }
15660
-
15661
- .example-sidebar__link.active {
15662
- background: #8d6e63;
15663
- color: #f4e6d7;
15664
- }
15665
-
15666
- .example-sidebar__sublink {
15667
- color: #d7ccc8;
15668
- }
15669
-
15670
- .example-sidebar__sublink:hover {
15671
- background: rgba(141, 110, 99, 0.1);
15672
- color: #8d6e63;
15673
- }
15674
-
15675
- .example-sidebar__sublink.active {
15676
- background: rgba(141, 110, 99, 0.2);
15677
- color: #8d6e63;
15678
- }
15679
-
15680
- .code-snippet {
15681
- background: #3e2723;
15682
- border-color: #5d4037;
15683
- }
15684
-
15685
- .code-snippet__header {
15686
- background: #4e342e;
15687
- border-color: #5d4037;
15688
- }
15689
-
15690
- .code-snippet__title {
15691
- color: #f4e6d7;
15692
- }
15693
-
15694
- .code-snippet__copy {
15695
- border-color: #5d4037;
15696
- color: #d7ccc8;
15697
- }
15698
-
15699
- .code-snippet__copy:hover {
15700
- background: rgba(141, 110, 99, 0.2);
15701
- border-color: #8d6e63;
15702
- color: #8d6e63;
15703
- }
15704
-
15705
- .code-snippet__content {
15706
- background: #2c1810;
15707
- }
15708
-
15709
- .code-snippet__content code {
15710
- color: #f4e6d7;
15711
- }
15712
- }
15713
- .login-box {
15123
+ }.login-box {
15714
15124
  background-color: var(--paper-color);
15715
15125
  }
15716
15126
 
@@ -22469,44 +21879,6 @@ body.fe-sidebar-resizing {
22469
21879
  min-height: 24px;
22470
21880
  }
22471
21881
 
22472
- /* Dark theme support */
22473
- @media (prefers-color-scheme: dark) {
22474
- .window {
22475
- background: #2d3748;
22476
- border-color: #4a5568;
22477
- color: #e2e8f0;
22478
- }
22479
-
22480
- .window__header {
22481
- background: linear-gradient(to bottom, #4a5568, #2d3748);
22482
- border-bottom-color: #4a5568;
22483
- }
22484
-
22485
- .window__title {
22486
- color: #e2e8f0;
22487
- }
22488
-
22489
- .window__control {
22490
- color: #a0aec0;
22491
- }
22492
-
22493
- .window__control:hover {
22494
- background: rgba(255, 255, 255, 0.1);
22495
- color: #e2e8f0;
22496
- }
22497
-
22498
- .window__toolbar,
22499
- .window__status-bar {
22500
- background: #4a5568;
22501
- border-color: #2d3748;
22502
- color: #e2e8f0;
22503
- }
22504
-
22505
- .window__content {
22506
- background: #2d3748;
22507
- }
22508
- }
22509
-
22510
21882
  /* Responsive design */
22511
21883
  @media (max-width: 768px) {
22512
21884
  .window__header {