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 +3 -631
- package/package.json +1 -1
- package/src/desktop/window.css +0 -38
- package/src/html/ExampleLayout.css +1 -75
- package/src/html/accordion.css +0 -39
- package/src/html/chip.css +0 -16
- package/src/html/color.css +0 -48
- package/src/html/header2.css +0 -16
- package/src/html/list.css +0 -33
- package/src/html/progress.css +0 -31
- package/src/html/property.css +0 -63
- package/src/html/selector.css +0 -46
- package/src/html/switch.css +0 -16
- package/src/html/tab.css +0 -30
- package/src/html/text.css +0 -37
- package/src/html/textfield.css +0 -53
- package/src/html/thumbnail.css +0 -25
- package/src/html/tokenfield.css +0 -64
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 {
|