1@keyframes switch_ripple_effect { 2 from { 3 background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); 4 } 5 to { 6 background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); 7 } 8} 9 10@keyframes header_ripple_effect { 11 from { 12 background-image: radial-gradient(circle farthest-corner at center, #373737 0%, transparent 0%); 13 } 14 to { 15 background-image: radial-gradient(circle farthest-corner at center, #373737 100%, transparent 0%); 16 } 17} 18 19* { 20 padding: 0; 21 background-clip: padding-box; 22 background-origin: padding-box; 23} 24 25.background { 26 color: #dedede; 27 background-color: #333333; 28} 29 30.background.csd { 31 border-radius: 6px; 32} 33 34.background.solid-csd { 35 border-radius: 0; 36} 37 38dnd { 39 color: #dedede; 40} 41 42.normal-icons { 43 -gtk-icon-size: 16px; 44} 45 46.large-icons { 47 -gtk-icon-size: 32px; 48} 49 50spinner:disabled, 51arrow:disabled, 52scrollbar:disabled, 53check:disabled, 54radio:disabled, 55treeview.expander:disabled, 56label:disabled selection.expander { 57 -gtk-icon-filter: opacity(0.5); 58} 59 60filechooser stack.view scrolledwindow treeview.view, iconview, .view { 61 color: #dadada; 62 background-color: #242424; 63 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 64} 65 66filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { 67 color: white; 68 background-color: #F3BA4B; 69 transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 70} 71 72textview { 73 background-color: #242424; 74} 75 76textview > text { 77 background-color: #242424; 78} 79 80textview border { 81 background-color: #2c2c2c; 82} 83 84iconview, iconview:hover, iconview:selected { 85 border-radius: 5px; 86} 87 88.content-view rubberband, columnview.view > rubberband, 89treeview.view > rubberband, flowbox > rubberband, 90rubberband, 91gridview > rubberband { 92 border: 1px solid #f0a81b; 93 background-color: rgba(240, 168, 27, 0.2); 94} 95 96flowbox > flowboxchild { 97 padding: 3px; 98 border-radius: 5px; 99} 100 101flowbox > flowboxchild:selected { 102 outline-offset: -2px; 103} 104 105flowbox.search-bar { 106 border-bottom: 1px solid #101010; 107} 108 109gridview > child { 110 padding: 3px; 111} 112 113gridview > child:selected { 114 outline-color: #e29b0f; 115} 116 117gridview > child box { 118 border-spacing: 8px; 119 margin: 12px; 120} 121 122coverflow cover { 123 color: #dadada; 124 background-color: #242424; 125 border: 1px solid black; 126} 127 128label.separator { 129 color: #dedede; 130} 131 132label > sselection { 133 color: white; 134 background-color: #F3BA4B; 135} 136 137label:disabled { 138 color: rgba(222, 222, 222, 0.35); 139} 140 141popover.background label.separator, headerbar .subtitle, label.separator, .dim-label, entry > text > placeholder { 142 opacity: 0.55; 143 text-shadow: none; 144} 145 146window.assistant .sidebar { 147 background-color: #242424; 148 border-top: 1px solid rgba(255, 255, 255, 0.12); 149} 150 151window.assistant.csd .sidebar { 152 border-top-style: none; 153} 154 155window.assistant .sidebar label { 156 padding: 6px 12px; 157} 158 159window.assistant .sidebar label.highlight { 160 background-color: #F3BA4B; 161 color: white; 162} 163 164.osd .scale-popup > arrow, .osd .scale-popup > contents, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { 165 color: #dadada; 166 border: none; 167 background-color: #2a2a2a; 168 background-clip: padding-box; 169 border-radius: 5px; 170} 171 172.osd { 173 padding: 6px; 174 margin: 5px 8px 11px 8px; 175 box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); 176} 177 178.osd.circular { 179 border-radius: 100%; 180} 181 182@keyframes spin { 183 to { 184 transform: rotate(1turn); 185 } 186} 187 188spinner { 189 background: none; 190 opacity: 0; 191 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 192} 193 194spinner:checked { 195 opacity: 1; 196 animation: spin 1s linear infinite; 197} 198 199spinner:checked:disabled, label:disabled selection:checked { 200 opacity: 0.5; 201} 202 203.large-title { 204 font-weight: 300; 205 font-size: 24pt; 206} 207 208.title-1 { 209 font-weight: 800; 210 font-size: 20pt; 211} 212 213.title-2 { 214 font-weight: 800; 215 font-size: 15pt; 216} 217 218.title-3 { 219 font-weight: 700; 220 font-size: 15pt; 221} 222 223.title-4 { 224 font-weight: 700; 225 font-size: 13pt; 226} 227 228.heading { 229 font-weight: 700; 230 font-size: 11pt; 231} 232 233.body { 234 font-weight: 400; 235 font-size: 11pt; 236} 237 238.caption { 239 font-weight: 400; 240 font-size: 9pt; 241} 242 243.caption-heading { 244 font-weight: 700; 245 font-size: 9pt; 246} 247 248spinbutton > text, .linked > entry:not(:only-child) { 249 color: #dadada; 250 background-color: #242424; 251 border-image: none; 252 border: 1px solid; 253 border-color: rgba(255, 255, 255, 0.12); 254 border-bottom-color: rgba(255, 255, 255, 0.12); 255} 256 257spinbutton > text:focus, .linked > entry:focus:not(:only-child) { 258 color: #dadada; 259 background-color: #242424; 260 border-image: none; 261 border-color: #f6cc7b; 262} 263 264spinbutton > text:disabled, .linked > entry:disabled:not(:only-child) { 265 color: rgba(222, 222, 222, 0.35); 266 background-color: rgba(36, 36, 36, 0.55); 267 border-image: none; 268 border-color: rgba(255, 255, 255, 0.12); 269} 270 271entry { 272 min-height: 16px; 273 border: 3px solid transparent; 274 padding: 2px 8px; 275 border-radius: 7px; 276 caret-color: currentColor; 277 color: #dadada; 278 background-color: #242424; 279 border-image-width: 6px 6px 6px 6px; 280 border-image-slice: 6 6 6 6; 281 border-image-repeat: stretch; 282 border-image-source: -gtk-scaled(url("assets/entry-dark.png"), url("assets/entry-dark@2.png")); 283} 284 285entry.search { 286 border-radius: 5px; 287} 288 289entry > image { 290 color: #b9b9b9; 291} 292 293entry > image.left { 294 padding-left: 0; 295 padding-right: 5px; 296} 297 298entry > image.right { 299 padding-right: 0; 300 padding-left: 5px; 301} 302 303entry.flat, entry.flat:focus-within { 304 min-height: 0; 305 background-image: none; 306 border-color: transparent; 307 border-radius: 0; 308} 309 310entry:focus-within { 311 color: #dadada; 312 background-color: #242424; 313 border-radius: 7px; 314 transition: border-image 200ms ease-out, box-shadow 200ms ease-out; 315 border-image-source: -gtk-scaled(url("assets/entry-focus-dark.png"), url("assets/entry-focus-dark@2.png")); 316} 317 318entry:focus-within > placeholder { 319 opacity: 0; 320} 321 322entry:disabled { 323 color: rgba(222, 222, 222, 0.35); 324 background-color: rgba(36, 36, 36, 0.55); 325 border-radius: 7px; 326 border-image-source: -gtk-scaled(url("assets/entry-disabled-dark.png"), url("assets/entry-disabled-dark@2.png")); 327} 328 329row entry notebook entry, row entry notebook entry:focus-within, notebook .linked entry, notebook .linked entry:focus-within, notebook spinbutton > entry, notebook spinbutton > entry:focus-within, notebook spinbutton > entry:not(.vertical), notebook spinbutton > entry:not(.vertical):focus-within { 330 background-color: #1f1f1f; 331} 332 333row entry notebook entry:disabled, notebook .linked entry:disabled, notebook spinbutton > entry:disabled, notebook spinbutton > entry:not(.vertical):disabled, notebook label:disabled spinbutton > selection:not(.vertical), label:disabled notebook spinbutton > selection:not(.vertical) { 334 background-color: rgba(31, 31, 31, 0.55); 335} 336 337notebook searchbar entry, notebook searchbar entry:focus-within, notebook infobar entry, notebook infobar entry:focus-within { 338 background-color: #242424; 339} 340 341notebook searchbar entry:disabled, notebook infobar entry:disabled { 342 background-color: rgba(36, 36, 36, 0.55); 343} 344 345entry.warning { 346 color: white; 347 border-color: rgba(255, 255, 255, 0.12); 348 background-color: #a0562e; 349 border-image: none; 350} 351 352entry.warning image { 353 color: white; 354} 355 356entry.warning:focus-within { 357 color: white; 358 background-color: #F27835; 359 box-shadow: none; 360} 361 362entry.warning > selection, entry.warning > selection:focus { 363 background-color: white; 364 color: #F27835; 365} 366 367entry.error { 368 color: white; 369 border-color: rgba(255, 255, 255, 0.12); 370 background-color: #a63530; 371 border-image: none; 372} 373 374entry.error image { 375 color: white; 376} 377 378entry.error:focus-within { 379 color: white; 380 background-color: #FC4138; 381 box-shadow: none; 382} 383 384entry.error > selection, entry.error > selection:focus { 385 background-color: white; 386 color: #FC4138; 387} 388 389entry.search-missing { 390 color: white; 391 border-color: rgba(255, 255, 255, 0.12); 392 background-color: #a63530; 393 border-image: none; 394} 395 396entry.search-missing image { 397 color: white; 398} 399 400entry.search-missing:focus-within { 401 color: white; 402 background-color: #FC4138; 403 box-shadow: none; 404} 405 406entry.search-missing > selection, entry.search-missing > selection:focus { 407 background-color: white; 408 color: #FC4138; 409} 410 411entry:drop(active):focus, entry:drop(active) { 412 border-color: #F08437; 413 box-shadow: none; 414 border-image: none; 415} 416 417.osd entry { 418 color: #dadada; 419 border-color: rgba(0, 0, 0, 0.15); 420 background-color: rgba(98, 98, 98, 0.96); 421 border-image: none; 422} 423 424.osd entry image, .osd entry image:hover { 425 color: inherit; 426} 427 428.osd entry:focus { 429 color: white; 430 border-color: #5578c7; 431 background-color: #F3BA4B; 432 border-image: none; 433} 434 435.osd entry:disabled { 436 color: #dadada; 437 background-color: rgba(98, 98, 98, 0.81); 438 border-image: none; 439} 440 441.osd entry selection:focus, .osd entry selection { 442 color: #F3BA4B; 443 background-color: white; 444} 445 446entry > progress { 447 margin: 0 -6px; 448 border-radius: 0; 449 border-width: 0 0 2px; 450 border-color: #F3BA4B; 451 border-style: solid; 452 background-image: none; 453 background-color: transparent; 454 box-shadow: none; 455} 456 457entry progress > trough > progress { 458 background-color: transparent; 459 background-image: none; 460 border-radius: 0; 461 border-width: 0 0 2px; 462 border-color: #F3BA4B; 463 border-style: solid; 464 box-shadow: none; 465} 466 467treeview entry.flat, treeview entry { 468 border-radius: 0; 469 background-image: none; 470 background-color: #242424; 471 border: 1px solid rgba(255, 255, 255, 0.12); 472 border-image: none; 473} 474 475treeview entry.flat:focus-within, treeview entry:focus-within { 476 border-image: none; 477 border-color: #F3BA4B; 478} 479 480.entry-tag { 481 margin: 8px; 482 border-radius: 50px; 483 box-shadow: none; 484 background-color: #f8464c; 485 color: white; 486 border: none; 487} 488 489.entry-tag:hover { 490 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); 491} 492 493:dir(ltr) .entry-tag { 494 margin-left: 8px; 495 margin-right: 0px; 496 padding-left: 8px; 497 padding-right: 4px; 498} 499 500:dir(rtl) .entry-tag { 501 margin-left: 0px; 502 margin-right: 8px; 503 padding-left: 4px; 504 padding-right: 8px; 505} 506 507.entry-tag.button { 508 box-shadow: none; 509 border: none; 510 background-color: transparent; 511} 512 513.entry-tag.button:not(:hover):not(:active) { 514 color: rgba(222, 222, 222, 0.35); 515} 516 517@keyframes needs_attention { 518 from { 519 background-image: radial-gradient(farthest-side, #f8d593 0%, rgba(248, 213, 147, 0) 0%); 520 } 521 to { 522 background-image: radial-gradient(farthest-side, #f8d593 95%, rgba(248, 213, 147, 0)); 523 } 524} 525 526stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { 527 animation: needs_attention 150ms ease-in; 528 background-image: radial-gradient(farthest-side, #f8d593 96%, rgba(248, 213, 147, 0)); 529 background-size: 6px 6px, 6px 6px; 530 background-repeat: no-repeat; 531 background-position: right 3px, right 2px; 532} 533 534stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { 535 background-size: 6px 6px, 0 0; 536} 537 538stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { 539 background-position: left 3px, left 2px; 540} 541 542button { 543 min-height: 20px; 544 min-width: 16px; 545 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 546 border: 1px solid; 547 border-radius: 5px; 548 padding: 0 6px; 549 color: #dedede; 550 border-color: rgba(0, 0, 0, 0.15); 551 border-top-color: rgba(0, 0, 0, 0.15); 552 border-bottom-color: rgba(0, 0, 0, 0.15); 553 background-color: #656565; 554 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 555} 556 557button separator { 558 margin: 4px 1px; 559} 560 561button.flat { 562 min-height: 24px; 563 border: none; 564 background-color: transparent; 565 box-shadow: none; 566 background-clip: padding-box; 567 transition: none; 568} 569 570button.flat:hover { 571 color: #c5c5c5; 572 background-color: rgba(255, 255, 255, 0.15); 573 background-image: none; 574 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 575 transition-duration: 350ms; 576} 577 578button.flat:hover:active { 579 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 580} 581 582button.flat:active, button.flat:checked { 583 background-image: none; 584 color: white; 585 background-color: rgba(255, 255, 255, 0.25); 586} 587 588button.flat:checked:hover { 589 background-image: none; 590} 591 592button.flat:disabled, label:disabled selection.flat { 593 border-color: transparent; 594 background-color: transparent; 595 background-image: none; 596 box-shadow: none; 597} 598 599button.flat.toggle.popup { 600 min-width: 20px; 601} 602 603button:hover { 604 color: #f8f8f8; 605 border-color: rgba(0, 0, 0, 0.15); 606 border-top-color: rgba(0, 0, 0, 0.15); 607 border-bottom-color: rgba(0, 0, 0, 0.15); 608 background-color: #6d6d6d; 609 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 610} 611 612button:active, button:checked { 613 color: white; 614 background-color: #F3BA4B; 615 border-color: rgba(0, 0, 0, 0.15); 616 border-top-color: rgba(0, 0, 0, 0.15); 617 border-bottom-color: rgba(0, 0, 0, 0.15); 618 background-image: linear-gradient(0deg, #f2b53d 0%, #f6c971 100%); 619 background-clip: padding-box; 620 transition-duration: 200ms; 621} 622 623button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { 624 color: inherit; 625 opacity: 0.6; 626} 627 628button:checked:hover { 629 background-image: linear-gradient(0deg, #f4be55 0%, #f7d084 100%); 630} 631 632button:disabled { 633 border-color: rgba(0, 0, 0, 0.15); 634 background-color: rgba(101, 101, 101, 0.55); 635 background-image: none; 636} 637 638button:disabled label, button:disabled { 639 color: rgba(222, 222, 222, 0.35); 640} 641 642button:disabled:active, button:disabled:checked { 643 border-color: rgba(0, 0, 0, 0.15); 644 background-color: rgba(243, 186, 75, 0.55); 645 background-image: none; 646 opacity: 0.6; 647} 648 649button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { 650 color: rgba(255, 255, 255, 0.55); 651} 652 653button.image-button { 654 min-height: 24px; 655 padding-left: 6px; 656 padding-right: 6px; 657} 658 659button.text-button { 660 min-height: 24px; 661 padding-left: 12px; 662 padding-right: 12px; 663} 664 665button.text-button.image-button { 666 min-height: 24px; 667 padding-left: 6px; 668 padding-right: 6px; 669} 670 671button.text-button.image-button label:first-child { 672 padding-left: 8px; 673 padding-right: 2px; 674} 675 676button.text-button.image-button label:last-child { 677 padding-right: 8px; 678 padding-left: 2px; 679} 680 681button.text-button.image-button label:only-child { 682 padding-left: 8px; 683 padding-right: 8px; 684} 685 686button.text-button.image-button.popup { 687 padding-right: 6px; 688 padding-left: 6px; 689} 690 691button:drop(active) { 692 color: #F08437; 693 border-color: #F08437; 694 box-shadow: none; 695} 696 697button.osd { 698 color: #dadada; 699 background-color: #2a2a2a; 700 border-color: #161616; 701} 702 703button.osd.image-button { 704 padding: 0; 705 min-height: 42px; 706 min-width: 42px; 707} 708 709button.osd:hover { 710 color: #F3BA4B; 711} 712 713button.osd:active, button.osd:checked { 714 color: white; 715 border-color: rgba(0, 0, 0, 0.15); 716 background-color: #F3BA4B; 717 background-image: none; 718 box-shadow: none; 719} 720 721button.osd:disabled, label:disabled selection.osd { 722 color: #5f5f5f; 723 border-color: rgba(0, 0, 0, 0.15); 724 background-color: rgba(98, 98, 98, 0.81); 725 box-shadow: none; 726} 727 728popover.background.touch-selection button, popover.background.magnifier button, .osd button { 729 color: #dadada; 730 border-color: rgba(0, 0, 0, 0.15); 731 background-color: rgba(98, 98, 98, 0.96); 732 box-shadow: none; 733} 734 735popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { 736 color: #dadada; 737 border-color: rgba(0, 0, 0, 0.15); 738 background-color: #747474; 739 box-shadow: none; 740} 741 742popover.background.touch-selection button:active, popover.background.magnifier button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { 743 color: white; 744 border-color: rgba(0, 0, 0, 0.15); 745 background-color: #F3BA4B; 746 background-image: none; 747 box-shadow: none; 748} 749 750popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled { 751 color: #5f5f5f; 752 border-color: rgba(0, 0, 0, 0.15); 753 background-color: rgba(98, 98, 98, 0.81); 754 box-shadow: none; 755} 756 757popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { 758 border-color: transparent; 759 background-color: transparent; 760 background-image: none; 761 box-shadow: none; 762 box-shadow: none; 763} 764 765popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { 766 color: #dadada; 767 border-color: rgba(0, 0, 0, 0.15); 768 background-color: #747474; 769 box-shadow: none; 770} 771 772popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, label:disabled selection.flat, .osd button.flat:disabled { 773 color: #5f5f5f; 774 border-color: rgba(0, 0, 0, 0.15); 775 background-color: rgba(98, 98, 98, 0.81); 776 box-shadow: none; 777 background-image: none; 778} 779 780popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { 781 color: white; 782 border-color: rgba(0, 0, 0, 0.15); 783 background-color: #F3BA4B; 784 background-image: none; 785 box-shadow: none; 786} 787 788.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { 789 box-shadow: none; 790} 791 792button.suggested-action { 793 color: white; 794 background-color: #3484e2; 795 border-color: rgba(0, 0, 0, 0.15); 796 background-image: none; 797 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 798} 799 800button.suggested-action.flat { 801 border-color: transparent; 802 background-color: transparent; 803 background-image: none; 804 box-shadow: none; 805 color: #3484e2; 806} 807 808button.suggested-action:hover { 809 color: white; 810 background-color: #4a92e5; 811 border-color: rgba(0, 0, 0, 0.15); 812 background-image: none; 813 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 814} 815 816button.suggested-action:active, button.suggested-action:checked { 817 color: white; 818 background-color: #619fe8; 819 border-color: rgba(0, 0, 0, 0.15); 820 background-image: none; 821 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 822 box-shadow: none; 823} 824 825button.suggested-action.flat:disabled, label:disabled selection.flat { 826 border-color: transparent; 827 background-color: transparent; 828 background-image: none; 829 box-shadow: none; 830 color: rgba(222, 222, 222, 0.35); 831} 832 833button.suggested-action:disabled, label:disabled selection.suggested-action { 834 border-color: rgba(0, 0, 0, 0.15); 835 background-color: rgba(101, 101, 101, 0.55); 836 background-image: none; 837} 838 839button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { 840 color: rgba(222, 222, 222, 0.35); 841} 842 843button.destructive-action { 844 color: white; 845 background-color: #f8464c; 846 border-color: rgba(0, 0, 0, 0.15); 847 background-image: none; 848 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 849} 850 851button.destructive-action.flat { 852 border-color: transparent; 853 background-color: transparent; 854 background-image: none; 855 box-shadow: none; 856 color: #f8464c; 857} 858 859button.destructive-action:hover { 860 color: white; 861 background-color: #f95f64; 862 border-color: rgba(0, 0, 0, 0.15); 863 background-image: none; 864 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 865} 866 867button.destructive-action:active, button.destructive-action:checked { 868 color: white; 869 background-color: #fa777c; 870 border-color: rgba(0, 0, 0, 0.15); 871 background-image: none; 872 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 873 box-shadow: none; 874} 875 876button.destructive-action.flat:disabled, label:disabled selection.flat { 877 border-color: transparent; 878 background-color: transparent; 879 background-image: none; 880 box-shadow: none; 881 color: rgba(222, 222, 222, 0.35); 882} 883 884button.destructive-action:disabled, label:disabled selection.destructive-action { 885 border-color: rgba(0, 0, 0, 0.15); 886 background-color: rgba(101, 101, 101, 0.55); 887 background-image: none; 888} 889 890button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { 891 color: rgba(222, 222, 222, 0.35); 892} 893 894stackswitcher > button { 895 outline-offset: -3px; 896} 897 898stackswitcher > button > label { 899 padding-left: 6px; 900 padding-right: 6px; 901} 902 903stackswitcher > button > image { 904 padding-left: 6px; 905 padding-right: 6px; 906} 907 908stackswitcher > button.text-button { 909 padding-left: 10px; 910 padding-right: 10px; 911} 912 913stackswitcher > button.image-button { 914 padding-left: 2px; 915 padding-right: 2px; 916} 917 918stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image { 919 animation: none; 920 background-image: none; 921} 922 923button.font separator, button.file separator { 924 background-color: transparent; 925} 926 927.linked:not(.vertical):not(.path-bar) > entry + entry { 928 border-left-color: rgba(255, 255, 255, 0.12); 929} 930 931.linked:not(.vertical):not(.path-bar) > entry.error + entry, 932.linked:not(.vertical):not(.path-bar) > entry + entry.error { 933 border-left-color: rgba(255, 255, 255, 0.12); 934} 935 936.linked:not(.vertical):not(.path-bar) > entry.warning + entry, 937.linked:not(.vertical):not(.path-bar) > entry + entry.warning { 938 border-left-color: rgba(255, 255, 255, 0.12); 939} 940 941.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, 942.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { 943 border-left-color: rgba(255, 255, 255, 0.12); 944} 945 946.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) { 947 box-shadow: inset 0 0 0 1px #f6cc7b; 948} 949 950.linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:not(:last-child), 951.linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:last-child { 952 border-left-color: #f6cc7b; 953} 954 955.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + entry, 956.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + button, 957.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + combobox > box > button.combo { 958 border-left-color: #f6cc7b; 959} 960 961.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { 962 box-shadow: inset 0 0 0 1px #F08437; 963} 964 965.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), 966.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { 967 border-left-color: #F08437; 968} 969 970.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, 971.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, 972.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { 973 border-left-color: #F08437; 974} 975 976.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) { 977 box-shadow: inset 0 0 0 1px #F27835; 978} 979 980.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:not(:last-child), 981.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:last-child { 982 border-left-color: #F27835; 983} 984 985.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + entry, 986.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + button, 987.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { 988 border-left-color: #F27835; 989} 990 991.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) { 992 box-shadow: inset 0 0 0 1px #FC4138; 993} 994 995.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:not(:last-child), 996.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:last-child { 997 border-left-color: #FC4138; 998} 999 1000.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + entry, 1001.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + button, 1002.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { 1003 border-left-color: #FC4138; 1004} 1005 1006.linked:not(.vertical):not(.path-bar) > button:active + entry, 1007.linked:not(.vertical):not(.path-bar) > button:checked + entry { 1008 border-left-color: #f2b53d; 1009} 1010 1011.linked:not(.vertical):not(.path-bar) > button + button { 1012 border-left-style: none; 1013} 1014 1015.linked.path-bar:not(.vertical) > button + button { 1016 border-left-style: none; 1017} 1018 1019headerbar .linked:not(.vertical) > entry:focus-within:not(:only-child) { 1020 box-shadow: inset 0 0 0 2px #f6cc7b; 1021} 1022 1023headerbar .linked:not(.vertical) > entry:drop(active):not(:only-child) { 1024 box-shadow: inset 0 0 0 2px #F08437; 1025} 1026 1027headerbar .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) { 1028 box-shadow: inset 0 0 0 2px #F27835; 1029} 1030 1031headerbar .linked:not(.vertical) > entry.error:focus-within:not(:only-child) { 1032 box-shadow: inset 0 0 0 2px #FC4138; 1033} 1034 1035headerbar .linked:not(.vertical) > button + button { 1036 border-left-style: none; 1037} 1038 1039.linked.vertical > entry + entry { 1040 border-top-color: rgba(255, 255, 255, 0.12); 1041} 1042 1043.linked.vertical > entry.error + entry, 1044.linked.vertical > entry + entry.error { 1045 border-top-color: rgba(255, 255, 255, 0.12); 1046} 1047 1048.linked.vertical > entry.warning + entry, 1049.linked.vertical > entry + entry.warning { 1050 border-top-color: rgba(255, 255, 255, 0.12); 1051} 1052 1053.linked.vertical > entry.error + entry.warning, 1054.linked.vertical > entry.warning + entry.error { 1055 border-top-color: rgba(255, 255, 255, 0.12); 1056} 1057 1058.linked.vertical > entry:focus-within:not(:only-child) { 1059 box-shadow: inset 0 0 0 1px #f6cc7b; 1060} 1061 1062.linked.vertical > entry + entry:focus-within:not(:last-child), 1063.linked.vertical > entry + entry:focus-within:last-child { 1064 border-top-color: #f6cc7b; 1065} 1066 1067.linked.vertical > entry:focus-within:not(:only-child) + entry, 1068.linked.vertical > entry:focus-within:not(:only-child) + button, 1069.linked.vertical > entry:focus-within:not(:only-child) + combobox > box > button.combo { 1070 border-top-color: #f6cc7b; 1071} 1072 1073.linked.vertical > entry:drop(active):not(:only-child) { 1074 box-shadow: inset 0 0 0 1px #F08437; 1075} 1076 1077.linked.vertical > entry + entry:drop(active):not(:last-child), 1078.linked.vertical > entry + entry:drop(active):last-child { 1079 border-top-color: #F08437; 1080} 1081 1082.linked.vertical > entry:drop(active):not(:only-child) + entry, 1083.linked.vertical > entry:drop(active):not(:only-child) + button, 1084.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { 1085 border-top-color: #F08437; 1086} 1087 1088.linked.vertical > entry.warning:focus-within:not(:only-child) { 1089 box-shadow: inset 0 0 0 1px #F27835; 1090} 1091 1092.linked.vertical > entry + entry.warning:focus-within:not(:last-child), 1093.linked.vertical > entry + entry.warning:focus-within:last-child { 1094 border-top-color: #F27835; 1095} 1096 1097.linked.vertical > entry.warning:focus-within:not(:only-child) + entry, 1098.linked.vertical > entry.warning:focus-within:not(:only-child) + button, 1099.linked.vertical > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { 1100 border-top-color: #F27835; 1101} 1102 1103.linked.vertical > entry.error:focus-within:not(:only-child) { 1104 box-shadow: inset 0 0 0 1px #FC4138; 1105} 1106 1107.linked.vertical > entry + entry.error:focus-within:not(:last-child), 1108.linked.vertical > entry + entry.error:focus-within:last-child { 1109 border-top-color: #FC4138; 1110} 1111 1112.linked.vertical > entry.error:focus-within:not(:only-child) + entry, 1113.linked.vertical > entry.error:focus-within:not(:only-child) + button, 1114.linked.vertical > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { 1115 border-top-color: #FC4138; 1116} 1117 1118.linked.vertical > button:active + entry, 1119.linked.vertical > button:checked + entry { 1120 border-top-color: #f2b53d; 1121} 1122 1123.linked.vertical > button + button { 1124 border-top-style: none; 1125} 1126 1127.linked:not(.vertical) > dropdown > box > button.combo:dir(ltr), .linked:not(.vertical) > dropdown > box > button.combo:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) > button, spinbutton:not(.vertical) > text, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus-within, .linked:not(.vertical) > button { 1128 border-radius: 0; 1129 border-right-style: none; 1130} 1131 1132spinbutton:not(.vertical) > button:first-child, spinbutton:not(.vertical) > text:first-child, .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { 1133 border-top-left-radius: 5px; 1134 border-bottom-left-radius: 5px; 1135} 1136 1137spinbutton:not(.vertical) > button:last-child, spinbutton:not(.vertical) > text:last-child, .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { 1138 border-top-right-radius: 5px; 1139 border-bottom-right-radius: 5px; 1140 border-right-style: solid; 1141} 1142 1143spinbutton:not(.vertical) > button:only-child, spinbutton:not(.vertical) > text:only-child, .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { 1144 border-radius: 5px; 1145 border-style: solid; 1146} 1147 1148spinbutton.vertical > button, spinbutton.vertical > text, .linked.vertical > entry, .linked.vertical > entry:focus-within, .linked.vertical > button { 1149 border-radius: 0; 1150 border-bottom-style: none; 1151} 1152 1153spinbutton.vertical > button:first-child, spinbutton.vertical > text:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { 1154 border-top-left-radius: 5px; 1155 border-top-right-radius: 5px; 1156} 1157 1158spinbutton.vertical > button:last-child, spinbutton.vertical > text:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { 1159 border-bottom-left-radius: 5px; 1160 border-bottom-right-radius: 5px; 1161 border-bottom-style: solid; 1162} 1163 1164spinbutton.vertical > button:only-child, spinbutton.vertical > text:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { 1165 border-radius: 5px; 1166 border-style: solid; 1167} 1168 1169.app-notification button, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:hover, button.link:hover, button.link:active, button.link:checked, button.link, popover.menu box.circular-buttons button.circular.image-button.model, 1170list > row button.image-button:not(.flat), modelbutton.flat { 1171 border-color: transparent; 1172 background-color: transparent; 1173 background-image: none; 1174 box-shadow: none; 1175} 1176 1177modelbutton.flat { 1178 transition: all 100ms cubic-bezier(0, 0, 0.2, 1); 1179 min-height: 26px; 1180 padding-left: 8px; 1181 padding-right: 8px; 1182 outline-offset: -3px; 1183 border-radius: 5px; 1184} 1185 1186modelbutton.flat:hover { 1187 background-color: #444444; 1188 transition-duration: 50ms; 1189} 1190 1191modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow { 1192 transition: none; 1193 animation: none; 1194} 1195 1196modelbutton.flat:checked { 1197 color: #dedede; 1198} 1199 1200modelbutton.flat:disabled, label:disabled selection.flat { 1201 color: rgba(222, 222, 222, 0.35); 1202} 1203 1204modelbutton.flat check:last-child, 1205modelbutton.flat radio:last-child { 1206 margin-left: 8px; 1207} 1208 1209modelbutton.flat check:first-child, 1210modelbutton.flat radio:first-child { 1211 margin-right: 8px; 1212} 1213 1214modelbutton.flat arrow { 1215 background: none; 1216 min-width: 16px; 1217 min-height: 16px; 1218 opacity: 0.3; 1219} 1220 1221modelbutton.flat arrow:hover, modelbutton.flat arrow:selected, modelbutton.flat arrow:focus { 1222 background: none; 1223} 1224 1225modelbutton.flat arrow.left { 1226 -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); 1227} 1228 1229modelbutton.flat arrow.right { 1230 -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); 1231} 1232 1233popover.menu box.circular-buttons button.circular.image-button.model, 1234list > row button.image-button:not(.flat) { 1235 border: 1px solid rgba(255, 255, 255, 0); 1236} 1237 1238popover.menu box.circular-buttons button.circular.image-button.model:hover, 1239list > row button.image-button:not(.flat):hover { 1240 color: #f8f8f8; 1241 border-color: rgba(0, 0, 0, 0.15); 1242 border-top-color: rgba(0, 0, 0, 0.15); 1243 border-bottom-color: rgba(0, 0, 0, 0.15); 1244 background-color: #6d6d6d; 1245 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 1246} 1247 1248popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, 1249list > row button.image-button:not(.flat):active, 1250list > row button.image-button:not(.flat):checked { 1251 color: white; 1252 background-color: #F3BA4B; 1253 border-color: rgba(0, 0, 0, 0.15); 1254 border-top-color: rgba(0, 0, 0, 0.15); 1255 border-bottom-color: rgba(0, 0, 0, 0.15); 1256 background-image: linear-gradient(0deg, #f2b53d 0%, #f6c971 100%); 1257} 1258 1259popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, 1260list > row button.image-button.suggested-action:not(.flat) { 1261 color: white; 1262 background-color: #F3BA4B; 1263 border-color: rgba(0, 0, 0, 0.15); 1264 background-image: none; 1265 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 1266} 1267 1268popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, 1269list > row button.image-button.destructive-action:not(.flat) { 1270 color: white; 1271 background-color: #f8464c; 1272 border-color: rgba(0, 0, 0, 0.15); 1273 background-image: none; 1274 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); 1275} 1276 1277link, button.link { 1278 color: #3484e2; 1279} 1280 1281link:visited, button.link:visited { 1282 color: #b4b4b4; 1283} 1284 1285*:selected link:visited, *:selected button.link:visited { 1286 color: #fae3b7; 1287} 1288 1289link:hover, button.link:hover { 1290 color: #619fe8; 1291} 1292 1293*:selected link:hover, *:selected button.link:hover { 1294 color: #fef8ed; 1295} 1296 1297link:active, button.link:active { 1298 color: #3484e2; 1299} 1300 1301*:selected link:active, *:selected button.link:active { 1302 color: #fdf1db; 1303} 1304 1305infobar.info > revealer > box link, infobar.question > revealer > box link, infobar.warning > revealer > box link, infobar.error > revealer > box link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, link:selected, *:selected link, button.link:selected, *:selected button.link { 1306 color: #fdf1db; 1307} 1308 1309button.link > label { 1310 text-decoration-line: underline; 1311} 1312 1313spinbutton:drop(active) { 1314 box-shadow: none; 1315} 1316 1317spinbutton button:active { 1318 color: white; 1319} 1320 1321spinbutton:disabled { 1322 color: rgba(222, 222, 222, 0.35); 1323} 1324 1325spinbutton > text:focus { 1326 box-shadow: inset 0 0 0 1px #f6cc7b; 1327} 1328 1329spinbutton > text:drop(active) { 1330 box-shadow: inset 0 0 0 1px #F08437; 1331} 1332 1333spinbutton:not(.vertical) > text { 1334 padding: 2px 8px; 1335 min-width: 28px; 1336} 1337 1338spinbutton:not(.vertical):dir(ltr) > text, spinbutton:not(.vertical):dir(rtl) > button.up { 1339 border-radius: 5px 0 0 5px; 1340} 1341 1342spinbutton:not(.vertical) > button + button { 1343 border-left-style: none; 1344} 1345 1346spinbutton:not(.vertical) > button:hover:not(:active), 1347spinbutton:not(.vertical) > button:hover + button { 1348 box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); 1349} 1350 1351spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), 1352spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { 1353 box-shadow: inset 1px 0 rgba(255, 255, 255, 0); 1354} 1355 1356spinbutton:not(.vertical) > button:first-child:hover:not(:active), 1357spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), 1358spinbutton:not(.vertical) > text + button:not(:active):hover { 1359 box-shadow: none; 1360} 1361 1362spinbutton:not(.vertical) > text:focus-within + button { 1363 border-left-color: #f6cc7b; 1364} 1365 1366spinbutton:not(.vertical) > text:drop(active) + button { 1367 border-left-color: #F08437; 1368} 1369 1370.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus-within, .osd spinbutton:not(.vertical):drop(active) { 1371 border-image: none; 1372} 1373 1374.osd spinbutton:not(.vertical) > button:hover:not(:active), 1375.osd spinbutton:not(.vertical) > button:hover + button { 1376 box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); 1377} 1378 1379.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), 1380.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), 1381.osd spinbutton:not(.vertical) > text + button:not(:active):hover { 1382 box-shadow: none; 1383} 1384 1385.osd spinbutton:not(.vertical) > text:focus-within + button { 1386 border-left-color: #f6cc7b; 1387} 1388 1389spinbutton.vertical > button, spinbutton.vertical > text { 1390 min-width: 0; 1391} 1392 1393spinbutton.vertical > text { 1394 padding: 6px 2px; 1395} 1396 1397spinbutton.vertical > button.up { 1398 border-radius: 5px 5px 0 0; 1399} 1400 1401spinbutton.vertical > text:focus-within + button { 1402 border-top-color: #f6cc7b; 1403} 1404 1405spinbutton.vertical > text:drop(active) + button { 1406 border-top-color: #F08437; 1407} 1408 1409dropdown > popover.menu.background > contents { 1410 padding: 0; 1411} 1412 1413dropdown > button > box { 1414 border-spacing: 6px; 1415} 1416 1417dropdown, 1418combobox { 1419 min-height: 24px; 1420} 1421 1422dropdown button.combo, 1423combobox button.combo { 1424 padding-left: 12px; 1425 padding-right: 12px; 1426} 1427 1428dropdown > popover.menu > contents modelbutton, 1429combobox > popover.menu > contents modelbutton { 1430 padding-left: 9px; 1431 padding-right: 9px; 1432} 1433 1434dropdown arrow, 1435combobox arrow { 1436 color: white; 1437 background-color: #F3BA4B; 1438 border-color: rgba(0, 0, 0, 0.15); 1439 border-top-color: rgba(0, 0, 0, 0.15); 1440 border-bottom-color: rgba(0, 0, 0, 0.15); 1441 background-image: linear-gradient(0deg, #f2b53d 0%, #f6c971 100%); 1442 -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); 1443 min-height: 16px; 1444 min-width: 16px; 1445 padding: 0; 1446 margin: -1px -13px -1px -1px; 1447 border-radius: 0 5px 5px 0; 1448 border-width: 1px; 1449 border-style: solid; 1450 border-left-style: none; 1451} 1452 1453dropdown button.combo:checked, .background dropdown button.combo:checked, 1454combobox button.combo:checked, .background combobox button.combo:checked { 1455 transition: none; 1456} 1457 1458dropdown:drop(active) button.combo, 1459combobox:drop(active) button.combo { 1460 color: #F08437; 1461 border-color: #F08437; 1462 box-shadow: none; 1463} 1464 1465dropdown popover, 1466combobox popover { 1467 margin-top: 4px; 1468 padding: 0; 1469} 1470 1471dropdown popover listview, 1472combobox popover listview { 1473 margin: 6px 0; 1474} 1475 1476dropdown popover listview > row, 1477combobox popover listview > row { 1478 padding: 6px; 1479} 1480 1481dropdown popover listview > row:selected, 1482combobox popover listview > row:selected { 1483 color: white; 1484 background-color: #F3BA4B; 1485} 1486 1487dropdown popover .dropdown-searchbar, 1488combobox popover .dropdown-searchbar { 1489 padding: 6px; 1490 border-bottom: 1px solid rgba(255, 255, 255, 0.12); 1491} 1492 1493dropdown .linked:not(.vertical) > entry.combo + button.combo arrow, .linked:not(.vertical) > dropdown > box > button.combo arrow, 1494combobox .linked:not(.vertical) > entry.combo + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { 1495 border: none; 1496 background: none; 1497 box-shadow: none; 1498 min-height: 16px; 1499 min-width: 16px; 1500 padding: 0; 1501 border-radius: 0 5px 5px 0; 1502 -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); 1503} 1504 1505dropdown .linked:not(.vertical) > entry.combo + button.combo, 1506combobox .linked:not(.vertical) > entry.combo + button.combo { 1507 padding: 0; 1508} 1509 1510dropdown .linked:not(.vertical) > entry.combo + button.combo arrow, 1511combobox .linked:not(.vertical) > entry.combo + button.combo arrow { 1512 margin: 0 3px; 1513} 1514 1515dropdown .linked:not(.vertical) > entry.combo + button.combo:active arrow, 1516dropdown .linked:not(.vertical) > entry.combo + button.combo:checked arrow, .linked:not(.vertical) > dropdown > box > button.combo:active arrow, .linked:not(.vertical) > dropdown > box > button.combo:checked arrow, 1517combobox .linked:not(.vertical) > entry.combo + button.combo:active arrow, 1518combobox .linked:not(.vertical) > entry.combo + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:active arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { 1519 background-color: transparent; 1520 -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); 1521} 1522 1523.linked:not(.vertical) > dropdown:first-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo { 1524 border-top-left-radius: 5px; 1525 border-bottom-left-radius: 5px; 1526} 1527 1528dropdown .linked:not(.vertical) > button.combo:last-child, .linked:not(.vertical) > dropdown:last-child > box > button.combo, 1529combobox .linked:not(.vertical) > button.combo:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { 1530 border-top-right-radius: 5px; 1531 border-bottom-right-radius: 5px; 1532 border-right: 1px solid rgba(0, 0, 0, 0.15); 1533} 1534 1535dropdown .linked:not(.vertical) > button.combo:last-child arrow, dropdown .linked:not(.vertical) > button.combo:last-child:active arrow, .linked:not(.vertical) > dropdown:last-child > box > button.combo arrow, .linked:not(.vertical) > dropdown:last-child > box > button.combo:active arrow, 1536combobox .linked:not(.vertical) > button.combo:last-child arrow, 1537combobox .linked:not(.vertical) > button.combo:last-child:active arrow, .linked:not(.vertical) > combobox:last-child > box > button.combo arrow, .linked:not(.vertical) > combobox:last-child > box > button.combo:active arrow { 1538 border-top-right-radius: 5px; 1539 border-bottom-right-radius: 5px; 1540} 1541 1542.linked:not(.vertical) > dropdown:only-child > box > button.combo, .linked:not(.vertical) > combobox:only-child > box > button.combo { 1543 border-radius: 5px; 1544} 1545 1546.linked.vertical > dropdown:first-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo { 1547 border-top-left-radius: 5px; 1548 border-top-right-radius: 5px; 1549} 1550 1551.linked.vertical > dropdown:last-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo { 1552 border-bottom-left-radius: 5px; 1553 border-bottom-right-radius: 5px; 1554} 1555 1556.linked.vertical > dropdown:only-child > box > button.combo, .linked.vertical > combobox:only-child > box > button.combo { 1557 border-radius: 5px; 1558} 1559 1560.toolbar, 1561toolbar { 1562 padding: 2px 6px; 1563 border-spacing: 4px; 1564 background-color: #373737; 1565 border-bottom: 1px solid rgba(255, 255, 255, 0.12); 1566} 1567 1568.toolbar.horizontal, 1569toolbar.horizontal { 1570 border-bottom: 1px solid rgba(255, 255, 255, 0.12); 1571} 1572 1573.toolbar separator, 1574toolbar separator { 1575 background: none; 1576} 1577 1578.toolbar.horizontal separator, 1579toolbar.horizontal separator { 1580 margin: 0 6px; 1581} 1582 1583.toolbar.vertical separator, 1584toolbar.vertical separator { 1585 margin: 6px 0; 1586} 1587 1588.osd .toolbar, .osd toolbar { 1589 background-color: transparent; 1590} 1591 1592.toolbar.osd, 1593toolbar.osd { 1594 padding: 8px; 1595 border: none; 1596 border-radius: 9px; 1597 background-color: #2a2a2a; 1598 color: #dadada; 1599 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); 1600} 1601 1602.toolbar.osd.toolbar, 1603toolbar.osd.toolbar { 1604 padding: 0; 1605 margin: 6px 8px 10px; 1606 box-shadow: none; 1607 background: none; 1608} 1609 1610.toolbar.osd.toolbar > box.horizontal, 1611toolbar.osd.toolbar > box.horizontal { 1612 padding: 8px; 1613 border-radius: 9px; 1614 background-color: #2a2a2a; 1615 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); 1616} 1617 1618.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, 1619toolbar.osd.left, 1620toolbar.osd.right, 1621toolbar.osd.top, 1622toolbar.osd.bottom { 1623 border-radius: 0; 1624} 1625 1626.toolbar.osd button, 1627toolbar.osd button { 1628 border: none; 1629} 1630 1631.toolbar switch, 1632.toolbar scale, 1633.toolbar entry, 1634.toolbar spinbutton, 1635.toolbar button, 1636toolbar switch, 1637toolbar scale, 1638toolbar entry, 1639toolbar spinbutton, 1640toolbar button { 1641 margin-right: 1px; 1642 margin-bottom: 1px; 1643} 1644 1645.toolbar .linked > button, 1646.toolbar .linked > entry, 1647toolbar .linked > button, 1648toolbar .linked > entry { 1649 margin-right: 0; 1650} 1651 1652.toolbar button { 1653 margin: 2px; 1654} 1655 1656searchbar > revealer > box { 1657 padding: 6px; 1658 border-spacing: 6px; 1659 border-style: solid; 1660 border-color: #474747; 1661 background-color: #333333; 1662 border-width: 0 0 1px; 1663} 1664 1665searchbar .linked:not(.vertical) > entry { 1666 margin-top: 0; 1667 margin-bottom: 0; 1668} 1669 1670actionbar > revealer > box { 1671 padding: 6px; 1672 border-top: 1px solid rgba(255, 255, 255, 0.12); 1673 background-color: #2b2b2b; 1674} 1675 1676.background.csd actionbar > revealer > box { 1677 border-radius: 0 0 6px 6px; 1678} 1679 1680headerbar { 1681 min-height: 34px; 1682 padding: 0 8px; 1683 background-image: linear-gradient(0deg, #383838 0%, #3e3e3e 50%, #434343 100%); 1684 color: #FDFDFD; 1685 background-color: #373737; 1686 border-bottom: 1px solid #101010; 1687} 1688 1689.csd headerbar { 1690 background-image: linear-gradient(0deg, #383838 0%, #3e3e3e 50%, #434343 100%); 1691 background-color: #373737; 1692 border-bottom: 1px solid #101010; 1693} 1694 1695headerbar:backdrop { 1696 transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 1697 color: rgba(253, 253, 253, 0.7); 1698 background-image: linear-gradient(0deg, #313131 0%, #313131 100%); 1699 background-color: #313131; 1700 border-color: #080808; 1701} 1702 1703.csd headerbar:backdrop { 1704 background-color: #313131; 1705 border-color: #080808; 1706} 1707 1708headerbar .title { 1709 padding-left: 12px; 1710 padding-right: 12px; 1711} 1712 1713headerbar .subtitle { 1714 font-size: smaller; 1715 padding-left: 12px; 1716 padding-right: 12px; 1717 margin-top: -3px; 1718} 1719 1720headerbar button, headerbar spinbutton { 1721 margin-top: 6px; 1722 margin-bottom: 6px; 1723} 1724 1725headerbar .linked:not(.vertical) > button { 1726 min-width: 20px; 1727 border-right: 1px solid rgba(255, 255, 255, 0.12); 1728} 1729 1730headerbar .linked:not(.vertical) > button:last-child { 1731 border-right: none; 1732} 1733 1734headerbar .linked:not(.vertical) > entry { 1735 color: #FDFDFD; 1736 background-color: #5d5d5d; 1737 background-image: linear-gradient(0deg, #636363 0%, #696969 100%); 1738 box-shadow: inset 0 1px #767676; 1739 margin-top: 6px; 1740 margin-bottom: 6px; 1741 padding: 0 8px; 1742 border-radius: 5px; 1743} 1744 1745headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { 1746 color: inherit; 1747} 1748 1749headerbar .linked:not(.vertical) > entry:focus { 1750 background-image: none; 1751 background-color: #242424; 1752 box-shadow: inset 0 1px transparent; 1753} 1754 1755headerbar .linked:not(.vertical) > entry:disabled { 1756 color: rgba(253, 253, 253, 0.35); 1757 background-color: #5d5d5d; 1758 box-shadow: inset 0 1px #767676; 1759} 1760 1761headerbar .linked:not(.vertical) > entry:backdrop { 1762 opacity: 0.65; 1763 background-image: none; 1764} 1765 1766headerbar .linked:not(.vertical) > entry, headerbar .linked:not(.vertical) > entry:focus, headerbar .linked:not(.vertical) > entry:disabled { 1767 border: none; 1768 border-right: 1px solid rgba(255, 255, 255, 0.12); 1769} 1770 1771headerbar .linked:not(.vertical) > entry:last-child, headerbar .linked:not(.vertical) > entry:focus:last-child, headerbar .linked:not(.vertical) > entry:disabled:last-child { 1772 border-right: none; 1773} 1774 1775headerbar stackswitcher > button { 1776 min-height: 26px; 1777 border-color: rgba(255, 255, 255, 0.12); 1778 color: #FDFDFD; 1779 background-color: #5d5d5d; 1780 background-image: linear-gradient(0deg, #636363 0%, #696969 100%); 1781 border: none; 1782 box-shadow: inset 0 1px #767676; 1783 border-right: 1px solid rgba(255, 255, 255, 0.12); 1784} 1785 1786headerbar stackswitcher > button:hover { 1787 border-color: rgba(255, 255, 255, 0.12); 1788 color: #f8f8f8; 1789 background-color: #777777; 1790 background-image: linear-gradient(0deg, #707070 0%, #767676 100%); 1791 box-shadow: inset 0 1px #868686; 1792} 1793 1794headerbar stackswitcher > button:active { 1795 color: white; 1796 background-color: #909090; 1797 background-image: none; 1798 border-color: rgba(255, 255, 255, 0.12); 1799} 1800 1801headerbar stackswitcher > button:checked { 1802 color: #333333; 1803 background-color: #aaaaaa; 1804 background-image: linear-gradient(0deg, #c1c1c1 0%, #c6c6c6 100%); 1805 border-color: rgba(255, 255, 255, 0.12); 1806 box-shadow: inset 0 1px #cecece; 1807} 1808 1809headerbar stackswitcher > button:disabled { 1810 color: rgba(253, 253, 253, 0.45); 1811} 1812 1813headerbar stackswitcher > button:backdrop { 1814 opacity: 0.65; 1815 background-image: none; 1816} 1817 1818headerbar stackswitcher > button:last-child { 1819 border-right: none; 1820} 1821 1822headerbar switch { 1823 margin-top: 8px; 1824 margin-bottom: 8px; 1825} 1826 1827headerbar switch:backdrop { 1828 opacity: 0.75; 1829} 1830 1831headerbar.titlebar headerbar:not(.titlebar) { 1832 background: none; 1833 box-shadow: none; 1834} 1835 1836headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { 1837 border-radius: 0; 1838 margin-top: 0; 1839 margin-bottom: 0; 1840} 1841 1842headerbar.windowhandle > button.popup:hover { 1843 border-color: rgba(255, 255, 255, 0.12); 1844 color: #f8f8f8; 1845 background-color: #777777; 1846 background-image: linear-gradient(0deg, #707070 0%, #767676 100%); 1847 box-shadow: inset 0 1px #868686; 1848} 1849 1850headerbar.windowhandle > button.popup:active { 1851 color: white; 1852 background-color: #909090; 1853 background-image: none; 1854 border-color: rgba(255, 255, 255, 0.12); 1855} 1856 1857headerbar.windowhandle > button.popup:checked { 1858 color: #333333; 1859 background-color: #aaaaaa; 1860 background-image: linear-gradient(0deg, #c1c1c1 0%, #c6c6c6 100%); 1861 border-color: rgba(255, 255, 255, 0.12); 1862 box-shadow: inset 0 1px #cecece; 1863} 1864 1865.selection-mode headerbar, headerbar.selection-mode { 1866 color: white; 1867 background-color: #6887cd; 1868 border-color: #597bc8; 1869 box-shadow: none; 1870 background-image: none; 1871 text-shadow: none; 1872} 1873 1874.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { 1875 background-color: #6887cd; 1876 color: rgba(255, 255, 255, 0.6); 1877 border-color: #597bc8; 1878} 1879 1880.selection-mode headerbar button, headerbar.selection-mode button { 1881 border-color: transparent; 1882 background-color: transparent; 1883 background-image: none; 1884 box-shadow: none; 1885} 1886 1887.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { 1888 box-shadow: none; 1889 padding-left: 10px; 1890 padding-right: 10px; 1891} 1892 1893.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { 1894 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 1895} 1896 1897headerbar.default-decoration { 1898 min-height: 26px; 1899 padding: 0 6px; 1900 background-color: #373737; 1901 background-image: linear-gradient(0deg, #3e3e3e 0%, #434343 100%); 1902} 1903 1904headerbar.default-decoration windowcontrols button, 1905headerbar.default-decoration windowcontrols menubutton { 1906 border: none; 1907 min-width: 16px; 1908 min-height: 16px; 1909 margin: 0; 1910 padding: 0; 1911} 1912 1913headerbar.default-decoration windowcontrols menubutton button { 1914 min-height: 20px; 1915 min-width: 20px; 1916 margin: 0; 1917 padding: 4px; 1918} 1919 1920headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { 1921 border: none; 1922} 1923 1924separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { 1925 border-top-left-radius: 6px; 1926} 1927 1928headerbar:last-child, headerbar:last-child:backdrop { 1929 border-top-right-radius: 6px; 1930} 1931 1932stack headerbar:first-child, stack headerbar:last-child { 1933 border-top-left-radius: 6px; 1934 border-top-right-radius: 6px; 1935} 1936 1937window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { 1938 border-top-left-radius: 6px; 1939} 1940 1941window headerbar:last-child:backdrop, window headerbar:last-child { 1942 border-top-right-radius: 6px; 1943} 1944 1945window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { 1946 border-top-left-radius: 6px; 1947 border-top-right-radius: 6px; 1948} 1949 1950.titlebar, .titlebar.background { 1951 border-top-left-radius: 6px; 1952 border-top-right-radius: 6px; 1953} 1954 1955.titlebar, .titlebar headerbar { 1956 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); 1957} 1958 1959window.background > box.vertical > headerbar:not(.titlebar) { 1960 border-radius: 0 0 0 0; 1961 box-shadow: none; 1962} 1963 1964window.background > box.vertical > headerbar:not(.titlebar), window.background > box.vertical > headerbar:not(.titlebar):backdrop { 1965 background-image: linear-gradient(0deg, #383838 0%, #3e3e3e 100%); 1966} 1967 1968separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { 1969 border-top-left-radius: 0; 1970} 1971 1972window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { 1973 border-top-right-radius: 0; 1974} 1975 1976window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { 1977 padding: 0; 1978 background: none; 1979 border: none; 1980 box-shadow: none; 1981} 1982 1983.titlebar:not(headerbar) > separator { 1984 background-image: linear-gradient(0deg, #383838 0%, #3e3e3e 50%, #434343 100%); 1985 border-bottom: 1px solid #101010; 1986 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); 1987} 1988 1989.titlebar:not(headerbar) > separator:backdrop { 1990 transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 1991 background-image: none; 1992 background-image: image(#313131); 1993} 1994 1995headerbar > windowhandle > box, 1996headerbar > windowhandle > box > box.start, 1997headerbar > windowhandle > box > box.end { 1998 border-spacing: 6px; 1999} 2000 2001headerbar button { 2002 min-height: 26px; 2003 min-width: 22px; 2004} 2005 2006headerbar entry { 2007 min-height: 21px; 2008 margin-top: 3px; 2009 margin-bottom: 3px; 2010 margin-left: 0; 2011 margin-right: 0; 2012 padding: 2px 8px; 2013 border-radius: 7px; 2014} 2015 2016headerbar .linked:not(.vertical) > button, headerbar .linked:not(.vertical) > button:hover, headerbar .linked:not(.vertical) > button:active, headerbar .linked:not(.vertical) > button:checked, headerbar .linked:not(.vertical) > button:disabled, headerbar .linked:not(.vertical) > entry, headerbar .linked:not(.vertical) > entry:focus, headerbar .linked:not(.vertical) > entry:disabled { 2017 border-radius: 0; 2018 border-left-style: none; 2019 border-right-style: solid; 2020} 2021 2022headerbar .linked:not(.vertical) > button:first-child, headerbar .linked:not(.vertical) > entry:first-child { 2023 border-top-left-radius: 5px; 2024 border-bottom-left-radius: 5px; 2025 border-left-style: solid; 2026} 2027 2028headerbar .linked:not(.vertical) > button:last-child, headerbar .linked:not(.vertical) > entry:last-child { 2029 border-top-right-radius: 5px; 2030 border-bottom-right-radius: 5px; 2031} 2032 2033headerbar .linked:not(.vertical) > button:only-child, headerbar .linked:not(.vertical) > entry:only-child { 2034 border-radius: 5px; 2035 border-style: solid; 2036} 2037 2038headerbar separator.titlebutton { 2039 min-width: 0; 2040 min-height: 0; 2041 background: none; 2042 border: none; 2043} 2044 2045headerbar entry { 2046 color: #FDFDFD; 2047 background-color: #5d5d5d; 2048 background-image: linear-gradient(0deg, #636363 0%, #696969 100%); 2049 box-shadow: inset 0 1px #767676; 2050 border-radius: 7px; 2051 border: 3px solid transparent; 2052 border-image-width: 6px 6px 6px 6px; 2053 border-image-slice: 6 6 6 6; 2054 border-image-repeat: stretch; 2055 background-clip: padding-box; 2056 border-image-source: -gtk-scaled(url("assets/header-entry.png"), url("assets/header-entry@2.png")); 2057} 2058 2059headerbar entry image, headerbar entry image:hover { 2060 color: inherit; 2061} 2062 2063headerbar entry:backdrop { 2064 opacity: 0.65; 2065 background-image: none; 2066} 2067 2068headerbar entry:focus-within { 2069 background-image: none; 2070 background-color: #242424; 2071 box-shadow: inset 0 1px transparent; 2072 box-shadow: none; 2073 border-radius: 7px; 2074 border-image-source: -gtk-scaled(url("assets/entry-focus-dark.png"), url("assets/entry-focus-dark@2.png")); 2075} 2076 2077headerbar entry > text > selection:focus { 2078 background-color: #F3BA4B; 2079 color: white; 2080} 2081 2082headerbar entry > progress { 2083 border-color: #F3BA4B; 2084 background-image: none; 2085 background-color: transparent; 2086} 2087 2088headerbar entry.warning { 2089 color: white; 2090 border-color: rgba(255, 255, 255, 0.12); 2091 background-color: #a75e36; 2092} 2093 2094headerbar entry.warning:focus-within { 2095 color: white; 2096 background-color: #F27835; 2097} 2098 2099headerbar entry.warning selection { 2100 background-color: white; 2101 color: #F27835; 2102} 2103 2104headerbar entry.error { 2105 color: white; 2106 border-color: rgba(255, 255, 255, 0.12); 2107 background-color: #ad3d38; 2108} 2109 2110headerbar entry.error:focus-within { 2111 color: white; 2112 background-color: #FC4138; 2113} 2114 2115headerbar entry.error selection { 2116 background-color: white; 2117 color: #FC4138; 2118} 2119 2120headerbar button { 2121 border-color: rgba(255, 255, 255, 0.12); 2122 color: #FDFDFD; 2123 background-color: #5d5d5d; 2124 background-image: linear-gradient(0deg, #636363 0%, #696969 100%); 2125 border: none; 2126 box-shadow: inset 0 1px #767676; 2127} 2128 2129headerbar button:backdrop { 2130 opacity: 0.65; 2131 background-image: none; 2132} 2133 2134headerbar button:hover { 2135 border-color: rgba(255, 255, 255, 0.12); 2136 color: #f8f8f8; 2137 background-color: #777777; 2138 background-image: linear-gradient(0deg, #707070 0%, #767676 100%); 2139 box-shadow: inset 0 1px #868686; 2140 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2141} 2142 2143headerbar button:active { 2144 color: white; 2145 background-color: #909090; 2146 background-image: none; 2147 border-color: rgba(255, 255, 255, 0.12); 2148 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2149 transition-duration: 300ms; 2150 background-clip: padding-box; 2151} 2152 2153headerbar button:checked { 2154 color: #333333; 2155 background-color: #aaaaaa; 2156 background-image: linear-gradient(0deg, #c1c1c1 0%, #c6c6c6 100%); 2157 border-color: rgba(255, 255, 255, 0.12); 2158 box-shadow: inset 0 1px #cecece; 2159 background-clip: padding-box; 2160 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2161 transition-duration: 300ms; 2162} 2163 2164headerbar button:checked:hover { 2165 background-image: none; 2166} 2167 2168headerbar button.flat { 2169 border-color: transparent; 2170 background-color: transparent; 2171 background-image: none; 2172 box-shadow: none; 2173} 2174 2175path-bar > button { 2176 min-width: 12px; 2177 min-height: 22px; 2178} 2179 2180path-bar > button.text-button, path-bar > button.image-button, path-bar > button { 2181 padding-left: 6px; 2182 padding-right: 6px; 2183} 2184 2185path-bar > button:hover { 2186 box-shadow: none; 2187} 2188 2189path-bar > button:active, path-bar > button:checked { 2190 color: #333333; 2191 background-color: #aaaaaa; 2192 background-image: linear-gradient(0deg, #c1c1c1 0%, #c6c6c6 100%); 2193 border-color: rgba(255, 255, 255, 0.12); 2194 box-shadow: inset 0 1px #cecece; 2195 border-color: rgba(0, 0, 0, 0.15); 2196} 2197 2198path-bar > button:disabled { 2199 border-color: rgba(0, 0, 0, 0.15); 2200} 2201 2202path-bar > button.text-button.image-button label { 2203 padding-left: 0; 2204 padding-right: 0; 2205} 2206 2207path-bar > button.text-button.image-button label:last-child, path-bar > button label:last-child { 2208 padding-right: 10px; 2209} 2210 2211path-bar > button.text-button.image-button label:first-child, path-bar > button label:first-child { 2212 padding-left: 10px; 2213} 2214 2215path-bar > button.slider-button, path-bar > button:not(.image-button):not(.text-button) { 2216 padding-left: 1px; 2217 padding-right: 1px; 2218} 2219 2220path-bar > button image { 2221 padding-left: 4px; 2222 padding-right: 4px; 2223} 2224 2225columnview.view, 2226treeview.view { 2227 border-left-color: #474747; 2228 border-top-color: #474747; 2229} 2230 2231columnview.view acceleditor > label, 2232treeview.view acceleditor > label { 2233 background-color: #F3BA4B; 2234} 2235 2236columnview.view:selected, columnview.view:selected:focus, 2237treeview.view:selected, 2238treeview.view:selected:focus { 2239 border-radius: 0; 2240 border-left-color: #f9dda5; 2241 border-top-color: rgba(222, 222, 222, 0.15); 2242} 2243 2244columnview.view:disabled, label:disabled selection.view, 2245treeview.view:disabled { 2246 color: rgba(222, 222, 222, 0.35); 2247} 2248 2249columnview.view:disabled:selected, label:disabled selection.view:selected, 2250treeview.view:disabled:selected { 2251 color: #f8d693; 2252} 2253 2254columnview.view.separator, 2255treeview.view.separator { 2256 min-height: 2px; 2257 color: rgba(255, 255, 255, 0.12); 2258} 2259 2260columnview.view > dndtarget:drop(active), 2261treeview.view > dndtarget:drop(active) { 2262 border-style: solid none; 2263 border-width: 1px; 2264 border-color: #e9cc95; 2265} 2266 2267columnview.view > dndtarget.after:drop(active), 2268treeview.view > dndtarget.after:drop(active) { 2269 border-top-style: none; 2270} 2271 2272columnview.view > dndtarget.before:drop(active), 2273treeview.view > dndtarget.before:drop(active) { 2274 border-bottom-style: none; 2275} 2276 2277columnview.view.expander, 2278treeview.view.expander { 2279 min-width: 16px; 2280 min-height: 16px; 2281 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2282 color: #818181; 2283} 2284 2285columnview.view.expander:dir(rtl), 2286treeview.view.expander:dir(rtl) { 2287 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 2288} 2289 2290columnview.view.expander:hover, 2291treeview.view.expander:hover { 2292 color: #dedede; 2293} 2294 2295columnview.view.expander:selected, 2296treeview.view.expander:selected { 2297 color: #fbeac9; 2298} 2299 2300columnview.view.expander:selected:hover, 2301treeview.view.expander:selected:hover { 2302 color: white; 2303} 2304 2305columnview.view.expander:checked, 2306treeview.view.expander:checked { 2307 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2308} 2309 2310columnview.view.progressbar, columnview.view.progressbar:focus, 2311treeview.view.progressbar, 2312treeview.view.progressbar:focus { 2313 color: white; 2314 border-radius: 5px; 2315 background-color: #F3BA4B; 2316} 2317 2318columnview.view.progressbar:selected, columnview.view.progressbar:selected:focus, columnview.view.progressbar:focus:selected, columnview.view.progressbar:focus:selected:focus, 2319treeview.view.progressbar:selected, 2320treeview.view.progressbar:selected:focus, 2321treeview.view.progressbar:focus:selected, 2322treeview.view.progressbar:focus:selected:focus { 2323 color: #F3BA4B; 2324 box-shadow: none; 2325 background-color: white; 2326} 2327 2328columnview.view.trough, 2329treeview.view.trough { 2330 color: #dedede; 2331 background-color: rgba(255, 255, 255, 0.12); 2332 border-radius: 5px; 2333 border-width: 0; 2334} 2335 2336columnview.view.trough:selected, columnview.view.trough:selected:focus, 2337treeview.view.trough:selected, 2338treeview.view.trough:selected:focus { 2339 color: white; 2340 background-color: rgba(0, 0, 0, 0.2); 2341 border-radius: 5px; 2342 border-width: 0; 2343} 2344 2345columnview.view > header > button, 2346treeview.view > header > button { 2347 min-height: 26px; 2348 min-width: 38px; 2349 padding: 0 6px; 2350 font-weight: bold; 2351 color: #b9b9b9; 2352 background-color: #242424; 2353 background-image: none; 2354 box-shadow: none; 2355 border-style: none solid none none; 2356 border-radius: 0; 2357 border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; 2358} 2359 2360columnview.view > header > button:hover, 2361treeview.view > header > button:hover { 2362 color: #F3BA4B; 2363} 2364 2365columnview.view > header > button:active, 2366treeview.view > header > button:active { 2367 color: #dedede; 2368} 2369 2370columnview.view > header > button:active, columnview.view > header > button:hover, 2371treeview.view > header > button:active, 2372treeview.view > header > button:hover { 2373 background-color: #242424; 2374} 2375 2376columnview.view > header > button:disabled, 2377treeview.view > header > button:disabled { 2378 border-color: #333333; 2379 background-image: none; 2380} 2381 2382columnview.view > header > button:last-child, 2383treeview.view > header > button:last-child { 2384 border-right-style: none; 2385 border-image: none; 2386} 2387 2388columnview.view button.dnd, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd:active, 2389columnview.view header.button.dnd, 2390columnview.view header.button.dnd:selected, 2391columnview.view header.button.dnd:hover, 2392columnview.view header.button.dnd:active, 2393treeview.view button.dnd, 2394treeview.view button.dnd:selected, 2395treeview.view button.dnd:hover, 2396treeview.view button.dnd:active, 2397treeview.view header.button.dnd, 2398treeview.view header.button.dnd:selected, 2399treeview.view header.button.dnd:hover, 2400treeview.view header.button.dnd:active { 2401 padding: 0 6px; 2402 transition: none; 2403 color: white; 2404 background-color: #F3BA4B; 2405 border-radius: 0; 2406 border-style: none; 2407} 2408 2409menubar { 2410 padding: 0; 2411 background-color: #373737; 2412 background-image: linear-gradient(0deg, #383838 0%, #3e3e3e 100%); 2413 color: #FDFDFD; 2414 box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); 2415} 2416 2417menubar:backdrop { 2418 color: rgba(253, 253, 253, 0.8); 2419} 2420 2421menubar > item { 2422 transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); 2423 padding: 4px 8px; 2424} 2425 2426menubar > item:hover { 2427 transition: none; 2428 background-color: #F3BA4B; 2429 color: white; 2430} 2431 2432menubar > item:disabled { 2433 color: rgba(253, 253, 253, 0.4); 2434 border-color: transparent; 2435} 2436 2437menubar > item popover.menu.background > contents { 2438 padding: 5px; 2439 border-radius: 6px; 2440} 2441 2442menubar > item popover.menu popover.menu { 2443 padding: 0 0 4px 0; 2444} 2445 2446menubar > item popover.menu.background popover.menu.background > contents { 2447 margin: 0; 2448 border-radius: 6px; 2449} 2450 2451popover.background { 2452 font: initial; 2453} 2454 2455popover.background > arrow, 2456popover.background > contents { 2457 padding: 0; 2458 background-clip: border-box; 2459 background-color: #333333; 2460 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); 2461 border-radius: 6px; 2462 border: 1px solid #424242; 2463} 2464 2465popover.background, popover.background:backdrop { 2466 background-color: transparent; 2467} 2468 2469popover.background > contents { 2470 padding: 6px; 2471 border-radius: 6px; 2472} 2473 2474popover.background > contents > list, 2475popover.background > contents > .view, 2476popover.background > contents > toolbar { 2477 border-style: none; 2478 background-color: transparent; 2479} 2480 2481popover.background > contents separator { 2482 background-color: rgba(255, 255, 255, 0.08); 2483 margin: 3px; 2484} 2485 2486popover.background > contents list separator { 2487 margin: 0; 2488} 2489 2490popover.background separator, popover.background separator, .csd popover.background separator { 2491 border: none; 2492 background-color: transparent; 2493} 2494 2495popover.background label.separator { 2496 color: #dedede; 2497} 2498 2499popover.background > list, 2500popover.background > .view, 2501popover.background > toolbar, 2502popover.background > scrolledwindow > viewport > list { 2503 border-style: none; 2504 background-color: transparent; 2505} 2506 2507popover.background > scrolledwindow > viewport > list { 2508 margin: 6px; 2509} 2510 2511popover.background > scrolledwindow > viewport > list row { 2512 padding: 6px 12px; 2513 border-radius: 5px; 2514} 2515 2516popover.background.touch-selection, .csd popover.background.touch-selection { 2517 font: initial; 2518} 2519 2520magnifier { 2521 background-color: #242424; 2522} 2523 2524cursor-handle { 2525 background-color: transparent; 2526 background-image: none; 2527 box-shadow: none; 2528 border-style: none; 2529} 2530 2531cursor-handle.top { 2532 -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); 2533} 2534 2535cursor-handle.bottom { 2536 -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); 2537} 2538 2539popover.menu { 2540 padding: 0; 2541} 2542 2543popover.menu box.inline-buttons { 2544 padding: 0 6px; 2545} 2546 2547popover.menu box.inline-buttons button.image-button.model { 2548 border-color: transparent; 2549 background-color: transparent; 2550 background-image: none; 2551 box-shadow: none; 2552 min-height: 30px; 2553 min-width: 30px; 2554 padding: 0; 2555 border: none; 2556 outline: none; 2557 transition: none; 2558} 2559 2560popover.menu box.inline-buttons button.image-button.model:selected { 2561 color: white; 2562 background-image: image(#F3BA4B); 2563} 2564 2565popover.menu box.circular-buttons { 2566 padding: 6px; 2567} 2568 2569popover.menu box.circular-buttons button.circular.image-button.model { 2570 padding: 10px; 2571 border: none; 2572} 2573 2574popover.menu box.circular-buttons button.circular.image-button.model:focus { 2575 background-color: rgba(255, 255, 255, 0.12); 2576} 2577 2578popover.menu box.circular-buttons button.circular.image-button.model:active:focus { 2579 color: white; 2580 background-color: #F3BA4B; 2581} 2582 2583popover.menu > arrow, popover.menu.background > contents { 2584 background-color: #333333; 2585 padding: 5px; 2586} 2587 2588popover.menu.background separator { 2589 margin: 6px 0; 2590} 2591 2592popover.menu accelerator { 2593 color: alpha(currentColor,0.55); 2594} 2595 2596popover.menu accelerator:dir(ltr) { 2597 margin-left: 6px; 2598} 2599 2600popover.menu accelerator:dir(rtl) { 2601 margin-right: 6px; 2602} 2603 2604popover.menu arrow.left, 2605popover.menu radio.left, 2606popover.menu check.left { 2607 margin-left: -2px; 2608 margin-right: 6px; 2609} 2610 2611popover.menu arrow.right, 2612popover.menu radio.right, 2613popover.menu check.right { 2614 margin-left: 6px; 2615 margin-right: -2px; 2616} 2617 2618popover.menu modelbutton { 2619 min-height: 26px; 2620 min-width: 38px; 2621 padding: 0 6px; 2622 border-radius: 3px; 2623} 2624 2625popover.menu modelbutton:selected { 2626 color: white; 2627 background-color: #F3BA4B; 2628} 2629 2630popover.menu modelbutton:selected:active { 2631 color: white; 2632 background-color: #f1b133; 2633} 2634 2635popover.menu label.title { 2636 font-weight: bold; 2637 padding: 4px 26px; 2638} 2639 2640notebook > header > tabs > tab { 2641 color: rgba(222, 222, 222, 0.35); 2642 background-color: rgba(36, 36, 36, 0); 2643 border: 1px solid transparent; 2644 transition: all 150ms ease-out; 2645} 2646 2647notebook > header > tabs > tab:hover:not(:checked) { 2648 color: rgba(222, 222, 222, 0.675); 2649 background-color: rgba(255, 255, 255, 0.05); 2650 border-color: #444444; 2651} 2652 2653notebook > header > tabs > tab:checked { 2654 color: #dedede; 2655 background-color: #373737; 2656 border-color: #444444; 2657} 2658 2659notebook { 2660 padding: 0; 2661} 2662 2663notebook.frame { 2664 border: 1px solid #474747; 2665} 2666 2667notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child { 2668 border-left-style: none; 2669} 2670 2671notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child { 2672 border-right-style: solid; 2673} 2674 2675notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child { 2676 border-top-style: none; 2677} 2678 2679notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child { 2680 border-bottom-style: solid; 2681} 2682 2683notebook > stack:not(:only-child) { 2684 background-color: #242424; 2685} 2686 2687notebook:not(.frame), notebook:not(.frame) > stack { 2688 border-radius: 0 0 6px 6px; 2689} 2690 2691notebook > header { 2692 padding: 0; 2693 background-color: #1e1e1e; 2694} 2695 2696notebook > header.top { 2697 box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); 2698 margin-top: -1px; 2699} 2700 2701notebook > header.bottom { 2702 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; 2703 margin-bottom: -1px; 2704} 2705 2706notebook > header.right { 2707 box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; 2708 margin-right: -1px; 2709} 2710 2711notebook > header.left { 2712 box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); 2713 margin-left: -1px; 2714} 2715 2716notebook > header button.flat.toggle.popup { 2717 min-width: 28px; 2718 border-radius: 0; 2719 padding: 0; 2720 border: none; 2721 box-shadow: none; 2722 margin: 0; 2723} 2724 2725notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { 2726 color: #dedede; 2727 background-color: rgba(255, 255, 255, 0.15); 2728} 2729 2730notebook > header.top { 2731 padding: 0; 2732} 2733 2734notebook > header.top tab { 2735 padding: 2px 10px; 2736 min-width: 20px; 2737 min-height: 20px; 2738 border-radius: 0; 2739 outline-offset: -4px; 2740} 2741 2742notebook > header.top tab + tab { 2743 margin-left: -1px; 2744} 2745 2746notebook > header.bottom { 2747 padding: 0; 2748} 2749 2750notebook > header.bottom tab { 2751 padding: 2px 10px; 2752 min-width: 20px; 2753 min-height: 20px; 2754 border-radius: 0; 2755 outline-offset: -4px; 2756} 2757 2758notebook > header.bottom tab + tab { 2759 margin-left: -1px; 2760} 2761 2762notebook > header.right { 2763 padding: 0; 2764} 2765 2766notebook > header.right tab { 2767 padding: 2px 10px; 2768 min-width: 20px; 2769 min-height: 20px; 2770 border-radius: 0; 2771 outline-offset: -4px; 2772} 2773 2774notebook > header.right tab + tab { 2775 margin-top: -1px; 2776} 2777 2778notebook > header.left { 2779 padding: 0; 2780} 2781 2782notebook > header.left tab { 2783 padding: 2px 10px; 2784 min-width: 20px; 2785 min-height: 20px; 2786 border-radius: 0; 2787 outline-offset: -4px; 2788} 2789 2790notebook > header.left tab + tab { 2791 margin-top: -1px; 2792} 2793 2794notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { 2795 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2796} 2797 2798notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { 2799 margin-left: 2px; 2800} 2801 2802notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { 2803 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 2804} 2805 2806notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { 2807 margin-right: 2px; 2808} 2809 2810notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { 2811 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2812} 2813 2814notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { 2815 margin-top: 2px; 2816} 2817 2818notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { 2819 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 2820} 2821 2822notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { 2823 margin-bottom: 2px; 2824} 2825 2826notebook > header > tabs > arrow { 2827 color: rgba(222, 222, 222, 0.35); 2828} 2829 2830notebook > header > tabs > arrow:hover { 2831 color: rgba(222, 222, 222, 0.675); 2832} 2833 2834notebook > header > tabs > arrow:active { 2835 color: #dedede; 2836} 2837 2838notebook > header > tabs > arrow:disabled { 2839 color: rgba(222, 222, 222, 0.05); 2840} 2841 2842notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { 2843 border-left-style: none; 2844} 2845 2846notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { 2847 border-right-style: none; 2848} 2849 2850notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { 2851 border-top-style: none; 2852} 2853 2854notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { 2855 border-bottom-style: none; 2856} 2857 2858notebook > header > tabs > tab button.flat { 2859 min-height: 16px; 2860 min-width: 16px; 2861 border-radius: 3px; 2862 padding: 0; 2863 margin-top: 2px; 2864 margin-bottom: 2px; 2865 color: #a2a2a2; 2866} 2867 2868notebook > header > tabs > tab button.flat:hover { 2869 color: #dedede; 2870 background-color: rgba(255, 255, 255, 0.1); 2871} 2872 2873notebook > header > tabs > tab button.flat:active { 2874 color: #f8f8f8; 2875 background-color: rgba(255, 255, 255, 0.2); 2876} 2877 2878scrollbar { 2879 background-color: transparent; 2880 transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 2881 border: none; 2882} 2883 2884scrollbar button { 2885 border: none; 2886} 2887 2888scrollbar.vertical button.down { 2889 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2890} 2891 2892scrollbar.vertical button.up { 2893 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 2894} 2895 2896scrollbar.horizontal button.down { 2897 -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); 2898} 2899 2900scrollbar.horizontal button.up { 2901 -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); 2902} 2903 2904scrollbar > range > trough > slider { 2905 min-width: 4px; 2906 min-height: 4px; 2907 margin: -1px; 2908 border: 4px solid transparent; 2909 border-radius: 8px; 2910 background-clip: padding-box; 2911 background-color: #777777; 2912} 2913 2914scrollbar > range > trough > slider:hover { 2915 background-color: #666666; 2916} 2917 2918scrollbar > range > trough > slider:hover:active { 2919 background-color: #aaaaaa; 2920} 2921 2922scrollbar > range > trough > slider:disabled { 2923 background-color: transparent; 2924} 2925 2926scrollbar > range.fine-tune > trough > slider { 2927 min-width: 4px; 2928 min-height: 4px; 2929} 2930 2931scrollbar > range.fine-tune.horizontal > trough > slider { 2932 border-width: 5px 4px; 2933} 2934 2935scrollbar > range.fine-tune.vertical > trough > slider { 2936 border-width: 4px 5px; 2937} 2938 2939scrollbar.overlay-indicator:not(.dragging):not(.hovering) { 2940 opacity: 0.4; 2941 border-color: transparent; 2942 background-color: transparent; 2943} 2944 2945scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { 2946 margin: 0; 2947 min-width: 4px; 2948 min-height: 4px; 2949 background-color: #ababab; 2950 border: 1px solid rgba(255, 255, 255, 0.12); 2951} 2952 2953scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { 2954 margin: 0 3px; 2955 min-width: 40px; 2956} 2957 2958scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { 2959 margin: 3px 0; 2960 min-height: 40px; 2961} 2962 2963scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { 2964 opacity: 0.99; 2965} 2966 2967scrollbar.horizontal > range > trough > slider { 2968 min-width: 40px; 2969} 2970 2971scrollbar.vertical > range > trough > slider { 2972 min-height: 40px; 2973} 2974 2975switch { 2976 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 2977 border-radius: 9999px; 2978 background-color: transparent; 2979 background-clip: padding-box; 2980 color: transparent; 2981 min-width: 40px; 2982 min-height: 24px; 2983 font-size: 0; 2984 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 2985 background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); 2986} 2987 2988switch:disabled { 2989 color: transparent; 2990 background-color: transparent; 2991 background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); 2992} 2993 2994switch:checked { 2995 animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); 2996 background-color: transparent; 2997 color: transparent; 2998 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); 2999 transition: background-image 0.3s, box-shadow 0; 3000 background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); 3001} 3002 3003switch:checked:disabled, label:disabled selection:checked { 3004 background-color: transparent; 3005 background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); 3006 color: transparent; 3007} 3008 3009switch > slider { 3010 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; 3011 min-width: 22px; 3012 min-height: 22px; 3013 margin: 1px 0 1px 1px; 3014 border-radius: 9999px; 3015 background-color: white; 3016 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); 3017} 3018 3019switch:hover > slider { 3020 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); 3021} 3022 3023switch:checked > slider { 3024 margin: 1px 1px 1px 0; 3025 background-color: white; 3026} 3027 3028switch:checked:disabled > slider, label:disabled selection:checked > slider { 3029 animation: none; 3030} 3031 3032.check, 3033check, 3034treeview.check { 3035 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); 3036} 3037 3038.osd check { 3039 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); 3040} 3041 3042infobar check { 3043 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); 3044} 3045 3046.check:disabled, label:disabled selection.check, 3047check:disabled, 3048treeview.check:disabled { 3049 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); 3050} 3051 3052.osd check:disabled { 3053 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); 3054} 3055 3056infobar check:disabled { 3057 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); 3058} 3059 3060.check:indeterminate, 3061check:indeterminate, 3062treeview.check:indeterminate { 3063 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); 3064} 3065 3066.osd check:indeterminate { 3067 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); 3068} 3069 3070infobar check:indeterminate { 3071 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); 3072} 3073 3074.check:indeterminate:disabled, label:disabled selection:indeterminate, 3075check:indeterminate:disabled, 3076treeview.check:indeterminate:disabled { 3077 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); 3078} 3079 3080.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { 3081 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); 3082} 3083 3084infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { 3085 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); 3086} 3087 3088.check:checked, 3089check:checked, 3090treeview.check:checked { 3091 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); 3092} 3093 3094.osd check:checked { 3095 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); 3096} 3097 3098infobar check:checked { 3099 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); 3100} 3101 3102.check:checked:disabled, label:disabled selection:checked, 3103check:checked:disabled, 3104treeview.check:checked:disabled { 3105 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); 3106} 3107 3108.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { 3109 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); 3110} 3111 3112infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { 3113 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); 3114} 3115 3116.radio, 3117radio, 3118treeview.radio { 3119 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); 3120} 3121 3122.osd radio { 3123 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); 3124} 3125 3126infobar radio { 3127 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); 3128} 3129 3130.radio:disabled, label:disabled selection.radio, 3131radio:disabled, 3132treeview.radio:disabled { 3133 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); 3134} 3135 3136.osd radio:disabled { 3137 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); 3138} 3139 3140infobar radio:disabled { 3141 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); 3142} 3143 3144.radio:indeterminate, 3145radio:indeterminate, 3146treeview.radio:indeterminate { 3147 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); 3148} 3149 3150.osd radio:indeterminate { 3151 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); 3152} 3153 3154infobar radio:indeterminate { 3155 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); 3156} 3157 3158.radio:indeterminate:disabled, label:disabled selection:indeterminate, 3159radio:indeterminate:disabled, 3160treeview.radio:indeterminate:disabled { 3161 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); 3162} 3163 3164.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { 3165 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); 3166} 3167 3168infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { 3169 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); 3170} 3171 3172.radio:checked, 3173radio:checked, 3174treeview.radio:checked { 3175 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); 3176} 3177 3178.osd radio:checked { 3179 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); 3180} 3181 3182infobar radio:checked { 3183 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); 3184} 3185 3186.radio:checked:disabled, label:disabled selection:checked, 3187radio:checked:disabled, 3188treeview.radio:checked:disabled { 3189 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); 3190} 3191 3192.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { 3193 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); 3194} 3195 3196infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { 3197 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); 3198} 3199 3200.view.content-view.check:not(list) { 3201 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); 3202 background-color: transparent; 3203} 3204 3205.view.content-view.check:checked:not(list) { 3206 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); 3207 background-color: transparent; 3208} 3209 3210checkbutton.text-button, radiobutton.text-button { 3211 padding: 2px 0; 3212 outline-offset: 0; 3213} 3214 3215checkbutton.text-button:hover, radiobutton.text-button:hover { 3216 color: #b8b8b8; 3217} 3218 3219checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { 3220 color: rgba(222, 222, 222, 0.35); 3221} 3222 3223checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { 3224 margin-left: 4px; 3225} 3226 3227checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { 3228 margin-right: 4px; 3229} 3230 3231check, 3232radio { 3233 min-width: 16px; 3234 min-height: 16px; 3235 margin: 0 2px; 3236} 3237 3238check:only-child, popover.menu > contents check, 3239radio:only-child, popover.menu > contents radio { 3240 margin: 0; 3241} 3242 3243scale { 3244 min-height: 15px; 3245 min-width: 15px; 3246 padding: 3px; 3247} 3248 3249scale > trough > slider { 3250 min-height: 15px; 3251 min-width: 15px; 3252 margin: -7px; 3253} 3254 3255scale.fine-tune > trough > slider { 3256 margin: -4px; 3257} 3258 3259scale.fine-tune > trough > fill, 3260scale.fine-tune > trough > highlight, 3261scale.fine-tune > trough { 3262 border-radius: 5px; 3263} 3264 3265scale > trough { 3266 outline-offset: 2px; 3267 border-radius: 5px; 3268 background-color: rgba(0, 0, 0, 0.2); 3269} 3270 3271scale > trough:disabled { 3272 background-color: rgba(0, 0, 0, 0.12); 3273} 3274 3275.osd scale > trough { 3276 background-color: rgba(0, 0, 0, 0.2); 3277} 3278 3279.osd scale > trough highlight { 3280 background-color: #F3BA4B; 3281} 3282 3283modelbutton:hover scale > trough, row:selected scale > trough, infobar scale > trough { 3284 background-color: rgba(0, 0, 0, 0.2); 3285} 3286 3287modelbutton:hover scale > trough > trough > highlight, row:selected scale > trough > trough > highlight, infobar scale > trough > trough > highlight { 3288 background-color: white; 3289} 3290 3291modelbutton:hover scale > trough > trough > highlight:disabled, row:selected scale > trough > trough > highlight:disabled, infobar scale > trough > trough > highlight:disabled { 3292 background-color: #fae0ae; 3293} 3294 3295modelbutton:hover scale > trough:disabled, row:selected scale > trough:disabled, infobar scale > trough:disabled { 3296 background-color: rgba(0, 0, 0, 0.1); 3297} 3298 3299scale > trough > highlight { 3300 border-radius: 5px; 3301 background-color: #F3BA4B; 3302} 3303 3304scale > trough > highlight:disabled { 3305 background-color: rgba(243, 186, 75, 0.55); 3306} 3307 3308scale > trough > fill { 3309 border-radius: 5px; 3310 background-color: rgba(243, 186, 75, 0.5); 3311} 3312 3313scale > trough > fill:disabled { 3314 background-color: transparent; 3315} 3316 3317scale > trough > slider { 3318 background-color: white; 3319 border: 1px solid rgba(255, 255, 255, 0.12); 3320 border-radius: 100%; 3321 box-shadow: 0 1px 1px 0 rgba(16, 16, 16, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); 3322 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 3323 transition-property: background, border; 3324} 3325 3326scale > trough > slider:hover { 3327 background-color: white; 3328 border-color: rgba(255, 255, 255, 0.12); 3329 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); 3330} 3331 3332scale > trough > slider:active { 3333 background-clip: border-box; 3334 background-color: white; 3335 border-color: rgba(255, 255, 255, 0.12); 3336 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 3337} 3338 3339scale > trough > slider:disabled { 3340 background-color: #f2f2f2; 3341 border-color: rgba(242, 242, 242, 0.12); 3342} 3343 3344modelbutton:hover scale > trough > slider, row:selected scale > trough > slider, infobar scale > trough > slider { 3345 background-clip: border-box; 3346 background-color: white; 3347 border-color: white; 3348} 3349 3350modelbutton:hover scale > trough > slider:hover, row:selected scale > trough > slider:hover, infobar scale > trough > slider:hover { 3351 background-color: #fdf5e4; 3352 border-color: #fdf5e4; 3353} 3354 3355modelbutton:hover scale > trough > slider:active, row:selected scale > trough > slider:active, infobar scale > trough > slider:active { 3356 background-color: #f9dda5; 3357 border-color: #f9dda5; 3358} 3359 3360modelbutton:hover scale > trough > slider:disabled, row:selected scale > trough > slider:disabled, infobar scale > trough > slider:disabled { 3361 background-color: #fae0ae; 3362 border-color: #fae0ae; 3363} 3364 3365.osd scale > trough > slider { 3366 background-clip: border-box; 3367 background-color: white; 3368 border-color: rgba(255, 255, 255, 0.12); 3369} 3370 3371.osd scale > trough > slider:hover { 3372 background-color: white; 3373 border-color: rgba(255, 255, 255, 0.12); 3374 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); 3375} 3376 3377.osd scale > trough > slider:active { 3378 background-color: #f7f7f7; 3379 border-color: rgba(255, 255, 255, 0.12); 3380 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 3381} 3382 3383scale > value { 3384 color: alpha(currentColor,0.4); 3385} 3386 3387scale > marks { 3388 color: alpha(currentColor,0.4); 3389} 3390 3391scale > marks.top { 3392 margin-bottom: 1px; 3393 margin-top: -4px; 3394} 3395 3396scale > marks.bottom { 3397 margin-top: 1px; 3398 margin-bottom: -4px; 3399} 3400 3401scale > marks.top { 3402 margin-right: 1px; 3403 margin-left: -4px; 3404} 3405 3406scale > marks.bottom { 3407 margin-left: 1px; 3408 margin-right: -4px; 3409} 3410 3411scale.fine-tune > marks.top { 3412 margin-bottom: 0px; 3413 margin-top: -2px; 3414} 3415 3416scale.fine-tune > marks.bottom { 3417 margin-top: 0px; 3418 margin-bottom: -2px; 3419} 3420 3421scale.fine-tune > marks.top { 3422 margin-right: 0px; 3423 margin-left: -2px; 3424} 3425 3426scale.fine-tune > marks.bottom { 3427 margin-left: 0px; 3428 margin-right: -2px; 3429} 3430 3431scale.horizontal indicator { 3432 min-height: 3px; 3433 min-width: 1px; 3434} 3435 3436scale.horizontal.fine-tune indicator { 3437 min-height: 2px; 3438} 3439 3440scale.vertical indicator { 3441 min-height: 1px; 3442 min-width: 3px; 3443} 3444 3445scale.vertical.fine-tune indicator { 3446 min-width: 2px; 3447} 3448 3449scale.horizontal.marks-before:not(.marks-after) slider { 3450 margin: -10px; 3451 border-style: none; 3452 border-radius: 0; 3453 background-color: transparent; 3454 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); 3455 min-height: 26px; 3456 min-width: 24px; 3457 margin-top: -14px; 3458 background-position: top; 3459 background-repeat: no-repeat; 3460 box-shadow: none; 3461} 3462 3463scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3464 margin: -7px; 3465 margin-top: -11px; 3466} 3467 3468scale.horizontal.marks-before:not(.marks-after) slider:hover { 3469 margin: -10px; 3470 border-style: none; 3471 border-radius: 0; 3472 background-color: transparent; 3473 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); 3474 min-height: 26px; 3475 min-width: 24px; 3476 margin-top: -14px; 3477 background-position: top; 3478 background-repeat: no-repeat; 3479 box-shadow: none; 3480} 3481 3482scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3483 margin: -7px; 3484 margin-top: -11px; 3485} 3486 3487scale.horizontal.marks-before:not(.marks-after) slider:active { 3488 margin: -10px; 3489 border-style: none; 3490 border-radius: 0; 3491 background-color: transparent; 3492 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); 3493 min-height: 26px; 3494 min-width: 24px; 3495 margin-top: -14px; 3496 background-position: top; 3497 background-repeat: no-repeat; 3498 box-shadow: none; 3499} 3500 3501scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3502 margin: -7px; 3503 margin-top: -11px; 3504} 3505 3506scale.horizontal.marks-before:not(.marks-after) slider:disabled { 3507 margin: -10px; 3508 border-style: none; 3509 border-radius: 0; 3510 background-color: transparent; 3511 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); 3512 min-height: 26px; 3513 min-width: 24px; 3514 margin-top: -14px; 3515 background-position: top; 3516 background-repeat: no-repeat; 3517 box-shadow: none; 3518} 3519 3520scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { 3521 margin: -7px; 3522 margin-top: -11px; 3523} 3524 3525scale.horizontal.marks-after:not(.marks-before) slider { 3526 margin: -10px; 3527 border-style: none; 3528 border-radius: 0; 3529 background-color: transparent; 3530 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); 3531 min-height: 26px; 3532 min-width: 24px; 3533 margin-bottom: -14px; 3534 background-position: bottom; 3535 background-repeat: no-repeat; 3536 box-shadow: none; 3537} 3538 3539scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3540 margin: -7px; 3541 margin-bottom: -11px; 3542} 3543 3544scale.horizontal.marks-after:not(.marks-before) slider:hover { 3545 margin: -10px; 3546 border-style: none; 3547 border-radius: 0; 3548 background-color: transparent; 3549 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); 3550 min-height: 26px; 3551 min-width: 24px; 3552 margin-bottom: -14px; 3553 background-position: bottom; 3554 background-repeat: no-repeat; 3555 box-shadow: none; 3556} 3557 3558scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3559 margin: -7px; 3560 margin-bottom: -11px; 3561} 3562 3563scale.horizontal.marks-after:not(.marks-before) slider:active { 3564 margin: -10px; 3565 border-style: none; 3566 border-radius: 0; 3567 background-color: transparent; 3568 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); 3569 min-height: 26px; 3570 min-width: 24px; 3571 margin-bottom: -14px; 3572 background-position: bottom; 3573 background-repeat: no-repeat; 3574 box-shadow: none; 3575} 3576 3577scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3578 margin: -7px; 3579 margin-bottom: -11px; 3580} 3581 3582scale.horizontal.marks-after:not(.marks-before) slider:disabled { 3583 margin: -10px; 3584 border-style: none; 3585 border-radius: 0; 3586 background-color: transparent; 3587 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); 3588 min-height: 26px; 3589 min-width: 24px; 3590 margin-bottom: -14px; 3591 background-position: bottom; 3592 background-repeat: no-repeat; 3593 box-shadow: none; 3594} 3595 3596scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { 3597 margin: -7px; 3598 margin-bottom: -11px; 3599} 3600 3601scale.vertical.marks-before:not(.marks-after) slider { 3602 margin: -10px; 3603 border-style: none; 3604 border-radius: 0; 3605 background-color: transparent; 3606 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); 3607 min-height: 24px; 3608 min-width: 26px; 3609 margin-left: -14px; 3610 background-position: left bottom; 3611 background-repeat: no-repeat; 3612 box-shadow: none; 3613} 3614 3615scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3616 margin: -7px; 3617 margin-left: -11px; 3618} 3619 3620scale.vertical.marks-before:not(.marks-after) slider:hover { 3621 margin: -10px; 3622 border-style: none; 3623 border-radius: 0; 3624 background-color: transparent; 3625 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); 3626 min-height: 24px; 3627 min-width: 26px; 3628 margin-left: -14px; 3629 background-position: left bottom; 3630 background-repeat: no-repeat; 3631 box-shadow: none; 3632} 3633 3634scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3635 margin: -7px; 3636 margin-left: -11px; 3637} 3638 3639scale.vertical.marks-before:not(.marks-after) slider:active { 3640 margin: -10px; 3641 border-style: none; 3642 border-radius: 0; 3643 background-color: transparent; 3644 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); 3645 min-height: 24px; 3646 min-width: 26px; 3647 margin-left: -14px; 3648 background-position: left bottom; 3649 background-repeat: no-repeat; 3650 box-shadow: none; 3651} 3652 3653scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3654 margin: -7px; 3655 margin-left: -11px; 3656} 3657 3658scale.vertical.marks-before:not(.marks-after) slider:disabled { 3659 margin: -10px; 3660 border-style: none; 3661 border-radius: 0; 3662 background-color: transparent; 3663 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); 3664 min-height: 24px; 3665 min-width: 26px; 3666 margin-left: -14px; 3667 background-position: left bottom; 3668 background-repeat: no-repeat; 3669 box-shadow: none; 3670} 3671 3672scale.vertical.marks-before.fine-tune:not(.marks-after) slider { 3673 margin: -7px; 3674 margin-left: -11px; 3675} 3676 3677scale.vertical.marks-after:not(.marks-before) slider { 3678 margin: -10px; 3679 border-style: none; 3680 border-radius: 0; 3681 background-color: transparent; 3682 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); 3683 min-height: 24px; 3684 min-width: 26px; 3685 margin-right: -14px; 3686 background-position: right bottom; 3687 background-repeat: no-repeat; 3688 box-shadow: none; 3689} 3690 3691scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3692 margin: -7px; 3693 margin-right: -11px; 3694} 3695 3696scale.vertical.marks-after:not(.marks-before) slider:hover { 3697 margin: -10px; 3698 border-style: none; 3699 border-radius: 0; 3700 background-color: transparent; 3701 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); 3702 min-height: 24px; 3703 min-width: 26px; 3704 margin-right: -14px; 3705 background-position: right bottom; 3706 background-repeat: no-repeat; 3707 box-shadow: none; 3708} 3709 3710scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3711 margin: -7px; 3712 margin-right: -11px; 3713} 3714 3715scale.vertical.marks-after:not(.marks-before) slider:active { 3716 margin: -10px; 3717 border-style: none; 3718 border-radius: 0; 3719 background-color: transparent; 3720 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); 3721 min-height: 24px; 3722 min-width: 26px; 3723 margin-right: -14px; 3724 background-position: right bottom; 3725 background-repeat: no-repeat; 3726 box-shadow: none; 3727} 3728 3729scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3730 margin: -7px; 3731 margin-right: -11px; 3732} 3733 3734scale.vertical.marks-after:not(.marks-before) slider:disabled { 3735 margin: -10px; 3736 border-style: none; 3737 border-radius: 0; 3738 background-color: transparent; 3739 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); 3740 min-height: 24px; 3741 min-width: 26px; 3742 margin-right: -14px; 3743 background-position: right bottom; 3744 background-repeat: no-repeat; 3745 box-shadow: none; 3746} 3747 3748scale.vertical.marks-after.fine-tune:not(.marks-before) slider { 3749 margin: -7px; 3750 margin-right: -11px; 3751} 3752 3753progressbar { 3754 padding: 0; 3755 font-size: smaller; 3756 color: rgba(222, 222, 222, 0.7); 3757 font-feature-settings: "tnum"; 3758} 3759 3760progressbar.horizontal > trough { 3761 min-width: 150px; 3762} 3763 3764progressbar.horizontal > trough, progressbar.horizontal > trough > progress { 3765 min-height: 4px; 3766 border-radius: 2px; 3767} 3768 3769progressbar.vertical > trough { 3770 min-height: 80px; 3771} 3772 3773progressbar.vertical > trough, progressbar.vertical > trough > progress { 3774 min-width: 4px; 3775 border-radius: 2px; 3776} 3777 3778progressbar.osd { 3779 min-width: 3px; 3780 min-height: 3px; 3781 background-color: transparent; 3782} 3783 3784progressbar.osd > trough { 3785 border-style: none; 3786 background-color: transparent; 3787 box-shadow: none; 3788} 3789 3790progressbar.osd > progress { 3791 border-style: none; 3792 border-radius: 0; 3793} 3794 3795progressbar > trough > progress { 3796 min-height: 4px; 3797 min-width: 4px; 3798 background-color: #F3BA4B; 3799 border: none; 3800 border-radius: 5px; 3801 box-shadow: none; 3802} 3803 3804row:selected progressbar > trough > progress, infobar progressbar > trough > progress { 3805 background-color: white; 3806} 3807 3808progressbar > trough { 3809 min-height: 4px; 3810 min-width: 4px; 3811 border: none; 3812 border-radius: 5px; 3813 background-color: #262626; 3814} 3815 3816row:selected progressbar > trough, infobar progressbar > trough { 3817 background-color: rgba(0, 0, 0, 0.2); 3818} 3819 3820levelbar block { 3821 min-width: 32px; 3822 min-height: 1px; 3823} 3824 3825levelbar.vertical block { 3826 min-width: 1px; 3827 min-height: 32px; 3828} 3829 3830levelbar trough { 3831 border: none; 3832 padding: 3px; 3833 border-radius: 5px; 3834 background-color: #262626; 3835} 3836 3837levelbar.horizontal.discrete block { 3838 margin: 0 1px; 3839} 3840 3841levelbar.vertical.discrete block { 3842 margin: 1px 0; 3843} 3844 3845levelbar block:not(.empty) { 3846 border: 1px solid #F3BA4B; 3847 background-color: #F3BA4B; 3848 border-radius: 5px; 3849} 3850 3851levelbar block.low { 3852 border-color: #F27835; 3853 background-color: #F27835; 3854} 3855 3856levelbar block.high { 3857 border-color: #F3BA4B; 3858 background-color: #F3BA4B; 3859} 3860 3861levelbar block.full { 3862 border-color: #71c837; 3863 background-color: #71c837; 3864} 3865 3866levelbar block.empty { 3867 background-color: #242424; 3868 border-color: #242424; 3869} 3870 3871window.dialog.print drawing { 3872 color: #dedede; 3873 background: none; 3874 border: none; 3875 padding: 0; 3876} 3877 3878window.dialog.print drawing paper { 3879 border: 1px solid rgba(255, 255, 255, 0.12); 3880 background: #242424; 3881 padding: 0; 3882} 3883 3884window.dialog.print .dialog-action-box { 3885 margin: 12px; 3886} 3887 3888frame, 3889.frame { 3890 border: 1px solid rgba(255, 255, 255, 0.12); 3891} 3892 3893frame > list, 3894.frame > list { 3895 border: none; 3896} 3897 3898frame { 3899 border-radius: 6px; 3900} 3901 3902frame > label { 3903 margin: 4px; 3904} 3905 3906scrolledwindow viewport.frame { 3907 border-style: none; 3908} 3909 3910scrolledwindow > overshoot.top { 3911 background-image: radial-gradient(farthest-side at top, rgba(230, 230, 230, 0.12) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at top, rgba(222, 222, 222, 0.07), rgba(222, 222, 222, 0)); 3912 background-size: 100% 3%, 100% 50%; 3913 background-repeat: no-repeat; 3914 background-position: top; 3915 background-color: transparent; 3916 border: none; 3917 box-shadow: none; 3918} 3919 3920scrolledwindow > overshoot.bottom { 3921 background-image: radial-gradient(farthest-side at bottom, rgba(230, 230, 230, 0.12) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at bottom, rgba(222, 222, 222, 0.07), rgba(222, 222, 222, 0)); 3922 background-size: 100% 3%, 100% 50%; 3923 background-repeat: no-repeat; 3924 background-position: bottom; 3925 background-color: transparent; 3926 border: none; 3927 box-shadow: none; 3928} 3929 3930scrolledwindow > overshoot.left { 3931 background-image: radial-gradient(farthest-side at left, rgba(230, 230, 230, 0.12) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at left, rgba(222, 222, 222, 0.07), rgba(222, 222, 222, 0)); 3932 background-size: 3% 100%, 50% 100%; 3933 background-repeat: no-repeat; 3934 background-position: left; 3935 background-color: transparent; 3936 border: none; 3937 box-shadow: none; 3938} 3939 3940scrolledwindow > overshoot.right { 3941 background-image: radial-gradient(farthest-side at right, rgba(230, 230, 230, 0.12) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at right, rgba(222, 222, 222, 0.07), rgba(222, 222, 222, 0)); 3942 background-size: 3% 100%, 50% 100%; 3943 background-repeat: no-repeat; 3944 background-position: right; 3945 background-color: transparent; 3946 border: none; 3947 box-shadow: none; 3948} 3949 3950scrolledwindow > undershoot.top { 3951 background-color: transparent; 3952 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3953 padding-top: 1px; 3954 background-size: 10px 1px; 3955 background-repeat: repeat-x; 3956 background-origin: content-box; 3957 background-position: center top; 3958 border: none; 3959} 3960 3961scrolledwindow > undershoot.bottom { 3962 background-color: transparent; 3963 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3964 padding-bottom: 1px; 3965 background-size: 10px 1px; 3966 background-repeat: repeat-x; 3967 background-origin: content-box; 3968 background-position: center bottom; 3969 border: none; 3970} 3971 3972scrolledwindow > undershoot.left { 3973 background-color: transparent; 3974 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3975 padding-left: 1px; 3976 background-size: 1px 10px; 3977 background-repeat: repeat-y; 3978 background-origin: content-box; 3979 background-position: left center; 3980 border: none; 3981} 3982 3983scrolledwindow > undershoot.right { 3984 background-color: transparent; 3985 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 3986 padding-right: 1px; 3987 background-size: 1px 10px; 3988 background-repeat: repeat-y; 3989 background-origin: content-box; 3990 background-position: right center; 3991 border: none; 3992} 3993 3994scrolledwindow > junction { 3995 border-style: solid none none solid; 3996 border-width: 1px; 3997 border-color: rgba(255, 255, 255, 0.12); 3998 background-color: #272727; 3999} 4000 4001scrolledwindow > junction:dir(rtl) { 4002 border-style: solid solid none none; 4003} 4004 4005separator { 4006 background-color: rgba(255, 255, 255, 0.12); 4007 min-width: 1px; 4008 min-height: 1px; 4009} 4010 4011listview, 4012list { 4013 background-color: #242424; 4014 border-color: rgba(255, 255, 255, 0.12); 4015} 4016 4017listview > row, 4018list > row { 4019 padding: 2px; 4020} 4021 4022listview > row.expander, 4023list > row.expander { 4024 padding: 0px; 4025} 4026 4027listview > row.expander .row-header, 4028list > row.expander .row-header { 4029 padding: 2px; 4030} 4031 4032row.has-open-popup.activatable, row.activatable:hover { 4033 background-color: rgba(255, 255, 255, 0.03); 4034} 4035 4036row.activatable:active { 4037 color: #dedede; 4038} 4039 4040row.activatable:disabled { 4041 color: rgba(222, 222, 222, 0.35); 4042} 4043 4044row.activatable:disabled image { 4045 color: inherit; 4046} 4047 4048row.activatable:selected:active { 4049 color: white; 4050} 4051 4052row.activatable.has-open-popup:selected, row.activatable:selected:hover { 4053 background-color: #dba744; 4054} 4055 4056row:not(:hover) { 4057 transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 4058} 4059 4060columnview > listview > row { 4061 padding: 0; 4062} 4063 4064columnview > listview > row > cell { 4065 padding: 8px 6px; 4066} 4067 4068columnview > listview > row > cell:not(:first-child) { 4069 border-left: 1px solid transparent; 4070} 4071 4072columnview.column-separators > listview > row > cell { 4073 border-left-color: rgba(255, 255, 255, 0.12); 4074} 4075 4076columnview.data-table > listview > row > cell { 4077 padding-top: 2px; 4078 padding-bottom: 2px; 4079} 4080 4081treeexpander { 4082 border-spacing: 4px; 4083} 4084 4085columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { 4086 outline: 2px solid rgba(255, 255, 255, 0.12); 4087} 4088 4089columnview row:not(:selected) cell editablelabel.editing:focus-within { 4090 outline: 2px solid #F3BA4B; 4091} 4092 4093columnview row:not(:selected) cell editablelabel.editing text selection { 4094 color: white; 4095 background-color: #F3BA4B; 4096} 4097 4098.rich-list { 4099 /* rich lists usually containing other widgets than just labels/text */ 4100} 4101 4102.rich-list > row { 4103 padding: 8px 12px; 4104 min-height: 32px; 4105 /* should be tall even when only containing a label */ 4106} 4107 4108.rich-list > row > box { 4109 border-spacing: 12px; 4110} 4111 4112.app-notification { 4113 padding: 16px; 4114 margin: 0 8px 8px 8px; 4115 color: #dedede; 4116 background-color: rgba(51, 51, 51, 0.95); 4117 border-radius: 0 0 2px 2px; 4118 border: none; 4119 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.65); 4120} 4121 4122.app-notification border { 4123 border: none; 4124} 4125 4126.app-notification button:hover { 4127 color: #c5c5c5; 4128 background-color: rgba(255, 255, 255, 0.15); 4129 background-image: none; 4130} 4131 4132.app-notification button:active, .app-notification button:checked { 4133 background-image: none; 4134 color: white; 4135 background-color: rgba(255, 255, 255, 0.25); 4136} 4137 4138.app-notification button:disabled { 4139 background-color: transparent; 4140} 4141 4142.app-notification button:disabled label, .app-notification button:disabled { 4143 color: rgba(222, 222, 222, 0.35); 4144} 4145 4146expander arrow { 4147 min-width: 16px; 4148 min-height: 16px; 4149 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 4150} 4151 4152expander arrow:dir(rtl) { 4153 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 4154} 4155 4156expander arrow:hover { 4157 color: white; 4158} 4159 4160expander arrow:checked { 4161 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 4162} 4163 4164expander-widget > box > title { 4165 border-radius: 5px; 4166} 4167 4168expander-widget > box > title:hover > expander { 4169 color: white; 4170} 4171 4172 4173calendar { 4174 color: #dedede; 4175 border: 1px solid rgba(255, 255, 255, 0.12); 4176 border-radius: 5px; 4177 padding: 2px 6px; 4178 margin: 0; 4179} 4180 4181 4182calendar > header { 4183 color: #dedede; 4184 border-bottom: 1px solid rgba(255, 255, 255, 0.12); 4185} 4186 4187 4188calendar > header > button { 4189 border: none; 4190 box-shadow: none; 4191 background: none; 4192 border-radius: 0; 4193} 4194 4195 4196calendar > header > button:hover { 4197 background-color: rgba(222, 222, 222, 0.1); 4198} 4199 4200 4201calendar > header > button:active { 4202 background-color: #F3BA4B; 4203} 4204 4205 4206calendar > header > button:backdrop { 4207 background: none; 4208} 4209 4210 4211calendar > grid > label.today { 4212 background-color: rgba(222, 222, 222, 0.15); 4213 border-radius: 3px; 4214} 4215 4216 4217calendar > grid > label.today:selected { 4218 box-shadow: none; 4219} 4220 4221 4222calendar > grid > label:focus { 4223 outline-style: none; 4224} 4225 4226 4227calendar > grid > label.day-number { 4228 padding: 4px; 4229} 4230 4231 4232calendar > grid > label.day-number:selected { 4233 border-radius: 5px; 4234} 4235 4236 4237calendar > grid > label.day-number.other-month { 4238 color: alpha(currentColor,0.3); 4239} 4240 4241window.dialog.message.csd .dialog-action-area > button { 4242 border-radius: 0; 4243 border-right-style: none; 4244} 4245 4246window.dialog.message.csd .dialog-action-area > button:last-child { 4247 border-radius: 0 0 6px 0; 4248 border-right-style: none; 4249} 4250 4251window.dialog.message.csd .dialog-action-area > button:first-child { 4252 border-radius: 0 0 0 6px; 4253 border-left-style: none; 4254} 4255 4256window.dialog.message.csd .dialog-action-area > button:only-child { 4257 border-radius: 0 0 6px 6px; 4258 border-left-style: none; 4259 border-right-style: none; 4260} 4261 4262window.dialog.message .titlebar { 4263 min-height: 20px; 4264 background-color: #373737; 4265 border-bottom: 1px solid #101010; 4266} 4267 4268window.dialog.message box.dialog-vbox.vertical { 4269 border-spacing: 10px; 4270} 4271 4272window.dialog.message label.title { 4273 font-weight: 800; 4274 font-size: 15pt; 4275} 4276 4277window.dialog.message .dialog-action-area { 4278 padding: 6px; 4279} 4280 4281window.dialog.message .dialog-action-area > button { 4282 min-height: 16px; 4283 padding: 2px 8px; 4284 box-shadow: none; 4285} 4286 4287window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action) { 4288 background-color: #404040; 4289} 4290 4291window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):hover { 4292 color: #c5c5c5; 4293 background-color: rgba(255, 255, 255, 0.15); 4294 background-image: none; 4295 border-color: rgba(0, 0, 0, 0.15); 4296 transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 4297} 4298 4299window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):active, window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):checked { 4300 color: white; 4301 background-color: #F3BA4B; 4302 border-color: rgba(0, 0, 0, 0.15); 4303 border-top-color: rgba(0, 0, 0, 0.15); 4304 border-bottom-color: rgba(0, 0, 0, 0.15); 4305 background-image: linear-gradient(0deg, #f2b53d 0%, #f6c971 100%); 4306 border-color: rgba(0, 0, 0, 0.15); 4307} 4308 4309window.dialog.message.csd.background { 4310 border-bottom-left-radius: 6px; 4311 border-bottom-right-radius: 6px; 4312 border: none; 4313} 4314 4315window.dialog.message.csd .dialog-action-area { 4316 padding: 0; 4317} 4318 4319window.dialog.message.csd .dialog-action-area > button { 4320 min-height: 16px; 4321 padding: 6px 12px; 4322 border-bottom: none; 4323 background-image: none; 4324} 4325 4326filechooser box#pathbarbox.view stack entry.search, filechooser box#pathbarbox.view stack entry.search:focus { 4327 background-color: #1f1f1f; 4328} 4329 4330filechooser box#pathbarbox.view stack entry.search:disabled, filechooser box#pathbarbox.view stack label:disabled selection.search, label:disabled filechooser box#pathbarbox.view stack selection.search { 4331 background-color: rgba(31, 31, 31, 0.55); 4332} 4333 4334filechooser #pathbarbox { 4335 border-bottom: 1px solid rgba(255, 255, 255, 0); 4336} 4337 4338filechooser stack.view { 4339 background-color: transparent; 4340} 4341 4342filechooser stack.view scrolledwindow { 4343 background-color: #242424; 4344 border-radius: 0 0 6px 6px; 4345} 4346 4347filechooser stack.view scrolledwindow list { 4348 background-color: transparent; 4349} 4350 4351filechooser stack.view scrolledwindow treeview.view { 4352 background-color: transparent; 4353} 4354 4355filechooser > box.vertical > paned.horizontal > separator, 4356filechooser > box.vertical > box.vertical > paned.horizontal > separator { 4357 border: none; 4358 background-color: transparent; 4359 background-image: image(#242424); 4360 background-size: 8px 8px; 4361 background-position: left bottom; 4362} 4363 4364filechooser > box.vertical > paned.horizontal > separator:dir(ltr), 4365filechooser > box.vertical > box.vertical > paned.horizontal > separator:dir(ltr) { 4366 margin-left: -1px; 4367} 4368 4369filechooser > box.vertical > paned.horizontal > separator:dir(rtl), 4370filechooser > box.vertical > box.vertical > paned.horizontal > separator:dir(rtl) { 4371 margin-right: -1px; 4372} 4373 4374filechooserbutton > button > box { 4375 border-spacing: 6px; 4376} 4377 4378filechooserbutton:drop(active) { 4379 box-shadow: none; 4380 border-color: transparent; 4381} 4382 4383.sidebar { 4384 border-style: none; 4385 background-color: #333333; 4386} 4387 4388.sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { 4389 border-right: 1px solid rgba(255, 255, 255, 0.12); 4390 border-left-style: none; 4391} 4392 4393.sidebar:dir(rtl), .sidebar.right { 4394 border-left: 1px solid rgba(255, 255, 255, 0.12); 4395 border-right-style: none; 4396} 4397 4398.sidebar list { 4399 background-color: transparent; 4400} 4401 4402.sidebar list > separator { 4403 min-height: 0; 4404 background: none; 4405 border: none; 4406} 4407 4408paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { 4409 border-style: none; 4410} 4411 4412stacksidebar list.separators:not(.horizontal) > row:not(.separator) { 4413 border-bottom: none; 4414} 4415 4416stacksidebar row { 4417 padding: 4px 4px; 4418} 4419 4420stacksidebar row > label { 4421 padding-left: 6px; 4422 padding-right: 6px; 4423} 4424 4425stacksidebar row.needs-attention > label { 4426 background-size: 6px 6px, 0 0; 4427} 4428 4429.navigation-sidebar { 4430 padding: 3px 0; 4431} 4432 4433.navigation-sidebar > separator { 4434 margin: 3px; 4435} 4436 4437.navigation-sidebar > row { 4438 min-height: 36px; 4439 padding: 0 8px; 4440 border-radius: 5px; 4441 margin: 0 3px 2px; 4442} 4443 4444.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { 4445 background-color: rgba(222, 222, 222, 0.1); 4446} 4447 4448.navigation-sidebar > row:active { 4449 color: #dedede; 4450 background-color: rgba(222, 222, 222, 0.2); 4451} 4452 4453.navigation-sidebar > row:selected { 4454 color: #dedede; 4455 background-color: rgba(222, 222, 222, 0.15); 4456} 4457 4458.navigation-sidebar > row:selected label { 4459 color: #dedede; 4460} 4461 4462.navigation-sidebar > row:selected:hover { 4463 background-color: rgba(222, 222, 222, 0.2); 4464} 4465 4466.navigation-sidebar > row:selected:focus-visible:focus-within { 4467 outline-width: 0; 4468 color: white; 4469 background-color: #F3BA4B; 4470} 4471 4472.navigation-sidebar > row:selected:focus-visible:focus-within:hover { 4473 background-color: #f0a81b; 4474} 4475 4476.navigation-sidebar > row:disabled { 4477 color: rgba(222, 222, 222, 0.35); 4478} 4479 4480placessidebar > viewport.frame { 4481 border-style: none; 4482} 4483 4484placessidebar .navigation-sidebar > row { 4485 min-height: 24px; 4486 padding: 2px 2px 2px 10px; 4487} 4488 4489placessidebar .navigation-sidebar > row > revealer { 4490 padding: 0 10px; 4491} 4492 4493placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { 4494 padding-right: 8px; 4495} 4496 4497placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { 4498 padding-left: 8px; 4499} 4500 4501placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { 4502 padding-right: 2px; 4503} 4504 4505placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { 4506 padding-left: 2px; 4507} 4508 4509button.sidebar-button { 4510 min-width: 22px; 4511 min-height: 22px; 4512 margin-top: 2px; 4513 margin-bottom: 2px; 4514 padding: 0; 4515 border-radius: 100px; 4516} 4517 4518button.sidebar-button > image { 4519 opacity: 0.85; 4520} 4521 4522button.sidebar-button:active, button.sidebar-button:checked { 4523 background-image: none; 4524 color: white; 4525 background-color: rgba(255, 255, 255, 0.25); 4526 border-color: rgba(0, 0, 0, 0.15); 4527} 4528 4529button.sidebar-button:not(:hover):not(:active) > image { 4530 opacity: 0.65; 4531} 4532 4533placessidebar .navigation-sidebar > row:selected button.sidebar-button { 4534 color: #dedede; 4535 border-color: rgba(0, 0, 0, 0.15); 4536 border-top-color: rgba(0, 0, 0, 0.15); 4537 border-bottom-color: rgba(0, 0, 0, 0.15); 4538 background-color: #656565; 4539 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 4540} 4541 4542placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { 4543 background-image: none; 4544 color: white; 4545 background-color: rgba(255, 255, 255, 0.25); 4546 border-color: rgba(255, 255, 255, 0.25); 4547} 4548 4549placessidebar .navigation-sidebar > row.sidebar-placeholder-row { 4550 padding: 0 8px; 4551 min-height: 2px; 4552 background-image: linear-gradient(to bottom, #F08437, #F08437); 4553 background-clip: content-box; 4554} 4555 4556placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { 4557 color: #F3BA4B; 4558} 4559 4560placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { 4561 box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; 4562} 4563 4564placessidebar .navigation-sidebar > row:drop(active):not(:disabled), placessidebar .navigation-sidebar > row:drop(active):not(:disabled) label, placessidebar .navigation-sidebar > row:drop(active):not(:disabled) image { 4565 color: #F08437; 4566} 4567 4568placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { 4569 background-color: #F08437; 4570} 4571 4572placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected, placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected label, placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected image { 4573 color: #dadada; 4574} 4575 4576placesview .server-list-button > image { 4577 -gtk-icon-transform: rotate(0turn); 4578} 4579 4580placesview .server-list-button:checked > image { 4581 transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 4582 -gtk-icon-transform: rotate(-0.5turn); 4583} 4584 4585placesview > actionbar > revealer > box > label { 4586 padding-left: 8px; 4587 padding-right: 8px; 4588} 4589 4590paned > separator { 4591 min-width: 1px; 4592 min-height: 1px; 4593 -gtk-icon-source: none; 4594 border-style: none; 4595 background-color: transparent; 4596 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); 4597 background-size: 1px 1px; 4598} 4599 4600paned > separator:selected { 4601 background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); 4602} 4603 4604paned > separator.wide { 4605 min-width: 5px; 4606 min-height: 5px; 4607 background-color: #333333; 4608 background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); 4609 background-size: 1px 1px, 1px 1px; 4610} 4611 4612paned.horizontal > separator { 4613 background-repeat: repeat-y; 4614} 4615 4616paned.horizontal > separator:dir(ltr) { 4617 margin: 0 -8px 0 0; 4618 padding: 0 8px 0 0; 4619 background-position: left; 4620} 4621 4622paned.horizontal > separator:dir(rtl) { 4623 margin: 0 0 0 -8px; 4624 padding: 0 0 0 8px; 4625 background-position: right; 4626} 4627 4628paned.horizontal > separator.wide { 4629 margin: 0; 4630 padding: 0; 4631 background-repeat: repeat-y, repeat-y; 4632 background-position: left, right; 4633} 4634 4635paned.vertical > separator { 4636 margin: 0 0 -8px 0; 4637 padding: 0 0 8px 0; 4638 background-repeat: repeat-x; 4639 background-position: top; 4640} 4641 4642paned.vertical > separator.wide { 4643 margin: 0; 4644 padding: 0; 4645 background-repeat: repeat-x, repeat-x; 4646 background-position: bottom, top; 4647} 4648 4649infobar { 4650 border-style: none; 4651 background-color: #333333; 4652 margin-bottom: 0; 4653} 4654 4655infobar.info > revealer > box { 4656 background-color: #F3BA4B; 4657} 4658 4659infobar.question > revealer > box { 4660 background-color: #3484e2; 4661} 4662 4663infobar.warning > revealer > box { 4664 background-color: #F27835; 4665} 4666 4667infobar.error > revealer > box { 4668 background-color: #FC4138; 4669} 4670 4671infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { 4672 color: white; 4673 caret-color: currentColor; 4674} 4675 4676infobar.info > revealer > box button, infobar.question > revealer > box button, infobar.warning > revealer > box button, infobar.error > revealer > box button { 4677 min-height: 28px; 4678} 4679 4680infobar.info > revealer > box selection, infobar.question > revealer > box selection, infobar.warning > revealer > box selection, infobar.error > revealer > box selection { 4681 color: #F3BA4B; 4682 background-color: white; 4683} 4684 4685.selection-mode headerbar button, headerbar.selection-mode button, row:selected button, infobar.info > revealer > box button, infobar.question > revealer > box button, infobar.warning > revealer > box button, infobar.error > revealer > box button { 4686 color: white; 4687 background-color: rgba(255, 255, 255, 0); 4688 border-color: rgba(255, 255, 255, 0.5); 4689 background-image: none; 4690 box-shadow: none; 4691} 4692 4693.selection-mode headerbar button.flat, headerbar.selection-mode button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { 4694 border-color: transparent; 4695 background-color: transparent; 4696 background-image: none; 4697 box-shadow: none; 4698 color: white; 4699 background-color: rgba(255, 255, 255, 0); 4700 background-image: none; 4701 box-shadow: none; 4702} 4703 4704.selection-mode headerbar button:hover, headerbar.selection-mode button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { 4705 box-shadow: none; 4706 color: white; 4707 background-color: rgba(255, 255, 255, 0.2); 4708 border-color: rgba(255, 255, 255, 0.5); 4709} 4710 4711.selection-mode headerbar button:active, headerbar.selection-mode button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { 4712 box-shadow: none; 4713 color: white; 4714 background-color: rgba(255, 255, 255, 0.4); 4715 border-color: rgba(255, 255, 255, 0.5); 4716} 4717 4718tooltip { 4719 border-radius: 5px; 4720 box-shadow: none; 4721} 4722 4723tooltip.background { 4724 background-color: #444444; 4725 background-clip: padding-box; 4726 border-radius: 5px; 4727 color: #dadada; 4728} 4729 4730tooltip.background label { 4731 padding: 4px; 4732} 4733 4734tooltip > box { 4735 border-spacing: 6px; 4736} 4737 4738colorswatch, colorswatch:drop(active) { 4739 border-style: none; 4740} 4741 4742colorswatch.top { 4743 border-top-left-radius: 2.5px; 4744 border-top-right-radius: 2.5px; 4745} 4746 4747colorswatch.top overlay { 4748 border-top-left-radius: 2px; 4749 border-top-right-radius: 2px; 4750} 4751 4752colorswatch.bottom { 4753 border-bottom-left-radius: 2.5px; 4754 border-bottom-right-radius: 2.5px; 4755} 4756 4757colorswatch.bottom overlay { 4758 border-bottom-left-radius: 2px; 4759 border-bottom-right-radius: 2px; 4760} 4761 4762colorswatch.left, colorswatch:first-child:not(.top) { 4763 border-top-left-radius: 2.5px; 4764 border-bottom-left-radius: 2.5px; 4765} 4766 4767colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { 4768 border-top-left-radius: 2px; 4769 border-bottom-left-radius: 2px; 4770} 4771 4772colorswatch.right, colorswatch:last-child:not(.bottom) { 4773 border-top-right-radius: 2.5px; 4774 border-bottom-right-radius: 2.5px; 4775} 4776 4777colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { 4778 border-top-right-radius: 2px; 4779 border-bottom-right-radius: 2px; 4780} 4781 4782colorswatch.dark overlay { 4783 color: rgba(255, 255, 255, 0.7); 4784} 4785 4786colorswatch.dark overlay:hover { 4787 border-color: rgba(255, 255, 255, 0.12); 4788} 4789 4790colorswatch.light overlay { 4791 color: rgba(0, 0, 0, 0.7); 4792} 4793 4794colorswatch.light overlay:hover { 4795 border-color: rgba(255, 255, 255, 0.12); 4796} 4797 4798colorswatch overlay { 4799 border: 1px solid rgba(255, 255, 255, 0.12); 4800} 4801 4802colorswatch overlay:hover { 4803 background-color: rgba(255, 255, 255, 0.2); 4804} 4805 4806colorswatch:disabled { 4807 opacity: 0.5; 4808} 4809 4810colorswatch:disabled overlay { 4811 border-color: rgba(0, 0, 0, 0.6); 4812 box-shadow: none; 4813} 4814 4815colorswatch#add-color-button { 4816 border-style: solid; 4817 border-width: 1px; 4818 color: #dedede; 4819 border-color: rgba(0, 0, 0, 0.15); 4820 border-top-color: rgba(0, 0, 0, 0.15); 4821 border-bottom-color: rgba(0, 0, 0, 0.15); 4822 background-color: #656565; 4823 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 4824} 4825 4826colorswatch#add-color-button:hover { 4827 color: #f8f8f8; 4828 border-color: rgba(0, 0, 0, 0.15); 4829 border-top-color: rgba(0, 0, 0, 0.15); 4830 border-bottom-color: rgba(0, 0, 0, 0.15); 4831 background-color: #6d6d6d; 4832 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 4833} 4834 4835colorswatch#add-color-button overlay { 4836 border-color: transparent; 4837 background-color: transparent; 4838 background-image: none; 4839 box-shadow: none; 4840} 4841 4842button.color { 4843 padding: 0; 4844} 4845 4846button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { 4847 margin: 4px; 4848 border-radius: 0; 4849} 4850 4851colorchooser .popover.osd { 4852 border-radius: 5px; 4853} 4854 4855.content-view { 4856 background-color: #242424; 4857} 4858 4859.scale-popup button:hover { 4860 color: #f8f8f8; 4861 border-color: rgba(0, 0, 0, 0.15); 4862 border-top-color: rgba(0, 0, 0, 0.15); 4863 border-bottom-color: rgba(0, 0, 0, 0.15); 4864 background-color: #6d6d6d; 4865 box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); 4866} 4867 4868.context-menu { 4869 font: initial; 4870} 4871 4872.monospace { 4873 font-family: Monospace; 4874} 4875 4876stackswitcher button.circular, 4877stackswitcher button.text-button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), 4878button.circular { 4879 border-radius: 100px; 4880 padding: 0 0 0 0; 4881 min-height: 28px; 4882 min-width: 28px; 4883} 4884 4885.keycap { 4886 min-width: 16px; 4887 min-height: 20px; 4888 padding: 3px 6px 4px 6px; 4889 color: #dedede; 4890 background-color: #242424; 4891 border: 1px solid rgba(255, 255, 255, 0.12); 4892 border-radius: 5px; 4893 box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); 4894} 4895 4896stackswitcher button.text-button { 4897 min-width: 80px; 4898} 4899 4900*:drop(active):focus, 4901*:drop(active) { 4902 box-shadow: inset 0 0 0 1px #F08437; 4903} 4904 4905window { 4906 border-width: 0; 4907} 4908 4909window.csd { 4910 transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); 4911 border-radius: 6px; 4912 box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); 4913 margin: 6px; 4914} 4915 4916window.csd:backdrop { 4917 box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); 4918} 4919 4920window.csd.popup { 4921 border-radius: 6px; 4922 box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); 4923} 4924 4925window.csd.dialog.message { 4926 border-radius: 6px; 4927} 4928 4929.solid-csd window.csd { 4930 border: 1px solid #101010; 4931 border-radius: 0; 4932 margin: 0; 4933 background-color: #373737; 4934 box-shadow: none; 4935} 4936 4937window.popup { 4938 box-shadow: none; 4939} 4940 4941window.ssd { 4942 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35); 4943} 4944 4945windowcontrols { 4946 border-spacing: 6px; 4947 margin-right: 6px; 4948 margin-left: 6px; 4949} 4950 4951windowcontrols button { 4952 margin: 0; 4953 padding: 0; 4954} 4955 4956windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:active, windowcontrols button.close:active:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:active, windowcontrols button.maximize:active:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:active, windowcontrols button.minimize:active:hover, windowcontrols button.restore, windowcontrols button.restore:hover, windowcontrols button.restore:active, windowcontrols button.restore:active:hover { 4957 min-width: 16px; 4958 min-height: 16px; 4959 margin: 0; 4960 padding: 0; 4961 color: transparent; 4962 background-color: transparent; 4963 background-position: center; 4964 background-repeat: no-repeat; 4965 background-size: auto; 4966 border-width: 0; 4967 box-shadow: none; 4968} 4969 4970windowcontrols button.close:backdrop, windowcontrols button.maximize:backdrop, windowcontrols button.minimize:backdrop, windowcontrols button.restore:backdrop { 4971 opacity: 1; 4972} 4973 4974windowcontrols button.close { 4975 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); 4976} 4977 4978windowcontrols button.close:backdrop { 4979 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); 4980} 4981 4982windowcontrols button.close:backdrop:hover { 4983 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); 4984} 4985 4986windowcontrols button.close:hover { 4987 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); 4988} 4989 4990windowcontrols button.close:active { 4991 background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); 4992} 4993 4994windowcontrols button.maximize { 4995 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); 4996} 4997 4998windowcontrols button.maximize:backdrop { 4999 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); 5000} 5001 5002windowcontrols button.maximize:backdrop:hover { 5003 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); 5004} 5005 5006windowcontrols button.maximize:hover { 5007 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); 5008} 5009 5010windowcontrols button.maximize:active { 5011 background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); 5012} 5013 5014windowcontrols button.minimize { 5015 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); 5016} 5017 5018windowcontrols button.minimize:backdrop { 5019 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); 5020} 5021 5022windowcontrols button.minimize:backdrop:hover { 5023 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); 5024} 5025 5026windowcontrols button.minimize:hover { 5027 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); 5028} 5029 5030windowcontrols button.minimize:active { 5031 background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); 5032} 5033 5034windowcontrols button.restore { 5035 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); 5036} 5037 5038windowcontrols button.restore:backdrop { 5039 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); 5040} 5041 5042windowcontrols button.restore:backdrop:hover { 5043 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); 5044} 5045 5046windowcontrols button.restore:hover { 5047 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); 5048} 5049 5050windowcontrols button.restore:active { 5051 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); 5052} 5053 5054.fullscreen windowcontrols button.maximize, .maximized windowcontrols button.maximize { 5055 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); 5056} 5057 5058.fullscreen windowcontrols button.maximize:backdrop, .maximized windowcontrols button.maximize:backdrop { 5059 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); 5060} 5061 5062.fullscreen windowcontrols button.maximize:backdrop:hover, .maximized windowcontrols button.maximize:backdrop:hover { 5063 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); 5064} 5065 5066.fullscreen windowcontrols button.maximize:hover, .maximized windowcontrols button.maximize:hover { 5067 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); 5068} 5069 5070.fullscreen windowcontrols button.maximize:active, .maximized windowcontrols button.maximize:active { 5071 background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); 5072} 5073 5074popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover, .view:selected:focus, textview > text selection:focus, textview > text selection, iconview:selected:focus, flowbox > flowboxchild:selected, gridview > child:selected, label:disabled selection, entry > text > selection:focus, entry > text > selection, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, columnview.view:selected, columnview.view:selected:focus, 5075treeview.view:selected, 5076treeview.view:selected:focus, row:selected, 5077calendar > grid > label.day-number:selected { 5078 background-color: #F3BA4B; 5079 color: white; 5080} 5081 5082popover.emoji-picker emoji:disabled:focus, popover.emoji-picker emoji:disabled:hover { 5083 color: #f9dda5; 5084} 5085 5086row:selected label, label:selected { 5087 color: white; 5088} 5089 5090/********* 5091 * Emoji * 5092 *********/ 5093popover.emoji-picker { 5094 padding: 0; 5095 border-radius: 6px; 5096} 5097 5098popover.emoji-picker > contents { 5099 padding: 0; 5100} 5101 5102.emoji-searchbar { 5103 padding: 6px; 5104 border-spacing: 6px; 5105 border-bottom: 1px solid rgba(255, 255, 255, 0.12); 5106} 5107 5108.emoji-toolbar { 5109 padding: 6px; 5110 border-spacing: 6px; 5111 border-top: 1px solid rgba(255, 255, 255, 0.12); 5112} 5113 5114button.emoji-section { 5115 margin: 3px 1px; 5116 padding: 1px 12px; 5117 border-radius: 5px; 5118 border: none; 5119 outline-offset: -2px; 5120 box-shadow: none; 5121 transition: none; 5122 animation: none; 5123} 5124 5125button.emoji-section:first-child { 5126 margin-left: 6px; 5127} 5128 5129button.emoji-section:last-child { 5130 margin-right: 6px; 5131} 5132 5133popover.emoji-picker emoji { 5134 font-size: x-large; 5135 padding: 6px; 5136 border-radius: 5px; 5137} 5138 5139emoji-completion-row > box { 5140 border-spacing: 10px; 5141 padding: 2px 10px; 5142} 5143 5144emoji-completion-row:focus, 5145emoji-completion-row:hover { 5146 background-color: #F3BA4B; 5147 color: white; 5148} 5149 5150emoji-completion-row emoji:focus, 5151emoji-completion-row emoji:hover { 5152 background-color: rgba(255, 255, 255, 0.12); 5153} 5154 5155popover.entry-completion > contents { 5156 padding: 0; 5157} 5158 5159statusbar { 5160 padding: 6px 10px 6px 10px; 5161} 5162 5163@define-color theme_fg_color #dedede; 5164@define-color theme_text_color #dadada; 5165@define-color theme_bg_color #333333; 5166@define-color theme_base_color #242424; 5167@define-color theme_selected_bg_color #F3BA4B; 5168@define-color theme_selected_fg_color white; 5169@define-color fg_color #dedede; 5170@define-color text_color #dadada; 5171@define-color bg_color #333333; 5172@define-color base_color #242424; 5173@define-color selected_bg_color #F3BA4B; 5174@define-color selected_fg_color white; 5175@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); 5176@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); 5177@define-color insensitive_base_color #242424; 5178@define-color theme_unfocused_fg_color #dedede; 5179@define-color theme_unfocused_text_color #dadada; 5180@define-color theme_unfocused_bg_color #333333; 5181@define-color theme_unfocused_base_color #242424; 5182@define-color borders rgba(255, 255, 255, 0.12); 5183@define-color unfocused_borders rgba(255, 255, 255, 0.12); 5184@define-color warning_color #F27835; 5185@define-color error_color #FC4138; 5186@define-color success_color #71c837; 5187@define-color placeholder_text_color #A8A8A8; 5188@define-color link_color #3484e2; 5189@define-color content_view_bg #242424; 5190/* Very contrasty background for text views (@theme_text_color foreground) */ 5191@define-color text_view_bg #151515; 5192@define-color wm_title alpha(#fdfdfd, 0.8); 5193@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); 5194@define-color wm_bg #373737; 5195@define-color wm_bg_unfocused #313131; 5196@define-color wm_highlight #5d5d5d; 5197@define-color wm_shadow alpha(black, 0.75); 5198@define-color wm_button_close_bg #cc575d; 5199@define-color wm_button_close_hover_bg #d7787d; 5200@define-color wm_button_close_active_bg #be3841; 5201@define-color wm_icon_close_bg #2f343f; 5202@define-color wm_button_hover_bg #454C5C; 5203@define-color wm_button_active_bg #F3BA4B; 5204@define-color wm_button_hover_border #262932; 5205@define-color wm_icon_bg #90939B; 5206@define-color wm_icon_unfocused_bg #666A74; 5207@define-color wm_icon_hover_bg #C4C7CC; 5208@define-color wm_icon_active_bg white; 5209@define-color titlebar_gradient_a #434343; 5210@define-color titlebar_gradient_b #3e3e3e; 5211@define-color budgie_tasklist_indicator_color #F3BA4B; 5212@define-color budgie_tasklist_indicator_color_active #F3BA4B; 5213@define-color budgie_tasklist_indicator_color_active_window #97783c; 5214@define-color budgie_tasklist_indicator_color_attention #F27835; 5215@define-color STRAWBERRY_100 #FF9262; 5216@define-color STRAWBERRY_300 #FF793E; 5217@define-color STRAWBERRY_500 #F15D22; 5218@define-color STRAWBERRY_700 #CF3B00; 5219@define-color STRAWBERRY_900 #AC1800; 5220@define-color ORANGE_100 #FFDB91; 5221@define-color ORANGE_300 #FFCA40; 5222@define-color ORANGE_500 #FAA41A; 5223@define-color ORANGE_700 #DE8800; 5224@define-color ORANGE_900 #C26C00; 5225@define-color BANANA_100 #FFFFA8; 5226@define-color BANANA_300 #FFFA7D; 5227@define-color BANANA_500 #FFCE51; 5228@define-color BANANA_700 #D1A023; 5229@define-color BANANA_900 #A27100; 5230@define-color LIME_100 #A2F3BE; 5231@define-color LIME_300 #8ADBA6; 5232@define-color LIME_500 #73C48F; 5233@define-color LIME_700 #479863; 5234@define-color LIME_900 #1C6D38; 5235@define-color BLUEBERRY_100 #94A6FF; 5236@define-color BLUEBERRY_300 #6A7CE0; 5237@define-color BLUEBERRY_500 #3F51B5; 5238@define-color BLUEBERRY_700 #213397; 5239@define-color BLUEBERRY_900 #031579; 5240@define-color GRAPE_100 #D25DE6; 5241@define-color GRAPE_300 #B84ACB; 5242@define-color GRAPE_500 #9C27B0; 5243@define-color GRAPE_700 #830E97; 5244@define-color GRAPE_900 #6A007E; 5245@define-color COCOA_100 #9F9792; 5246@define-color COCOA_300 #7B736E; 5247@define-color COCOA_500 #574F4A; 5248@define-color COCOA_700 #463E39; 5249@define-color COCOA_900 #342C27; 5250@define-color SILVER_100 #EEE; 5251@define-color SILVER_300 #CCC; 5252@define-color SILVER_500 #AAA; 5253@define-color SILVER_700 #888; 5254@define-color SILVER_900 #666; 5255@define-color SLATE_100 #888; 5256@define-color SLATE_300 #666; 5257@define-color SLATE_500 #444; 5258@define-color SLATE_700 #222; 5259@define-color SLATE_900 #111; 5260@define-color BLACK_100 #474341; 5261@define-color BLACK_300 #403C3A; 5262@define-color BLACK_500 #393634; 5263@define-color BLACK_700 #33302F; 5264@define-color BLACK_900 #2B2928; 5265