|
10 | 10 | /* */
|
11 | 11 | /******************************************/
|
12 | 12 | /* */
|
13 |
| - /* Last updated on 2022-3-1. */ |
| 13 | + /* Last updated on 2022-3-3. */ |
14 | 14 | /* */
|
15 | 15 | /* Tested with: */
|
16 | 16 | /* - v3.0.1 */
|
|
109 | 109 |
|
110 | 110 | /* File input */
|
111 | 111 | .uhc-file-input__container-inputs{
|
112 |
| - background-color: var(--bg-darker-2); |
| 112 | + background-color: var(--bg-darker-1); |
113 | 113 | }
|
114 | 114 | .uhc-file-input__container-inputs:hover{
|
115 |
| - background-color: var(--bg-darker-3); |
| 115 | + background-color: var(--bg-darker-2); |
| 116 | + } |
| 117 | + .uhc-file-input__container label{ |
| 118 | + color: var(--text-lighter-1); |
116 | 119 | }
|
117 | 120 | .uhc-file-input__container input{
|
118 | 121 | color: var(--main-text);
|
119 | 122 | }
|
120 |
| - .uhc-file-input__container label{ |
| 123 | +
|
| 124 | + /* Text input */ |
| 125 | + .uhc-input__container input{ |
| 126 | + background-color: var(--bg-darker-1); |
| 127 | + color: var(--main-text); |
| 128 | + } |
| 129 | + .uhc-input__container input:hover{ |
| 130 | + background-color: var(--bg-darker-2); |
| 131 | + } |
| 132 | + .uhc-input__container input:focus{ |
| 133 | + background-color: var(--bg-darker-1); |
| 134 | + } |
| 135 | + .uhc-input__container label{ |
121 | 136 | color: var(--text-lighter-1);
|
122 | 137 | }
|
123 | 138 |
|
|
140 | 155 | color: var(--main-text-a50);
|
141 | 156 | background-color: var(--badge-gray);
|
142 | 157 | }
|
| 158 | + .uhc-badge--yellow{ |
| 159 | + background-color: var(--badge-gray); |
| 160 | + } |
143 | 161 |
|
144 | 162 | /* Context menu */
|
145 | 163 | .uhc-interactable__context-menu{
|
|
171 | 189 | color: var(--main-text);
|
172 | 190 | }
|
173 | 191 |
|
| 192 | + /* Modal right column */ |
| 193 | + .modal__learn-content-detail .uhc-modal__container .uhc-modal__body .column--right{ |
| 194 | + background-color: transparent; |
| 195 | + } |
| 196 | +
|
174 | 197 | /* Drawer */
|
175 | 198 | .uha-drawer{
|
176 | 199 | background-color: var(--body-bg);
|
|
318 | 341 | color: var(--main-text);
|
319 | 342 | }
|
320 | 343 | .uhc-button-dropdown--secondary .uhc-button-dropdown__button, .uhc-button-dropdown--secondary .uhc-button-dropdown__dropdown{
|
321 |
| - background-color: var(--bg-darker-2); |
| 344 | + background-color: var(--bg-darker-1); |
322 | 345 | }
|
323 | 346 | .uhc-button-dropdown--secondary .uhc-button-dropdown__button:hover:not([disabled]), .uhc-button-dropdown--secondary .uhc-button-dropdown__dropdown:hover:not([disabled]){
|
324 |
| - background-color: var(--bg-darker-3); |
| 347 | + background-color: var(--bg-darker-2); |
325 | 348 | }
|
326 | 349 | .uhc-button-dropdown--secondary .uhc-button-dropdown__button:active:not([disabled]), .uhc-button-dropdown--secondary .uhc-button-dropdown__dropdown:active:not([disabled]){
|
327 |
| - background-color: var(--bg-darker-5); |
| 350 | + background-color: var(--bg-darker-4); |
328 | 351 | }
|
329 | 352 |
|
330 | 353 | /* Dropdown select */
|
331 | 354 | .uhc-dropdown__container select{
|
332 | 355 | color: var(--main-text);
|
333 |
| - background-color: var(--bg-darker-2); |
| 356 | + background-color: var(--bg-darker-1); |
334 | 357 | }
|
335 | 358 | .uhc-dropdown__container select:hover{
|
336 |
| - background-color: var(--bg-darker-3); |
| 359 | + background-color: var(--bg-darker-2); |
337 | 360 | }
|
338 | 361 | .uhc-dropdown__container select:focus{
|
339 | 362 | background-color: var(--bg-darker-1);
|
|
353 | 376 | color: var(--text-darker-1);
|
354 | 377 | }
|
355 | 378 |
|
| 379 | + /* Editor version */ |
| 380 | + .editor-version-item{ |
| 381 | + background-color: var(--bg-darker-1); |
| 382 | + border-color: transparent; |
| 383 | + } |
| 384 | + .editor-version-item+.editor-version-item{ |
| 385 | + border-color: transparent; |
| 386 | + } |
| 387 | +
|
356 | 388 | /* Editor item platform button */
|
357 | 389 | .uha-modules-list .uha-modules-list__item, .uha-modules-list .uha-modules-list__item__button, .uha-modules-list .uha-modules-list__item__add-platform-button{
|
358 | 390 | color: var(--text-lighter-1);
|
|
419 | 451 | border-top-color: var(--bg-darker-2);
|
420 | 452 | background-color: var(--bg-darker-2);
|
421 | 453 | }
|
| 454 | + .add-module__section-element-child:hover, |
422 | 455 | .add-module__section-element:hover{
|
423 | 456 | background-color: var(--bg-darker-5);
|
424 | 457 | }
|
|
443 | 476 | background-color: var(--body-bg);
|
444 | 477 | }
|
445 | 478 |
|
| 479 | + /* Fade container */ |
| 480 | + .uhc-fade-image__container{ |
| 481 | + background-color: var(--bg-darker-1); |
| 482 | + } |
| 483 | +
|
446 | 484 | /* Learn item */
|
447 | 485 | .uha-learn-item{
|
448 | 486 | background-color: var(--bg-darker-1);
|
449 | 487 | }
|
450 | 488 | .uha-learn-item:hover{
|
451 | 489 | background-color: var(--bg-darker-2);
|
452 | 490 | }
|
| 491 | + .uha-learn-item__thumbnail-container{ |
| 492 | + background-color: var(--bg-darker-1); |
| 493 | + } |
453 | 494 |
|
454 | 495 | /* Template sidebar */
|
455 | 496 | .template-sidebar{
|
456 | 497 | background-color: var(--body-bg);
|
457 | 498 | }
|
458 | 499 |
|
459 | 500 | /* Template list */
|
| 501 | + .template-list__item{ |
| 502 | + border-color: var(--bg-darker-1); |
| 503 | + } |
460 | 504 | .template-list__item--usable{
|
461 | 505 | background-color: var(--bg-darker-1);
|
462 | 506 | border-color: var(--bg-darker-1);
|
|
466 | 510 | border-color: var(--bg-darker-2);
|
467 | 511 | }
|
468 | 512 |
|
| 513 | + /* Template details */ |
| 514 | + .modal__template-contents__info-paragraph.uhc-paragraph{ |
| 515 | + color: var(--main-text); |
| 516 | + } |
| 517 | + .modal__template-contents .modal__template-contents__package__name{ |
| 518 | + color: var(--main-text); |
| 519 | + } |
| 520 | +
|
| 521 | + /* Template download */ |
| 522 | + .template-preview__downloading-label{ |
| 523 | + background-color: var(--bg-darker-1); |
| 524 | + } |
| 525 | +
|
469 | 526 | /* Editor selector */
|
470 | 527 | .editor-selector__container .editor-selector:hover, .editor-selector__container .editor-selector:focus{
|
471 |
| - background-color: var(--bg-darker-1); |
| 528 | + background-color: var(--body-bg); |
472 | 529 | }
|
473 | 530 | .editor-list-dropdown__container{
|
| 531 | + background-color: var(--body-bg); |
| 532 | + } |
| 533 | + .editor-list-dropdown__editor-item{ |
| 534 | + border-bottom-color: transparent; |
| 535 | + } |
| 536 | + .editor-list-dropdown__editor-item:hover, .editor-list-dropdown__editor-item:focus{ |
| 537 | + background-color: var(--bg-darker-1); |
| 538 | + } |
| 539 | + .editor-list-dropdown__editor-item--selected{ |
474 | 540 | background-color: var(--bg-darker-1);
|
475 | 541 | }
|
| 542 | + .editor-list-dropdown__editor-item .uhc-heading{ |
| 543 | + color: var(--main-text); |
| 544 | + } |
| 545 | + .editor-list-dropdown__editor-item--selected .uhc-heading{ |
| 546 | + color: var(--text-darker-1); |
| 547 | + } |
476 | 548 | </style>
|
477 | 549 | """
|
478 | 550 |
|
|
0 commit comments