├── Noise256.png ├── README.md ├── RedditDark.png ├── RedditLight.png ├── fluentredditdark.user.css └── fluentredditlight.user.css /Noise256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobyisawesome/fluentreddit/c2d6f49fda9208be46fb8a881ccfccf189aca431/Noise256.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![image](https://github.com/tobyisawesome/fluentreddit/assets/71511385/e5e3aa1c-dccd-4a6c-bb7f-90022054c0f0) 2 | 3 | 4 | # Fluent Reddit 5 | 6 | A CSS skin for reddit.com that makes the website look closer to Fluent Design. 7 | 8 | ## Requirements 9 | These fonts are required in order to have Fluent icons rendered properly. 10 | 11 | [Fluent System Icons Regular](https://github.com/microsoft/fluentui-system-icons/raw/main/fonts/FluentSystemIcons-Regular.ttf) 12 | 13 | [Fluent System Icons Filled](https://github.com/microsoft/fluentui-system-icons/raw/main/fonts/FluentSystemIcons-Filled.ttf) 14 | ## Download 15 | 16 | This style can be downloaded from the Userstyles.world links. Note that both light and dark mode versions need to be used separately. 17 | 18 | Light: https://userstyles.world/style/10781/fluent-reddit-light 19 | 20 | Dark: https://userstyles.world/style/10782/fluent-reddit-dark 21 | 22 | ## Features 23 | 24 | - Modern and sleek design inspired by Fluent Design principles 25 | - Most icons updated to Fluent Icons. 26 | 27 | ![image](https://github.com/tobyisawesome/fluentreddit/assets/71511385/3f24c1cb-00ad-49d0-934d-51121041a2d8) 28 | 29 | ## Installation 30 | 31 | To use this skin, you need to install the Stylus extension for your browser. 32 | 33 | Then, you can install the fluentreddit.user.css file from this repository by clicking on the "Raw" button and following the instructions from Stylus. 34 | 35 | Alternatively, you can copy and paste the contents of the fluentreddit.user.css file into a new style in Stylus and apply it to reddit.com. 36 | 37 | ## Contributing 38 | 39 | Contributions are welcome and appreciated. If you want to contribute to this project, please follow these steps: 40 | 41 | - Fork this repository 42 | - Create a new branch with a descriptive name 43 | - Make your changes and commit them with a clear message 44 | - Push your branch to GitHub and create a pull request 45 | - Wait for feedback or approval 46 | 47 | Please make sure to follow the code style and format of the existing code. Also, please test your changes before submitting them. 48 | -------------------------------------------------------------------------------- /RedditDark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobyisawesome/fluentreddit/c2d6f49fda9208be46fb8a881ccfccf189aca431/RedditDark.png -------------------------------------------------------------------------------- /RedditLight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobyisawesome/fluentreddit/c2d6f49fda9208be46fb8a881ccfccf189aca431/RedditLight.png -------------------------------------------------------------------------------- /fluentredditdark.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Fluent Reddit Dark 3 | @namespace github.com/openstyles/stylus 4 | @version 1.0.4 5 | @description Fluent Reddit skin 6 | @author Me 7 | ==/UserStyle== */ 8 | 9 | @-moz-document url-prefix("https://www.reddit.com/") { 10 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 11 | font-family: Segoe UI Variable Text !important; 12 | text-transform: initial !important; 13 | } 14 | body { 15 | font-size: 14px !important; 16 | font-family: Segoe UI Variable Text !important; 17 | font-style: normal !important; 18 | font-weight: 400 !important; 19 | line-height: 20px !important; 20 | } 21 | h1 { 22 | font-size: 28px !important; 23 | font-family: Segoe UI Variable Display !important; 24 | font-style: normal !important; 25 | font-weight: 600 !important; 26 | line-height: 36px !important; 27 | } 28 | h2 { 29 | font-size: 20px !important; 30 | font-family: Segoe UI Variable Display !important; 31 | font-style: normal !important; 32 | font-weight: 600 !important; 33 | line-height: 28px !important; 34 | } 35 | h3 { 36 | font-size: 14px !important; 37 | font-family: Segoe UI Variable Text !important; 38 | font-style: normal !important; 39 | font-weight: 600 !important; 40 | line-height: 20px !important; 41 | } 42 | h4 { 43 | font-size: 14px !important; 44 | font-family: Segoe UI Variable Text !important; 45 | font-style: normal !important; 46 | font-weight: 400 !important; 47 | line-height: 20px !important; 48 | } 49 | p { 50 | font-size: 12px !important; 51 | font-family: Segoe UI Variable Small !important; 52 | font-style: normal !important; 53 | font-weight: 400 !important; 54 | line-height: 16px !important; 55 | } 56 | .icon:before { 57 | -webkit-font-smoothing: antialiased; 58 | -moz-osx-font-smoothing: grayscale; 59 | font-family: FluentSystemIcons-Regular; 60 | } 61 | .icon-upvote:before { 62 | content: ""; 63 | text-align: center; 64 | } 65 | .icon-downvote:before { 66 | content: ""; 67 | text-align: center; 68 | } 69 | .icon-upvote_fill:before { 70 | content: ""; 71 | font-family: FluentSystemIcons-filled; 72 | text-align: center; 73 | } 74 | .icon-downvote_fill:before { 75 | content: ""; 76 | font-family: FluentSystemIcons-filled; 77 | text-align: center; 78 | } 79 | .icon-comment:before { 80 | content: "\E3D4"; 81 | } 82 | .icon-award:before { 83 | content: "\F672"; 84 | } 85 | .icon-share:before { 86 | content: "\EAA7"; 87 | } 88 | .icon-save:before { 89 | content: "\E191"; 90 | } 91 | .icon-image_post:before { 92 | content: "\E719"; 93 | } 94 | .icon-link_post:before { 95 | content: "\E771"; 96 | } 97 | .icon-overflow_horizontal:before { 98 | content: ""; 99 | } 100 | .icon-search:before { 101 | content: ""; 102 | } 103 | .icon-best:before { 104 | content: ""; 105 | } 106 | .icon-best_fill:before { 107 | content: ""; 108 | font-family: FluentSystemIcons-filled; 109 | } 110 | .icon-hot:before { 111 | content: ""; 112 | } 113 | .icon-hot_fill:before { 114 | content: ""; 115 | font-family: FluentSystemIcons-filled; 116 | } 117 | .icon-new:before { 118 | content: ""; 119 | } 120 | .icon-new_fill:before { 121 | content: ""; 122 | font-family: FluentSystemIcons-filled; 123 | } 124 | .icon-top:before { 125 | content: ""; 126 | } 127 | .icon-top_fill:before { 128 | content: ""; 129 | font-family: FluentSystemIcons-filled; 130 | } 131 | .icon-caret_down:before { 132 | content: ""; 133 | } 134 | .icon-rising:before { 135 | content: ""; 136 | } 137 | .icon-rising_fill:before { 138 | content: ""; 139 | font-family: FluentSystemIcons-filled; 140 | } 141 | .icon-home_fill:before { 142 | content: ""; 143 | font-family: FluentSystemIcons-filled; 144 | } 145 | .icon-popular:before { 146 | content: ""; 147 | } 148 | .icon-popular_fill:before { 149 | content: ""; 150 | font-family: FluentSystemIcons-filled; 151 | } 152 | .icon-view_compact:before { 153 | content: ""; 154 | } 155 | .icon-view_compact_fill:before { 156 | content: "󰁣"; 157 | font-family: FluentSystemIcons-filled; 158 | } 159 | .icon-view_classic:before { 160 | content: ""; 161 | } 162 | .icon-view_classic_fill:before { 163 | content: ""; 164 | font-family: FluentSystemIcons-filled; 165 | } 166 | .icon-view_card:before { 167 | content: ""; 168 | } 169 | .icon-view_card_fill:before { 170 | content: ""; 171 | font-family: FluentSystemIcons-filled; 172 | } 173 | .icon-coins:before { 174 | content: ""; 175 | } 176 | .icon-mod:before { 177 | content: ""; 178 | } 179 | .icon-mod_fill:before { 180 | content: ""; 181 | font-family: FluentSystemIcons-filled; 182 | } 183 | .icon-mod_queue:before { 184 | content: ""; 185 | } 186 | .icon-message:before { 187 | content: ""; 188 | } 189 | .icon-premium_fill:before { 190 | content: ""; 191 | font-family: FluentSystemIcons-filled; 192 | } 193 | .icon-premium:before { 194 | content: ""; 195 | } 196 | .icon-topic_activism:before { 197 | content: ""; 198 | } 199 | .icon-add:before { 200 | content: ""; 201 | } 202 | .icon-add_fill:before { 203 | content: ""; 204 | } 205 | .icon-notification:before { 206 | content: ""; 207 | } 208 | .icon-settings:before { 209 | content: ""; 210 | } 211 | .icon-mark_read:before { 212 | content: ""; 213 | } 214 | .icon-mod_mail:before { 215 | content: ""; 216 | } 217 | .icon-chat:before { 218 | content: ""; 219 | } 220 | .icon-star:before { 221 | content: ""; 222 | } 223 | .icon-star_fill:before { 224 | content: ""; 225 | font-family: FluentSystemIcons-filled; 226 | } 227 | .icon-side_menu:before { 228 | content: "󰆚"; 229 | } 230 | .icon-close:before { 231 | content: ""; 232 | } 233 | .icon-avatar_style:before { 234 | content: ""; 235 | } 236 | .icon-all:before { 237 | content: ""; 238 | } 239 | .icon-profile:before { 240 | content: ""; 241 | } 242 | .icon-views:before { 243 | content: ""; 244 | } 245 | .icon-community:before { 246 | content: ""; 247 | } 248 | .icon-discover:before { 249 | content: ""; 250 | } 251 | .icon-help:before { 252 | content: ""; 253 | } 254 | .icon-info:before { 255 | content: ""; 256 | } 257 | .icon-rules:before { 258 | content: ""; 259 | } 260 | .icon-tag:before { 261 | content: ""; 262 | } 263 | .icon-checkmark:before { 264 | content: ""; 265 | } 266 | .icon-logout:before { 267 | content: ""; 268 | } 269 | .icon-text_post:before { 270 | content: ""; 271 | } 272 | .icon-text_post_fill:before { 273 | content: ""; 274 | font-family: FluentSystemIcons-filled; 275 | } 276 | .icon-image_post_fill:before { 277 | content: ""; 278 | font-family: FluentSystemIcons-filled; 279 | } 280 | .icon-link_post:before { 281 | content: ""; 282 | } 283 | .icon-link_post_fill:before { 284 | content: ""; 285 | font-family: FluentSystemIcons-filled; 286 | } 287 | .icon-poll_post:before { 288 | content: ""; 289 | } 290 | .icon-poll_post_fill:before { 291 | content: ""; 292 | font-family: FluentSystemIcons-filled; 293 | } 294 | .icon-collection:before { 295 | content: ""; 296 | } 297 | .icon-scheduled:before { 298 | content: ""; 299 | } 300 | .icon-scheduled_fill:before { 301 | content: ""; 302 | font-family: FluentSystemIcons-filled; 303 | } 304 | .icon-edit:before { 305 | content: ""; 306 | } 307 | .icon-caret_up:before { 308 | content: ""; 309 | } 310 | .icon-clear:before { 311 | content: ""; 312 | } 313 | .icon-bold:before { 314 | content: ""; 315 | } 316 | .icon-bold_fill:before { 317 | content: "\f12d"; 318 | font-family: FluentSystemIcons-filled; 319 | } 320 | .icon-italic:before { 321 | content: ""; 322 | } 323 | .icon-strikethrough:before { 324 | content: ""; 325 | } 326 | .icon-code_inline:before { 327 | content: ""; 328 | } 329 | .icon-superscript:before { 330 | content: ""; 331 | } 332 | .icon-spoiler:before { 333 | content: ""; 334 | } 335 | .icon-text_size:before { 336 | content: ""; 337 | } 338 | .icon-list_bulleted:before { 339 | content: ""; 340 | } 341 | .icon-quote:before { 342 | content: ""; 343 | } 344 | .icon-code_block:before { 345 | content: ""; 346 | } 347 | .icon-table:before { 348 | content: ""; 349 | } 350 | .icon-list_numbered:before { 351 | content: ""; 352 | } 353 | .icon-list_numbered_fill:before { 354 | content: ""; 355 | font-family: FluentSystemIcons-filled; 356 | } 357 | .icon-video_post:before { 358 | content: ""; 359 | } 360 | .icon-italic_fill:before { 361 | content: "\f1d2"; 362 | font-family: FluentSystemIcons-filled; 363 | } 364 | .icon-strikethrough_fill:before { 365 | content: "\f29e"; 366 | font-family: FluentSystemIcons-filled; 367 | } 368 | .icon-code_inline_fill:before { 369 | content: "\f162"; 370 | font-family: FluentSystemIcons-filled; 371 | } 372 | .icon-superscript_fill:before { 373 | content: "\f2a2"; 374 | font-family: FluentSystemIcons-filled; 375 | } 376 | .icon-spoiler_fill:before { 377 | content: "\f294"; 378 | font-family: FluentSystemIcons-filled; 379 | } 380 | .icon-text_size_fill:before { 381 | content: "\f2b6"; 382 | font-family: FluentSystemIcons-filled; 383 | } 384 | .icon-list_bulleted_fill:before { 385 | content: "\f1e8"; 386 | font-family: FluentSystemIcons-filled; 387 | } 388 | .icon-quote_fill:before { 389 | content: "\f24d"; 390 | font-family: FluentSystemIcons-filled; 391 | } 392 | .icon-code_block_fill:before { 393 | content: "\f160"; 394 | font-family: FluentSystemIcons-filled; 395 | } 396 | .icon-table_fill:before { 397 | content: "\f2ae"; 398 | font-family: FluentSystemIcons-filled; 399 | } 400 | .icon-video_post_fill:before { 401 | content: "\f360"; 402 | font-family: FluentSystemIcons-filled; 403 | } 404 | .icon-expand:before { 405 | content: ""; 406 | } 407 | .icon-saved:before { 408 | content: ""; 409 | } 410 | .icon-hide:before { 411 | content: ""; 412 | } 413 | .icon-report:before { 414 | content: ""; 415 | } 416 | .icon-approve:before { 417 | content: ""; 418 | } 419 | .icon-remove:before { 420 | content: ""; 421 | } 422 | .icon-spam:before { 423 | content: ""; 424 | } 425 | .icon-statistics:before { 426 | content: ""; 427 | } 428 | .icon-promote_snoo:before { 429 | content: ""; 430 | } 431 | .icon-pin:before { 432 | content: ""; 433 | } 434 | .icon-pin_fill:before { 435 | content: ""; 436 | font-family: FluentSystemIcons-filled; 437 | } 438 | .icon-delete:before { 439 | content: ""; 440 | } 441 | .icon-checkbox_fill:before { 442 | content: ""; 443 | font-family: FluentSystemIcons-filled; 444 | } 445 | .icon-checkbox:before { 446 | content: ""; 447 | } 448 | .icon-lock:before { 449 | content: ""; 450 | } 451 | .icon-show:before { 452 | content: ""; 453 | } 454 | .icon-karma:before { 455 | content: ""; 456 | } 457 | .icon-share_ios:before { 458 | content: ""; 459 | } 460 | .icon-distinguish:before { 461 | content: ""; 462 | } 463 | .icon-karma_fill:before { 464 | content: ""; 465 | font-family: FluentSystemIcons-filled; 466 | } 467 | .icon-home:before { 468 | content: ""; 469 | } 470 | .icon-topic_videogaming:before { 471 | content: ""; 472 | } 473 | .icon-topic_videogaming_fill:before { 474 | content: ""; 475 | font-family: FluentSystemIcons-filled; 476 | } 477 | .icon-topic_sports:before { 478 | content: ""; 479 | } 480 | .icon-topic_sports_fill:before { 481 | content: ""; 482 | font-family: FluentSystemIcons-filled; 483 | } 484 | .icon-topic_business:before { 485 | content: ""; 486 | } 487 | .icon-topic_business_fill:before { 488 | content: ""; 489 | font-family: FluentSystemIcons-filled; 490 | } 491 | .icon-topic_crypto:before { 492 | content: ""; 493 | } 494 | .icon-topic_crypto_fill:before { 495 | content: ""; 496 | font-family: FluentSystemIcons-filled; 497 | } 498 | .icon-topic_television:before { 499 | content: ""; 500 | } 501 | .icon-topic_television_fill:before { 502 | content: ""; 503 | font-family: FluentSystemIcons-filled; 504 | } 505 | .icon-topic_celebrity:before { 506 | content: ""; 507 | } 508 | .icon-topic_celebrity_fill:before { 509 | content: ""; 510 | font-family: FluentSystemIcons-filled; 511 | } 512 | .icon-custom_feed::before { 513 | content: ""; 514 | } 515 | .icon-custom_feed_fill::before { 516 | content: ""; 517 | font-family: FluentSystemIcons-filled; 518 | } 519 | .icon-community_fill:before { 520 | content: ""; 521 | font-family: FluentSystemIcons-filled; 522 | } 523 | .icon-community:before { 524 | content: ""; 525 | } 526 | .icon-qr_code:before { 527 | content: ""; 528 | } 529 | .icon-user:before { 530 | content: ""; 531 | } 532 | .icon-cake:before { 533 | content: ""; 534 | } 535 | .icon-cake_fill:before { 536 | content: ""; 537 | font-family: FluentSystemIcons-filled; 538 | } 539 | .icon-user_fill:before { 540 | content: ""; 541 | font-family: FluentSystemIcons-filled; 542 | } 543 | .icon-crosspost:before { 544 | content: ""; 545 | } 546 | .icon-embed:before { 547 | content: ""; 548 | } 549 | ._eYtD2XCVieq6emjKBH3m { 550 | font-size: 14px !important; 551 | } 552 | .icon-coins_fill:before { 553 | content: ""; 554 | font-family: FluentSystemIcons-filled; 555 | } 556 | .icon-external_link_fill:before { 557 | content: ""; 558 | font-family: FluentSystemIcons-filled; 559 | } 560 | .icon-external_link:before { 561 | content: ""; 562 | } 563 | .D3IyhBGwXo9jPwz-Ka0Ve { 564 | border-radius: 7px 7px 7px 7px !important; 565 | margin-bottom: 4px; 566 | } 567 | ._1G4yU68P50vRZ4USXfaceV { 568 | border-radius: 7px 7px 7px 7px !important; 569 | } 570 | ._1G4yU68P50vRZ4USXfaceV._2QeqBqfT5UbHBoViZUt-wX { 571 | border-radius: 7px 7px 7px 7px !important; 572 | } 573 | ._3Im6OD67aKo33nql4FpSp_ { 574 | border-radius: 7px 7px 7px 7px !important; 575 | } 576 | button { 577 | border-radius: 4px; 578 | cursor: auto; 579 | font-size: 14px; 580 | font-family: Segoe UI Variable; 581 | font-style: normal; 582 | font-weight: 400 !important; 583 | line-height: 20px; 584 | height: 32px; 585 | } 586 | .HNozj_dKjQZ59ZsfEegz8 { 587 | border-radius: 4px !important; 588 | cursor: auto; 589 | font-size: 14px; 590 | font-family: Segoe UI Variable; 591 | font-style: normal; 592 | font-weight: 400 !important; 593 | line-height: 20px; 594 | text-transform: capitalize !important; 595 | } 596 | a.M2Hk_S2yvXpsNPfZMBMur.M2Hk_S2yvXpsNPfZMBMur:before { 597 | border-radius: 4px; 598 | } 599 | .RvLtAcdRtbOQbhFB7MD_T { 600 | border-radius: 4px; 601 | } 602 | ._1Hw7tY9pMr-T1F4P1C-xNU { 603 | border-radius: 4px; 604 | } 605 | .kU8ebCMnbXfjCWfqn0WPb { 606 | border-radius: 4px; 607 | } 608 | ._6_44iTtZoeY6_XChKt5b0,._70940WUuFmpHbhKlj8EjZ { 609 | text-transform: capitalize !important; 610 | overflow: visible; 611 | } 612 | ._3-miAEojrCvx_4FQ8x3P-s .YszYBnnIoNY8pZ6UwCivd { 613 | border-radius: 4px; 614 | } 615 | ._2jJNpBqXMbbyOiGCElTYxZ { 616 | border-radius: 7px; 617 | } 618 | .wBtTDilkW_rtT2k5x3eie { 619 | border-radius: 7px; 620 | } 621 | .icon-notification_fill:before { 622 | content: ""; 623 | font-family: FluentSystemIcons-filled; 624 | } 625 | .icon-notification_frequent:before { 626 | content: ""; 627 | } 628 | .icon-notification_frequent_fill:before { 629 | content: ""; 630 | font-family: FluentSystemIcons-filled; 631 | } 632 | .icon-notification_off:before { 633 | content: ""; 634 | } 635 | .icon-notification_off_fill:before { 636 | content: ""; 637 | font-family: FluentSystemIcons-filled; 638 | } 639 | .icon-mod_queue_fill:before { 640 | content: ""; 641 | font-family: FluentSystemIcons-filled; 642 | } 643 | .icon-mod_mute:before { 644 | content: ""; 645 | } 646 | .icon-lock_fill:before { 647 | content: ""; 648 | font-family: FluentSystemIcons-filled; 649 | } 650 | .icon-approve_fill:before { 651 | content: ""; 652 | font-family: FluentSystemIcons-filled; 653 | } 654 | .icon-media_gallery:before { 655 | content: ""; 656 | } 657 | .icon-gif_post:before { 658 | content: ""; 659 | } 660 | .icon-admin_fill:before { 661 | font-family: redesignFont2020; 662 | } 663 | .icon-comment_fill:before { 664 | content: ""; 665 | font-family: FluentSystemIcons-filled; 666 | } 667 | .icon-reply:before { 668 | content: ""; 669 | } 670 | .icon-statistics_fill:before { 671 | content: ""; 672 | font-family: FluentSystemIcons-filled; 673 | } 674 | ._36kpXQ-z7Hr61j8878uRkP { 675 | margin-bottom: 8px; 676 | } 677 | ._1UoeAeSRhOKSNdY_h3iS1O { 678 | font-weight: normal; 679 | font-size: 14px; 680 | } 681 | ._1rZYMD_4xY3gRcSS3p8ODO { 682 | font-weight: 600; 683 | } 684 | ._3ryJoIoycVkA88fy40qNJc { 685 | font-weight: 600; 686 | } 687 | ._1RYN-7H8gYctjOQeL8p2Q7 { 688 | border-radius: 8px; 689 | } 690 | ._3SUsITjKNQ7Tp0Wi2jGxIM.qW0l8Af61EP35WIG6vnGk { 691 | border-radius: 999px; 692 | cursor: auto 693 | } 694 | .Q0BxYHtCOJ_rNSPJMU2Y7._2fe-KdD2OM0ciaiux-G1EL { 695 | border-radius: 999px; 696 | cursor: auto; 697 | } 698 | .voteButton:focus { 699 | border-radius: 999px; 700 | background-color: var(--newCommunityTheme-navIconFaded10); 701 | outline: none; 702 | } 703 | ._loadingIcon_1px4d_27 { 704 | position: absolute; 705 | width: 200px; 706 | height: 200px; 707 | top: calc(40% - 100px); 708 | left: calc(50% - 100px); 709 | content: url(https://www.avira.com/cache-buster-1687867779/static/avira/images/loading.svg); 710 | animation: none; 711 | } 712 | 713 | /* Color styles */ 714 | :root { 715 | --light---fill--color---text---primary: rgba(0, 0, 0, 0.8956000208854675); 716 | --light---fill--color---text---secondary: rgba(0, 0, 0, 0.6062999963760376); 717 | --light---fill--color---text---tertiary: rgba(0, 0, 0, 0.4458000063896179); 718 | --light---fill--color---text---disabled: rgba(0, 0, 0, 0.3614000082015991); 719 | --light---fill--color---accent--text---primary: rgba(0, 62, 146, 1); 720 | --light---fill--color---accent--text---secondary: rgba(0, 26, 104, 1); 721 | --light---fill--color---accent--text---tertiary: rgba(0, 95, 184, 1); 722 | --light---fill--color---accent--text---disabled: rgba(0, 0, 0, 0.3614000082015991); 723 | --light---fill--color---text--on--accent---primary: rgba(255, 255, 255, 1); 724 | --light---fill--color---text--on--accent---secondary: rgba(255, 255, 255, 0.699999988079071); 725 | --light---fill--color---text--on--accent---disabled: rgba(255, 255, 255, 1); 726 | --light---fill--color---text--on--accent---selected--text: rgba(255, 255, 255, 1); 727 | --light---fill--color---control---transparent: rgba(255, 255, 255, 0); 728 | --light---fill--color---control---default: rgba(255, 255, 255, 0.699999988079071); 729 | --light---fill--color---control---secondary: rgba(249, 249, 249, 0.5); 730 | --light---fill--color---control---tertiary: rgba(249, 249, 249, 0.30000001192092896); 731 | --light---fill--color---control---quarternary: rgba(243, 243, 243, 0.7599999904632568); 732 | --light---fill--color---control---input--active: rgba(255, 255, 255, 1); 733 | --light---fill--color---control---disabled: rgba(249, 249, 249, 0.30000001192092896); 734 | --light---fill--color---control--strong---default: rgba(0, 0, 0, 0.4458000063896179); 735 | --light---fill--color---control--strong---disabled: rgba(0, 0, 0, 0.3172999918460846); 736 | --light---fill--color---subtle---transparent: rgba(255, 255, 255, 0); 737 | --light---fill--color---subtle---secondary: rgba(0, 0, 0, 0.037300001829862595); 738 | --light---fill--color---subtle---tertiary: rgba(0, 0, 0, 0.02410000003874302); 739 | --light---fill--color---subtle---disabled: rgba(0, 0, 0, 0); 740 | --light---fill--color---control--solid---default: rgba(255, 255, 255, 1); 741 | --light---fill--color---control--alt---transparent: rgba(255, 255, 255, 0); 742 | --light---fill--color---control--alt---secondary: rgba(0, 0, 0, 0.02410000003874302); 743 | --light---fill--color---control--alt---tertiary: rgba(0, 0, 0, 0.05779999867081642); 744 | --light---fill--color---control--alt---quarternary: rgba(0, 0, 0, 0.09239999949932098); 745 | --light---fill--color---control--alt---disabled: rgba(255, 255, 255, 0); 746 | --light---fill--color---accent---default: rgba(0, 95, 184, 1); 747 | --light---fill--color---accent---secondary: rgba(0, 95, 184, 0.8999999761581421); 748 | --light---fill--color---accent---tertiary: rgba(0, 95, 184, 0.800000011920929); 749 | --light---fill--color---accent---disabled: rgba(0, 0, 0, 0.21690000593662262); 750 | --light---fill--color---accent---selected--text--background: rgba(0, 120, 212, 1); 751 | --light---fill--color---system---critical: rgba(196, 43, 28, 1); 752 | --light---fill--color---system---success: rgba(15, 123, 15, 1); 753 | --light---fill--color---system---attention: rgba(0, 95, 183, 1); 754 | --light---fill--color---system---caution: rgba(157, 93, 0, 1); 755 | --light---fill--color---system---attention--background: rgba(246, 246, 246, 0.5); 756 | --light---fill--color---system---success--background: rgba(223, 246, 221, 1); 757 | --light---fill--color---system---caution--background: rgba(255, 244, 206, 1); 758 | --light---fill--color---system---critical--background: rgba(253, 231, 233, 1); 759 | --light---fill--color---system---neutral: rgba(0, 0, 0, 0.4458000063896179); 760 | --light---fill--color---system---neutral--background: rgba(0, 0, 0, 0.02410000003874302); 761 | --light---fill--color---system---solid--neutral: rgba(138, 138, 138, 1); 762 | --light---fill--color---system-----solid--attention--background: rgba(247, 247, 247, 1); 763 | --light-----fill--color-----system-----solid--neutral--background: rgba(243, 243, 243, 1); 764 | --light---fill--color---control--on--image---default: rgba(255, 255, 255, 0.7900000214576721); 765 | --light---fill--color---control--on--image---secondary: rgba(243, 243, 243, 1); 766 | --light---fill--color---control--on--image---tertiary: rgba(235, 235, 235, 1); 767 | --light---fill--color---control--on--image---disabled: rgba(255, 255, 255, 0); 768 | --light---stroke--color---control--stroke---default: rgba(0, 0, 0, 0.05779999867081642); 769 | --light---stroke--color---control--stroke---secondary: rgba(0, 0, 0, 0.16220000386238098); 770 | --light---stroke--color---control--stroke---on--accent--default: rgba(255, 255, 255, 0.07999999821186066); 771 | --light---stroke--color---control--stroke---on--accent--secondary: rgba(0, 0, 0, 0.4000000059604645); 772 | --light---stroke--color---control--stroke---on--accent--tertiary: rgba(0, 0, 0, 0.21690000593662262); 773 | --light---stroke--color---control--stroke---on--accent--disabled: rgba(0, 0, 0, 0.05779999867081642); 774 | --light---stroke--color---control--stroke---for--strong--fill--when--on--image: rgba(255, 255, 255, 0.3499999940395355); 775 | --light---stroke--color---control--strong--stroke---default: rgba(0, 0, 0, 0.6062999963760376); 776 | --light---stroke--color---control--strong--stroke---disabled: rgba(0, 0, 0, 0.21690000593662262); 777 | --light---stroke--color---card--stroke---default: rgba(0, 0, 0, 0.05779999867081642); 778 | --light---stroke--color---card--stroke---default--solid: rgba(235, 235, 235, 1); 779 | --light---stroke--color---divider--stroke---default: rgba(0, 0, 0, 0.08030000329017639); 780 | --light---stroke--color---surface--stroke---default: rgba(117, 117, 117, 0.4000000059604645); 781 | --light---stroke--color---surface--stroke---flyout: rgba(0, 0, 0, 0.05779999867081642); 782 | --light---stroke--color---focus--stroke---outer: rgba(0, 0, 0, 0.8956000208854675); 783 | --light---stroke--color---focus--stroke---inner: rgba(255, 255, 255, 1); 784 | --light---background---fill--color---card--background---default: rgba(255, 255, 255, 0.699999988079071); 785 | --light---background---fill--color---card--background---secondary: rgba(246, 246, 246, 0.5); 786 | --light-----background-----fill--color-----card--background-----tertiary: rgba(255, 255, 255, 1); 787 | --light---background---fill--color---smoke---default: rgba(0, 0, 0, 0.30000001192092896); 788 | --light---background---fill--color---layer---default: rgba(255, 255, 255, 0.5); 789 | --light---background---fill--color---layer---alt: rgba(255, 255, 255, 1); 790 | --light---background---fill--color---layer--on--acrylic---default: rgba(255, 255, 255, 0.25); 791 | --light---background---fill--color---layer--on--accent--acrylic---default: rgba(255, 255, 255, 0.25); 792 | --light---background---fill--color---layer--on--mica--base--alt---default: rgba(255, 255, 255, 0.699999988079071); 793 | --light---background---fill--color---layer--on--mica--base--alt---transparent: rgba(255, 255, 255, 0); 794 | --light---background---fill--color---layer--on--mica--base--alt---secondary: rgba(0, 0, 0, 0.037300001829862595); 795 | --light---background---fill--color---layer--on--mica--base--alt---tertiary: rgba(249, 249, 249, 1); 796 | --light---background---fill--color---acrylic--background---default: rgba(252, 252, 252, 0.8500000238418579); 797 | --light---background---fill--color---acrylic--background---base: rgba(243, 243, 243, 0.8999999761581421); 798 | --light---background---fill--color---accent--acrylic--background---base: rgba(153, 235, 255, 0.8999999761581421); 799 | --light---background---fill--color---accent--acrylic--background---default: rgba(153, 235, 255, 0.8999999761581421); 800 | --light---background---fill--color---mica--background---base: rgba(243, 243, 243, 1); 801 | --light---background---fill--color---mica--background---base--alt: rgba(218, 218, 218, 1); 802 | --light---background---fill--color---solid--background---base: rgba(243, 243, 243, 1); 803 | --light---background---fill--color---solid--background---base--alt: rgba(218, 218, 218, 1); 804 | --light---background---fill--color---solid--background---secondary: rgba(238, 238, 238, 1); 805 | --light---background---fill--color---solid--background---tertiary: rgba(249, 249, 249, 1); 806 | --light---background---fill--color---solid--background---quarternary: rgba(255, 255, 255, 1); 807 | --light---background---fill--color---solid--background---quinary: rgba(253, 253, 253, 1); 808 | --light---background---fill--color---solid--background---senary: rgba(255, 255, 255, 1); 809 | --light---shell---fill--color---caption--close--text---primary: rgba(255, 255, 255, 1); 810 | --light---shell---fill--color---caption--close--text---secondary: rgba(255, 255, 255, 0.699999988079071); 811 | --light---shell---fill--color---caption--control--close--fill---primary: rgba(196, 43, 28, 1); 812 | --light---shell---fill--color---caption--control--close--fill---secondary: rgba(196, 43, 28, 0.8999999761581421); 813 | --light---shell---fill--color---keyboard--button--alt---default: rgba(255, 255, 255, 0.5); 814 | --light---shell---fill--color---keyboard--button--alt---secondary: rgba(255, 255, 255, 0.25); 815 | --light---shell---fill--color---keyboard--button--alt---tertiary: rgba(255, 255, 255, 0.125); 816 | --light---shell---fill--color---keyboard--button--alt---disabled: rgba(255, 255, 255, 0.125); 817 | --light---shell---fill--color---keyboard--button---default: rgba(255, 255, 255, 1); 818 | --light---shell---fill--color---keyboard--button---secondary: rgba(255, 255, 255, 0.75); 819 | --light---shell---fill--color---keyboard--button---tertiary: rgba(255, 255, 255, 0.5); 820 | --light---shell---fill--color---keyboard--button---disabled: rgba(255, 255, 255, 0.125); 821 | --light---shell---fill--color---taskbar--item--fill---primary: rgba(255, 255, 255, 0.699999988079071); 822 | --light---shell---fill--color---taskbar--item--fill---secondary: rgba(255, 255, 255, 0.5); 823 | --light---shell---fill--color---taskbar--item--fill---tertiary: rgba(255, 255, 255, 0.30000001192092896); 824 | --light---shell---fill--color---taskbar--item--fill---transparent: rgba(255, 255, 255, 0); 825 | --light---shell---fill--color---taskbar--item--indicator-----running: rgba(0, 0, 0, 0.4399999976158142); 826 | --light---shell---fill--color---subtle--item--fill---transparent: rgba(255, 255, 255, 0); 827 | --light---shell---fill--color---subtle--item--fill---secondary: rgba(255, 255, 255, 0.699999988079071); 828 | --light---shell---fill--color---subtle--item--fill---tertiary: rgba(255, 255, 255, 0.5); 829 | --light---shell---fill--color---shimmer--fill---primary: rgba(0, 0, 0, 0.02889999933540821); 830 | --light---shell---fill--color---shimmer--fill---secondary: rgba(0, 0, 0, 0.053700000047683716); 831 | --light---shell---fill--color---illustration--on--acrylic---primary: rgba(0, 0, 0, 0.10000000149011612); 832 | --light---shell---stroke--color---keyboard--button---primary: rgba(0, 0, 0, 0.05779999867081642); 833 | --light---shell---stroke--color---keyboard--button---secondary: rgba(0, 0, 0, 0.16220000386238098); 834 | --light---shell---stroke--color---taskbar--item--stroke---primary: rgba(0, 0, 0, 0.09000000357627869); 835 | --light---shell---stroke--color---taskbar--item--stroke---secondary: rgba(0, 0, 0, 0.05999999865889549); 836 | --light---shell---stroke--color---taskbar--item--stroke---tertiary: rgba(0, 0, 0, 0.029999999329447746); 837 | --light---shell---stroke--color---taskbar--item--stroke---quarternary: rgba(0, 0, 0, 0.019999999552965164); 838 | --light---shell---stroke--color---taskbar--item--stroke---quinary: rgba(0, 0, 0, 0.019999999552965164); 839 | --light---shell---stroke--color---illustration--on--acrylic--strong---primary: rgba(0, 0, 0, 0.4399999976158142); 840 | --light---shell---background---fill--color---card--background--on--thin--acrylic---default: rgba(246, 246, 246, 0.8999999761581421); 841 | --light---shell---background---fill--color---card--background--on--thin--acrylic-----secondary: rgba(249, 249, 249, 1); 842 | --light---shell---background---fill--color---layer--on--thin--acrylic---default: rgba(255, 255, 255, 0.25); 843 | --light---shell---background---fill--color---acrylic---thin--acrylic: rgba(211, 211, 211, 0.4399999976158142); 844 | --dark---fill--color---text---primary: rgba(255, 255, 255, 1); 845 | --dark---fill--color---text---secondary: rgba(255, 255, 255, 0.7860000133514404); 846 | --dark---fill--color---text---tertiary: rgba(255, 255, 255, 0.5442000031471252); 847 | --dark---fill--color---text---disabled: rgba(255, 255, 255, 0.3628000020980835); 848 | --dark---fill--color---accent--text---primary: rgba(153, 235, 255, 1); 849 | --dark---fill--color---accent--text---secondary: rgba(153, 235, 255, 1); 850 | --dark---fill--color---accent--text---tertiary: rgba(96, 205, 255, 1); 851 | --dark---fill--color---accent--text---disabled: rgba(255, 255, 255, 0.3628000020980835); 852 | --dark---fill--color---text--on--accent---primary: rgba(0, 0, 0, 1); 853 | --dark---fill--color---text--on--accent---secondary: rgba(0, 0, 0, 0.5); 854 | --dark---fill--color---text--on--accent---disabled: rgba(255, 255, 255, 0.5302000045776367); 855 | --dark---fill--color---text--on--accent---selected--text: rgba(255, 255, 255, 1); 856 | --dark---fill--color---control---transparent: rgba(255, 255, 255, 0); 857 | --dark---fill--color---control---default: rgba(255, 255, 255, 0.060499999672174454); 858 | --dark---fill--color---control---secondary: rgba(255, 255, 255, 0.08370000123977661); 859 | --dark---fill--color---control---tertiary: rgba(255, 255, 255, 0.032600000500679016); 860 | --dark---fill--color---control---quarternary: rgba(255, 255, 255, 0.060499999672174454); 861 | --dark---fill--color---control---disabled: rgba(255, 255, 255, 0.04190000146627426); 862 | --dark---fill--color---control---input--active: rgba(30, 30, 30, 0.699999988079071); 863 | --dark---fill--color---control--strong---default: rgba(255, 255, 255, 0.5442000031471252); 864 | --dark---fill--color---control--strong---disabled: rgba(255, 255, 255, 0.24650000035762787); 865 | --dark---fill--color---control--alt---transparent: rgba(255, 255, 255, 0); 866 | --dark---fill--color---control--alt---secondary: rgba(0, 0, 0, 0.10000000149011612); 867 | --dark---fill--color---control--alt---tertiary: rgba(255, 255, 255, 0.04190000146627426); 868 | --dark---fill--color---control--alt---quarternary: rgba(255, 255, 255, 0.0697999969124794); 869 | --dark---fill--color---control--alt---disabled: rgba(255, 255, 255, 0); 870 | --dark---fill--color---subtle---transparent: rgba(255, 255, 255, 0); 871 | --dark---fill--color---subtle---secondary: rgba(255, 255, 255, 0.060499999672174454); 872 | --dark---fill--color---subtle---tertiary: rgba(255, 255, 255, 0.04190000146627426); 873 | --dark---fill--color---subtle---disabled: rgba(255, 255, 255, 0); 874 | --dark---fill--color---accent---default: rgba(96, 205, 255, 1); 875 | --dark---fill--color---accent---secondary: rgba(96, 205, 255, 0.8999999761581421); 876 | --dark---fill--color---accent---tertiary: rgba(96, 205, 255, 0.800000011920929); 877 | --dark---fill--color---accent---disabled: rgba(255, 255, 255, 0.15809999406337738); 878 | --dark---fill--color---accent---selected--text--background: rgba(0, 120, 212, 1); 879 | --dark---fill--color---control--solid---default: rgba(69, 69, 69, 1); 880 | --dark---fill--color---system---critical: rgba(255, 153, 164, 1); 881 | --dark---fill--color---system---success: rgba(108, 203, 95, 1); 882 | --dark---fill--color---system---attention: rgba(96, 205, 255, 1); 883 | --dark---fill--color---system---caution: rgba(252, 225, 0, 1); 884 | --dark---fill--color---system---attention--background: rgba(255, 255, 255, 0.032600000500679016); 885 | --dark---fill--color---system---success--background: rgba(57, 61, 27, 1); 886 | --dark---fill--color---system---caution--background: rgba(67, 53, 25, 1); 887 | --dark---fill--color---system---critical--background: rgba(68, 39, 38, 1); 888 | --dark---fill--color---system---neutral: rgba(255, 255, 255, 0.5442000031471252); 889 | --dark---fill--color---system---neutral--background: rgba(255, 255, 255, 0.032600000500679016); 890 | --dark-----fill--color-----system-----solid--attention--background: rgba(46, 46, 46, 1); 891 | --dark-----fill--color-----system-----solid--neutral: rgba(157, 157, 157, 1); 892 | --dark-----fill--color-----system-----solid--neutral--background: rgba(46, 46, 46, 1); 893 | --dark---fill--color---control--on--image---default: rgba(28, 28, 28, 0.699999988079071); 894 | --dark---fill--color---control--on--image---secondary: rgba(26, 26, 26, 1); 895 | --dark---fill--color---control--on--image---tertiary: rgba(19, 19, 19, 1); 896 | --dark---fill--color---control--on--image---disabled: rgba(30, 30, 30, 0); 897 | --dark---stroke--color---control--stroke---default: rgba(255, 255, 255, 0.0697999969124794); 898 | --dark---stroke--color---control--stroke---on--accent--default: rgba(255, 255, 255, 0.07999999821186066); 899 | --dark---stroke--color---control--stroke---secondary: rgba(255, 255, 255, 0.09300000220537186); 900 | --dark---stroke--color---control--stroke---on--accent--secondary: rgba(0, 0, 0, 0.14000000059604645); 901 | --dark---stroke--color---control--stroke---on--accent--tertiary: rgba(0, 0, 0, 0.21690000593662262); 902 | --dark---stroke--color---control--stroke---on--accent--disabled: rgba(0, 0, 0, 0.20000000298023224); 903 | --dark---stroke--color---control--stroke---for--strong--fill--when--on--image: rgba(0, 0, 0, 0.41999998688697815); 904 | --dark---stroke--color---control--strong--stroke---default: rgba(255, 255, 255, 0.6047000288963318); 905 | --dark---stroke--color---control--strong--stroke---disabled: rgba(255, 255, 255, 0.15809999406337738); 906 | --dark---stroke--color---divider--stroke---default: rgba(255, 255, 255, 0.08370000123977661); 907 | --dark---stroke--color---surface--stroke---default: rgba(117, 117, 117, 0.4000000059604645); 908 | --dark---stroke--color---surface--stroke---flyout: rgba(0, 0, 0, 0.20000000298023224); 909 | --dark---stroke--color---card--stroke---default: rgba(0, 0, 0, 0.10000000149011612); 910 | --dark---stroke--color---card--stroke---default--solid: rgba(28, 28, 28, 1); 911 | --dark---stroke--color---focus--stroke---outer: rgba(255, 255, 255, 1); 912 | --dark---stroke--color---focus--stroke---inner: rgba(0, 0, 0, 0.699999988079071); 913 | --dark---background---fill--color---card--background---default: rgba(255, 255, 255, 0.05119999870657921); 914 | --dark---background---fill--color---card--background---secondary: rgba(255, 255, 255, 0.032600000500679016); 915 | --dark---background---fill--color---card--background---tertiary: rgba(255, 255, 255, 0.0697999969124794); 916 | --dark---background---fill--color---smoke---default: rgba(0, 0, 0, 0.30000001192092896); 917 | --dark---background---fill--color---layer---default: rgba(58, 58, 58, 0.30000001192092896); 918 | --dark---background---fill--color---layer---alt: rgba(255, 255, 255, 0.05380000174045563); 919 | --dark---background---fill--color---layer--on--acrylic---default: rgba(255, 255, 255, 0.03590000048279762); 920 | --dark---background---fill--color---layer-on--accent--acrylic---default: rgba(255, 255, 255, 0.03590000048279762); 921 | --dark---background---fill--color---acrylic--background---default: rgba(44, 44, 44, 0.9599999785423279); 922 | --dark---background---fill--color---acrylic--background---base: rgba(32, 32, 32, 0.9599999785423279); 923 | --dark---background---fill--color---accent--acrylic--background---base: rgba(0, 63, 146, 0.800000011920929); 924 | --dark---background---fill--color---accent--acrylic--background---default: rgba(0, 120, 212, 0.800000011920929); 925 | --dark---background---fill--color---layer--on--mica--base--alt---default: rgba(58, 58, 58, 0.44999998807907104); 926 | --dark---background---fill--color---layer--on--mica--base--alt---transparent: rgba(0, 0, 0, 0); 927 | --dark---background---fill--color---layer--on--mica--base--alt---secondary: rgba(255, 255, 255, 0.060499999672174454); 928 | --dark---background---fill--color---layer--on--mica--base--alt---tertiary: rgba(44, 44, 44, 1); 929 | --dark---background---fill--color---mica--background---base: rgba(32, 32, 32, 1); 930 | --dark---background---fill--color---mica--background---base--alt: rgba(10, 10, 10, 1); 931 | --dark---background---fill--color---solid--background---base: rgba(32, 32, 32, 1); 932 | --dark---background---fill--color---solid--background---base--alt: rgba(10, 10, 10, 1); 933 | --dark---background---fill--color---solid--background---secondary: rgba(28, 28, 28, 1); 934 | --dark---background---fill--color---solid--background---tertiary: rgba(40, 40, 40, 1); 935 | --dark---background---fill--color---solid--background---quarternary: rgba(44, 44, 44, 1); 936 | --dark---background---fill--color---solid--background---quinary: rgba(51, 51, 51, 1); 937 | --dark---background---fill--color---solid--background---senary: rgba(55, 55, 55, 1); 938 | --dark---shell---fill--color---caption--close--text---primary: rgba(255, 255, 255, 1); 939 | --dark---shell---fill--color---caption--close--text---secondary: rgba(255, 255, 255, 0.699999988079071); 940 | --dark---shell---fill--color---caption--control--close--fill---primary: rgba(196, 43, 28, 1); 941 | --dark---shell---fill--color---caption--control--close--fill---secondary: rgba(196, 43, 28, 0.8999999761581421); 942 | --dark---shell---fill--color---keyboard--button--alt---default: rgba(255, 255, 255, 0.0851999968290329); 943 | --dark---shell---fill--color---keyboard--button--alt---secondary: rgba(255, 255, 255, 0.12559999525547028); 944 | --dark---shell---fill--color---keyboard--button--alt---tertiary: rgba(255, 255, 255, 0.06729999929666519); 945 | --dark---shell---fill--color---keyboard--button--alt---disabled: rgba(255, 255, 255, 0.03590000048279762); 946 | --dark---shell---fill--color---keyboard--button---default: rgba(255, 255, 255, 0.12559999525547028); 947 | --dark---shell---fill--color---keyboard--button---secondary: rgba(255, 255, 255, 0.0851999968290329); 948 | --dark---shell---fill--color---keyboard--button---tertiary: rgba(255, 255, 255, 0.06729999929666519); 949 | --dark---shell---fill--color---keyboard--button---disabled: rgba(255, 255, 255, 0.03590000048279762); 950 | --dark---shell---fill--color---taskbar--item--fill---primary: rgba(255, 255, 255, 0.08370000123977661); 951 | --dark---shell---fill--color---taskbar--item--fill---secondary: rgba(255, 255, 255, 0.060499999672174454); 952 | --dark---shell---fill--color---taskbar--item--fill---tertiary: rgba(255, 255, 255, 0.04190000146627426); 953 | --dark---shell---fill--color---taskbar--item--fill---transparent: rgba(255, 255, 255, 0); 954 | --dark---shell---fill--color---taskbar--item--indicator-----running: rgba(255, 255, 255, 0.38999998569488525); 955 | --dark---shell---fill--color---subtle--item--fill---transparent: rgba(255, 255, 255, 0); 956 | --dark---shell---fill--color---subtle--item--fill---secondary: rgba(255, 255, 255, 0.060499999672174454); 957 | --dark---shell---fill--color---subtle--item--fill---tertiary: rgba(255, 255, 255, 0.04190000146627426); 958 | --dark---shell---fill--color---shimmer--fill---primary: rgba(255, 255, 255, 0.060499999672174454); 959 | --dark---shell---fill--color---shimmer--fill---secondary: rgba(255, 255, 255, 0.032600000500679016); 960 | --dark---shell---fill--color---illustration--on--acrylic---primary: rgba(255, 255, 255, 0.1599999964237213); 961 | --dark---shell---stroke--color---keyboard--button---primary: rgba(0, 0, 0, 0.15000000596046448); 962 | --dark---shell---stroke--color---keyboard--button---secondary: rgba(0, 0, 0, 0.30000001192092896); 963 | --dark---shell---stroke--color---taskbar--item--stroke---primary: rgba(255, 255, 255, 0.12559999525547028); 964 | --dark---shell---stroke--color---taskbar--item--stroke---secondary: rgba(255, 255, 255, 0.1023000031709671); 965 | --dark---shell---stroke--color---taskbar--item--stroke---tertiary: rgba(255, 255, 255, 0.08370000123977661); 966 | --dark---shell---stroke--color---taskbar--item--stroke---quarternary: rgba(255, 255, 255, 0.060499999672174454); 967 | --dark---shell---stroke--color---taskbar--item--stroke---quinary: rgba(255, 255, 255, 0.04190000146627426); 968 | --dark---shell---stroke--color---illustration--on--acrylic--strong---primary: rgba(255, 255, 255, 0.41999998688697815); 969 | --dark---shell---background---fill--color---card--background--on--thin--acrylic---default: rgba(0, 0, 0, 0.6499999761581421); 970 | --dark---shell---background---fill--color---card--background--on--thin--acrylic---secondary: rgba(0, 0, 0, 0.5249999761581421); 971 | --dark---shell---background---fill--color---layer--on--thin--acrylic---default: rgba(0, 0, 0, 0.20000000298023224); 972 | --dark---shell---background---fill--color---acrylic---thin--acrylic: rgba(84, 84, 84, 0.6399999856948853); 973 | --contrast---aquatic---window--text: rgba(255, 255, 255, 1); 974 | --contrast---aquatic---window: rgba(32, 32, 32, 1); 975 | --contrast---aquatic---highlight--text: rgba(38, 59, 80, 1); 976 | --contrast---aquatic---highlight: rgba(142, 227, 240, 1); 977 | --contrast---aquatic---button--text: rgba(255, 255, 255, 1); 978 | --contrast---aquatic---button: rgba(32, 32, 32, 1); 979 | --contrast---aquatic---hotlight: rgba(117, 233, 252, 1); 980 | --contrast---aquatic---gray--text: rgba(166, 166, 166, 1); 981 | --contrast---desert---window--text: rgba(61, 61, 61, 1); 982 | --contrast---desert---w-indow: rgba(255, 250, 239, 1); 983 | --contrast---desert---highlight--text: rgba(255, 245, 227, 1); 984 | --contrast---desert---highlight: rgba(144, 57, 9, 1); 985 | --contrast---desert---button--text: rgba(32, 32, 32, 1); 986 | --contrast---desert---button: rgba(255, 250, 239, 1); 987 | --contrast---desert---hotlight: rgba(28, 94, 117, 1); 988 | --contrast---desert---gray--text: rgba(103, 103, 103, 1); 989 | --contrast---dusk---window--text: rgba(255, 255, 255, 1); 990 | --contrast---dusk---window: rgba(45, 50, 54, 1); 991 | --contrast---dusk---highlight--text: rgba(33, 45, 59, 1); 992 | --contrast---dusk---highlight: rgba(171, 207, 242, 1); 993 | --contrast---dusk---button--text: rgba(182, 246, 240, 1); 994 | --contrast---dusk---button: rgba(45, 50, 54, 1); 995 | --contrast---dusk---hotlight: rgba(112, 235, 222, 1); 996 | --contrast---dusk---gray--text: rgba(166, 166, 166, 1); 997 | --contrast---night--sky---window--text: rgba(255, 255, 255, 1); 998 | --contrast---night--sky---window: rgba(0, 0, 0, 1); 999 | --contrast---night--sky---highlight--text: rgba(43, 43, 43, 1); 1000 | --contrast---night--sky---highlight: rgba(214, 180, 253, 1); 1001 | --contrast---night--sky---button--text: rgba(255, 238, 50, 1); 1002 | --contrast---night--sky---button: rgba(0, 0, 0, 1); 1003 | --contrast---night--sky---hotlight: rgba(128, 128, 255, 1); 1004 | --contrast---night--sky---gray--text: rgba(166, 166, 166, 1); 1005 | } 1006 | /*Reddit's dark styles*/ 1007 | 1008 | /*Reddit's styles*/ 1009 | :root { 1010 | --newCommunityTheme-actionIcon: var(--dark---fill--color---text---primary); 1011 | --newCommunityTheme-body: var(--dark---background---fill--color---card--background---default); 1012 | --newCommunityTheme-bodyText: var(--dark---fill--color---text---primary); 1013 | --newCommunityTheme-button: var(--dark---fill--color---accent---default); 1014 | --newCommunityTheme-field: var(--dark---fill--color---control---default); 1015 | --newCommunityTheme-linkText: var(--dark---fill--color---accent--text---primary); 1016 | --newCommunityTheme-menuButtonBackground-active: var(--dark---fill--color---subtle---tertiary); 1017 | --newCommunityTheme-metaText: var(--dark---fill--color---text---secondary); 1018 | --newCommunityTheme-navIcon: var(--dark---fill--color---text---primary); 1019 | --newRedditTheme-navIconFaded10: rgba(0, 0, 0, 0.037) !important; 1020 | --newRedditTheme-active: var(--dark---fill--color---accent---default); 1021 | --newRedditTheme-banner-backgroundColor: var(--dark---fill--color---accent---default); 1022 | --newRedditTheme-banner-iconColor: var(--dark---fill--color---accent---default); 1023 | --newRedditTheme-bodyText: var(--dark---fill--color---text---primary); 1024 | --newRedditTheme-button: var(--dark---fill--color---accent---default); 1025 | --newRedditTheme-line: var(--dark---stroke--color---control--stroke---default); 1026 | --newRedditTheme-navBar-activeSubmenuCaret: var(--dark---fill--color---accent---default); 1027 | --newRedditTheme-navBar-activeSubmenuLink: var(--dark---fill--color---accent--text---primary); 1028 | --newRedditTheme-navBar-backgroundColor: var(--dark---fill--color---accent---default); 1029 | --newRedditTheme-navIcon: var(--dark---fill--color---text---primary); 1030 | --newRedditTheme-navIconFaded10: rgba(26,26,27,0.1); 1031 | --newRedditTheme-postLine: var(--dark---stroke--color---card--stroke---default); 1032 | --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--dark---background---fill--color---card--background---default); 1033 | --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--dark---stroke--color---card--stroke---default); 1034 | --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--dark---fill--color---text---primary); 1035 | --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--dark---fill--color---text---secondary); 1036 | } 1037 | ._2DJXORCrmcNpPTSq0LqL6i { 1038 | background-color: var(--dark---background---fill--color---smoke---default); 1039 | bottom: 0; 1040 | height: 100%; 1041 | left: 0; 1042 | position: fixed; 1043 | right: 0; 1044 | width: 100%; 1045 | z-index: 50; 1046 | } 1047 | ._1G4yU68P50vRZ4USXfaceV { 1048 | background-color: var(--dark---background---fill--color---card--background---default); 1049 | color: var(--dark---fill--color---text---primary); 1050 | fill: var(--dark---fill--color---text---primary); 1051 | border: none; 1052 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); 1053 | border-radius: 4px; 1054 | overflow: visible; 1055 | word-wrap: break-word; 1056 | } 1057 | ._3Im6OD67aKo33nql4FpSp_ { 1058 | border: none; 1059 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); 1060 | } 1061 | ._2jJNpBqXMbbyOiGCElTYxZ { 1062 | background-color: var(--dark---background---fill--color---card--background---default); 1063 | border-radius: 7px; 1064 | border: none; 1065 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); 1066 | } 1067 | ._3-miAEojrCvx_4FQ8x3P-s .YszYBnnIoNY8pZ6UwCivd:focus, ._3-miAEojrCvx_4FQ8x3P-s .YszYBnnIoNY8pZ6UwCivd:hover { 1068 | background-color: var(--dark---fill--color---subtle---secondary); 1069 | transition: 0.083s; 1070 | } 1071 | .kU8ebCMnbXfjCWfqn0WPb:focus, .kU8ebCMnbXfjCWfqn0WPb:hover { 1072 | background-color: var(--dark---fill--color---subtle---secondary); 1073 | outline: none; 1074 | transition: 0.083s; 1075 | } 1076 | ._1x6pySZ2CoUnAfsFhGe7J1:focus, ._1x6pySZ2CoUnAfsFhGe7J1:hover { 1077 | background-color: var(--dark---fill--color---subtle---secondary); 1078 | outline: none; 1079 | transition: 0.083s; 1080 | } 1081 | ._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:focus, ._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:hover { 1082 | background-color: var(--dark---fill--color---subtle---secondary); 1083 | outline: none; 1084 | transition: 0.083s; 1085 | } 1086 | .PH-V9ggsF2mi5JTDmDqdR:focus, .PH-V9ggsF2mi5JTDmDqdR:hover { 1087 | background-color: var(--dark---fill--color---subtle---secondary); 1088 | outline: none; 1089 | transition: 0.083s; 1090 | } 1091 | .h-jI8r2f9ozTNqu_2TBeY { 1092 | background-color: var(--dark---fill--color---control---default); 1093 | } 1094 | /*front page, r/all, r/popular*/ 1095 | /*Background1*/ 1096 | ._31N0dvxfpsO6Ur5AKx4O5d, 1097 | ._3ozFtOe6WpJEMUtxDOIvtU, 1098 | ._1gVVmSnHZpkUgVShsn7-ua { 1099 | background: url(https://raw.githubusercontent.com/tobyisawesome/fluentreddit/main/RedditDark.png); 1100 | background-attachment:fixed; 1101 | } 1102 | ._1poyrkZ7g36PawDueRza-J { 1103 | background: transparent !important; 1104 | position: relative; 1105 | } 1106 | ._1RYN-7H8gYctjOQeL8p2Q7 { 1107 | border:none; 1108 | box-shadow: 0 0 0 1px rgba(0,0,0,.05); 1109 | background: var(--dark---background---fill--color---card--background---default) 1110 | } 1111 | /* 1112 | ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp { 1113 | backdrop-filter: blur(30px); 1114 | } 1115 | */ 1116 | ._1DeR7_QiQnu2UK0e2dDfYD ._1K7ubH9z5v9E6C19j2fjQU { 1117 | background-color: transparent; 1118 | } 1119 | ._1DeR7_QiQnu2UK0e2dDfYD { 1120 | background-color: var(--dark---fill--color---control---default) !important; 1121 | } 1122 | ._1DeR7_QiQnu2UK0e2dDfYD:focus-within ._1K7ubH9z5v9E6C19j2fjQU, ._1DeR7_QiQnu2UK0e2dDfYD:hover{ 1123 | background-color: transparent; 1124 | } 1125 | ._2lHXa-mLMsRfm1Q5JxgU4r, .REwsaLIz5u3DhM7zbbzIU, .bE7JgM2ex7W3aF3zci5bm, .FeLWdhOO-cVXowAo3Rndk, ._3Qkp11fjcAw9I9wtLo8frE { 1126 | background-color: var(--dark---background---fill--color---card--background---default); 1127 | border: transparent; 1128 | box-shadow: 0 0 0 1px rgba(0,0,0,.05); 1129 | } 1130 | .lnK0-OzG7nLFydTWuXGcY { 1131 | letter-spacing: normal; 1132 | } 1133 | ._10BQ7pjWbeYP63SAPNS8Ts { 1134 | position: relative; 1135 | background-color: var(--newCommunityTheme-button); 1136 | border: none; 1137 | color: var(--dark---fill--color---text--on--accent---primary); 1138 | fill: var(--dark---fill--color---text--on--accent---primary); 1139 | } 1140 | .NiNJXib52w4C8FUidB5af { 1141 | border-radius: 4px !important; 1142 | margin-top: 2px; 1143 | margin-bottom: 2px; 1144 | } 1145 | ._3fbofimxVp_hpVM6I1TGMS, ._1pjbWqnK8P0fDmz8PgLxXY { 1146 | border-radius: 4px !important; 1147 | margin-top: 2px; 1148 | margin-bottom: 2px; 1149 | } 1150 | /* Define a slide-in animation */ 1151 | @keyframes slide-in { 1152 | from { 1153 | /* Start from the right edge of the screen */ 1154 | transform: translateX(100%); 1155 | } 1156 | to { 1157 | /* End at the original position */ 1158 | transform: translateX(0); 1159 | } 1160 | } 1161 | 1162 | /* Apply the animation to the element */ 1163 | ._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp { 1164 | /* Add the animation name, duration and easing */ 1165 | animation-name: slide-in; 1166 | animation-duration: 0.3s; 1167 | animation-timing-function: cubic-bezier(0,0,0,1); 1168 | } 1169 | 1170 | ._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp { 1171 | border-radius: 8px; 1172 | border: none; 1173 | -ms-flex-pack: end; 1174 | justify-content: flex-end; 1175 | margin-top: 4px; 1176 | padding-right: 4px; 1177 | padding-left: 4px; 1178 | padding-bottom: 8px; 1179 | padding-top: 8px; 1180 | width: 252px; 1181 | box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.37), 0px 32px 64px 0px rgba(0, 0, 0, 0.37), 0px 0px 0px 1px rgba(0, 0, 0, 0.2); 1182 | backdrop-filter: blur(30px); 1183 | background: var(--dark---shell---background---fill--color---acrylic---thin--acrylic, url(https://raw.githubusercontent.com/tobyisawesome/fluentreddit/main/Noise256.png), lightgray 0% 0% / 100px 100px repeat, linear-gradient(0deg, rgba(84, 84, 84, 0.00) 0%, rgba(84, 84, 84, 0.00) 100%), rgba(84, 84, 84, 0.64)); 1184 | background-blend-mode: normal, color, luminosity; 1185 | } 1186 | ._3z4bYCMDgBrJ-Be0By6hNr { 1187 | color: var(--dark---fill--color---text---secondary) !important; 1188 | } 1189 | ._2XCnMY85ivEZUL6cAgK0nV { 1190 | box-sizing: border-box; 1191 | color: var(--dark---fill--color---text---secondary) !important; 1192 | } 1193 | ._3LwUIE7yX7CZQKmD2L87vf { 1194 | border: none !important; 1195 | margin-top: 2px; 1196 | margin-bottom: 2px; 1197 | } 1198 | ._2uYY-KeuYHKiwl-9aF0UiL { 1199 | border: none; 1200 | border-radius: 8px; 1201 | background: var(--dark---shell---background---fill--color---acrylic---thin--acrylic, url(https://raw.githubusercontent.com/tobyisawesome/fluentreddit/main/Noise256.png), lightgray 0% 0% / 100px 100px repeat, linear-gradient(0deg, rgba(84, 84, 84, 0.00) 0%, rgba(84, 84, 84, 0.00) 100%), rgba(84, 84, 84, 0.64)); 1202 | background-blend-mode: normal, color, luminosity; 1203 | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 1px rgba(0, 0, 0, 0.2); 1204 | color: var(--newCommunityTheme-bodyText); 1205 | overflow: hidden; 1206 | backdrop-filter: blur(30px); 1207 | position: absolute; 1208 | z-index: 10; 1209 | padding-top: 2px; 1210 | padding-bottom: 2px; 1211 | padding-left: 4px; 1212 | padding-right: 4px; 1213 | } 1214 | ._3LwUIE7yX7CZQKmD2L87vf { 1215 | font-size: 14px; 1216 | font-weight: 500; 1217 | line-height: 18px; 1218 | display: block; 1219 | padding: 8px; 1220 | text-transform: capitalize; 1221 | white-space: nowrap; 1222 | color: var(--dark---fill--color---text---primary); 1223 | fill: var(--dark---fill--color---text---primary); 1224 | } 1225 | ._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:active, ._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:focus, ._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:hover { 1226 | color: var(--newRedditTheme-bodyText); 1227 | fill: var(--newRedditTheme-bodyText); 1228 | background-color: var(--dark---fill--color---subtle---secondary); 1229 | transition: 0.083s; 1230 | outline: none; 1231 | } 1232 | ._3fbofimxVp_hpVM6I1TGMS:hover { 1233 | background: var(--dark---fill--color---subtle---secondary); 1234 | transition: 0.083s; 1235 | } 1236 | .nBh6t8H3UNZpI1Ce9s6yQ:hover { 1237 | background: var(--dark---fill--color---subtle---secondary); 1238 | transition: 0.083s; 1239 | } 1240 | .NiNJXib52w4C8FUidB5af:hover { 1241 | background: var(--dark---fill--color---subtle---secondary); 1242 | transition: 0.083s; 1243 | } 1244 | .NiNJXib52w4C8FUidB5af:focus { 1245 | background: var(--dark---fill--color---subtle---tertiary); 1246 | } 1247 | ._3fbofimxVp_hpVM6I1TGMS:focus { 1248 | background: var(--dark---fill--color---subtle---tertiary); 1249 | } 1250 | ._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp { 1251 | border-radius: 8px; 1252 | border: none; 1253 | -ms-flex-pack: end; 1254 | justify-content: flex-end; 1255 | margin-top: 4px; 1256 | padding-right: 4px; 1257 | padding-left: 4px; 1258 | padding-bottom: 8px; 1259 | padding-top: 8px; 1260 | width: 252px; 1261 | box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1262 | backdrop-filter: blur(30px); 1263 | } 1264 | @keyframes fadeIn { 1265 | from { 1266 | opacity: 0; 1267 | } 1268 | to { 1269 | opacity: 1; 1270 | } 1271 | } 1272 | 1273 | @keyframes fadeOut { 1274 | from { 1275 | opacity: 1; 1276 | } 1277 | to { 1278 | opacity: 0; 1279 | } 1280 | } 1281 | 1282 | .fade-in { 1283 | animation: fadeIn linear 83ms; 1284 | } 1285 | 1286 | .fade-out { 1287 | animation: fadeOut linear 83ms; 1288 | } 1289 | 1290 | ._2uYY-KeuYHKiwl-9aF0UiL { 1291 | animation-name: fadeIn; 1292 | animation-duration: 83ms; 1293 | animation-timing-function: cubic-bezier(0,0,0,1); 1294 | } 1295 | ._1j2O3iNM1HoiXK7B2dmp7b { 1296 | background-color: transparent; 1297 | } 1298 | ._3uIlo4RbXf8gjMYw0yP_Jj { 1299 | letter-spacing: normal; 1300 | } 1301 | ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp { 1302 | background-color: var(--dark---background---fill--color---solid--background---base) !important; 1303 | border-bottom: none; 1304 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); 1305 | } 1306 | a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP { 1307 | background: transparent !important; 1308 | transition: 0.083s; 1309 | } 1310 | a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP:hover { 1311 | background: var(--dark---fill--color---subtle---secondary) !important; 1312 | transition: 0.083s; 1313 | } 1314 | a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP:focus { 1315 | background: var(--dark---fill--color---subtle---tertiary) !important; 1316 | transition: 0.083s; 1317 | } 1318 | ._2lHXa-mLMsRfm1Q5JxgU4r:hover, ._3Qkp11fjcAw9I9wtLo8frE:hover { 1319 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0,0,0,.1); 1320 | border: none; 1321 | } 1322 | ._2lHXa-mLMsRfm1Q5JxgU4r:hover, .REwsaLIz5u3DhM7zbbzIU:hover, .bE7JgM2ex7W3aF3zci5bm:hover, .FeLWdhOO-cVXowAo3Rndk:hover, ._3Qkp11fjcAw9I9wtLo8frE:hover { 1323 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0,0,0,.1); 1324 | border: none; 1325 | } 1326 | .wBtTDilkW_rtT2k5x3eie { 1327 | background-color: var(--newCommunityTheme-body); 1328 | border: none; 1329 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); 1330 | } 1331 | ._3SDj_IT6ZaqCbKfC4eTjb2 { 1332 | border-bottom: 1px solid var(--dark---stroke--color---divider--stroke---default); 1333 | } 1334 | .Rz5N3cHNgTGZsIQJqBfgk { 1335 | color: var(--dark---fill--color---text---secondary); 1336 | } 1337 | ._2pXW42IYsGP59qZnjAnkAx { 1338 | color: var(--dark---fill--color---text---secondary); 1339 | } 1340 | .ssgs3QQidkqeycI33hlBa { 1341 | color: var(--dark---fill--color---text---primary) !important; 1342 | } 1343 | .nBh6t8H3UNZpI1Ce9s6yQ { 1344 | color: var(--dark---fill--color---text---primary) !important; 1345 | } 1346 | .NiNJXib52w4C8FUidB5af { 1347 | color: var(--dark---fill--color---text---primary) !important; 1348 | } 1349 | .GCltVwsXPu5lE-gs4Nucu { 1350 | color: var(--dark---fill--color---text---primary) !important; 1351 | } 1352 | ._3zu1R6cDitNjrJaFA1VPXj { 1353 | color: var(--dark---fill--color---text---primary) !important; 1354 | } 1355 | ._1L0pdcPf58t25Jy6ljHIKR { 1356 | color: var(--dark---fill--color---text---primary); 1357 | } 1358 | ._2SdHzo12ISmrC8H86TgSCp { 1359 | color: var(--dark---fill--color---text---primary); 1360 | } 1361 | ._2uR1aBUWmKIo8Fcg-D7bPi { 1362 | color: var(--dark---fill--color---text---primary); 1363 | } 1364 | .icon._2rOixIHGmpfZB93ihJsw3V { 1365 | color: var(--dark---fill--color---text--on--accent---primary); 1366 | } 1367 | ._1KrMye71CT332tKKKUWAj6:not(:last-of-type) { 1368 | border-bottom: 1px solid rgba(255, 255, 255, 0.08370000123977661); 1369 | } 1370 | ._3fWuhJ6bVet7XJT5A0mZM2:not(:last-child) { 1371 | border-bottom: 1px solid rgba(255, 255, 255, 0.08370000123977661); 1372 | } 1373 | } 1374 | -------------------------------------------------------------------------------- /fluentredditlight.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Fluent Reddit Light 3 | @namespace github.com/openstyles/stylus 4 | @version 1.0.4 5 | @description Fluent Reddit skin 6 | @author Me 7 | ==/UserStyle== */ 8 | 9 | @-moz-document url-prefix("https://www.reddit.com/") { 10 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 11 | font-family: Segoe UI Variable Text !important; 12 | text-transform: initial !important; 13 | } 14 | body { 15 | font-size: 14px !important; 16 | font-family: Segoe UI Variable Text !important; 17 | font-style: normal !important; 18 | font-weight: 400 !important; 19 | line-height: 20px !important; 20 | } 21 | h1 { 22 | font-size: 28px !important; 23 | font-family: Segoe UI Variable Display !important; 24 | font-style: normal !important; 25 | font-weight: 600 !important; 26 | line-height: 36px !important; 27 | } 28 | h2 { 29 | font-size: 20px !important; 30 | font-family: Segoe UI Variable Display !important; 31 | font-style: normal !important; 32 | font-weight: 600 !important; 33 | line-height: 28px !important; 34 | } 35 | h3 { 36 | font-size: 14px !important; 37 | font-family: Segoe UI Variable Text !important; 38 | font-style: normal !important; 39 | font-weight: 600 !important; 40 | line-height: 20px !important; 41 | } 42 | h4 { 43 | font-size: 14px !important; 44 | font-family: Segoe UI Variable Text !important; 45 | font-style: normal !important; 46 | font-weight: 400 !important; 47 | line-height: 20px !important; 48 | } 49 | p { 50 | font-size: 12px !important; 51 | font-family: Segoe UI Variable Small !important; 52 | font-style: normal !important; 53 | font-weight: 400 !important; 54 | line-height: 16px !important; 55 | } 56 | .icon:before { 57 | -webkit-font-smoothing: antialiased; 58 | -moz-osx-font-smoothing: grayscale; 59 | font-family: FluentSystemIcons-Regular; 60 | } 61 | .icon-upvote:before { 62 | content: ""; 63 | text-align: center; 64 | } 65 | .icon-downvote:before { 66 | content: ""; 67 | text-align: center; 68 | } 69 | .icon-upvote_fill:before { 70 | content: ""; 71 | font-family: FluentSystemIcons-filled; 72 | text-align: center; 73 | } 74 | .icon-downvote_fill:before { 75 | content: ""; 76 | font-family: FluentSystemIcons-filled; 77 | text-align: center; 78 | } 79 | .icon-comment:before { 80 | content: "\E3D4"; 81 | } 82 | .icon-award:before { 83 | content: "\F672"; 84 | } 85 | .icon-share:before { 86 | content: "\EAA7"; 87 | } 88 | .icon-save:before { 89 | content: "\E191"; 90 | } 91 | .icon-image_post:before { 92 | content: "\E719"; 93 | } 94 | .icon-link_post:before { 95 | content: "\E771"; 96 | } 97 | .icon-overflow_horizontal:before { 98 | content: ""; 99 | } 100 | .icon-search:before { 101 | content: ""; 102 | } 103 | .icon-best:before { 104 | content: ""; 105 | } 106 | .icon-best_fill:before { 107 | content: ""; 108 | font-family: FluentSystemIcons-filled; 109 | } 110 | .icon-hot:before { 111 | content: ""; 112 | } 113 | .icon-hot_fill:before { 114 | content: ""; 115 | font-family: FluentSystemIcons-filled; 116 | } 117 | .icon-new:before { 118 | content: ""; 119 | } 120 | .icon-new_fill:before { 121 | content: ""; 122 | font-family: FluentSystemIcons-filled; 123 | } 124 | .icon-top:before { 125 | content: ""; 126 | } 127 | .icon-top_fill:before { 128 | content: ""; 129 | font-family: FluentSystemIcons-filled; 130 | } 131 | .icon-caret_down:before { 132 | content: ""; 133 | } 134 | .icon-rising:before { 135 | content: ""; 136 | } 137 | .icon-rising_fill:before { 138 | content: ""; 139 | font-family: FluentSystemIcons-filled; 140 | } 141 | .icon-home_fill:before { 142 | content: ""; 143 | font-family: FluentSystemIcons-filled; 144 | } 145 | .icon-popular:before { 146 | content: ""; 147 | } 148 | .icon-popular_fill:before { 149 | content: ""; 150 | font-family: FluentSystemIcons-filled; 151 | } 152 | .icon-view_compact:before { 153 | content: ""; 154 | } 155 | .icon-view_compact_fill:before { 156 | content: "󰁣"; 157 | font-family: FluentSystemIcons-filled; 158 | } 159 | .icon-view_classic:before { 160 | content: ""; 161 | } 162 | .icon-view_classic_fill:before { 163 | content: ""; 164 | font-family: FluentSystemIcons-filled; 165 | } 166 | .icon-view_card:before { 167 | content: ""; 168 | } 169 | .icon-view_card_fill:before { 170 | content: ""; 171 | font-family: FluentSystemIcons-filled; 172 | } 173 | .icon-coins:before { 174 | content: ""; 175 | } 176 | .icon-mod:before { 177 | content: ""; 178 | } 179 | .icon-mod_fill:before { 180 | content: ""; 181 | font-family: FluentSystemIcons-filled; 182 | } 183 | .icon-mod_queue:before { 184 | content: ""; 185 | } 186 | .icon-message:before { 187 | content: ""; 188 | } 189 | .icon-premium_fill:before { 190 | content: ""; 191 | font-family: FluentSystemIcons-filled; 192 | } 193 | .icon-premium:before { 194 | content: ""; 195 | } 196 | .icon-topic_activism:before { 197 | content: ""; 198 | } 199 | .icon-add:before { 200 | content: ""; 201 | } 202 | .icon-add_fill:before { 203 | content: ""; 204 | } 205 | .icon-notification:before { 206 | content: ""; 207 | } 208 | .icon-settings:before { 209 | content: ""; 210 | } 211 | .icon-mark_read:before { 212 | content: ""; 213 | } 214 | .icon-mod_mail:before { 215 | content: ""; 216 | } 217 | .icon-chat:before { 218 | content: ""; 219 | } 220 | .icon-star:before { 221 | content: ""; 222 | } 223 | .icon-star_fill:before { 224 | content: ""; 225 | font-family: FluentSystemIcons-filled; 226 | } 227 | .icon-side_menu:before { 228 | content: "󰆚"; 229 | } 230 | .icon-close:before { 231 | content: ""; 232 | } 233 | .icon-avatar_style:before { 234 | content: ""; 235 | } 236 | .icon-all:before { 237 | content: ""; 238 | } 239 | .icon-profile:before { 240 | content: ""; 241 | } 242 | .icon-views:before { 243 | content: ""; 244 | } 245 | .icon-community:before { 246 | content: ""; 247 | } 248 | .icon-discover:before { 249 | content: ""; 250 | } 251 | .icon-help:before { 252 | content: ""; 253 | } 254 | .icon-info:before { 255 | content: ""; 256 | } 257 | .icon-rules:before { 258 | content: ""; 259 | } 260 | .icon-tag:before { 261 | content: ""; 262 | } 263 | .icon-checkmark:before { 264 | content: ""; 265 | } 266 | .icon-logout:before { 267 | content: ""; 268 | } 269 | .icon-text_post:before { 270 | content: ""; 271 | } 272 | .icon-text_post_fill:before { 273 | content: ""; 274 | font-family: FluentSystemIcons-filled; 275 | } 276 | .icon-image_post_fill:before { 277 | content: ""; 278 | font-family: FluentSystemIcons-filled; 279 | } 280 | .icon-link_post:before { 281 | content: ""; 282 | } 283 | .icon-link_post_fill:before { 284 | content: ""; 285 | font-family: FluentSystemIcons-filled; 286 | } 287 | .icon-poll_post:before { 288 | content: ""; 289 | } 290 | .icon-poll_post_fill:before { 291 | content: ""; 292 | font-family: FluentSystemIcons-filled; 293 | } 294 | .icon-collection:before { 295 | content: ""; 296 | } 297 | .icon-scheduled:before { 298 | content: ""; 299 | } 300 | .icon-scheduled_fill:before { 301 | content: ""; 302 | font-family: FluentSystemIcons-filled; 303 | } 304 | .icon-edit:before { 305 | content: ""; 306 | } 307 | .icon-caret_up:before { 308 | content: ""; 309 | } 310 | .icon-clear:before { 311 | content: ""; 312 | } 313 | .icon-bold:before { 314 | content: ""; 315 | } 316 | .icon-bold_fill:before { 317 | content: "\f12d"; 318 | font-family: FluentSystemIcons-filled; 319 | } 320 | .icon-italic:before { 321 | content: ""; 322 | } 323 | .icon-strikethrough:before { 324 | content: ""; 325 | } 326 | .icon-code_inline:before { 327 | content: ""; 328 | } 329 | .icon-superscript:before { 330 | content: ""; 331 | } 332 | .icon-spoiler:before { 333 | content: ""; 334 | } 335 | .icon-text_size:before { 336 | content: ""; 337 | } 338 | .icon-list_bulleted:before { 339 | content: ""; 340 | } 341 | .icon-quote:before { 342 | content: ""; 343 | } 344 | .icon-code_block:before { 345 | content: ""; 346 | } 347 | .icon-table:before { 348 | content: ""; 349 | } 350 | .icon-list_numbered:before { 351 | content: ""; 352 | } 353 | .icon-list_numbered_fill:before { 354 | content: ""; 355 | font-family: FluentSystemIcons-filled; 356 | } 357 | .icon-video_post:before { 358 | content: ""; 359 | } 360 | .icon-italic_fill:before { 361 | content: "\f1d2"; 362 | font-family: FluentSystemIcons-filled; 363 | } 364 | .icon-strikethrough_fill:before { 365 | content: "\f29e"; 366 | font-family: FluentSystemIcons-filled; 367 | } 368 | .icon-code_inline_fill:before { 369 | content: "\f162"; 370 | font-family: FluentSystemIcons-filled; 371 | } 372 | .icon-superscript_fill:before { 373 | content: "\f2a2"; 374 | font-family: FluentSystemIcons-filled; 375 | } 376 | .icon-spoiler_fill:before { 377 | content: "\f294"; 378 | font-family: FluentSystemIcons-filled; 379 | } 380 | .icon-text_size_fill:before { 381 | content: "\f2b6"; 382 | font-family: FluentSystemIcons-filled; 383 | } 384 | .icon-list_bulleted_fill:before { 385 | content: "\f1e8"; 386 | font-family: FluentSystemIcons-filled; 387 | } 388 | .icon-quote_fill:before { 389 | content: "\f24d"; 390 | font-family: FluentSystemIcons-filled; 391 | } 392 | .icon-code_block_fill:before { 393 | content: "\f160"; 394 | font-family: FluentSystemIcons-filled; 395 | } 396 | .icon-table_fill:before { 397 | content: "\f2ae"; 398 | font-family: FluentSystemIcons-filled; 399 | } 400 | .icon-video_post_fill:before { 401 | content: "\f360"; 402 | font-family: FluentSystemIcons-filled; 403 | } 404 | .icon-expand:before { 405 | content: ""; 406 | } 407 | .icon-saved:before { 408 | content: ""; 409 | } 410 | .icon-hide:before { 411 | content: ""; 412 | } 413 | .icon-report:before { 414 | content: ""; 415 | } 416 | .icon-approve:before { 417 | content: ""; 418 | } 419 | .icon-remove:before { 420 | content: ""; 421 | } 422 | .icon-spam:before { 423 | content: ""; 424 | } 425 | .icon-statistics:before { 426 | content: ""; 427 | } 428 | .icon-promote_snoo:before { 429 | content: ""; 430 | } 431 | .icon-pin:before { 432 | content: ""; 433 | } 434 | .icon-pin_fill:before { 435 | content: ""; 436 | font-family: FluentSystemIcons-filled; 437 | } 438 | .icon-delete:before { 439 | content: ""; 440 | } 441 | .icon-checkbox_fill:before { 442 | content: ""; 443 | font-family: FluentSystemIcons-filled; 444 | } 445 | .icon-checkbox:before { 446 | content: ""; 447 | } 448 | .icon-lock:before { 449 | content: ""; 450 | } 451 | .icon-show:before { 452 | content: ""; 453 | } 454 | .icon-karma:before { 455 | content: ""; 456 | } 457 | .icon-share_ios:before { 458 | content: ""; 459 | } 460 | .icon-distinguish:before { 461 | content: ""; 462 | } 463 | .icon-karma_fill:before { 464 | content: ""; 465 | font-family: FluentSystemIcons-filled; 466 | } 467 | .icon-home:before { 468 | content: ""; 469 | } 470 | .icon-topic_videogaming:before { 471 | content: ""; 472 | } 473 | .icon-topic_videogaming_fill:before { 474 | content: ""; 475 | font-family: FluentSystemIcons-filled; 476 | } 477 | .icon-topic_sports:before { 478 | content: ""; 479 | } 480 | .icon-topic_sports_fill:before { 481 | content: ""; 482 | font-family: FluentSystemIcons-filled; 483 | } 484 | .icon-topic_business:before { 485 | content: ""; 486 | } 487 | .icon-topic_business_fill:before { 488 | content: ""; 489 | font-family: FluentSystemIcons-filled; 490 | } 491 | .icon-topic_crypto:before { 492 | content: ""; 493 | } 494 | .icon-topic_crypto_fill:before { 495 | content: ""; 496 | font-family: FluentSystemIcons-filled; 497 | } 498 | .icon-topic_television:before { 499 | content: ""; 500 | } 501 | .icon-topic_television_fill:before { 502 | content: ""; 503 | font-family: FluentSystemIcons-filled; 504 | } 505 | .icon-topic_celebrity:before { 506 | content: ""; 507 | } 508 | .icon-topic_celebrity_fill:before { 509 | content: ""; 510 | font-family: FluentSystemIcons-filled; 511 | } 512 | .icon-custom_feed::before { 513 | content: ""; 514 | } 515 | .icon-custom_feed_fill::before { 516 | content: ""; 517 | font-family: FluentSystemIcons-filled; 518 | } 519 | .icon-community_fill:before { 520 | content: ""; 521 | font-family: FluentSystemIcons-filled; 522 | } 523 | .icon-community:before { 524 | content: ""; 525 | } 526 | .icon-qr_code:before { 527 | content: ""; 528 | } 529 | .icon-user:before { 530 | content: ""; 531 | } 532 | .icon-cake:before { 533 | content: ""; 534 | } 535 | .icon-cake_fill:before { 536 | content: ""; 537 | font-family: FluentSystemIcons-filled; 538 | } 539 | .icon-user_fill:before { 540 | content: ""; 541 | font-family: FluentSystemIcons-filled; 542 | } 543 | .icon-crosspost:before { 544 | content: ""; 545 | } 546 | .icon-embed:before { 547 | content: ""; 548 | } 549 | ._eYtD2XCVieq6emjKBH3m { 550 | font-size: 14px !important; 551 | } 552 | .icon-coins_fill:before { 553 | content: ""; 554 | font-family: FluentSystemIcons-filled; 555 | } 556 | .icon-external_link_fill:before { 557 | content: ""; 558 | font-family: FluentSystemIcons-filled; 559 | } 560 | .icon-external_link:before { 561 | content: ""; 562 | } 563 | .D3IyhBGwXo9jPwz-Ka0Ve { 564 | border-radius: 7px 7px 7px 7px !important; 565 | margin-bottom: 4px; 566 | } 567 | ._1G4yU68P50vRZ4USXfaceV { 568 | border-radius: 7px 7px 7px 7px !important; 569 | } 570 | ._1G4yU68P50vRZ4USXfaceV._2QeqBqfT5UbHBoViZUt-wX { 571 | border-radius: 7px 7px 7px 7px !important; 572 | } 573 | ._3Im6OD67aKo33nql4FpSp_ { 574 | border-radius: 7px 7px 7px 7px !important; 575 | } 576 | button { 577 | border-radius: 4px; 578 | cursor: auto; 579 | font-size: 14px; 580 | font-family: Segoe UI Variable; 581 | font-style: normal; 582 | font-weight: 400 !important; 583 | line-height: 20px; 584 | height: 32px; 585 | } 586 | .HNozj_dKjQZ59ZsfEegz8 { 587 | border-radius: 4px !important; 588 | cursor: auto; 589 | font-size: 14px; 590 | font-family: Segoe UI Variable; 591 | font-style: normal; 592 | font-weight: 400 !important; 593 | line-height: 20px; 594 | text-transform: capitalize !important; 595 | } 596 | a.M2Hk_S2yvXpsNPfZMBMur.M2Hk_S2yvXpsNPfZMBMur:before { 597 | border-radius: 4px; 598 | } 599 | .RvLtAcdRtbOQbhFB7MD_T { 600 | border-radius: 4px; 601 | } 602 | ._1Hw7tY9pMr-T1F4P1C-xNU { 603 | border-radius: 4px; 604 | } 605 | .kU8ebCMnbXfjCWfqn0WPb { 606 | border-radius: 4px; 607 | } 608 | ._6_44iTtZoeY6_XChKt5b0,._70940WUuFmpHbhKlj8EjZ { 609 | text-transform: capitalize !important; 610 | overflow: visible; 611 | } 612 | ._3-miAEojrCvx_4FQ8x3P-s .YszYBnnIoNY8pZ6UwCivd { 613 | border-radius: 4px; 614 | } 615 | ._2jJNpBqXMbbyOiGCElTYxZ { 616 | border-radius: 7px; 617 | } 618 | .wBtTDilkW_rtT2k5x3eie { 619 | border-radius: 7px; 620 | } 621 | .icon-notification_fill:before { 622 | content: ""; 623 | font-family: FluentSystemIcons-filled; 624 | } 625 | .icon-notification_frequent:before { 626 | content: ""; 627 | } 628 | .icon-notification_frequent_fill:before { 629 | content: ""; 630 | font-family: FluentSystemIcons-filled; 631 | } 632 | .icon-notification_off:before { 633 | content: ""; 634 | } 635 | .icon-notification_off_fill:before { 636 | content: ""; 637 | font-family: FluentSystemIcons-filled; 638 | } 639 | .icon-mod_queue_fill:before { 640 | content: ""; 641 | font-family: FluentSystemIcons-filled; 642 | } 643 | .icon-mod_mute:before { 644 | content: ""; 645 | } 646 | .icon-lock_fill:before { 647 | content: ""; 648 | font-family: FluentSystemIcons-filled; 649 | } 650 | .icon-approve_fill:before { 651 | content: ""; 652 | font-family: FluentSystemIcons-filled; 653 | } 654 | .icon-comment_fill:before { 655 | content: ""; 656 | font-family: FluentSystemIcons-filled; 657 | } 658 | .icon-reply:before { 659 | content: ""; 660 | } 661 | .icon-statistics_fill:before { 662 | content: ""; 663 | font-family: FluentSystemIcons-filled; 664 | } 665 | .icon-media_gallery:before { 666 | content: ""; 667 | } 668 | .icon-gif_post:before { 669 | content: ""; 670 | } 671 | .icon-admin_fill:before { 672 | font-family: redesignFont2020; 673 | } 674 | ._36kpXQ-z7Hr61j8878uRkP { 675 | margin-bottom: 8px; 676 | } 677 | ._1UoeAeSRhOKSNdY_h3iS1O { 678 | font-weight: normal; 679 | font-size: 14px; 680 | } 681 | ._1rZYMD_4xY3gRcSS3p8ODO { 682 | font-weight: 600; 683 | } 684 | ._3ryJoIoycVkA88fy40qNJc { 685 | font-weight: 600; 686 | } 687 | ._1RYN-7H8gYctjOQeL8p2Q7 { 688 | border-radius: 8px; 689 | } 690 | ._3SUsITjKNQ7Tp0Wi2jGxIM.qW0l8Af61EP35WIG6vnGk { 691 | border-radius: 999px; 692 | cursor: auto 693 | } 694 | .Q0BxYHtCOJ_rNSPJMU2Y7._2fe-KdD2OM0ciaiux-G1EL { 695 | border-radius: 999px; 696 | cursor: auto; 697 | } 698 | .voteButton:focus { 699 | border-radius: 999px; 700 | background-color: var(--newCommunityTheme-navIconFaded10); 701 | outline: none; 702 | } 703 | ._loadingIcon_1px4d_27 { 704 | position: absolute; 705 | width: 200px; 706 | height: 200px; 707 | top: calc(40% - 100px); 708 | left: calc(50% - 100px); 709 | content: url(https://www.avira.com/cache-buster-1687867779/static/avira/images/loading.svg); 710 | animation: none; 711 | } 712 | 713 | /* Color styles */ 714 | :root { 715 | --light---fill--color---text---primary: rgba(0, 0, 0, 0.8956000208854675); 716 | --light---fill--color---text---secondary: rgba(0, 0, 0, 0.6062999963760376); 717 | --light---fill--color---text---tertiary: rgba(0, 0, 0, 0.4458000063896179); 718 | --light---fill--color---text---disabled: rgba(0, 0, 0, 0.3614000082015991); 719 | --light---fill--color---accent--text---primary: rgba(0, 62, 146, 1); 720 | --light---fill--color---accent--text---secondary: rgba(0, 26, 104, 1); 721 | --light---fill--color---accent--text---tertiary: rgba(0, 95, 184, 1); 722 | --light---fill--color---accent--text---disabled: rgba(0, 0, 0, 0.3614000082015991); 723 | --light---fill--color---text--on--accent---primary: rgba(255, 255, 255, 1); 724 | --light---fill--color---text--on--accent---secondary: rgba(255, 255, 255, 0.699999988079071); 725 | --light---fill--color---text--on--accent---disabled: rgba(255, 255, 255, 1); 726 | --light---fill--color---text--on--accent---selected--text: rgba(255, 255, 255, 1); 727 | --light---fill--color---control---transparent: rgba(255, 255, 255, 0); 728 | --light---fill--color---control---default: rgba(255, 255, 255, 0.699999988079071); 729 | --light---fill--color---control---secondary: rgba(249, 249, 249, 0.5); 730 | --light---fill--color---control---tertiary: rgba(249, 249, 249, 0.30000001192092896); 731 | --light---fill--color---control---quarternary: rgba(243, 243, 243, 0.7599999904632568); 732 | --light---fill--color---control---input--active: rgba(255, 255, 255, 1); 733 | --light---fill--color---control---disabled: rgba(249, 249, 249, 0.30000001192092896); 734 | --light---fill--color---control--strong---default: rgba(0, 0, 0, 0.4458000063896179); 735 | --light---fill--color---control--strong---disabled: rgba(0, 0, 0, 0.3172999918460846); 736 | --light---fill--color---subtle---transparent: rgba(255, 255, 255, 0); 737 | --light---fill--color---subtle---secondary: rgba(0, 0, 0, 0.037300001829862595); 738 | --light---fill--color---subtle---tertiary: rgba(0, 0, 0, 0.02410000003874302); 739 | --light---fill--color---subtle---disabled: rgba(0, 0, 0, 0); 740 | --light---fill--color---control--solid---default: rgba(255, 255, 255, 1); 741 | --light---fill--color---control--alt---transparent: rgba(255, 255, 255, 0); 742 | --light---fill--color---control--alt---secondary: rgba(0, 0, 0, 0.02410000003874302); 743 | --light---fill--color---control--alt---tertiary: rgba(0, 0, 0, 0.05779999867081642); 744 | --light---fill--color---control--alt---quarternary: rgba(0, 0, 0, 0.09239999949932098); 745 | --light---fill--color---control--alt---disabled: rgba(255, 255, 255, 0); 746 | --light---fill--color---accent---default: rgba(0, 95, 184, 1); 747 | --light---fill--color---accent---secondary: rgba(0, 95, 184, 0.8999999761581421); 748 | --light---fill--color---accent---tertiary: rgba(0, 95, 184, 0.800000011920929); 749 | --light---fill--color---accent---disabled: rgba(0, 0, 0, 0.21690000593662262); 750 | --light---fill--color---accent---selected--text--background: rgba(0, 120, 212, 1); 751 | --light---fill--color---system---critical: rgba(196, 43, 28, 1); 752 | --light---fill--color---system---success: rgba(15, 123, 15, 1); 753 | --light---fill--color---system---attention: rgba(0, 95, 183, 1); 754 | --light---fill--color---system---caution: rgba(157, 93, 0, 1); 755 | --light---fill--color---system---attention--background: rgba(246, 246, 246, 0.5); 756 | --light---fill--color---system---success--background: rgba(223, 246, 221, 1); 757 | --light---fill--color---system---caution--background: rgba(255, 244, 206, 1); 758 | --light---fill--color---system---critical--background: rgba(253, 231, 233, 1); 759 | --light---fill--color---system---neutral: rgba(0, 0, 0, 0.4458000063896179); 760 | --light---fill--color---system---neutral--background: rgba(0, 0, 0, 0.02410000003874302); 761 | --light---fill--color---system---solid--neutral: rgba(138, 138, 138, 1); 762 | --light---fill--color---system-----solid--attention--background: rgba(247, 247, 247, 1); 763 | --light-----fill--color-----system-----solid--neutral--background: rgba(243, 243, 243, 1); 764 | --light---fill--color---control--on--image---default: rgba(255, 255, 255, 0.7900000214576721); 765 | --light---fill--color---control--on--image---secondary: rgba(243, 243, 243, 1); 766 | --light---fill--color---control--on--image---tertiary: rgba(235, 235, 235, 1); 767 | --light---fill--color---control--on--image---disabled: rgba(255, 255, 255, 0); 768 | --light---stroke--color---control--stroke---default: rgba(0, 0, 0, 0.05779999867081642); 769 | --light---stroke--color---control--stroke---secondary: rgba(0, 0, 0, 0.16220000386238098); 770 | --light---stroke--color---control--stroke---on--accent--default: rgba(255, 255, 255, 0.07999999821186066); 771 | --light---stroke--color---control--stroke---on--accent--secondary: rgba(0, 0, 0, 0.4000000059604645); 772 | --light---stroke--color---control--stroke---on--accent--tertiary: rgba(0, 0, 0, 0.21690000593662262); 773 | --light---stroke--color---control--stroke---on--accent--disabled: rgba(0, 0, 0, 0.05779999867081642); 774 | --light---stroke--color---control--stroke---for--strong--fill--when--on--image: rgba(255, 255, 255, 0.3499999940395355); 775 | --light---stroke--color---control--strong--stroke---default: rgba(0, 0, 0, 0.6062999963760376); 776 | --light---stroke--color---control--strong--stroke---disabled: rgba(0, 0, 0, 0.21690000593662262); 777 | --light---stroke--color---card--stroke---default: rgba(0, 0, 0, 0.05779999867081642); 778 | --light---stroke--color---card--stroke---default--solid: rgba(235, 235, 235, 1); 779 | --light---stroke--color---divider--stroke---default: rgba(0, 0, 0, 0.08030000329017639); 780 | --light---stroke--color---surface--stroke---default: rgba(117, 117, 117, 0.4000000059604645); 781 | --light---stroke--color---surface--stroke---flyout: rgba(0, 0, 0, 0.05779999867081642); 782 | --light---stroke--color---focus--stroke---outer: rgba(0, 0, 0, 0.8956000208854675); 783 | --light---stroke--color---focus--stroke---inner: rgba(255, 255, 255, 1); 784 | --light---background---fill--color---card--background---default: rgba(255, 255, 255, 0.699999988079071); 785 | --light---background---fill--color---card--background---secondary: rgba(246, 246, 246, 0.5); 786 | --light-----background-----fill--color-----card--background-----tertiary: rgba(255, 255, 255, 1); 787 | --light---background---fill--color---smoke---default: rgba(0, 0, 0, 0.30000001192092896); 788 | --light---background---fill--color---layer---default: rgba(255, 255, 255, 0.5); 789 | --light---background---fill--color---layer---alt: rgba(255, 255, 255, 1); 790 | --light---background---fill--color---layer--on--acrylic---default: rgba(255, 255, 255, 0.25); 791 | --light---background---fill--color---layer--on--accent--acrylic---default: rgba(255, 255, 255, 0.25); 792 | --light---background---fill--color---layer--on--mica--base--alt---default: rgba(255, 255, 255, 0.699999988079071); 793 | --light---background---fill--color---layer--on--mica--base--alt---transparent: rgba(255, 255, 255, 0); 794 | --light---background---fill--color---layer--on--mica--base--alt---secondary: rgba(0, 0, 0, 0.037300001829862595); 795 | --light---background---fill--color---layer--on--mica--base--alt---tertiary: rgba(249, 249, 249, 1); 796 | --light---background---fill--color---acrylic--background---default: rgba(252, 252, 252, 0.8500000238418579); 797 | --light---background---fill--color---acrylic--background---base: rgba(243, 243, 243, 0.8999999761581421); 798 | --light---background---fill--color---accent--acrylic--background---base: rgba(153, 235, 255, 0.8999999761581421); 799 | --light---background---fill--color---accent--acrylic--background---default: rgba(153, 235, 255, 0.8999999761581421); 800 | --light---background---fill--color---mica--background---base: rgba(243, 243, 243, 1); 801 | --light---background---fill--color---mica--background---base--alt: rgba(218, 218, 218, 1); 802 | --light---background---fill--color---solid--background---base: rgba(243, 243, 243, 1); 803 | --light---background---fill--color---solid--background---base--alt: rgba(218, 218, 218, 1); 804 | --light---background---fill--color---solid--background---secondary: rgba(238, 238, 238, 1); 805 | --light---background---fill--color---solid--background---tertiary: rgba(249, 249, 249, 1); 806 | --light---background---fill--color---solid--background---quarternary: rgba(255, 255, 255, 1); 807 | --light---background---fill--color---solid--background---quinary: rgba(253, 253, 253, 1); 808 | --light---background---fill--color---solid--background---senary: rgba(255, 255, 255, 1); 809 | --light---shell---fill--color---caption--close--text---primary: rgba(255, 255, 255, 1); 810 | --light---shell---fill--color---caption--close--text---secondary: rgba(255, 255, 255, 0.699999988079071); 811 | --light---shell---fill--color---caption--control--close--fill---primary: rgba(196, 43, 28, 1); 812 | --light---shell---fill--color---caption--control--close--fill---secondary: rgba(196, 43, 28, 0.8999999761581421); 813 | --light---shell---fill--color---keyboard--button--alt---default: rgba(255, 255, 255, 0.5); 814 | --light---shell---fill--color---keyboard--button--alt---secondary: rgba(255, 255, 255, 0.25); 815 | --light---shell---fill--color---keyboard--button--alt---tertiary: rgba(255, 255, 255, 0.125); 816 | --light---shell---fill--color---keyboard--button--alt---disabled: rgba(255, 255, 255, 0.125); 817 | --light---shell---fill--color---keyboard--button---default: rgba(255, 255, 255, 1); 818 | --light---shell---fill--color---keyboard--button---secondary: rgba(255, 255, 255, 0.75); 819 | --light---shell---fill--color---keyboard--button---tertiary: rgba(255, 255, 255, 0.5); 820 | --light---shell---fill--color---keyboard--button---disabled: rgba(255, 255, 255, 0.125); 821 | --light---shell---fill--color---taskbar--item--fill---primary: rgba(255, 255, 255, 0.699999988079071); 822 | --light---shell---fill--color---taskbar--item--fill---secondary: rgba(255, 255, 255, 0.5); 823 | --light---shell---fill--color---taskbar--item--fill---tertiary: rgba(255, 255, 255, 0.30000001192092896); 824 | --light---shell---fill--color---taskbar--item--fill---transparent: rgba(255, 255, 255, 0); 825 | --light---shell---fill--color---taskbar--item--indicator-----running: rgba(0, 0, 0, 0.4399999976158142); 826 | --light---shell---fill--color---subtle--item--fill---transparent: rgba(255, 255, 255, 0); 827 | --light---shell---fill--color---subtle--item--fill---secondary: rgba(255, 255, 255, 0.699999988079071); 828 | --light---shell---fill--color---subtle--item--fill---tertiary: rgba(255, 255, 255, 0.5); 829 | --light---shell---fill--color---shimmer--fill---primary: rgba(0, 0, 0, 0.02889999933540821); 830 | --light---shell---fill--color---shimmer--fill---secondary: rgba(0, 0, 0, 0.053700000047683716); 831 | --light---shell---fill--color---illustration--on--acrylic---primary: rgba(0, 0, 0, 0.10000000149011612); 832 | --light---shell---stroke--color---keyboard--button---primary: rgba(0, 0, 0, 0.05779999867081642); 833 | --light---shell---stroke--color---keyboard--button---secondary: rgba(0, 0, 0, 0.16220000386238098); 834 | --light---shell---stroke--color---taskbar--item--stroke---primary: rgba(0, 0, 0, 0.09000000357627869); 835 | --light---shell---stroke--color---taskbar--item--stroke---secondary: rgba(0, 0, 0, 0.05999999865889549); 836 | --light---shell---stroke--color---taskbar--item--stroke---tertiary: rgba(0, 0, 0, 0.029999999329447746); 837 | --light---shell---stroke--color---taskbar--item--stroke---quarternary: rgba(0, 0, 0, 0.019999999552965164); 838 | --light---shell---stroke--color---taskbar--item--stroke---quinary: rgba(0, 0, 0, 0.019999999552965164); 839 | --light---shell---stroke--color---illustration--on--acrylic--strong---primary: rgba(0, 0, 0, 0.4399999976158142); 840 | --light---shell---background---fill--color---card--background--on--thin--acrylic---default: rgba(246, 246, 246, 0.8999999761581421); 841 | --light---shell---background---fill--color---card--background--on--thin--acrylic-----secondary: rgba(249, 249, 249, 1); 842 | --light---shell---background---fill--color---layer--on--thin--acrylic---default: rgba(255, 255, 255, 0.25); 843 | --light---shell---background---fill--color---acrylic---thin--acrylic: rgba(211, 211, 211, 0.4399999976158142); 844 | --dark---fill--color---text---primary: rgba(255, 255, 255, 1); 845 | --dark---fill--color---text---secondary: rgba(255, 255, 255, 0.7860000133514404); 846 | --dark---fill--color---text---tertiary: rgba(255, 255, 255, 0.5442000031471252); 847 | --dark---fill--color---text---disabled: rgba(255, 255, 255, 0.3628000020980835); 848 | --dark---fill--color---accent--text---primary: rgba(153, 235, 255, 1); 849 | --dark---fill--color---accent--text---secondary: rgba(153, 235, 255, 1); 850 | --dark---fill--color---accent--text---tertiary: rgba(96, 205, 255, 1); 851 | --dark---fill--color---accent--text---disabled: rgba(255, 255, 255, 0.3628000020980835); 852 | --dark---fill--color---text--on--accent---primary: rgba(0, 0, 0, 1); 853 | --dark---fill--color---text--on--accent---secondary: rgba(0, 0, 0, 0.5); 854 | --dark---fill--color---text--on--accent---disabled: rgba(255, 255, 255, 0.5302000045776367); 855 | --dark---fill--color---text--on--accent---selected--text: rgba(255, 255, 255, 1); 856 | --dark---fill--color---control---transparent: rgba(255, 255, 255, 0); 857 | --dark---fill--color---control---default: rgba(255, 255, 255, 0.060499999672174454); 858 | --dark---fill--color---control---secondary: rgba(255, 255, 255, 0.08370000123977661); 859 | --dark---fill--color---control---tertiary: rgba(255, 255, 255, 0.032600000500679016); 860 | --dark---fill--color---control---quarternary: rgba(255, 255, 255, 0.060499999672174454); 861 | --dark---fill--color---control---disabled: rgba(255, 255, 255, 0.04190000146627426); 862 | --dark---fill--color---control---input--active: rgba(30, 30, 30, 0.699999988079071); 863 | --dark---fill--color---control--strong---default: rgba(255, 255, 255, 0.5442000031471252); 864 | --dark---fill--color---control--strong---disabled: rgba(255, 255, 255, 0.24650000035762787); 865 | --dark---fill--color---control--alt---transparent: rgba(255, 255, 255, 0); 866 | --dark---fill--color---control--alt---secondary: rgba(0, 0, 0, 0.10000000149011612); 867 | --dark---fill--color---control--alt---tertiary: rgba(255, 255, 255, 0.04190000146627426); 868 | --dark---fill--color---control--alt---quarternary: rgba(255, 255, 255, 0.0697999969124794); 869 | --dark---fill--color---control--alt---disabled: rgba(255, 255, 255, 0); 870 | --dark---fill--color---subtle---transparent: rgba(255, 255, 255, 0); 871 | --dark---fill--color---subtle---secondary: rgba(255, 255, 255, 0.060499999672174454); 872 | --dark---fill--color---subtle---tertiary: rgba(255, 255, 255, 0.04190000146627426); 873 | --dark---fill--color---subtle---disabled: rgba(255, 255, 255, 0); 874 | --dark---fill--color---accent---default: rgba(96, 205, 255, 1); 875 | --dark---fill--color---accent---secondary: rgba(96, 205, 255, 0.8999999761581421); 876 | --dark---fill--color---accent---tertiary: rgba(96, 205, 255, 0.800000011920929); 877 | --dark---fill--color---accent---disabled: rgba(255, 255, 255, 0.15809999406337738); 878 | --dark---fill--color---accent---selected--text--background: rgba(0, 120, 212, 1); 879 | --dark---fill--color---control--solid---default: rgba(69, 69, 69, 1); 880 | --dark---fill--color---system---critical: rgba(255, 153, 164, 1); 881 | --dark---fill--color---system---success: rgba(108, 203, 95, 1); 882 | --dark---fill--color---system---attention: rgba(96, 205, 255, 1); 883 | --dark---fill--color---system---caution: rgba(252, 225, 0, 1); 884 | --dark---fill--color---system---attention--background: rgba(255, 255, 255, 0.032600000500679016); 885 | --dark---fill--color---system---success--background: rgba(57, 61, 27, 1); 886 | --dark---fill--color---system---caution--background: rgba(67, 53, 25, 1); 887 | --dark---fill--color---system---critical--background: rgba(68, 39, 38, 1); 888 | --dark---fill--color---system---neutral: rgba(255, 255, 255, 0.5442000031471252); 889 | --dark---fill--color---system---neutral--background: rgba(255, 255, 255, 0.032600000500679016); 890 | --dark-----fill--color-----system-----solid--attention--background: rgba(46, 46, 46, 1); 891 | --dark-----fill--color-----system-----solid--neutral: rgba(157, 157, 157, 1); 892 | --dark-----fill--color-----system-----solid--neutral--background: rgba(46, 46, 46, 1); 893 | --dark---fill--color---control--on--image---default: rgba(28, 28, 28, 0.699999988079071); 894 | --dark---fill--color---control--on--image---secondary: rgba(26, 26, 26, 1); 895 | --dark---fill--color---control--on--image---tertiary: rgba(19, 19, 19, 1); 896 | --dark---fill--color---control--on--image---disabled: rgba(30, 30, 30, 0); 897 | --dark---stroke--color---control--stroke---default: rgba(255, 255, 255, 0.0697999969124794); 898 | --dark---stroke--color---control--stroke---on--accent--default: rgba(255, 255, 255, 0.07999999821186066); 899 | --dark---stroke--color---control--stroke---secondary: rgba(255, 255, 255, 0.09300000220537186); 900 | --dark---stroke--color---control--stroke---on--accent--secondary: rgba(0, 0, 0, 0.14000000059604645); 901 | --dark---stroke--color---control--stroke---on--accent--tertiary: rgba(0, 0, 0, 0.21690000593662262); 902 | --dark---stroke--color---control--stroke---on--accent--disabled: rgba(0, 0, 0, 0.20000000298023224); 903 | --dark---stroke--color---control--stroke---for--strong--fill--when--on--image: rgba(0, 0, 0, 0.41999998688697815); 904 | --dark---stroke--color---control--strong--stroke---default: rgba(255, 255, 255, 0.6047000288963318); 905 | --dark---stroke--color---control--strong--stroke---disabled: rgba(255, 255, 255, 0.15809999406337738); 906 | --dark---stroke--color---divider--stroke---default: rgba(255, 255, 255, 0.08370000123977661); 907 | --dark---stroke--color---surface--stroke---default: rgba(117, 117, 117, 0.4000000059604645); 908 | --dark---stroke--color---surface--stroke---flyout: rgba(0, 0, 0, 0.20000000298023224); 909 | --dark---stroke--color---card--stroke---default: rgba(0, 0, 0, 0.10000000149011612); 910 | --dark---stroke--color---card--stroke---default--solid: rgba(28, 28, 28, 1); 911 | --dark---stroke--color---focus--stroke---outer: rgba(255, 255, 255, 1); 912 | --dark---stroke--color---focus--stroke---inner: rgba(0, 0, 0, 0.699999988079071); 913 | --dark---background---fill--color---card--background---default: rgba(255, 255, 255, 0.05119999870657921); 914 | --dark---background---fill--color---card--background---secondary: rgba(255, 255, 255, 0.032600000500679016); 915 | --dark---background---fill--color---card--background---tertiary: rgba(255, 255, 255, 0.0697999969124794); 916 | --dark---background---fill--color---smoke---default: rgba(0, 0, 0, 0.30000001192092896); 917 | --dark---background---fill--color---layer---default: rgba(58, 58, 58, 0.30000001192092896); 918 | --dark---background---fill--color---layer---alt: rgba(255, 255, 255, 0.05380000174045563); 919 | --dark---background---fill--color---layer--on--acrylic---default: rgba(255, 255, 255, 0.03590000048279762); 920 | --dark---background---fill--color---layer-on--accent--acrylic---default: rgba(255, 255, 255, 0.03590000048279762); 921 | --dark---background---fill--color---acrylic--background---default: rgba(44, 44, 44, 0.9599999785423279); 922 | --dark---background---fill--color---acrylic--background---base: rgba(32, 32, 32, 0.9599999785423279); 923 | --dark---background---fill--color---accent--acrylic--background---base: rgba(0, 63, 146, 0.800000011920929); 924 | --dark---background---fill--color---accent--acrylic--background---default: rgba(0, 120, 212, 0.800000011920929); 925 | --dark---background---fill--color---layer--on--mica--base--alt---default: rgba(58, 58, 58, 0.44999998807907104); 926 | --dark---background---fill--color---layer--on--mica--base--alt---transparent: rgba(0, 0, 0, 0); 927 | --dark---background---fill--color---layer--on--mica--base--alt---secondary: rgba(255, 255, 255, 0.060499999672174454); 928 | --dark---background---fill--color---layer--on--mica--base--alt---tertiary: rgba(44, 44, 44, 1); 929 | --dark---background---fill--color---mica--background---base: rgba(32, 32, 32, 1); 930 | --dark---background---fill--color---mica--background---base--alt: rgba(10, 10, 10, 1); 931 | --dark---background---fill--color---solid--background---base: rgba(32, 32, 32, 1); 932 | --dark---background---fill--color---solid--background---base--alt: rgba(10, 10, 10, 1); 933 | --dark---background---fill--color---solid--background---secondary: rgba(28, 28, 28, 1); 934 | --dark---background---fill--color---solid--background---tertiary: rgba(40, 40, 40, 1); 935 | --dark---background---fill--color---solid--background---quarternary: rgba(44, 44, 44, 1); 936 | --dark---background---fill--color---solid--background---quinary: rgba(51, 51, 51, 1); 937 | --dark---background---fill--color---solid--background---senary: rgba(55, 55, 55, 1); 938 | --dark---shell---fill--color---caption--close--text---primary: rgba(255, 255, 255, 1); 939 | --dark---shell---fill--color---caption--close--text---secondary: rgba(255, 255, 255, 0.699999988079071); 940 | --dark---shell---fill--color---caption--control--close--fill---primary: rgba(196, 43, 28, 1); 941 | --dark---shell---fill--color---caption--control--close--fill---secondary: rgba(196, 43, 28, 0.8999999761581421); 942 | --dark---shell---fill--color---keyboard--button--alt---default: rgba(255, 255, 255, 0.0851999968290329); 943 | --dark---shell---fill--color---keyboard--button--alt---secondary: rgba(255, 255, 255, 0.12559999525547028); 944 | --dark---shell---fill--color---keyboard--button--alt---tertiary: rgba(255, 255, 255, 0.06729999929666519); 945 | --dark---shell---fill--color---keyboard--button--alt---disabled: rgba(255, 255, 255, 0.03590000048279762); 946 | --dark---shell---fill--color---keyboard--button---default: rgba(255, 255, 255, 0.12559999525547028); 947 | --dark---shell---fill--color---keyboard--button---secondary: rgba(255, 255, 255, 0.0851999968290329); 948 | --dark---shell---fill--color---keyboard--button---tertiary: rgba(255, 255, 255, 0.06729999929666519); 949 | --dark---shell---fill--color---keyboard--button---disabled: rgba(255, 255, 255, 0.03590000048279762); 950 | --dark---shell---fill--color---taskbar--item--fill---primary: rgba(255, 255, 255, 0.08370000123977661); 951 | --dark---shell---fill--color---taskbar--item--fill---secondary: rgba(255, 255, 255, 0.060499999672174454); 952 | --dark---shell---fill--color---taskbar--item--fill---tertiary: rgba(255, 255, 255, 0.04190000146627426); 953 | --dark---shell---fill--color---taskbar--item--fill---transparent: rgba(255, 255, 255, 0); 954 | --dark---shell---fill--color---taskbar--item--indicator-----running: rgba(255, 255, 255, 0.38999998569488525); 955 | --dark---shell---fill--color---subtle--item--fill---transparent: rgba(255, 255, 255, 0); 956 | --dark---shell---fill--color---subtle--item--fill---secondary: rgba(255, 255, 255, 0.060499999672174454); 957 | --dark---shell---fill--color---subtle--item--fill---tertiary: rgba(255, 255, 255, 0.04190000146627426); 958 | --dark---shell---fill--color---shimmer--fill---primary: rgba(255, 255, 255, 0.060499999672174454); 959 | --dark---shell---fill--color---shimmer--fill---secondary: rgba(255, 255, 255, 0.032600000500679016); 960 | --dark---shell---fill--color---illustration--on--acrylic---primary: rgba(255, 255, 255, 0.1599999964237213); 961 | --dark---shell---stroke--color---keyboard--button---primary: rgba(0, 0, 0, 0.15000000596046448); 962 | --dark---shell---stroke--color---keyboard--button---secondary: rgba(0, 0, 0, 0.30000001192092896); 963 | --dark---shell---stroke--color---taskbar--item--stroke---primary: rgba(255, 255, 255, 0.12559999525547028); 964 | --dark---shell---stroke--color---taskbar--item--stroke---secondary: rgba(255, 255, 255, 0.1023000031709671); 965 | --dark---shell---stroke--color---taskbar--item--stroke---tertiary: rgba(255, 255, 255, 0.08370000123977661); 966 | --dark---shell---stroke--color---taskbar--item--stroke---quarternary: rgba(255, 255, 255, 0.060499999672174454); 967 | --dark---shell---stroke--color---taskbar--item--stroke---quinary: rgba(255, 255, 255, 0.04190000146627426); 968 | --dark---shell---stroke--color---illustration--on--acrylic--strong---primary: rgba(255, 255, 255, 0.41999998688697815); 969 | --dark---shell---background---fill--color---card--background--on--thin--acrylic---default: rgba(0, 0, 0, 0.6499999761581421); 970 | --dark---shell---background---fill--color---card--background--on--thin--acrylic---secondary: rgba(0, 0, 0, 0.5249999761581421); 971 | --dark---shell---background---fill--color---layer--on--thin--acrylic---default: rgba(0, 0, 0, 0.20000000298023224); 972 | --dark---shell---background---fill--color---acrylic---thin--acrylic: rgba(84, 84, 84, 0.6399999856948853); 973 | --contrast---aquatic---window--text: rgba(255, 255, 255, 1); 974 | --contrast---aquatic---window: rgba(32, 32, 32, 1); 975 | --contrast---aquatic---highlight--text: rgba(38, 59, 80, 1); 976 | --contrast---aquatic---highlight: rgba(142, 227, 240, 1); 977 | --contrast---aquatic---button--text: rgba(255, 255, 255, 1); 978 | --contrast---aquatic---button: rgba(32, 32, 32, 1); 979 | --contrast---aquatic---hotlight: rgba(117, 233, 252, 1); 980 | --contrast---aquatic---gray--text: rgba(166, 166, 166, 1); 981 | --contrast---desert---window--text: rgba(61, 61, 61, 1); 982 | --contrast---desert---w-indow: rgba(255, 250, 239, 1); 983 | --contrast---desert---highlight--text: rgba(255, 245, 227, 1); 984 | --contrast---desert---highlight: rgba(144, 57, 9, 1); 985 | --contrast---desert---button--text: rgba(32, 32, 32, 1); 986 | --contrast---desert---button: rgba(255, 250, 239, 1); 987 | --contrast---desert---hotlight: rgba(28, 94, 117, 1); 988 | --contrast---desert---gray--text: rgba(103, 103, 103, 1); 989 | --contrast---dusk---window--text: rgba(255, 255, 255, 1); 990 | --contrast---dusk---window: rgba(45, 50, 54, 1); 991 | --contrast---dusk---highlight--text: rgba(33, 45, 59, 1); 992 | --contrast---dusk---highlight: rgba(171, 207, 242, 1); 993 | --contrast---dusk---button--text: rgba(182, 246, 240, 1); 994 | --contrast---dusk---button: rgba(45, 50, 54, 1); 995 | --contrast---dusk---hotlight: rgba(112, 235, 222, 1); 996 | --contrast---dusk---gray--text: rgba(166, 166, 166, 1); 997 | --contrast---night--sky---window--text: rgba(255, 255, 255, 1); 998 | --contrast---night--sky---window: rgba(0, 0, 0, 1); 999 | --contrast---night--sky---highlight--text: rgba(43, 43, 43, 1); 1000 | --contrast---night--sky---highlight: rgba(214, 180, 253, 1); 1001 | --contrast---night--sky---button--text: rgba(255, 238, 50, 1); 1002 | --contrast---night--sky---button: rgba(0, 0, 0, 1); 1003 | --contrast---night--sky---hotlight: rgba(128, 128, 255, 1); 1004 | --contrast---night--sky---gray--text: rgba(166, 166, 166, 1); 1005 | } 1006 | /*Reddit's styles*/ 1007 | :root { 1008 | --newCommunityTheme-actionIcon: var(--light---fill--color---text---primary); 1009 | --newCommunityTheme-actionIconAlpha20: rgba(135,138,140,0.2); 1010 | --newCommunityTheme-actionIconAlpha50: rgba(135,138,140,0.5); 1011 | --newCommunityTheme-actionIconShaded80: #6c6e70; 1012 | --newCommunityTheme-actionIconTinted80: #9fa1a3; 1013 | --newCommunityTheme-active: #0079D3; 1014 | --newCommunityTheme-activeAlpha10: rgba(0,121,211,0.1); 1015 | --newCommunityTheme-activeAlpha20: rgba(0,121,211,0.2); 1016 | --newCommunityTheme-activeAlpha50: rgba(0,121,211,0.5); 1017 | --newCommunityTheme-activeLight60: #33a8ff; 1018 | --newCommunityTheme-activeShaded80: #0060a8; 1019 | --newCommunityTheme-activeShaded90: #006cbd; 1020 | --newCommunityTheme-activeTinted05: #f2f8fc; 1021 | --newCommunityTheme-backgroundImage: initial; 1022 | --newCommunityTheme-backgroundImagePosition: cover; 1023 | --newCommunityTheme-banner-backgroundColor: #33a8ff; 1024 | --newCommunityTheme-banner-backgroundImage: initial; 1025 | --newCommunityTheme-banner-backgroundImagePosition: cover; 1026 | --newCommunityTheme-banner-communityNameFormat: slashtag; 1027 | --newCommunityTheme-banner-height: 64; 1028 | --newCommunityTheme-banner-iconColor: #0079D3; 1029 | --newCommunityTheme-banner-iconDimensions-borderRadius: 24; 1030 | --newCommunityTheme-banner-iconDimensions-customSize: 32; 1031 | --newCommunityTheme-banner-iconDimensions-padding: 6; 1032 | --newCommunityTheme-banner-iconDimensions-size: 24; 1033 | --newCommunityTheme-banner-iconImage: initial; 1034 | --newCommunityTheme-banner-lineHeight: 38; 1035 | --newCommunityTheme-banner-positionedImage: initial; 1036 | --newCommunityTheme-banner-positionedImageAlignment: left; 1037 | --newCommunityTheme-banner-positionedImageHeight: 48; 1038 | --newCommunityTheme-banner-secondaryBannerPositionedImage: initial; 1039 | --newCommunityTheme-body: var(--light---background---fill--color---card--background---default); 1040 | --newCommunityTheme-bodyAlpha50: rgba(255,255,255,0.5); 1041 | --newCommunityTheme-bodyAlpha70: rgba(255,255,255,0.7); 1042 | --newCommunityTheme-bodyAlpha80: rgba(255,255,255,0.8); 1043 | --newCommunityTheme-bodyFade: #FFFFFF00; 1044 | --newCommunityTheme-bodyShaded80: #ccc; 1045 | --newCommunityTheme-bodyText: #1c1c1c; 1046 | --newCommunityTheme-bodyTextAlpha03: rgba(28,28,28,0.03); 1047 | --newCommunityTheme-bodyTextAlpha20: rgba(28,28,28,0.2); 1048 | --newCommunityTheme-bodyTextShaded20: #050505; 1049 | --newCommunityTheme-bodyTextTinted20: #d1d1d1; 1050 | --newCommunityTheme-bodyTinted50: #fff; 1051 | --newCommunityTheme-bodyTinted80: #fff; 1052 | --newCommunityTheme-button: var(--light---fill--color---accent---default); 1053 | --newCommunityTheme-buttonAlpha05: rgba(0,121,211,0.05); 1054 | --newCommunityTheme-buttonAlpha10: rgba(0,121,211,0.1); 1055 | --newCommunityTheme-buttonAlpha20: rgba(0,121,211,0.2); 1056 | --newCommunityTheme-buttonAlpha40: rgba(0,121,211,0.4); 1057 | --newCommunityTheme-buttonAlpha50: rgba(0,121,211,0.5); 1058 | --newCommunityTheme-buttonAlpha80: rgba(0,121,211,0.8); 1059 | --newCommunityTheme-buttonShaded80: #0060a8; 1060 | --newCommunityTheme-buttonTinted20: #cce4f6; 1061 | --newCommunityTheme-buttonTinted50: #7fbce9; 1062 | --newCommunityTheme-buttonTinted80: #3293db; 1063 | --newCommunityTheme-canvas: #DAE0E6; 1064 | --newCommunityTheme-canvasImgPosition: cover; 1065 | --newCommunityTheme-canvasImgUrl: initial; 1066 | --newCommunityTheme-checkbox: #000000; 1067 | --newCommunityTheme-errorText: #FF0000; 1068 | --newCommunityTheme-field: var(--light---fill--color---control---default); 1069 | --newCommunityTheme-fieldFade: #F6F7F800; 1070 | --newCommunityTheme-flair: #EDEFF1; 1071 | --newCommunityTheme-highlight: #e5f1fa; 1072 | --newCommunityTheme-inactive: #EDEFF1; 1073 | --newCommunityTheme-invertFilter: invert(0); 1074 | --newCommunityTheme-lightText: #FFFFFF; 1075 | --newCommunityTheme-lightTextAlpha75: rgba(255,255,255,0.75); 1076 | --newCommunityTheme-line: #EDEFF1; 1077 | --newCommunityTheme-lineShaded80: #bdbfc0; 1078 | --newCommunityTheme-lineShaded90: #d5d7d8; 1079 | --newCommunityTheme-lineShadedNinety: #d5d7d8; 1080 | --newCommunityTheme-linkText: var(--light---fill--color---accent--text---primary); 1081 | --newCommunityTheme-linkTextAlpha80: rgba(0,121,211,0.5); 1082 | --newCommunityTheme-linkTextShaded80: #0060a8; 1083 | --newCommunityTheme-linkTextTinted80: #3293db; 1084 | --newCommunityTheme-linkTextWithBody: #3f9ade; 1085 | --newCommunityTheme-menu: #FFFFFF; 1086 | --newCommunityTheme-menuActiveText: #0079D3; 1087 | --newCommunityTheme-menuButtonBackground-active: var(--light---fill--color---subtle---tertiary); 1088 | --newCommunityTheme-menuButtonBackground-focus: rgba(0,0,0,0.12); 1089 | --newCommunityTheme-menuButtonBackground-hover: rgba(0,0,0,0.04); 1090 | --newCommunityTheme-menuInactiveText: #0079D3; 1091 | --newCommunityTheme-metaText: var(--light---fill--color---text---secondary); 1092 | --newCommunityTheme-monospaceColor: #FF006D; 1093 | --newCommunityTheme-navBar-activeLink: #0079D3; 1094 | --newCommunityTheme-navBar-activeSubmenuCaret: #0079D3; 1095 | --newCommunityTheme-navBar-activeSubmenuLink: #0079D3; 1096 | --newCommunityTheme-navBar-backgroundColor: #dbf0ff; 1097 | --newCommunityTheme-navBar-backgroundImage: initial; 1098 | --newCommunityTheme-navBar-hoverLink: #0079D3; 1099 | --newCommunityTheme-navBar-inactiveLink: #0079D3; 1100 | --newCommunityTheme-navBar-inactiveSubmenuCaret: #33a8ff; 1101 | --newCommunityTheme-navBar-inactiveSubmenuLink: #33a8ff; 1102 | --newCommunityTheme-navBar-submenuBackgroundColor: #dbf0ff; 1103 | --newCommunityTheme-navIcon: var(--light---fill--color---text---primary); 1104 | --newRedditTheme-navIconFaded10: rgba(0, 0, 0, 0.037) !important; 1105 | --newCommunityTheme-nsfwBlocking-bgcolor: #edeff1; 1106 | --newCommunityTheme-nsfwBlocking-color: #030303; 1107 | --newCommunityTheme-nsfwBlocking-contentTitleBgColor: #f6f7f8; 1108 | --newCommunityTheme-nsfwBlocking-mainCtaBgColor: #fff; 1109 | --newCommunityTheme-orangeRed: #FF4500; 1110 | --newCommunityTheme-pageHeader: #0079D3; 1111 | --newCommunityTheme-placeholder: #d6d6d6; 1112 | --newCommunityTheme-placeholderImage: initial; 1113 | --newCommunityTheme-placeholderImagePosition: cover; 1114 | --newCommunityTheme-post: #FFFFFF; 1115 | --newCommunityTheme-postError: #ffe5e5; 1116 | --newCommunityTheme-postFlairText: #1A1A1B; 1117 | --newCommunityTheme-postIcon: #898989; 1118 | --newCommunityTheme-postLine: var(--dark---stroke--color---card--stroke---default); 1119 | --newCommunityTheme-postLineShaded80: #a3a3a3; 1120 | --newCommunityTheme-postLineShaded90: #b7b7b7; 1121 | --newCommunityTheme-postTinted20: #fff; 1122 | --newCommunityTheme-postTransparent20: rgba(255,255,255,0.8); 1123 | --newCommunityTheme-primaryButtonShadedEighty: #0060a8; 1124 | --newCommunityTheme-primaryButtonTintedEighty: #3293db; 1125 | --newCommunityTheme-primaryButtonTintedFifty: #7fbce9; 1126 | --newCommunityTheme-primaryButtonTintedSixty: #66aee4; 1127 | --newCommunityTheme-report: #fff7e5; 1128 | --newCommunityTheme-textTransparentizedEighty: rgba(26,26,27,0.2); 1129 | --newCommunityTheme-titleText: #222222; 1130 | --newCommunityTheme-voteIcons-downvoteActive: initial; 1131 | --newCommunityTheme-voteIcons-downvoteInactive: initial; 1132 | --newCommunityTheme-voteIcons-upvoteActive: initial; 1133 | --newCommunityTheme-voteIcons-upvoteInactive: initial; 1134 | --newCommunityTheme-voteText-base: #898989; 1135 | --newCommunityTheme-voteText-downvote: #7193FF; 1136 | --newCommunityTheme-voteText-downvoteShaded80: #5a75cc; 1137 | --newCommunityTheme-voteText-downvoteTinted80: #8da8ff; 1138 | --newCommunityTheme-voteText-upvote: #FF4500; 1139 | --newCommunityTheme-voteText-upvoteShaded80: #cc3700; 1140 | --newCommunityTheme-voteText-upvoteTinted80: #ff6a32; 1141 | --newCommunityTheme-widgetColors-lineColor: rgba(26,26,27,0.07); 1142 | --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #FFFFFF; 1143 | --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: #ccc; 1144 | --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: #FFFFFF; 1145 | --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(255,255,255,0.6); 1146 | --newCommunityTheme-widgetColors-sidebarWidgetTextColor: #1A1A1B; 1147 | --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: #141415; 1148 | --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: #1A1A1B; 1149 | --newRedditTheme-actionIcon: #878A8C; 1150 | --newRedditTheme-actionIconAlpha20: rgba(135,138,140,0.2); 1151 | --newRedditTheme-actionIconAlpha50: rgba(135,138,140,0.5); 1152 | --newRedditTheme-actionIconShaded80: #6c6e70; 1153 | --newRedditTheme-actionIconTinted80: #9fa1a3; 1154 | --newRedditTheme-active: var(--light---fill--color---accent---default); 1155 | --newRedditTheme-activeAlpha10: rgba(36,160,237,0.1); 1156 | --newRedditTheme-activeAlpha20: rgba(36,160,237,0.2); 1157 | --newRedditTheme-activeAlpha50: rgba(36,160,237,0.5); 1158 | --newRedditTheme-activeLight60: #42adf0; 1159 | --newRedditTheme-activeShaded80: #1c80bd; 1160 | --newRedditTheme-activeShaded90: #2090d5; 1161 | --newRedditTheme-activeTinted05: #f4fafe; 1162 | --newRedditTheme-banner-backgroundColor: var(--light---fill--color---accent---default); 1163 | --newRedditTheme-banner-backgroundImage: initial; 1164 | --newRedditTheme-banner-backgroundImagePosition: cover; 1165 | --newRedditTheme-banner-communityNameFormat: slashtag; 1166 | --newRedditTheme-banner-height: 64; 1167 | --newRedditTheme-banner-iconColor: var(--light---fill--color---accent---default); 1168 | --newRedditTheme-banner-iconDimensions-borderRadius: 24; 1169 | --newRedditTheme-banner-iconDimensions-customSize: 32; 1170 | --newRedditTheme-banner-iconDimensions-padding: 6; 1171 | --newRedditTheme-banner-iconDimensions-size: 24; 1172 | --newRedditTheme-banner-iconImage: initial; 1173 | --newRedditTheme-banner-lineHeight: 38; 1174 | --newRedditTheme-banner-positionedImage: initial; 1175 | --newRedditTheme-banner-positionedImageAlignment: cover; 1176 | --newRedditTheme-banner-positionedImageHeight: 48; 1177 | --newRedditTheme-banner-secondaryBannerPositionedImage: initial; 1178 | --newRedditTheme-body: #FFFFFF; 1179 | --newRedditTheme-bodyAlpha50: rgba(255,255,255,0.5); 1180 | --newRedditTheme-bodyAlpha70: rgba(255,255,255,0.7); 1181 | --newRedditTheme-bodyAlpha80: rgba(255,255,255,0.8); 1182 | --newRedditTheme-bodyFade: #FFFFFF00; 1183 | --newRedditTheme-bodyShaded80: #ccc; 1184 | --newRedditTheme-bodyText: var(--light---fill--color---text---primary); 1185 | --newRedditTheme-bodyTextAlpha03: rgba(28,28,28,0.03); 1186 | --newRedditTheme-bodyTextAlpha20: rgba(28,28,28,0.2); 1187 | --newRedditTheme-bodyTextShaded20: #050505; 1188 | --newRedditTheme-bodyTextTinted20: #d1d1d1; 1189 | --newRedditTheme-bodyTinted50: #fff; 1190 | --newRedditTheme-bodyTinted80: #fff; 1191 | --newRedditTheme-button: var(--light---fill--color---accent---default); 1192 | --newRedditTheme-buttonAlpha05: rgba(0,121,211,0.05); 1193 | --newRedditTheme-buttonAlpha10: rgba(0,121,211,0.1); 1194 | --newRedditTheme-buttonAlpha20: rgba(0,121,211,0.2); 1195 | --newRedditTheme-buttonAlpha40: rgba(0,121,211,0.4); 1196 | --newRedditTheme-buttonAlpha50: rgba(0,121,211,0.5); 1197 | --newRedditTheme-buttonAlpha80: rgba(0,121,211,0.8); 1198 | --newRedditTheme-buttonShaded80: #0060a8; 1199 | --newRedditTheme-buttonTinted20: #cce4f6; 1200 | --newRedditTheme-buttonTinted50: #7fbce9; 1201 | --newRedditTheme-buttonTinted80: #3293db; 1202 | --newRedditTheme-canvas: #e800ff; 1203 | --newRedditTheme-checkbox: #000000; 1204 | --newRedditTheme-errorText: #FF0000; 1205 | --newRedditTheme-field: #F6F7F8; 1206 | --newRedditTheme-fieldFade: #F6F7F800; 1207 | --newRedditTheme-flair: #EDEFF1; 1208 | --newRedditTheme-highlight: #e9f5fd; 1209 | --newRedditTheme-inactive: #EDEFF1; 1210 | --newRedditTheme-invertFilter: invert(0); 1211 | --newRedditTheme-lightText: #FFFFFF; 1212 | --newRedditTheme-lightTextAlpha75: rgba(255,255,255,0.75); 1213 | --newRedditTheme-line: var(--light---stroke--color---control--stroke---default); 1214 | --newRedditTheme-lineShaded80: #bdbfc0; 1215 | --newRedditTheme-lineShaded90: #d5d7d8; 1216 | --newRedditTheme-linkText: #0079D3; 1217 | --newRedditTheme-linkTextAlpha80: rgba(0,121,211,0.5); 1218 | --newRedditTheme-linkTextShaded80: #0060a8; 1219 | --newRedditTheme-linkTextTinted80: #3293db; 1220 | --newRedditTheme-linkTextWithBody: #3f9ade; 1221 | --newRedditTheme-menu: #FFFFFF; 1222 | --newRedditTheme-menuActiveText: #0079D3; 1223 | --newRedditTheme-menuButtonBackground-active: rgba(0,0,0,0.08); 1224 | --newRedditTheme-menuButtonBackground-focus: rgba(0,0,0,0.12); 1225 | --newRedditTheme-menuButtonBackground-hover: rgba(0,0,0,0.04); 1226 | --newRedditTheme-menuInactiveText: #0079D3; 1227 | --newRedditTheme-metaText: #7c7c7c; 1228 | --newRedditTheme-metaTextAlpha50: rgba(120,124,126,0.5); 1229 | --newRedditTheme-metaTextShaded80: #606364; 1230 | --newRedditTheme-monospaceColor: #FF006D; 1231 | --newRedditTheme-navBar-activeLink: #E9F5FD; 1232 | --newRedditTheme-navBar-activeSubmenuCaret: var(--light---fill--color---accent---default); 1233 | --newRedditTheme-navBar-activeSubmenuLink: var(--light---fill--color---accent--text---primary); 1234 | --newRedditTheme-navBar-backgroundColor: var(--light---fill--color---accent---default); 1235 | --newRedditTheme-navBar-backgroundImage: initial; 1236 | --newRedditTheme-navBar-hoverLink: #E9F5FD; 1237 | --newRedditTheme-navBar-inactiveLink: #EDEFF1; 1238 | --newRedditTheme-navBar-inactiveSubmenuCaret: #42adf0; 1239 | --newRedditTheme-navBar-inactiveSubmenuLink: #42adf0; 1240 | --newRedditTheme-navBar-submenuBackgroundColor: #def1fc; 1241 | --newRedditTheme-navIcon: var(--light---fill--color---text---primary); 1242 | --newRedditTheme-navIconFaded10: rgba(26,26,27,0.1); 1243 | --newRedditTheme-nsfw: rgba(196, 43, 28, 1); 1244 | --newRedditTheme-nsfwBlocking-bgcolor: #edeff1; 1245 | --newRedditTheme-nsfwBlocking-color: #030303; 1246 | --newRedditTheme-nsfwBlocking-contentTitleBgColor: #f6f7f8; 1247 | --newRedditTheme-nsfwBlocking-mainCtaBgColor: #fff; 1248 | --newRedditTheme-orangeRed: rgba(0, 95, 184, 1); 1249 | --newRedditTheme-pageHeader: #0079D3; 1250 | --newRedditTheme-placeholder: #d6d6d6; 1251 | --newRedditTheme-post: #FFFFFF; 1252 | --newRedditTheme-postError: #ffe5e5; 1253 | --newRedditTheme-postFlairText: #1A1A1B; 1254 | --newRedditTheme-postIcon: #898989; 1255 | --newRedditTheme-postLine: var(--light---stroke--color---card--stroke---default); 1256 | --newRedditTheme-postLineShaded80: #a3a3a3; 1257 | --newRedditTheme-postLineShaded90: #b7b7b7; 1258 | --newRedditTheme-postTinted20: #fff; 1259 | --newRedditTheme-postTransparent20: rgba(255,255,255,0.8); 1260 | --newRedditTheme-quarantine: #ffb000; 1261 | --newRedditTheme-report: #fff7e5; 1262 | --newRedditTheme-search-syntaxHighlightBackgroundColor: #E9F5FD; 1263 | --newRedditTheme-search-syntaxHighlightColor: #1A1A1A; 1264 | --newRedditTheme-titleText: #1A1A1B; 1265 | --newRedditTheme-upsell-appleIcon: #000000; 1266 | --newRedditTheme-upsell-ssoButtonBorderColor: #D3D6DA; 1267 | --newRedditTheme-upsell-ssoButtonTextColor: #3D4043; 1268 | --newRedditTheme-voteIcons-downvoteActive: initial; 1269 | --newRedditTheme-voteIcons-downvoteInactive: initial; 1270 | --newRedditTheme-voteIcons-upvoteActive: initial; 1271 | --newRedditTheme-voteIcons-upvoteInactive: initial; 1272 | --newRedditTheme-voteText-base: #898989; 1273 | --newRedditTheme-voteText-downvote: #7193FF; 1274 | --newRedditTheme-voteText-downvoteShaded80: #5a75cc; 1275 | --newRedditTheme-voteText-downvoteTinted80: #8da8ff; 1276 | --newRedditTheme-voteText-upvote: #FF4500; 1277 | --newRedditTheme-voteText-upvoteShaded80: #cc3700; 1278 | --newRedditTheme-voteText-upvoteTinted80: #ff6a32; 1279 | --newRedditTheme-widgetColors-lineColor: rgba(26,26,27,0.07); 1280 | --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--light---background---fill--color---card--background---default); 1281 | --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--light---stroke--color---card--stroke---default); 1282 | --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: #FFFFFF; 1283 | --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(255,255,255,0.6); 1284 | --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--light---fill--color---text---primary); 1285 | --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--light---fill--color---text---secondary); 1286 | --newRedditTheme-widgetColors-sidebarWidgetTitleColor: #1A1A1B; 1287 | --subredditContext-emojiHeight: initial; 1288 | --subredditContext-emojiWidth: initial; 1289 | } 1290 | ._2DJXORCrmcNpPTSq0LqL6i { 1291 | background-color: var(--light---background---fill--color---smoke---default); 1292 | bottom: 0; 1293 | height: 100%; 1294 | left: 0; 1295 | position: fixed; 1296 | right: 0; 1297 | width: 100%; 1298 | z-index: 50; 1299 | } 1300 | ._1G4yU68P50vRZ4USXfaceV { 1301 | background-color: var(--light---background---fill--color---card--background---default); 1302 | color: var(--light---fill--color---text---primary); 1303 | fill: var(--light---fill--color---text---primary); 1304 | border: none; 1305 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1306 | border-radius: 4px; 1307 | overflow: visible; 1308 | word-wrap: break-word; 1309 | } 1310 | ._3Im6OD67aKo33nql4FpSp_ { 1311 | border: none; 1312 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1313 | } 1314 | ._2jJNpBqXMbbyOiGCElTYxZ { 1315 | background-color: var(--light---background---fill--color---card--background---default); 1316 | border-radius: 7px; 1317 | border: none; 1318 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1319 | } 1320 | ._3-miAEojrCvx_4FQ8x3P-s .YszYBnnIoNY8pZ6UwCivd:focus, ._3-miAEojrCvx_4FQ8x3P-s .YszYBnnIoNY8pZ6UwCivd:hover { 1321 | background-color: var(--light---fill--color---subtle---secondary); 1322 | transition: 0.083s; 1323 | } 1324 | .kU8ebCMnbXfjCWfqn0WPb:focus, .kU8ebCMnbXfjCWfqn0WPb:hover { 1325 | background-color: var(--light---fill--color---subtle---secondary); 1326 | outline: none; 1327 | transition: 0.083s; 1328 | } 1329 | ._1x6pySZ2CoUnAfsFhGe7J1:focus, ._1x6pySZ2CoUnAfsFhGe7J1:hover { 1330 | background-color: var(--light---fill--color---subtle---secondary); 1331 | outline: none; 1332 | transition: 0.083s; 1333 | } 1334 | ._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:focus, ._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:hover { 1335 | background-color: var(--light---fill--color---subtle---secondary); 1336 | outline: none; 1337 | transition: 0.083s; 1338 | } 1339 | .PH-V9ggsF2mi5JTDmDqdR:focus, .PH-V9ggsF2mi5JTDmDqdR:hover { 1340 | background-color: var(--light---fill--color---subtle---secondary); 1341 | outline: none; 1342 | transition: 0.083s; 1343 | } 1344 | .h-jI8r2f9ozTNqu_2TBeY { 1345 | background-color: var(--light---fill--color---control---default); 1346 | } 1347 | /*front page, r/all, r/popular*/ 1348 | /*Background1*/ 1349 | ._31N0dvxfpsO6Ur5AKx4O5d, 1350 | ._3ozFtOe6WpJEMUtxDOIvtU, 1351 | ._1gVVmSnHZpkUgVShsn7-ua { 1352 | background: url(https://raw.githubusercontent.com/tobyisawesome/fluentreddit/main/RedditLight.png); 1353 | background-attachment:fixed; 1354 | } 1355 | ._1poyrkZ7g36PawDueRza-J { 1356 | background: transparent !important; 1357 | position: relative; 1358 | } 1359 | ._1RYN-7H8gYctjOQeL8p2Q7 { 1360 | border:none; 1361 | box-shadow: 0 0 0 1px rgba(0,0,0,.05); 1362 | background: var(--light---background---fill--color---card--background---default) 1363 | } 1364 | ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp { 1365 | backdrop-filter: blur(30px); 1366 | } 1367 | ._1DeR7_QiQnu2UK0e2dDfYD { 1368 | background-color:rgba(255, 255, 255, 0.699999988079071) !important; 1369 | } 1370 | ._1DeR7_QiQnu2UK0e2dDfYD ._1K7ubH9z5v9E6C19j2fjQU { 1371 | background-color: transparent; 1372 | } 1373 | ._2lHXa-mLMsRfm1Q5JxgU4r, .REwsaLIz5u3DhM7zbbzIU, .bE7JgM2ex7W3aF3zci5bm, .FeLWdhOO-cVXowAo3Rndk, ._3Qkp11fjcAw9I9wtLo8frE { 1374 | background-color: var(--light---background---fill--color---card--background---default); 1375 | border: transparent; 1376 | box-shadow: 0 0 0 1px rgba(0,0,0,.05); 1377 | } 1378 | .lnK0-OzG7nLFydTWuXGcY { 1379 | letter-spacing: normal; 1380 | } 1381 | ._10BQ7pjWbeYP63SAPNS8Ts { 1382 | position: relative; 1383 | background-color: var(--newCommunityTheme-button); 1384 | border: none; 1385 | color: var(--light---fill--color---text--on--accent---primary); 1386 | fill: var(--light---fill--color---text--on--accent---primary); 1387 | } 1388 | .NiNJXib52w4C8FUidB5af { 1389 | border-radius: 4px !important; 1390 | margin-top: 2px; 1391 | margin-bottom: 2px; 1392 | } 1393 | ._3fbofimxVp_hpVM6I1TGMS, ._1pjbWqnK8P0fDmz8PgLxXY { 1394 | border-radius: 4px !important; 1395 | margin-top: 2px; 1396 | margin-bottom: 2px; 1397 | } 1398 | /* Define a slide-in animation */ 1399 | @keyframes slide-in { 1400 | from { 1401 | /* Start from the right edge of the screen */ 1402 | transform: translateX(100%); 1403 | } 1404 | to { 1405 | /* End at the original position */ 1406 | transform: translateX(0); 1407 | } 1408 | } 1409 | 1410 | /* Apply the animation to the element */ 1411 | ._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp { 1412 | /* Add the animation name, duration and easing */ 1413 | animation-name: slide-in; 1414 | animation-duration: 0.3s; 1415 | animation-timing-function: cubic-bezier(0,0,0,1); 1416 | } 1417 | 1418 | ._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp { 1419 | border-radius: 8px; 1420 | border: none; 1421 | -ms-flex-pack: end; 1422 | justify-content: flex-end; 1423 | margin-top: 4px; 1424 | padding-right: 4px; 1425 | padding-left: 4px; 1426 | padding-bottom: 8px; 1427 | padding-top: 8px; 1428 | width: 252px; 1429 | box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1430 | backdrop-filter: blur(30px); 1431 | background: rgba(252, 252, 252, 0.85) !important; 1432 | } 1433 | ._3z4bYCMDgBrJ-Be0By6hNr { 1434 | color: var(--light---fill--color---text---secondary) !important; 1435 | } 1436 | ._2XCnMY85ivEZUL6cAgK0nV { 1437 | box-sizing: border-box; 1438 | color: var(--light---fill--color---text---secondary) !important; 1439 | } 1440 | ._3LwUIE7yX7CZQKmD2L87vf { 1441 | border: none !important; 1442 | margin-top: 2px; 1443 | margin-bottom: 2px; 1444 | } 1445 | ._2uYY-KeuYHKiwl-9aF0UiL { 1446 | border: none; 1447 | border-radius: 8px; 1448 | box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1449 | color: var(--newCommunityTheme-bodyText); 1450 | overflow: hidden; 1451 | backdrop-filter: blur(30px); 1452 | position: absolute; 1453 | z-index: 10; 1454 | padding-top: 2px; 1455 | padding-bottom: 2px; 1456 | padding-left: 4px; 1457 | padding-right: 4px; 1458 | } 1459 | ._3LwUIE7yX7CZQKmD2L87vf { 1460 | font-size: 14px; 1461 | font-weight: 500; 1462 | line-height: 18px; 1463 | display: block; 1464 | padding: 8px; 1465 | text-transform: capitalize; 1466 | white-space: nowrap; 1467 | color: var(--light---fill--color---text---primary); 1468 | fill: var(--light---fill--color---text---primary); 1469 | } 1470 | ._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:active, ._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:focus, ._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:hover { 1471 | color: var(--newRedditTheme-bodyText); 1472 | fill: var(--newRedditTheme-bodyText); 1473 | background-color: var(--light---fill--color---subtle---secondary); 1474 | transition: 0.083s; 1475 | outline: none; 1476 | } 1477 | ._3fbofimxVp_hpVM6I1TGMS:hover { 1478 | background: var(--newCommunityTheme-menuButtonBackground-hover); 1479 | transition: 0.083s; 1480 | } 1481 | .nBh6t8H3UNZpI1Ce9s6yQ:hover { 1482 | background: var(--newCommunityTheme-menuButtonBackground-hover); 1483 | transition: 0.083s; 1484 | } 1485 | .NiNJXib52w4C8FUidB5af:hover { 1486 | background: var(--light---fill--color---subtle---secondary); 1487 | transition: 0.083s; 1488 | } 1489 | .NiNJXib52w4C8FUidB5af:focus { 1490 | background: var(--light---fill--color---subtle---tertiary); 1491 | } 1492 | ._3fbofimxVp_hpVM6I1TGMS:focus { 1493 | background: var(--light---fill--color---subtle---tertiary); 1494 | } 1495 | ._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp { 1496 | border-radius: 8px; 1497 | border: none; 1498 | -ms-flex-pack: end; 1499 | justify-content: flex-end; 1500 | margin-top: 4px; 1501 | padding-right: 4px; 1502 | padding-left: 4px; 1503 | padding-bottom: 8px; 1504 | padding-top: 8px; 1505 | width: 252px; 1506 | box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1507 | backdrop-filter: blur(30px); 1508 | } 1509 | @keyframes fadeIn { 1510 | from { 1511 | opacity: 0; 1512 | } 1513 | to { 1514 | opacity: 1; 1515 | } 1516 | } 1517 | 1518 | @keyframes fadeOut { 1519 | from { 1520 | opacity: 1; 1521 | } 1522 | to { 1523 | opacity: 0; 1524 | } 1525 | } 1526 | 1527 | .fade-in { 1528 | animation: fadeIn linear 83ms; 1529 | } 1530 | 1531 | .fade-out { 1532 | animation: fadeOut linear 83ms; 1533 | } 1534 | 1535 | ._2uYY-KeuYHKiwl-9aF0UiL { 1536 | animation-name: fadeIn; 1537 | animation-duration: 83ms; 1538 | animation-timing-function: cubic-bezier(0,0,0,1); 1539 | } 1540 | ._1j2O3iNM1HoiXK7B2dmp7b { 1541 | background-color: transparent; 1542 | } 1543 | ._3uIlo4RbXf8gjMYw0yP_Jj { 1544 | letter-spacing: normal; 1545 | } 1546 | ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp { 1547 | background-color: rgba(252, 252, 252, 0.85) !important; 1548 | border-bottom: none; 1549 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1550 | } 1551 | a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP { 1552 | background: transparent !important; 1553 | transition: 0.083s; 1554 | } 1555 | a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP:hover { 1556 | background: var(--light---fill--color---subtle---secondary) !important; 1557 | transition: 0.083s; 1558 | } 1559 | a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP:focus { 1560 | background: var(--light---fill--color---subtle---tertiary) !important; 1561 | transition: 0.083s; 1562 | } 1563 | ._2lHXa-mLMsRfm1Q5JxgU4r:hover, ._3Qkp11fjcAw9I9wtLo8frE:hover { 1564 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(0,0,0,.05); 1565 | border: none; 1566 | } 1567 | ._2lHXa-mLMsRfm1Q5JxgU4r:hover, .REwsaLIz5u3DhM7zbbzIU:hover, .bE7JgM2ex7W3aF3zci5bm:hover, .FeLWdhOO-cVXowAo3Rndk:hover, ._3Qkp11fjcAw9I9wtLo8frE:hover { 1568 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(0,0,0,.05); 1569 | border: none; 1570 | } 1571 | .wBtTDilkW_rtT2k5x3eie { 1572 | background-color: var(--newCommunityTheme-body); 1573 | border: none; 1574 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0578); 1575 | } 1576 | ._3SDj_IT6ZaqCbKfC4eTjb2 { 1577 | border-bottom: 1px solid var(--light---stroke--color---divider--stroke---default); 1578 | } 1579 | .Rz5N3cHNgTGZsIQJqBfgk { 1580 | color: var(--light---fill--color---text---secondary); 1581 | } 1582 | ._2pXW42IYsGP59qZnjAnkAx { 1583 | color: var(--light---fill--color---text---secondary); 1584 | } 1585 | .ssgs3QQidkqeycI33hlBa { 1586 | color: var(--light---fill--color---text---primary) !important; 1587 | } 1588 | } 1589 | --------------------------------------------------------------------------------