Advertisement
Henzo09

EZZ DARK MODE

Oct 18th, 2024
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 20.48 KB | None | 0 0
  1. /**
  2.  * @name EZZ THEME DARK
  3.  * @author HENZO
  4.  * @description DARK THEME
  5.  * @version 1.0.0Z
  6.  */
  7.  
  8.  .app_a01fb1 {
  9.     background-image: url(https://images8.alphacoders.com/767/767470.jpg);
  10.     background-size: cover;
  11.     background-color: transparent;
  12. }
  13.  
  14. .theme-dark .scrollerContainer_c6b11b,
  15. .theme-dark .emptyPage_c6b11b,
  16. .separator_c6b11b {
  17.   background-color: transparent;
  18. }
  19.  
  20. #app-mount .container_f1fd9c /* Channel and Roles */,
  21. #app-mount .header_f1fd9c {
  22.   background-color: transparent !important;
  23. }
  24.  
  25. .pageBody_c2efea {
  26.   background: none;
  27. }
  28.  
  29.  
  30. /* (*NEW*) Members List */
  31. .page_d20375 /* (Members List *NEW*) */ {
  32.     background: none!important;
  33.   }
  34.  
  35.   .mainTableContainer_e23072  /* (Members List Background *NEW*) */ {
  36.     background: rgba(0, 0, 0, .6);
  37.     box-shadow: none;
  38.   }
  39.  
  40.   .memberRowContainer_a39fe9:hover td {
  41.     background-color: black;
  42.   }
  43.  
  44.   .container_f51af4 /* Mod View Menu */,
  45.   .header_f51af4 /* Mod View Header */ {
  46.     box-shadow: none;
  47.     background-color: black !important;
  48.   }
  49.  
  50.   .keyComboInner_f51af4,
  51.   .keyComboInner_c11c02 /* (When opening the messages) */ {
  52.     color: white!important;
  53.   }
  54.  
  55.   .memberRowContainer_a39fe9.memberSelected_a39fe9 td {
  56.     background: rgba(255, 255, 255, .1);
  57.   }
  58.  
  59.   .headerContainer_a507b4 .eyebrow_dc00ef {
  60.     color: white !important;
  61.   }
  62.  
  63.   .viewAllPermissions_a507b4 path {
  64.     fill: white;
  65.   }
  66.  
  67.   .innerContainer_d2194f /* Word Color Change inside the menu */ {
  68.     color: white;
  69.   }
  70.  
  71.   .container_d936aa /* Top Row Layer */ {
  72.     border-radius: 3px;
  73.     background-color: transparent;
  74.     box-shadow: none;
  75.     border: 1px solid rgba(205, 205, 205, .3);
  76.   }
  77.  
  78.   .topRow_d936aa,
  79.   .bottomRowAction_d936aa {
  80.     background-color: rgba(205, 205, 205, .1) !important;
  81.   }
  82.  
  83.   #app-mount .bottomRowAction_d936aa,
  84.   #app-mount .bottomRowAction_d936aa .text-sm\/normal_dc00ef {
  85.     color: white;
  86.   }
  87.  
  88.   #app-mount .bottomRowAction_d936aa path {
  89.     fill: white;
  90.   }
  91.  
  92.   .topRow_d936aa :where([style*="color:"]) {
  93.     color: white !important;
  94.   }
  95.  
  96.   .memberRowContainer_a39fe9 td:after {
  97.     background: none;
  98.   }
  99.  
  100.   .paginationContainer_cb152b {
  101.     border-top: none;
  102.   }
  103.  
  104.   .modInfoAction_ce9fb9 {
  105.     color: white;
  106.     box-shadow: none;
  107.   }
  108.  
  109.   .modInfoItemContainer_ce9fb9 {
  110.     border-radius: 3px;
  111.     box-shadow: none;
  112.   }
  113.  
  114.   #app-mount .modInfoAction_ce9fb9 {
  115.     color: white;
  116.   }  
  117.  
  118.   .theme-dark .modInfoItem_ce9fb9 :where(.text-sm\/semibold_dc00ef, .text-sm\/medium_dc00ef) {
  119.     color: white !important;
  120.   }
  121.  
  122.   .modInfoItem_ce9fb9 path {
  123.     fill: white;
  124.   }
  125.  
  126.   .modInfoItem_ce9fb9 {
  127.     background-color: rgba(205, 205, 205, .2) !important;
  128.     border: 1px solid rgba(205, 205, 205, .3);
  129.     box-shadow: none;
  130.   }
  131.  
  132.   .backButton_c11c02 path /* (When opening the messages) */ {
  133.     fill: white;
  134.   }
  135.  
  136.   .channelNameIcon_a9e225,
  137.   .channelNameText_a9e225,
  138.   .parentChannelNameIcon_a9e225 /* (When opening the messages) */ {
  139.     color: white;
  140.   }
  141.  
  142.   #app-mount .searchResult_ddc613 /* (When opening the messages) */ {
  143.     background-color: rgba(205, 205, 205, .2) !important;
  144.     border: 1px solid rgba(205, 205, 205, .3);
  145.     border-radius: 3px;
  146.   }
  147.  
  148.   .innerContainer_f328ee li>div {
  149.     background-color: transparent!important;
  150.     box-shadow: none;
  151.   }
  152.  
  153.   .otherRoles_a39fe9,
  154.   #app-mount .button_a39fe9 {
  155.     border-radius: 3px;
  156.     background-color: rgba(205, 205, 205, .2);
  157.     border: 1px solid rgba(205, 205, 205, .3);
  158.   }
  159.  
  160.   .addRoleIcon_a39fe9,
  161.   #app-mount .actionCell_a39fe9 {
  162.     color: white;
  163.   }
  164.  
  165.   #app-mount .selected_eef3ef {
  166.     background-color: black;
  167.   }
  168.  
  169.   #app-mount .button_edead5 {
  170.     background: rgba(205, 205, 205, .2);
  171.     color:white;
  172.     border: 2px outset rgba(205, 205, 205, .3);
  173.   }
  174.  
  175.   .section_ba4d80 .defaultColor_e9e35f {
  176.     color: white !important;
  177.   }
  178.  
  179.   .emptyText_e4be58 {
  180.     color: white;
  181.   }
  182.  
  183.   .theme-dark .statusBubble_d0a252 {
  184.     background-color: #151A23;
  185.   }
  186.  
  187.   .theme-dark .statusBubbleOuter_d0a252:before,
  188.   .theme-dark .statusBubbleOuter_d0a252:after,
  189.   .theme-dark .statusBubbleOuter_d0a252 {
  190.     background-color: #151A23;
  191.     box-shadow: none;
  192.     border: 1px solid black;
  193.   }
  194.  
  195.   .actionIcon_f6f816 path {
  196.     fill: white;
  197.   }
  198.  
  199.   .theme-dark .color_a80370 /* (Add Note) */,
  200.   .userTagUsername_c32acf {
  201.     color: white;
  202.   }
  203.  
  204.   .pronouns_c32acf {
  205.     color: white !important;
  206.   }
  207.  
  208.   #app-mount .activity_cd74cc {
  209.     background: rgba(205, 205, 205, .3);
  210.     border-radius: 3px;
  211.     border: 2px outset rgba(205, 205, 205, .5);
  212.   }
  213.  
  214.   .permissionChiplet_a507b4 .text-xs\/medium_dc00ef,
  215.   .modInfoItem_ce9fb9 .text-sm\/normal_dc00ef {
  216.     color: white !important;
  217.   }
  218.   /* (*NEW*) Members List */
  219.  
  220.  
  221.  
  222. .theme-dark .uploadModal_f82cc7 {
  223.     background-color: transparent;
  224. }
  225.  
  226. .countContainer_a6d69a {
  227.     background-color: #61a5d8;
  228. }
  229.  
  230. .preview_bdfce3 {
  231.     color: white;
  232. }
  233.  
  234. .root-2s1-ri>* {
  235.     background-color: transparent;
  236. }
  237.  
  238. .avatarWrapper_b2ca13:hover {
  239.     background-color: rgba(0, 0, 0, .3);
  240.     border-radius: 4px;
  241.     border: 1px solid #00aeff;
  242.     color: white;
  243. }
  244.  
  245. .theme-light .messageContainer_da1bd9 {
  246.     background-color: #181818;
  247. }
  248.  
  249. .background-3X6N7I {
  250.     background-color: transparent;
  251. }
  252.  
  253. .reactionTooltipText-iAWHhX a {
  254.     color: #00DFF1;
  255.     font-weight: bold;
  256.     background-color: black;
  257.     padding: 2px;
  258. }
  259.  
  260. .bg_d4b6c5 {
  261.     background-color: transparent;
  262. }
  263.  
  264. .layers_a01fb1 {
  265.     background-color: rgba(0, 0, 0, .65);
  266. }
  267.  
  268. .container_fc4f04.themed_fc4f04,
  269. .chat_a7d72e,
  270. .members_cbd271,
  271. .members_cbd271>div,
  272. .chat_a7d72e,
  273. .container_cbd271,
  274. .theme-dark .container_ee69e0,
  275. .sidebar_a4d4d9,
  276. .theme-dark .scroller_fea3ef,
  277. .wrapper_fea3ef {
  278.     background: transparent !important;
  279. }
  280.  
  281.  
  282. .panels_a4d4d9 {
  283.     background-color: rgba(0, 0, 0, .25);
  284. }
  285.  
  286. .theme-dark .container_eedf95 {
  287.     background-image: -webkit-repeating-linear-gradient(-48deg, #000000 30%, #1a1a1a 35%);
  288. }
  289.  
  290. .theme-dark .elevationBorderHigh_ff8688 {
  291.     box-shadow: none;
  292. }
  293.  
  294. .theme-dark .resultsGroup_b0286e .header_b0286e,
  295. .theme-dark .resultsGroup_b0286e .plusIcon_b0286e,
  296. .theme-dark .resultsGroup_b0286e .searchClearHistory_b0286e,
  297. .theme-dark .resultsGroup_b0286e .searchLearnMore_b0286e a {
  298.     color: white;
  299. }
  300.  
  301. .theme-dark .resultsGroup_b0286e:before {
  302.     border-top: none;
  303. }
  304.  
  305. .option_b0286e {
  306.  
  307.     font-size: 13px;
  308.     border-radius: 6px;
  309. }
  310.  
  311. .theme-dark .searchResultChannelCategory_b0286e,
  312. .theme-dark .searchResultChannelIcon_b0286e {
  313.     color: silver;
  314. }
  315.  
  316. .theme-dark .option_b0286e .answer_b0286e,
  317. .theme-dark .option_b0286e .nonText_b0286e,
  318. .theme-dark .option_b0286e strong {
  319.     color: white;
  320. }
  321.  
  322. .plusIcon_b0286e {
  323.     opacity: 1;
  324. }
  325.  
  326. .theme-dark .option_b0286e:after,
  327. .theme-dark .option_b0286e:hover:after,
  328. .theme-dark .option_b0286e[aria-selected=true]:after {
  329.     background: none;
  330. }
  331.  
  332. .theme-dark .option_b0286e[aria-selected=true] {
  333.     background-color: rgba(97, 164, 216, .79);
  334.     border: 2px outset rgba(255, 255, 255, .33);
  335. }
  336.  
  337. .theme-dark .option_b0286e:hover {
  338.     background-color: rgba(0, 0, 0, .25);
  339. }
  340.  
  341. .option_b0286e.user_b0286e .displayAvatar_b0286e {
  342.     border-radius: 5px;
  343. }
  344.  
  345. .theme-dark .option_b0286e.user_b0286e .displayedNick_b0286e {
  346.     color: silver;
  347. }
  348.  
  349. .theme-dark .option_b0286e.user_b0286e .displayUsername_b0286e {
  350.     color: white;
  351. }
  352.  
  353. .applicationStreamingAvatar_cd82a7 .avatar_c51b4e,
  354. .voiceSectionGuildImage_cd82a7,
  355. .voiceSectionNoGuildImageWrapper_cd82a7,
  356. .voiceSectionAssets_cd82a7 {
  357.     border-radius: 4px;
  358. }
  359.  
  360. .theme-dark .voiceSectionIcon_cd82a7,
  361. .theme-dark .xboxSectionIcon_cd82a7 {
  362.     color: white;
  363. }
  364.  
  365. .partyMember_b448f2 foreignObject {
  366.     mask: none;
  367. }
  368.  
  369. .theme-dark .outer_ac5d22.active_ac5d22,
  370. .theme-dark .outer_ac5d22.interactive_ac5d22:hover {
  371.     background-color: rgba(0, 0, 0, 0.28);
  372. }
  373.  
  374. .partyMember_b448f2 .avatar_c51b4e {
  375.     border-radius: 5px;
  376. }
  377.  
  378. .partyMember_b448f2 {
  379.     -webkit-mask: none;
  380.     mask: none;
  381. }
  382.  
  383. .theme-dark .voiceSectionIconWrapper_cd82a7 {
  384.     background-color: #61a5d8;
  385. }
  386.  
  387. .voiceSectionIconWrapper_cd82a7 {
  388.     border-radius: 4px;
  389. }
  390.  
  391. .theme-dark .searchAnswer_b0fa94,
  392. .theme-dark .searchFilter_b0fa94 {
  393.     background-color: #61a5d8;
  394. }
  395.  
  396. .theme-dark .queryContainer_eedf95 {
  397.     color: white;
  398.     border-bottom-color: #61a5d8;
  399. }
  400.  
  401. .theme-dark .focused_eedf95 {
  402.     background-color: rgba(118, 171, 217, .70);
  403. }
  404.  
  405. .theme-dark .dim_c90023 .key_c90023 {
  406.     background-color: #61a5d8;
  407.     color: white;
  408. }
  409.  
  410. .theme-dark .combo_c90023 .key_c90023 {
  411.     color: white;
  412.     box-shadow: none;
  413. }
  414.  
  415. .combo_c90023 .key_c90023 {
  416.     background-color: #61a5d8;
  417.     border: 1px solid #76AAD9;
  418.     border-radius: 6px;
  419. }
  420.  
  421. .theme-dark .combo_c90023 {
  422.     color: white;
  423. }
  424.  
  425. .queryText_eedf95 {
  426.     text-transform: capitalize;
  427. }
  428.  
  429. .theme-dark .combo_c90023 .key_c90023:active {
  430.     color: white;
  431.     box-shadow: none;
  432.     border: 2px outset #76AAD9;
  433. }
  434.  
  435. .theme-dark .dim_c90023 .key_c90023:active {
  436.     color: white;
  437. }
  438.  
  439. .theme-dark .calendarPicker_be05cd .react-datepicker {
  440.     background-color: transparent;
  441. }
  442.  
  443. .theme-dark .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next,
  444. .theme-dark .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous {
  445.     border-color: transparent;
  446. }
  447.  
  448. .react-datepicker__month-read-view--down-arrow,
  449. .react-datepicker__month-year-read-view--down-arrow,
  450. .react-datepicker__navigation-icon:before,
  451. .react-datepicker__year-read-view--down-arrow {
  452.     border-color: white;
  453. }
  454.  
  455. .theme-dark .calendarPicker_be05cd .react-datepicker__header {
  456.     background-color: transparent;
  457.     border-color: transparent;
  458. }
  459.  
  460. .contentWrapper_f7506e {
  461.     background-color: rgba(0, 0, 0, .6);  
  462.     box-shadow: none;
  463. }
  464.  
  465.  
  466. .option_f6639d[aria-selected=true]:not(.option_f6639d.multi_f6639d) {
  467.     color: white !important;
  468.     background-color: black !important;
  469. }
  470.  
  471. .theme-dark .calendarPicker_be05cd .react-datepicker__current-month {
  472.     border-bottom-color: transparent;
  473.     color: white;
  474. }
  475.  
  476. .divider_b03b7f {
  477.     border: none;
  478. }
  479.  
  480. .calendarPicker_be05cd .react-datepicker__current-month {
  481.     font-weight: 400;
  482.     text-transform: capitalize;
  483. }
  484.  
  485. .theme-dark .calendarPicker_be05cd .react-datepicker__day-name {
  486.     color: white;
  487. }
  488.  
  489. .calendarPicker_be05cd .react-datepicker__day-name {
  490.     text-transform: capitalize;
  491. }
  492.  
  493. .calendarPicker_be05cd .react-datepicker__month * {
  494.     border: none !important;
  495. }
  496.  
  497. .theme-dark .calendarPicker_be05cd .react-datepicker__day--disabled,
  498. .theme-dark .calendarPicker_be05cd .react-datepicker__day--outside-month,
  499. .theme-dark .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled,
  500. .theme-dark .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled:hover {
  501.     background-color: rgba(216, 17, 17, .29);
  502.     color: rgba(246, 246, 247, .5);
  503. }
  504.  
  505. .theme-dark .calendarPicker_be05cd .react-datepicker__day {
  506.     color: white;
  507. }
  508.  
  509. .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--keyboard-selected,
  510. .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--selected:hover,
  511. .calendarPicker_be05cd .react-datepicker__day:hover {
  512.     background-color: #FFB21F;
  513. }
  514.  
  515. .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--selected:after {
  516.     background-color: #FFB21F;
  517. }
  518.  
  519. .theme-dark .datePicker_b0286e .datePickerHint_b0286e {
  520.     border-top: none;
  521. }
  522.  
  523. .theme-dark .datePicker_b0286e .datePickerHint_b0286e .hint_b0286e {
  524.     color: white;
  525. }
  526.  
  527. .theme-dark .datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e {
  528.     background-color: #61a5d8;
  529.     border: 1px solid rgba(255, 255, 255, .54);
  530. }
  531.  
  532. .theme-dark .datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e:hover {
  533.     border: 2px outset #76AAD9;
  534.     background-color: #76AAD9;
  535. }
  536.  
  537. .theme-dark .datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e:active {
  538.     border: 2px inset #61a5d8;
  539.     background-color: #61a5d8;
  540. }
  541.  
  542. .searchBar_a46bef {
  543.     border-radius: 7px;
  544.     color: white;
  545.     background-color: rgba(0, 0, 0, .25);
  546. }
  547.  
  548. .search_a46bef .DraftEditor-root .public-DraftEditorPlaceholder-root,
  549. .icon_effbe2 {
  550.     color: white;
  551. }
  552.  
  553. .iconBadge_fc4f04 {
  554.     width: 10px;
  555.     height: 10px;
  556.     border-radius: 4px;
  557.     background-color: #61A5D8;
  558. }
  559.  
  560.  
  561. .icon_fc4f04 {
  562.     color: white !important;
  563. }
  564.  
  565. .icon_fc4f04 foreignObject {
  566.     mask: none;
  567. }
  568.  
  569.  
  570. .searchHeader_b7c924,
  571. .header_ac90a2 {
  572.     background-color: transparent;
  573. }
  574.  
  575. .channelHeader_f3978e {
  576.     background-color: rgba(0, 0, 0, .25);
  577.     padding: 0 14px;
  578. }
  579.  
  580.  
  581. .searchResultsWrap_c2b47d,
  582. .messagesPopoutWrap_ac90a2,
  583. .container_f1c3d9 {
  584.     background-image: -webkit-repeating-linear-gradient(-48deg, #000000 30%, #1a1a1a 35%);
  585. }
  586.  
  587. .searchResult_ddc613,
  588. .messageGroupWrapper_ac90a2,
  589. .messages_c06487,
  590. .messageContainer_ddb5b4,
  591. .forumPost_c53f2f {
  592.     background-color: rgba(0, 0, 0, .55);
  593.     border: 2px solid black;
  594.     border-radius: 4px;
  595. }
  596.  
  597. .jumpButton_ac90a2,
  598. .button_ddc613 {
  599.     border-radius: 6px;
  600.     color: white !important;
  601.     background-color: rgba(0, 0, 0, .75);
  602. }
  603.  
  604. .avatar_ec86aa {
  605.     border-radius: 6px;
  606.     background-color: #61a5d8;
  607. }
  608.  
  609. .cozy_f9f2ca .header_f9f2ca {
  610.     color: white;
  611. }
  612.  
  613. .username_f9f2ca {
  614.     font-size: 15px;
  615.     font-weight: 700;
  616.     color: white;
  617. }
  618.  
  619. .cozy_f9f2ca .timestamp_f9f2ca,
  620. .brand_a0.item_a0,
  621. .themed_a0.item_a0,
  622. .brand_a0.item_a0:hover,
  623. .themed_a0.item_a0:hover,
  624. .selected_a0.item_a0,
  625. .selected_a0.item_a0:hover,
  626. .body_ac90a2 {
  627.     color: white;
  628. }
  629.  
  630. .tip_b5053a {
  631.     color: white;
  632.     opacity: 1;
  633. }
  634.  
  635. .side_a0 .themed_a0.item_a0:hover:not(.disabled_a0),
  636. .topPill_a0 .themed_a0.item_a0:hover:not(.disabled_a0) {
  637.     background-color: #76aad9;
  638.     border: 2px outset #76aad9;
  639. }
  640.  
  641. .side_a0 .themed_a0.selected_a0.item_a0,
  642. .topPill_a0 .themed_a0.selected_a0.item_a0 {
  643.     background-color: #61a5d8 !important;
  644.     border: 2px inset #61a5d8 !important;
  645. }
  646.  
  647. .channelNameText_a9e225 {
  648.     padding: 4px 8px;
  649.     background: rgba(0, 0, 0, .25);
  650.     color: white;
  651. }
  652.  
  653. .footer_ac90a2 {
  654.     background-color: transparent;
  655. }
  656.  
  657. .secondary_e258f5 {
  658.     color: white;
  659. }
  660.  
  661. .primary_a41c2a:hover:not(.disabled_e258f5),
  662. .secondary_e258f5 {
  663.     background-color: rgba(0, 0, 0, .25);
  664. }
  665.  
  666. .tertiary_e258f5:hover:not(.disabled_e258f5) {
  667.     background-color: rgba(0, 0, 0, .25);
  668.     color: white;
  669. }
  670.  
  671. .secondary_e258f5:hover:not(.disabled_e258f5),
  672. .tertiary_e258f5 {
  673.     background-color: rgba(0, 0, 0, .45);
  674.     color: white;
  675. }
  676.  
  677. .button_e258f5 {
  678.     border-radius: 5px;
  679. }
  680.  
  681. .colorHeaderSecondary-g5teka {
  682.     color: white;
  683. }
  684.  
  685. .menu_d90b3d {
  686.     box-shadow: none;
  687.     background-image: -webkit-repeating-linear-gradient(-48deg, #000000 30%, #1a1a1a 35%);
  688.     border-radius: 7px;
  689. }
  690.  
  691. .colorDefault_d90b3d {
  692.     color: white;
  693.     border-color: transparent;
  694. }
  695.  
  696. .colorDefault_d90b3d .checkbox_d90b3d,
  697. .colorDefault_d90b3d .radioSelection_d90b3d {
  698.     color: #00DFF1;
  699. }
  700.  
  701. .colorDefault_d90b3d.focused_d90b3d {
  702.     background-color: #76AAD9;
  703.     border: 2px outset #76AAD9;
  704. }
  705.  
  706. .colorDefault_d90b3d:active:not(.hideInteraction_d90b3d) {
  707.     background-color: #61A5D8;
  708.     border: 2px inset #61A5D8;
  709. }
  710.  
  711. .colorDefault_d90b3d.focused_d90b3d .check_d90b3d {
  712.     color: #00DFF1;
  713. }
  714.  
  715.  
  716. .lowMotion_b6db20 .item_b6db20 {
  717.     background-color: #FFEC65;
  718.     border-radius: 40px;
  719. }
  720.  
  721. .jumpButton_ac3dc2 {
  722.     background-color: #61A5D8;
  723.     border-radius: 6px;
  724. }
  725.  
  726. .jumpButton_ac3dc2 .text_ac3dc2 {
  727.     color: white !important;
  728. }
  729.  
  730. .markup_f8f345 a,
  731. .mutedChannelsHook_f1ed13 {
  732.     color: #94CEE6;
  733. }
  734.  
  735. .markup_f8f345 {
  736.     color: white;
  737. }
  738.  
  739. .mention {
  740.     border-radius: 3px;
  741.     padding: 0 2px;
  742. }
  743.  
  744. .theme-dark .wrapper_bf1b19 {
  745.     background: #61A5D8;
  746.     border: 2px solid #76AAD9;
  747.     color: white !important;
  748. }
  749.  
  750. .theme-dark .wrapper_bf1b19:hover {
  751.     background: #61A5D8;
  752.     border: 3px outset #76AAD9;
  753. }
  754.  
  755. .reactionCount_ec6b19 {
  756.     color: white !important;
  757. }
  758.  
  759. .reaction_ec6b19.reactionMe_ec6b19 {
  760.     background: rgba(97, 164, 216, .48);
  761.     border: 3px inset #61a5d8;
  762. }
  763.  
  764. .reaction_ec6b19 {
  765.     border-radius: 7px;
  766.     background: rgba(0, 0, 0, .25);
  767.     border: 3px solid #242424;
  768. }
  769.  
  770. /* ..reaction_2A2y9y */
  771.  
  772. .reaction_ec6b19:hover {
  773.     background-color: rgba(0, 0, 0, .55);
  774.     border: 3px outset #242424;
  775. }
  776.  
  777. .embedFull_b0068a {
  778.     border-left: none;
  779.     background: rgba(0, 0, 0, .45);
  780. }
  781.  
  782. .guildIcon_f3978e {
  783.     background-color: #61a5d8;
  784. }
  785.  
  786. .wrapper_da9f92 {
  787.     border-radius: 5px;
  788.     background-color: #61A5D8;
  789.     box-shadow: none;
  790.     text-shadow: none;
  791. }
  792.  
  793. .tutorial_f1c3d9 {
  794.     background-color: rgba(0, 0, 0, .55);
  795. }
  796.  
  797. .tutorialIcon_f1c3d9 {
  798.     background-color: #61A5D8;
  799.     border-radius: 5px;
  800.     color: white;
  801. }
  802.  
  803. .lookFilled_dd4f85.colorBrand_dd4f85 {
  804.     background-color: rgba(74, 94, 221, .66);
  805.     transition: background-color .6s;
  806. }
  807.  
  808. .lookFilled_dd4f85.colorBrand_dd4f85:hover {
  809.     background-color: rgba(31, 61, 255, .89);
  810. }
  811.  
  812. .theme-dark .tooltipPrimary_b6c360,
  813. .theme-dark .tooltipNested_b6c360 {
  814.     background-color: #61A5D8;
  815. }
  816.  
  817. .theme-dark .tooltip_b6c360 {
  818.     box-shadow: none;
  819.     color: white;
  820. }
  821.  
  822. .theme-dark .tooltipPrimary_b6c360 .tooltipPointer_b6c360 {
  823.     border-top-color: #61A5D8;
  824. }
  825.  
  826. #app-mount .divider_c2654d {
  827.     border-top: none;
  828. }
  829.  
  830. #app-mount .content_c2654d {
  831.     padding: 5px 8px;
  832.     color: white;
  833.     background: #61A5D8;
  834.     border-radius: 5px;
  835. }
  836.  
  837. .unreadPill_c2654d {
  838.     border-radius: 0 6px 6px 0;
  839.     text-transform: capitalize;
  840.     color: #fff;
  841.     background-color: #61A5D8;
  842. }
  843.  
  844. .unreadPillCapStroke_c2654d {
  845.     color: #61A5D8;
  846.     fill: #61A5D8;
  847. }
  848.  
  849. .updateIconForeground_ff5f90 {
  850.     fill: #61A5D8;
  851. }
  852.  
  853. .botTagRegular_a9e77f {
  854.     background: #61A5D8;
  855. }
  856.  
  857. .guildNameText_a6ae3c,
  858. .theme-dark .activityIcon_a6ae3c {
  859.     color: white;
  860. }
  861.  
  862. .size24_c47562 .avatarContainerMasked_c47562 foreignObject {
  863.     mask: none;
  864. }
  865.  
  866. .avatar_c47562 {
  867.     border-radius: 5px;
  868. }
  869.  
  870. .size24_c47562 .moreUsers_d03bba {
  871.     border-radius: 5px;
  872. }
  873.  
  874. .moreUsers_d03bba {
  875.     background-color: #76AAD9;
  876.     font-weight: 300;
  877.     color: white;
  878. }
  879.  
  880.  
  881. .container_e664f3 {
  882.     background-image: -webkit-repeating-linear-gradient(-48deg, #000000 30%, #1a1a1a 35%);
  883.     border-radius: 4px;
  884.     background-attachment: fixed;
  885. }
  886.  
  887.  
  888. .browser_f542fc {
  889.     border: #40cfff 2px groove;
  890.     box-shadow: #42baff 1px 2px 11px 6px;
  891. }
  892.  
  893. .header_f30e90 {
  894.     background-color: transparent;
  895. }
  896.  
  897. .closeIcon_e664f3,
  898. .threadIcon_e664f3,
  899. .searchIcon__28ffd {
  900.     color: white;
  901. }
  902.  
  903. .clear_ae4f46,
  904. .clear-wwSgAl {
  905.     color: gold;
  906. }
  907.  
  908. .icon_ebd74a,
  909. .icon_b0914a {
  910.     background-color: rgba(0, 0, 0, .7);
  911.     border-radius: 6px;
  912.     color: white;
  913. }
  914.  
  915. .container_acb8b3 {
  916.     background: #292929;
  917.     border-radius: 5px;
  918.     border: #4d4d4d 3px groove;
  919. }
  920.  
  921. .wrapper_c51b4e,
  922. .avatar_c51b4e {
  923.     border-radius: 5px !important;
  924. }
  925.  
  926. .avatar_acb8b3 foreignObject,
  927. .noAvatarIcon_acb8b3 foreignObject {
  928.     mask: none;
  929. }
  930.  
  931. .searchBox_e664f3 {
  932.     background-color: rgba(0, 0, 0, .45);
  933. }
  934.  
  935. .wrapper_b75bb9 {
  936.     background-color: transparent;
  937. }
  938.  
  939. .wrapper_cdfd51 {
  940.     background-color: rgba(0, 0, 0, .55);
  941. }
  942.  
  943. .avatar_b75bb9 {
  944.     border-radius: 4px;
  945. }
  946.  
  947. .attachment_b75bb9,
  948. .avatar_b75bb9,
  949. .blob_b75bb9 {
  950.     background-color: #61A5D8;
  951.     opacity: .5 !important;
  952. }
  953.  
  954. .uploadArea_f82cc7 {
  955.     background: rgba(0, 0, 0, .4);
  956. }
  957.  
  958. .uploadDropModal_f82cc7 .bgScale_f82cc7 {
  959.     border-radius: 4px;
  960.     background: #61A5D8;
  961. }
  962.  
  963. .uploadDropModal_f82cc7 .inner_f82cc7 {
  964.     border: none;
  965.     border-radius: 4px;
  966. }
  967.  
  968. .container_d1c246 {
  969.     background: rgba(0, 0, 0, .25);
  970. }
  971.  
  972. .iconWrapper_ec583a {
  973.     border-radius: 5px;
  974.     background-color: rgba(97, 164, 216, .72);
  975.     box-shadow: rgba(97, 165, 216, .8) 2px 2px 2px 0px, rgba(97, 165, 216, .8) 2px 2px 2px 0px;
  976. }
  977.  
  978. .h5_c46f6a {
  979.     color: white;
  980. }
  981.  
  982. .input_f8bc55 {
  983.     border-radius: 5px;
  984.     color: white;
  985.     background-color: rgba(0, 0, 0, .25);
  986.     border: 1px solid transparent;
  987. }
  988.  
  989. .input_f8bc55.focused_f8bc55,
  990. .input_f8bc55:focus {
  991.     border-color: #61A5D8;
  992.     background-color: rgba(0, 0, 0, .45);
  993. }
  994.  
  995. *::-webkit-input-placeholder {
  996.     color: white !important;
  997. }
  998.  
  999. .channelTextAreaInner_fb4810 {
  1000.     background-color: transparent;
  1001.     border: none;
  1002. }
  1003.  
  1004. .theme-dark .scrollableContainer_d06
Tags: ezz
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement