API tools faq
paste
Advertisement
Kyosa-sha

clannad theme

Kyosa-sha
May 22nd, 2018
29
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.10 KB | None | 0 0
raw download clone embed print report
  1. //META{"name":"Clannad_Theme","description":"I try to make my theme hope you like it","author":"きょさしゃ","version":"1.0"}*//{}
  2. .app {
  3. background: url("https://wallpapercave.com/wp/8u40Ka7.jpg") 0/cover !important;
  4. }
  5. /* fix not having a background image anymore */
  6. .layers-20RVFW, .layer-kosS71, .container-2OU7Cz, .typing-3eiiL_ {
  7. background: transparent !important;
  8. }
  9. optionally adjust background brightness (0: original image, 1: black)
  10. .layers-20RVFW {
  11. background: rgba(0,0,0, .7) !important;
  12. }
  13. .channels-3g2vYe,
  14. .theme-dark .title-qAcLxz,
  15. .container-RYiLUQ,
  16. .container-2OU7Cz,
  17. .guilds-wrapper,
  18. .theme-dark .chat form .typing,
  19. .theme-dark .chat form,
  20. .theme-dark .chat>.content,
  21. .theme-dark .chat,
  22. .chat .messages,
  23. .theme-dark .friends-table, .theme-dark .messages-wrapper,
  24. .theme-dark .channel-members,
  25. .theme-dark #friends,
  26. .theme-dark .headerBar-cxbhPD,
  27. .theme-dark .ui-standard-sidebar-view {
  28. background-color: transparent;
  29. }
  30. .theme-dark .chat form {
  31. box-shadow: none;
  32. margin: 0 0;
  33. top: 19px;
  34. }
  35. .theme-dark .ui-standard-sidebar-view .content-region,
  36. .theme-dark .ui-standard-sidebar-view .sidebar-region {
  37. background: rgba(0,0,0,0.2);
  38. }
  39. /* Typing Stuff */
  40. .typing-3eiiL_ {
  41. bottom: 72px;
  42. display: block;
  43. }
  44. .typing-3eiiL_ .spinner-pulsing-ellipsis {
  45. display: none;
  46. }
  47. .theme-dark .typing-3eiiL_ span {
  48. color: rgba(255, 255, 255, 0.7);
  49. }
  50. /* Quickswitcher Menu */
  51. .theme-dark .quickswitcher-2NdiGJ {
  52. background-color: rgba(0,0,0,0.6);
  53. color: white;
  54. border-radius: 0px;
  55. box-shadow: none;
  56. padding: 15px 15px 0;
  57. width: 670px;
  58. }
  59. .theme-dark .input-MwQhcX {
  60. background-color: black;
  61. box-shadow: none;
  62. color: #fff;
  63. width: 50px;
  64. transition: width .9s ease-out;
  65. }
  66. .theme-dark .input-MwQhcX:focus {
  67. box-shadow: inset 0 0 7px #4F1C4F, 0 0 7px #4F1C4F, 0 0 7px #4F1C4F;
  68. color: #fff;
  69. width: 640px;
  70. }
  71. .theme-dark .tipsWithoutResults-202oQR,
  72. .theme-dark .tipsWithResults-3TVZGE {
  73. border-color: transparent;
  74. color: white;
  75. }
  76. .theme-dark .keybindShortcutTipsSelect-2VHe9M:last-of-type:before {
  77. background-color: transparent;
  78. }
  79. .dark-2Ll8iS span {
  80. background-color: #4F1C4F;
  81. border-color: transparent;
  82. box-shadow: none;
  83. color: white;
  84. }
  85. .dark-2Ll8iS span:active {
  86. box-shadow: none;
  87. color: white;
  88. }
  89. .dark-2Ll8iS span .bindArrow-3Mm64N g {
  90. fill: white !important;
  91. }
  92. .theme-dark .contentDefault-EFuBhq {
  93. color: white;
  94. }
  95. .theme-dark .resultFocused-2geRUA {
  96. background-color: rgba(79,28,79,.6);
  97. }
  98. /* Special Links */
  99. a,
  100. .theme-dark .embedTitleLink-1IGDvg,
  101. .theme-dark .filenameLinkWrapper-3y3Hx0,
  102. .welcomeMessage-1U7Ntv h1 {
  103. color: #A8000B !important;
  104. }
  105. /* Friends Table */
  106. .theme-dark #friends .friends-table .friends-table-header {
  107. border-bottom: none;
  108. }
  109. .theme-dark #friends .friends-table .friends-table-header .friends-column-separator {
  110. background-color: transparent;
  111. }
  112. .theme-dark #friends .friends-table .friends-table-header .friends-column {
  113. color: white;
  114. }
  115. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {
  116. background-color: #84003B;
  117. }
  118. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
  119. border: 2px solid #A8000B;
  120. background-color: #84003B !important;
  121. }
  122. #friends .friends-table .friends-row .friends-column-guilds .avatar-small {
  123. background-color: #840058;
  124. color: #fff;
  125. }
  126. .theme-dark #friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn {
  127. background-color: #840058;
  128. border-color: #890052;
  129. color: white;
  130. }
  131. .theme-dark #friends .friends-table .friends-row+.friends-row {
  132. border-top: none;
  133. }
  134. .theme-dark #friends .friends-table .friends-row .friends-column-name,
  135. .theme-dark #friends .friends-table .friends-row .friends-column-status {
  136. color: white;
  137. }
  138. .theme-dark #friends .friends-table .friends-row:hover {
  139. background: #4F1C4F;
  140. border-color: rgba(0, 0, 0, 0);
  141. }
  142. .scrollerThemed-19vinI.themeDark-BdSAwu.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track,
  143. .theme-dark .scrollerWrap-2uBjct.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track,
  144. .theme-light .scrollerThemed-19vinI.themeDark-BdSAwu.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track,
  145. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece,
  146. .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
  147. background-color: transparent;
  148. border-color: transparent;
  149. }
  150. .scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-thumb,
  151. .theme-dark .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-thumb,
  152. .theme-light .scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-thumb,
  153. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb,
  154. .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb,
  155. .theme-dark .scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar-thumb {
  156. background-color: #840058;
  157. border-color: rgba(0, 0, 0, 0);
  158. }
  159. .theme-dark .themed-popout,
  160. .theme-dark .themed-popout .header,
  161. .theme-dark .private-channel-recipients-invite .friend {
  162. background-color: #4F1C4F;
  163. border: none;
  164. box-shadow: none;
  165. }
  166.  
  167. .theme-dark .private-channel-recipients-invite .friend.selected,
  168. .theme-dark .private-channel-recipients-invite .friend:hover {
  169. background: #840058;
  170. }
  171. .private-channel-recipients-invite .footer button:disabled,
  172. .private-channel-recipients-invite .footer button {
  173. background-color: #840058;
  174. border-radius: 10px;
  175. font-weight: normal;
  176. text-align: left;
  177. }
  178. .private-channel-recipients-invite .footer button:disabled:hover ,
  179. .private-channel-recipients-invite .footer button:hover {
  180. background-color: #84003B;
  181. border-radius: 10px;
  182. font-weight: normal;
  183. border: 2px solid #A8000B;
  184. }
  185. .search-bar {
  186. background-color: black;
  187. border-radius: 20px;
  188. box-shadow: none;
  189. }
  190. .search-bar .search-bar-inner {
  191. background: rgba(0,0,0,0.3);
  192. border: none;
  193. border-radius: 10px;
  194. }
  195. .search-bar-tag {
  196. background: #4F1C4F;
  197. border-radius: 10px;
  198. }
  199. .theme-dark #friends .tab-bar .tab-bar-item:hover:not(.selected) {
  200. background-color: black;
  201. border: 1px solid red;
  202. color: white;
  203. }
  204. .theme-dark #friends .tab-bar .tab-bar-separator {
  205. background-color: transparent;
  206. }
  207. .theme-dark #friends .tab-bar .tab-bar-item.selected {
  208. background-color: #84003B;
  209. color: white;
  210. }
  211. .theme-dark #friends .tab-bar .tab-bar-item {
  212. color: white;
  213. border-radius: 5px;
  214. }
  215. .theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary {
  216. background-color: #4F1C4F;
  217. color: #fff;
  218. }
  219. .theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
  220. background-color: #3A153A;
  221. border: 1px solid #A8000B;
  222. }
  223. .theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
  224. background-color: #4F1C4F;
  225. color: white;
  226. border: 1px solid #00C853;
  227. }
  228. #friends .btn {
  229. background-color: #4F1C4F;
  230. border-radius: 50px;
  231. font-weight: normal;
  232. transition: background-color .6s ease-in;
  233. }
  234. #friends .btn:hover {
  235. background-color: #84003B;
  236. border-radius: 50px;
  237. font-weight: normal;
  238. }
  239. .private-channels .channel.selected a {
  240. background-color: rgba(79, 28, 79, .6);
  241. color: #84003B;
  242. }
  243. .private-channels header,
  244. .private-channels .channel .channel-name {
  245. font-weight: normal;
  246. opacity: .6;
  247. }
  248. .private-channels .channel:hover a {
  249. background-color: rgba(79, 28, 79, .6);
  250. color: #fff;
  251. border: 1px solid #A8000B;
  252. }
  253. .guilds-wrapper .guild-separator:after {
  254. background: transparent;
  255. }
  256. .guilds-wrapper .guilds .friends-online {
  257. color: white;
  258. }
  259. .guilds-wrapper .guilds .friends-icon {
  260. background-image: url(https://wallpapercave.com/wp/wp2118853.jpg);
  261. background-size: cover;
  262. }
  263. .guilds-wrapper .guilds .guild .guild-inner {
  264. background: #4F1C4F !important;
  265. border-radius: 50px !important;
  266. }
  267. /* User Info and Status Box */
  268. .container-iksrDt {
  269. background: rgba(79, 28, 79,.3);
  270. }
  271. /* Popup Menus */
  272. .alt-2vq4VR .item-rK1j5B .helper-3X2gjI,
  273. .separator-1hpa3S {
  274. display: none;
  275. }
  276. .item-rK1j5B {
  277. color: white;
  278. }
  279. .menu-3BZuDT {
  280. background: #4F1C4F;
  281. border-radius: 0px;
  282. box-shadow: none;
  283. }
  284. .item-rK1j5B:hover {
  285. background-color: #840058;
  286. color: white;
  287. opacity: 1;
  288. }
  289. /* Chat Box */
  290. .theme-dark .inner-3if5cm {
  291. background-color: rgba(79, 28, 79, 0.7);
  292. }
  293. /* Lighter */
  294. .app.flex-vertical .members-1bid1J {
  295. background: transparent;
  296. }
  297. /* Divider */
  298. .theme-dark .friends-table .messages .divider.divider-red>div,
  299. .theme-dark .messages-wrapper .messages .divider.divider-red>div {
  300. background: transparent;
  301. }
  302. .theme-dark .friends-table .messages .divider.divider-red>span,
  303. .theme-dark .messages-wrapper .messages .divider.divider-red>span {
  304. color: #A8000B;
  305. background: #4F1C4F;
  306. border-radius: 0px;
  307. padding: 2px 22px;
  308. border: 1px solid #4CAF50;
  309. }
  310. .theme-dark .friends-table .messages .divider:before,
  311. .theme-dark .friends-table .messages .divider span,
  312. .theme-dark .messages-wrapper .messages .divider:before,
  313. .theme-dark .messages-wrapper .messages .divider span {
  314. background-color: transparent;
  315. }
  316. .theme-dark .friends-table .messages .divider:not(.red) div,
  317. .theme-dark .messages-wrapper .messages .divider:not(.red) div {
  318. background: transparent;
  319. }
  320. /* Chat Message Bars */
  321. .chat .new-messages-bar {
  322. background-color: #4F1C4F !important;
  323. border-radius: 0 0 0px 0px;
  324. color: #fff;
  325. font-weight: normal;
  326. }
  327. .theme-dark .chat .has-more button {
  328. background: #84003B;
  329. border: 1px solid #A8000B;
  330. color: white;
  331. }
  332. .theme-dark .chat .jump-to-present-bar {
  333. background-color: #840058 !important;
  334. border-radius: 0px;
  335. }
  336. /* Unread Channel Guilds */
  337. .guilds-wrapper .guilds .guild.unread:before {
  338. border-radius: 0px;
  339. background-color: #84003B;
  340. }
  341. /* Reactions */
  342. .theme-dark .reaction.reaction-me {
  343. background-color: #4F1C4F;
  344. border: 1px solid black;
  345. }
  346. .theme-dark .reaction.reaction-me .reaction-count {
  347. color: white;
  348. }
  349. /* Small Popout Box */
  350. .small-popout-box {
  351. background: #4F1C4F;
  352. border: none;
  353. border-radius: 0px;
  354. }
  355. .option-popout .btn-item:hover {
  356. color: white;
  357. cursor: pointer;
  358. }
  359. /* Timestamp */
  360. .theme-dark .message-group h2 .timestamp {
  361. color: silver;
  362. }
  363. /* Mention */
  364. .theme-dark .message-group .comment .markup .mention,
  365. .theme-dark .mention {
  366. background-color: black !important;
  367. border: 1px solid #84003B;
  368. color: white !important;
  369. }
  370. .theme-dark .message-group .comment .markup .mention:hover,
  371. .theme-dark .mention:hover {
  372. border: 2px solid #84003B;
  373. }
  374. /* Message Edited */
  375. .theme-dark .message-group .comment .edited {
  376. color: rgb(255, 255, 255);
  377. }
  378. .message-group .edit-message .edit-container-outer {
  379. margin-left: -5px;
  380. margin-right: 6px;
  381. }
  382. .theme-dark .message-group .edit-message .edit-operation {
  383. color: rgb(255, 255, 255);
  384. }
  385. .message-group .edit-message .edit-operation>a {
  386. color: #840058;
  387. }
  388. /* Bot Tag */
  389. .botTagInvert-gorWR_ {
  390. background: #4F1C4F;
  391. color: white;
  392. padding: 8px 4px;
  393. }
  394. .botTagRegular-288-ZL {
  395. background: #4F1C4F;
  396. color: #fff;
  397. }
  398. .theme-dark .iconBadge-1FYlQB {
  399. border-color: black;
  400. background-color: #840058;
  401. border-radius: 50px;
  402. height: 9px;
  403. position: absolute;
  404. right: 4px;
  405. top: 1px;
  406. width: 9px;
  407. }
  408. /* Duration Bar */
  409. .durationBarGrabber-1cFmrd, .durationBarProgress-3sJ7Pt,
  410. .durationBarProgress-3sJ7Pt:after,
  411. .durationBarProgress-3sJ7Pt:before {
  412. background-color: #4F1C4F;
  413. }
  414. .durationBarInteraction-23MVSC:hover .durationBarWrapper-3-wksR,
  415. .durationBarInteractionDragging-2t191e:hover .durationBarWrapper-3-wksR {
  416. box-shadow: none;
  417. }
  418. .durationBarPreview-2q4B-3,
  419. .durationBarPreview-2q4B-3:after,
  420. .durationBarPreview-2q4B-3:before {
  421. background-color: rgba(255,255,255,0.7);
  422. }
  423. .durationBarInteraction-23MVSC:hover .durationBarGrabber-1cFmrd {
  424. background-color: #840058;
  425. }
  426. .buffer-3qw5qC,
  427. .buffer-3qw5qC:after,
  428. .buffer-3qw5qC:before {
  429. background-color: black;
  430. }
  431. .durationBarWrapper-3-wksR,
  432. .durationBarWrapper-3-wksR:after,
  433. .durationBarWrapper-3-wksR:before {
  434. background-color: black;
  435. }
  436. /* Progress Bar */
  437. .progressBar-mI5LOq {
  438. background-color: black;
  439. }
  440. .progress-33epXr {
  441. background-color: #4F1C4F;
  442. }
  443. /* side item selected */
  444. .side-2nYO0F .item-3879bf[style*="color: rgb(240, 71, 71);"] {
  445. background: #84003B !important;
  446. border-color: black !important;
  447. color: white !Important;
  448. }
  449. /* Mentioned */
  450. .theme-dark .message-group .mentioned .message-text {
  451. background: #4F1C4F;
  452. padding: 2px 2px;
  453. }
  454. .message-group .mentioned .message-text:after {
  455. background: transparent;
  456. border-left: none;
  457. }
  458. .unread-2TDDFN{
  459. background-color: rgba(79, 28, 79,0.5);
  460. }
  461. .unread-2TDDFN:hover {
  462. background-color: rgb(79, 28, 79);
  463. }
  464. .mention-RlZ5F3 {
  465. height: 36px;
  466. font-size: 0px;
  467. top: -13px;
  468. border-radius: 0px;
  469. background-color: rgba(79, 28, 79,0.5);
  470. }
  471. .mention-RlZ5F3:hover {
  472. height: 36px;
  473. font-size: 0px;
  474. top: -13px;
  475. border-radius: 0px;
  476. background-color: rgba(79, 28, 79,0.8);
  477. }
  478. .wrapper-2xO9RX {
  479. background-color: #4F1C4F;
  480. border-radius: 0px;
  481. color: #fff;
  482. }
  483. .badge {
  484. background-color: #4F1C4F;
  485. border-radius: 0px;
  486. box-shadow: none;
  487. color: #fff;
  488. }
  489. .theme-dark #friends .tab-bar .tab-bar-item .badge {
  490. background-color: rgba(9, 28, 79, 0.6);
  491. color: white !important;
  492. }
  493. .theme-dark #friends .tab-bar .tab-bar-item.selected .badge {
  494. background-color: #840058;
  495. color: #fff;
  496. }
  497.  
  498. /* Voice Channel Part */
  499. .inner-ptMwR- .channel-3YGMy1 {
  500. color: #fff !important;
  501. opacity: 1;
  502. }
  503. .container-3lnMWU {
  504. background: rgba(79, 28, 79,.3);
  505. border-bottom: none;
  506. }
  507. .avatarSpeaking-3teDH6 {
  508. box-shadow: 0 0 0 2px #840058, inset 0 0 0 2px black;
  509. }
  510. /* Unread Mark */
  511. .unread-23Kvxk {
  512. background-color: #84003B;
  513. border-radius: 0 0px 0px 0;
  514. height: 4px;
  515. left: 0;
  516. margin-top: -4px;
  517. position: absolute;
  518. top: 50%;
  519. width: 8px;
  520. }
  521. /* Wandering Cubes */
  522. .wanderingCubesItem-35kyMu,
  523. .spinner-wandering-cubes .spinner-item {
  524. background-color: #84003B;
  525. }
  526. /* Tooltip */
  527. .tooltip.tooltip-red {
  528. background-color: #A8000B;
  529. border: 1px solid #black;
  530. }
  531. .tooltip.tooltip-black {
  532. background-color: #4F1C4F;
  533. border: 1px solid black;
  534. }
  535. .tooltip.tooltip-red.tooltip-right:after {
  536. border-right: none;
  537. }
  538. .tooltip.tooltip-black.tooltip-top:after {
  539. border-top: none;
  540. }
  541. .tooltip.tooltip-black.tooltip-right:after {
  542. border-right: none;
  543. }
  544. .tooltip.tooltip-black.tooltip-bottom:after {
  545. border-bottom: none;
  546. }
  547. .tooltip.tooltip-black.tooltip-left:after {
  548. border-left: none;
  549. }
  550. /* Channel List */
  551. .contentHoveredText-2HYGIY,
  552. .contentHoveredVoice-3qGNKh:active,
  553. .contentSelectedVoice-gTtYM9:active {
  554. background-color: rgba(79, 28, 79,0.4);
  555. }
  556. .contentSelectedText-3j5CXt {
  557. background-color: #4F1C4F;
  558. }
  559. .nameSelectedText-32NDX5,
  560. .nameSelectedVoice-XpjYTw {
  561. color: white;
  562. }
  563. /* Notice Info */
  564. .noticeInfo-3v29SJ {
  565. background-color: #4a90e2;
  566. color: #fff;
  567. }
  568. /* Message Group */
  569. .theme-dark .message-group:not(.has-divider) {
  570. border-bottom-color: rgba(255, 255, 255, 0);
  571. }
  572. /* Upload Section */
  573. .uploadModal-2KN6Mm .inner-1-09ZV {
  574. border: none;
  575. color: rgb(255, 255, 255);
  576. }
  577. .uploadModal-2KN6Mm {
  578. background-color: #3A153A;
  579. }
  580. .uploadModal-2KN6Mm .footer-4pOKm8 {
  581. background-color: black;
  582. }
  583. .uploadModal-2KN6Mm .footer-4pOKm8 .button {
  584. background-color: #ff0000;
  585. transition: border .3s ease-out;
  586. border: 1px solid black;
  587. flex: 1;
  588. }
  589. .uploadModal-2KN6Mm .footer-4pOKm8 .button:hover {
  590. border: 1px solid white;
  591. }
  592. .uploadModal-2KN6Mm .footer-4pOKm8 .button-primary {
  593. background-color: #3A153A;
  594. color: white;
  595. transition: border .3s ease-out;
  596. border: 1px solid black;
  597. opacity: 1 !important;
  598. }
  599.  
  600. .uploadModal-2KN6Mm .footer-4pOKm8 .button-primary:hover {
  601. border: 1px solid white;
  602. }
  603. .uploadDropModal-BpFgz7 {
  604. background: black;
  605. }
  606. .uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .bgScale-1i4Cp3 {
  607. background: black !important;
  608. }
  609. .uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV {
  610. background: #3A153A !important;
  611. border: none;
  612. }
  613. .uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.image-sUU6Oh {
  614. background-color: transparent;
  615. background-size: cover;
  616. border: none;
  617. border-radius: 0px;
  618. }
  619. /* More of Chat Box */
  620. .theme-dark .autocomplete-1TnWNR {
  621. background-color: #4F1C4F;
  622. }
  623. .theme-dark .selectorSelected-2M0IGv {
  624. background-color: #840058;
  625. }
  626. .theme-dark .attachButtonPlus-2l1NEU {
  627. fill: white;
  628. }
  629. .theme-dark .contentTitle-sL6DrN,
  630. .marginLeft4-3RAvyQ,
  631. .theme-dark .description-YnaVYa,
  632. .theme-dark .descriptionUsername-1quCGz,
  633. .theme-brand .descriptionDiscriminator-3KCIMj,
  634. .marginLeft8-34JoM2,
  635. .theme-dark .descriptionDiscriminator-3KCIMj {
  636. color: white;
  637. text-transform: capitalize;
  638. }
  639. .theme-dark .iconForeground-1U-F96 {
  640. fill: white;
  641. }
  642. /* --------------------------------------- */
  643. .nameMutedText-1YDcP-,
  644. .nameMutedVoice-26k4cP,
  645. .colorMutedText-2DBGZ2,
  646. .colorMutedVoice-2FZw4C {
  647. color: red;
  648. opacity: 1;
  649. }
  650. .channel-members .member .member-activity strong {
  651. background: #4F1C4F;
  652. padding: 3px 4px;
  653. }
  654. .channel-members .member .member-activity-text {
  655. color: white;
  656. margin-top: 2px;
  657. }
  658. .channel-members .member .member-activity-icon-foreground {
  659. fill: #4F1C4F;
  660. }
  661. .theme-dark .channel-members h2 {
  662. color: white;
  663. }
  664. /* --------------------------------- */
  665. /* Audio Icon */
  666. .guilds-wrapper .guilds .guild.audio .guild-inner:after,
  667. .guilds-wrapper .guilds .guild.video .guild-inner:after {
  668. background-color: #4F1C4F;
  669. }
  670. /* ------------------- */
  671. .channelIcon-1KtcMW {
  672. color: #4F1C4F;
  673. }
  674. /* ------------------ */
  675. /* Notification Settings */
  676. .footer-1PYmcw,
  677. .header-3sp3cE {
  678. padding: 30px 20px;
  679. }
  680. .theme-dark .modal-3HOjGZ {
  681. background-image: linear-gradient(to top left, #4F1C4F 30%, #000000 100%);
  682. box-shadow: none;
  683. animation: bounceIn .75s both
  684. }
  685. .theme-dark .footer-1PYmcw {
  686. background-color: transparent;
  687. box-shadow: none;
  688. }
  689. .theme-dark .separator-NBIcXB {
  690. box-shadow: none;
  691. }
  692. @keyframes bounceIn {
  693. 0%, 20%, 40%, 60%, 80%, 100% {
  694. -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  695. transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  696. }
  697. 0% {
  698. opacity: 0;
  699. -webkit-transform: scale3d(.3, .3, .3);
  700. transform: scale3d(.3, .3, .3);
  701. }
  702. 20% {
  703. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  704. transform: scale3d(1.1, 1.1, 1.1);
  705. }
  706. 40% {
  707. -webkit-transform: scale3d(.9, .9, .9);
  708. transform: scale3d(.9, .9, .9);
  709. }
  710. 60% {
  711. opacity: 1;
  712. -webkit-transform: scale3d(1.03, 1.03, 1.03);
  713. transform: scale3d(1.03, 1.03, 1.03);
  714. }
  715. 80% {
  716. -webkit-transform: scale3d(.97, .97, .97);
  717. transform: scale3d(.97, .97, .97);
  718. }
  719. 100% {
  720. opacity: 1;
  721. -webkit-transform: scale3d(1, 1, 1);
  722. transform: scale3d(1, 1, 1);
  723. }
  724. }
  725. .theme-dark .cardPrimaryEditable-2IQ7-V {
  726. background: transparent;
  727. border-color: transparent;
  728. }
  729. .cardPrimaryEditable-2IQ7-V[style*="border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218);"] {
  730. animation: pulse .3s both linear;
  731. background-color: #840058 !important;
  732. border-color: #890052 !important;
  733. }
  734. @keyframes pulse {
  735. 0% {
  736. transform: scale3d(1, 1, 1);
  737. }
  738. 50% {
  739. transform: scale3d(1.02, 1.02, 1.02);
  740. }
  741. 100% {
  742. transform: scale3d(1, 1, 1);
  743. }
  744. }
  745. .checked-2TahvT[style*="border-color: rgb(114, 137, 218);"] {
  746. background-color: rgba(0,0,0,0.5);
  747. border-color: transparent !important;
  748. }
  749. .checked-2TahvT[style*="border-color: rgb(114, 137, 218);"] [stroke] {
  750. stroke: #840058;
  751. stroke-width: 2;
  752. }
  753. .checkbox-1QwaS4[style*="background-color: rgb(114, 137, 218); border-color: rgb(114, 137, 218);"],
  754. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  755. background-color: #840058 !important;
  756. border-color: transparent !important;
  757. }
  758. .checkbox-1QwaS4[style*="background-color: rgb(114, 137, 218); border-color: rgb(114, 137, 218);"] [stroke] {
  759. stroke: white;
  760. stroke-width: 2;
  761. }
  762. .theme-dark .divider-1G01Z9 {
  763. background-color: transparent;
  764. }
  765. .theme-dark .description-3MVziF,
  766. .theme-dark .labelDescriptor-1BebCl {
  767. color: silver;
  768. }
  769. .themeDefault-3M0dJU,
  770. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
  771. background-color: #840058;
  772. }
  773. .themeDefault-3M0dJU.valueChecked-3Bzkbm,
  774. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked {
  775. background-color: #84003B;
  776. }
  777. .theme-dark .checkbox-1QwaS4 {
  778. border-color: black;
  779. }
  780. .checkboxMute-2C_Srg:before {
  781. background-color: transparent
  782. }
  783. .theme-dark .override-251XCL:hover {
  784. background-color: rgba(0,0,0,0.2);
  785. }
  786. .theme-dark .button-1qrA-N {
  787. background-color: transparent !important;
  788. box-shadow: none !important;
  789. background-image: url(https://png.icons8.com/color/50/000000/close-window.png);
  790. background-size: cover;
  791. }
  792. .theme-dark .guildName-1u0hy7,
  793. .theme-dark .override-251XCL,
  794. .theme-dark .overrideHighlight-2DXyuU,
  795. .theme-dark .select-3JqNgs .Select-control .Select-placeholder {
  796. color: white;
  797. }
  798. .theme-dark .cardPrimaryOutline-2YyAz2 {
  799. border-color: transparent;
  800. }
  801. .theme-dark .select-3JqNgs .Select-control {
  802. background: rgba(0,0,0,.2);
  803. border: none;
  804. box-shadow: none;
  805. }
  806. .theme-dark .select-3JqNgs .Select-menu-outer {
  807. background: #4F1C4F;
  808. border-color: #84003B;
  809. box-shadow: none;
  810. }
  811. .theme-dark .select-3JqNgs .Select-option.is-focused, .theme-dark .select-3JqNgs .Select-option:hover {
  812. background: rgba(0,0,0,.1);
  813. }
  814. .icon-3_ICKH,
  815. .theme-dark .primary-2giqSn {
  816. color: white;
  817. }
  818. .lighten-bXgwKO {
  819. opacity: 0.6;
  820. }
  821. .lookFilled-luDKDo.colorBrand-3PmwCE {
  822. background-color: #4F1C4F;
  823. color: #fff;
  824. transition: background-color .2s linear;
  825. }
  826. .lookFilled-luDKDo.colorBrand-3PmwCE:hover {
  827. background-color: #840058;
  828. }
  829. /* Avatars from different Locations */
  830. .chat .avatar-large {
  831. opacity: 1 !important;
  832. width: 64px;
  833. height: 64px;
  834. background-size: cover;
  835. box-shadow: inset 0 0 26px black, 0 0 6px black;
  836. }
  837. .chat .user-name {
  838. text-shadow: 0 0 6px transparent;
  839. transition: text-shadow .2s linear, font-size .2s linear;
  840. }
  841. .chat .user-name:hover {
  842. text-shadow: 0 0 6px black, 0 0 6px black, 0 0 6px black, 0 0 6px black, 0 0 6px black, 0 0 6px black;
  843. font-size: 1.2rem;
  844. }
  845. /* Pinned Messages */
  846. .theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button,
  847. .theme-dark .search-results-wrap .action-buttons .jump-button {
  848. background-color: black;
  849. color: white;
  850. }
  851. .theme-dark .themed-popout .header .subtitle,
  852. .theme-dark .themed-popout .text {
  853. color: white;
  854. }
  855. .theme-dark .messages-popout-wrap .messages-popout .message-group {
  856. background-color: #331233;
  857. border-color: black;
  858. }
  859. .theme-dark .messages-popout-wrap .messages-popout .message-group:hover {
  860. border-color: #A8000B;
  861. }
  862. .messages-popout .message-group .action-buttons,
  863. .search-results-wrap .action-buttons {
  864. box-shadow: none !important;
  865. display: block;
  866. float: left;
  867. background: none !important;
  868. transition: none;
  869. }
  870. /* Search and Calendar */
  871. .theme-dark .themed-popout .header {
  872. background-color: black;
  873. box-shadow: none;
  874. }
  875. .theme-dark .search-results-wrap .search-result:before,
  876. .theme-dark .search-results-wrap .search-result:after {
  877. background: transparent;
  878. }
  879. .theme-dark .search-results-wrap .search-result .search-result-message.hit {
  880. border: 2px solid black;
  881. background: #2C102C;
  882. box-shadow: none;
  883. }
  884. .theme-dark .search-results-wrap .channel-separator:before {
  885. border-color: transparent;
  886. }
  887. .theme-dark .search-results-wrap .search-header {
  888. background-color: black;
  889. box-shadow: none;
  890. }
  891. .theme-dark .search-results-wrap,
  892. .theme-dark .search-results-wrap .channel-separator .channel-name {
  893. background-color: #4F1C4F;
  894. }
  895. .highlight {
  896. background: rgba(132, 0, 59,.5);
  897. padding: 3px 3px;
  898. }
  899. .theme-dark .search-results-wrap .search-result.expanded .search-result-message.hit {
  900. background-color: #3A153A;
  901. border-bottom: 2px solid black;
  902. border-top: 2px solid black;
  903. }
  904.  
  905. .theme-dark .item-1XYaYf:hover {
  906. background: #411741;
  907. color: #fff !important;
  908. }
  909. .theme-dark .itemSubMenu-3ZgIw- {
  910. background: #5F305F;
  911. }
  912.  
  913. .theme-dark .bar-2cFRGz {
  914. background: black;
  915. }
  916. .theme-dark .bar-2cFRGz[style="background: rgb(251, 184, 72);"] {
  917. background: black !important;
  918. }
  919. .theme-dark .bubble-17BwqU {
  920. background-color: black;
  921. }
  922. .theme-dark .elevationHigh-3lNfp9 {
  923. box-shadow: none;
  924. }
  925. .theme-dark .bubble-17BwqU:before {
  926. border-top-color: transparent;
  927. }
  928. .theme-dark.contextMenu-uoJTbz,
  929. .theme-dark.contextMenu-uoJTbz {
  930. background: #4F1C4F;
  931. box-shadow: none;
  932. }
  933. .barFill-18ABna {
  934. background: #84003B !important;
  935. }
  936. .theme-dark .messages-popout-wrap .messages-popout .message-group:hover .action-buttons {
  937. background-color: transparent;
  938. box-shadow: none;
  939. }
  940. .theme-dark .themed-popout .header .subtitle,
  941. .theme-dark .themed-popout .text {
  942. color: white;
  943. }
  944. .theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button,
  945. .theme-dark .search-results-wrap .action-buttons .jump-button {
  946. background-color: #4F1C4F;
  947. color: white;
  948. }
  949. .theme-dark .searchAnswer-yD90ey,
  950. .theme-dark .searchFilter-1fJ0cd {
  951. background-color: #4F1C4F;
  952. }
  953. .theme-dark .search-popout {
  954. box-shadow: none;
  955. }
  956. .search-popout {
  957. background-color: #4F1C4F;
  958. border: none;
  959. border-radius: 0px;
  960. box-shadow: none;
  961. }
  962. .search-popout .option:after,
  963. .search-popout .option:before {
  964. background: #4F1C4F;
  965. }
  966. .search-popout .results-group:before {
  967. border-top: none;
  968. }
  969. .search-popout .option.selected {
  970. background-color: #840058;
  971. }
  972. .search-popout .option.selected:after {
  973. background: #840058;
  974. }
  975. .search-popout .option.selected:before,
  976. .search-popout .option.selected:after {
  977. background-color: #840058;
  978. }
  979. .search-popout .search-option .filter,
  980. .search-popout .option .answer,
  981. .search-popout .option strong,
  982. .search-popout .option.user .displayed-nick,
  983. .search-popout .search-query .search-for strong,
  984. .theme-brand .contentTitle-sL6DrN strong {
  985. color: white;
  986. }
  987. .search-popout .search-query {
  988. border-bottom: none;
  989. }
  990. .search-popout .date-picker .date-picker-hint .hint-value {
  991. background-color: #4F1C4F;
  992. }
  993. .search-popout .date-picker .date-picker-hint .hint-value:hover {
  994. background-color: #840058;
  995. }
  996. .search-popout .date-picker {
  997. border-radius: 0;
  998. border-top: none;
  999. box-shadow: none;
  1000. }
  1001. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker,
  1002. .theme-light .calendarPicker-16Q6sl .react-datepicker {
  1003. background-color: black;
  1004. }
  1005. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__current-month,
  1006. .theme-light .calendarPicker-16Q6sl .react-datepicker__current-month {
  1007. border-bottom-color: transparent;
  1008. color: white;
  1009. background-color: black;
  1010. }
  1011. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day-name,
  1012. .theme-light .calendarPicker-16Q6sl .react-datepicker__day-name {
  1013. color: white;
  1014. }
  1015. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__header,
  1016. .theme-light .calendarPicker-16Q6sl .react-datepicker__header {
  1017. background-color: black;
  1018. border-color: transparent;
  1019. }
  1020. .search-popout .date-picker .date-picker-hint {
  1021. border-top: none;
  1022. }
  1023. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day--outside-month,
  1024. .theme-light .calendarPicker-16Q6sl .react-datepicker__day--outside-month {
  1025. background-color: black;
  1026. color: rgba(255,255,255,.3);
  1027. }
  1028. .theme-dark .react-datepicker__day.react-datepicker__day--sun.react-datepicker__day--disabled.react-datepicker__day--outside-month,
  1029. .theme-dark .react-datepicker__day.react-datepicker__day--mon.react-datepicker__day--disabled.react-datepicker__day--outside-month,
  1030. .theme-dark .react-datepicker__day.react-datepicker__day--tue.react-datepicker__day--disabled.react-datepicker__day--outside-month,
  1031. .theme-dark .react-datepicker__day.react-datepicker__day--wed.react-datepicker__day--disabled.react-datepicker__day--outside-month,
  1032. .theme-dark .react-datepicker__day.react-datepicker__day--thu.react-datepicker__day--disabled.react-datepicker__day--outside-month,
  1033. .theme-dark .react-datepicker__day.react-datepicker__day--fri.react-datepicker__day--disabled.react-datepicker__day--outside-month,
  1034. .theme-dark .react-datepicker__day.react-datepicker__day--sat.react-datepicker__day--disabled.react-datepicker__day--outside-month {
  1035. background-color: black !important;
  1036. color: rgba(255,255,255,.4);
  1037. }
  1038. .theme-dark .react-datepicker__day.react-datepicker__day--sun.react-datepicker__day--outside-month:hover,
  1039. .theme-dark .react-datepicker__day.react-datepicker__day--mon.react-datepicker__day--outside-month:hover,
  1040. .theme-dark .react-datepicker__day.react-datepicker__day--tue.react-datepicker__day--outside-month:hover,
  1041. .theme-dark .react-datepicker__day.react-datepicker__day--wed.react-datepicker__day--outside-month:hover,
  1042. .theme-dark .react-datepicker__day.react-datepicker__day--thu.react-datepicker__day--outside-month:hover,
  1043. .theme-dark .react-datepicker__day.react-datepicker__day--fri.react-datepicker__day--outside-month:hover,
  1044. .theme-dark .react-datepicker__day.react-datepicker__day--sat.react-datepicker__day--outside-month:hover {
  1045. background-color: #240D24 !important;
  1046. }
  1047. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:after,
  1048. .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:after {
  1049. background-color: transparent;
  1050. }
  1051. .theme-dark .react-datepicker__day.react-datepicker__day--sun.react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
  1052. .theme-dark .react-datepicker__day.react-datepicker__day--mon.react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
  1053. .theme-dark .react-datepicker__day.react-datepicker__day--tue.react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
  1054. .theme-dark .react-datepicker__day.react-datepicker__day--wed.react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
  1055. .theme-dark .react-datepicker__day.react-datepicker__day--thu.react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
  1056. .theme-dark .react-datepicker__day.react-datepicker__day--fri.react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
  1057. .theme-dark .react-datepicker__day.react-datepicker__day--sat.react-datepicker__day--disabled.react-datepicker__day--outside-month:hover {
  1058. background-color: #3A153A !important;
  1059. color: rgba(255,255,255,.4);
  1060. }
  1061. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled:hover,
  1062. .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled:hover {
  1063. background-color: #331233;
  1064. color: rgba(255,255,255,.3);
  1065. border: none;
  1066. }
  1067. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:hover,
  1068. .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:hover {
  1069. background-color: #5F305F;
  1070. color: #fff;
  1071. }
  1072. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day:hover,
  1073. .theme-light .calendarPicker-16Q6sl .react-datepicker__day:hover {
  1074. background-color: #5F305F;
  1075. color: #fff;
  1076. }
  1077. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled,
  1078. .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled {
  1079. color: rgba(255,255,255,.3);
  1080. background: #240D24;
  1081. border: none;
  1082. }
  1083.  
  1084. .react-datepicker__day.react-datepicker__day--mon,
  1085. .react-datepicker__day.react-datepicker__day--tue,
  1086. .react-datepicker__day.react-datepicker__day--wed,
  1087. .react-datepicker__day.react-datepicker__day--thu,
  1088. .react-datepicker__day.react-datepicker__day--fri,
  1089. .react-datepicker__day.react-datepicker__day--sat,
  1090. .theme-dark .react-datepicker__day.react-datepicker__day--sun {
  1091. background: #331233;
  1092. border: none;
  1093. }
  1094. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__week .react-datepicker__day:last-of-type,
  1095. .theme-light .calendarPicker-16Q6sl .react-datepicker__week .react-datepicker__day:last-of-type {
  1096. border: none;
  1097. }
  1098. .theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__week:last-of-type .react-datepicker__day,
  1099. .theme-light .calendarPicker-16Q6sl .react-datepicker__week:last-of-type .react-datepicker__day {
  1100. border-bottom-color: transparent;
  1101. }
  1102. .theme-dark .itemGroup-oViAgA {
  1103. border-color: transparent;
  1104. }
  1105. /* Need Help Menu */
  1106. .need-help-modal.deprecated .header {
  1107. background-color: #4F1C4F;
  1108. border-radius: 0px;
  1109. }
  1110. .form-deprecated .form-inner,
  1111. .form.deprecated .form-inner {
  1112. background-color: black;
  1113. }
  1114. .need-help-modal.deprecated .footer {
  1115. background-color: black;
  1116. border-radius: 0px;
  1117. border-top: none;
  1118. color: white;
  1119. }
  1120. .need-help-modal.deprecated .header input[type=text]:focus {
  1121. border-bottom: none;
  1122. }
  1123. .need-help-modal.deprecated .header input[type=text] {
  1124. background-color: black;
  1125. box-shadow: none;
  1126. color: white;
  1127. border-radius: 0px;
  1128. }
  1129. .form-deprecated .control-group input[type=email],
  1130. .form-deprecated .control-group input[type=number],
  1131. .form-deprecated .control-group input[type=password],
  1132. .form-deprecated .control-group input[type=text],
  1133. .form-deprecated .control-group textarea,
  1134. .form.deprecated .control-group input[type=email],
  1135. .form.deprecated .control-group input[type=number],
  1136. .form.deprecated .control-group input[type=password],
  1137. .form.deprecated .control-group input[type=text],
  1138. .form.deprecated .control-group textarea {
  1139. border: none;
  1140. border-bottom: none;
  1141. color: white;
  1142. }
  1143. /* Emote Menu */
  1144. .bda-dark .emoji-picker,
  1145. .bda-dark .emojiPicker-3g68GS,
  1146. .bda-dark #bda-qem-favourite-container,
  1147. .bda-dark #bda-qem-twitch-container {
  1148. background-color: black;
  1149. border-radius: 0px;
  1150. border: none;
  1151. }
  1152. .search-bar.search-bar-light .search-bar-inner {
  1153. background-color: #4F1C4F;
  1154. border: none;
  1155. }
  1156. .emojiPicker-3g68GS .header-27dQ-e {
  1157. border-bottom: none;
  1158. }
  1159. .bda-dark .emoji-picker .category,
  1160. .bda-dark .emojiPicker-3g68GS .category-3rCtoh {
  1161. background-color: #4F1C4F;
  1162. color: white;
  1163. }
  1164. .bda-dark .emoji-picker .header .search-bar,
  1165. .bda-dark .emojiPicker-3g68GS .header-27dQ-e .search-bar {
  1166. background-color: transparent;
  1167. }
  1168. .bda-dark .emoji-picker .dimmer.visible,
  1169. .bda-dark .emojiPicker-3g68GS .dimmer-jySV_v.visible-1CGy1m {
  1170. background-color: rgba(0,0,0,0.65);
  1171. }
  1172. .bda-dark .emoji-picker .diversity-selector .popout,
  1173. .bda-dark .emojiPicker-3g68GS .diversitySelector-O3ea2c .popout-2lja3I {
  1174. background: black;
  1175. border-color: transparent;
  1176. }
  1177. .bda-dark .emoji-picker .scroller::-webkit-scrollbar,
  1178. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track,
  1179. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece,
  1180. .bda-dark .emojiPicker-3g68GS .scroller-2dsok0::-webkit-scrollbar,
  1181. .bda-dark .emojiPicker-3g68GS .scroller-2dsok0::-webkit-scrollbar-track,
  1182. .bda-dark .emojiPicker-3g68GS .scroller-2dsok0::-webkit-scrollbar-track-piece,
  1183. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,
  1184. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,
  1185. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
  1186. .bda-dark #pubs-container .scroller::-webkit-scrollbar,
  1187. .bda-dark #pubs-container .scroller::-webkit-scrollbar-track,
  1188. .bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece,
  1189. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,
  1190. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,
  1191. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece {
  1192. background-color: transparent !important;
  1193. border-color: transparent !important;
  1194. }
  1195. .scrollerThemed-19vinI.themeLight-1WK0Av .scroller-fzNley::-webkit-scrollbar-thumb,
  1196. .theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av .scroller-fzNley::-webkit-scrollbar-thumb,
  1197. .theme-light .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-thumb,
  1198. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
  1199. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,
  1200. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb,
  1201. .bda-dark emojiPicker-3g68GS .scroller-2dsok0::-webkit-scrollbar-thumb,
  1202. .bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb {
  1203. background-color: #840058 !important;
  1204. border-color: transparent !important;
  1205. border-radius: 0px;
  1206. }
  1207. .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.selected-1LQfcZ {
  1208. border-bottom-color: #840058;
  1209. }
  1210. .bda-dark #bda-qem {
  1211. border-bottom: none !important;
  1212. background: transparent;
  1213. }
  1214. .bda-dark #bda-qem button {
  1215. background: black;
  1216. border-left: none;
  1217. box-shadow: none;
  1218. }
  1219. .bda-dark #bda-qem button:hover {
  1220. background-color: #4F1C4F;
  1221. }
  1222. .bda-dark #bda-qem button.active {
  1223. background-color: #840058;
  1224. }
  1225. /* Invite Menu */
  1226. .wrapper-VSYYTS {
  1227. background: transparent;
  1228. border-radius: 0px;
  1229. }
  1230. .checkbox .checkbox-inner+span {
  1231. color: silver;
  1232. }
  1233. .form-deprecated .btn-primary,
  1234. .form.deprecated .btn-primary {
  1235. background-color: #4F1C4F;
  1236. border-radius: 0px;
  1237. color: #fff;
  1238. box-shadow: 0 6px 6px black;
  1239. }
  1240. .form-deprecated .btn-primary:hover,
  1241. .form.deprecated .btn-primary:hover {
  1242. background-color: #840058;
  1243. box-shadow: 0 6px 6px black;
  1244. }
  1245. .form-deprecated .Select-control,
  1246. .form.deprecated .Select-control {
  1247. border: none;
  1248. border-radius: 0px !important;
  1249. background: black;
  1250. }
  1251. .form-deprecated .Select-control .Select-arrow,
  1252. .form.deprecated .Select-control .Select-arrow {
  1253. top: 0px;
  1254. }
  1255. .form-deprecated .control-group label,
  1256. .form.deprecated .control-group label {
  1257. color: white;
  1258. }
  1259. .form-deprecated .is-focused:not(.is-open)>.Select-control,
  1260. .form.deprecated .is-focused:not(.is-open)>.Select-control {
  1261. border: none;
  1262. }
  1263. .Select-menu-outer {
  1264. background-color: transparent;
  1265. border-bottom-left-radius: 0px;
  1266. border-bottom-right-radius: 0px;
  1267. border-color: transparent;
  1268. box-shadow: none;
  1269. }
  1270. .form-deprecated .Select.is-disabled .Select-control:hover,
  1271. .form-deprecated .Select.is-open .Select-control:hover,
  1272. .form.deprecated .Select.is-disabled .Select-control:hover,
  1273. .form.deprecated .Select.is-open .Select-control:hover {
  1274. border-color: transparent;
  1275. }
  1276. .form-deprecated .Select-option,
  1277. .form.deprecated .Select-option {
  1278. color: silver;
  1279. background: black;
  1280. }
  1281. .wrapper-VSYYTS .instantInviteModal-5L33Qh .form-header header,
  1282. .wrapper-VSYYTS .instantInviteModal-5L33Qh .blurb-ArHxCz {
  1283. color: white;
  1284. opacity: 1;
  1285. }
  1286.  
  1287. .Select .Select-option.is-selected {
  1288. background: #4F1C4F;
  1289. }
  1290. .form-deprecated .Select-option.is-focused,
  1291. .form.deprecated .Select-option.is-focused {
  1292. background: #840058;
  1293. color: silver;
  1294. }
  1295.  
  1296. .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,
  1297. .has-value.Select--single>.Select-control .Select-value .Select-value-label {
  1298. color: silver;
  1299. }
  1300. .form-deprecated .form-header,
  1301. .form.deprecated .form-header,
  1302. .wrapper-VSYYTS .instantInviteModal-5L33Qh .form-actions {
  1303. background: #4F1C4F;
  1304. border: none;
  1305. border-radius: 0px;
  1306. color: white;
  1307. }
  1308. .wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-actions {
  1309. background-color: #4F1C4F;
  1310. border-top: none;
  1311. padding-top: 0;
  1312. }
  1313. .wrapper-VSYYTS .instantInviteModal-5L33Qh .clipboardInputInner-dxVheg input {
  1314. color: silver;
  1315. background: #3A153A;
  1316. }
  1317. .wrapper-VSYYTS .instantInviteModal-5L33Qh .copy-2xFKb_ {
  1318. background-color: black;
  1319. border: none;
  1320. }
  1321. .clipboardInputInner-oj8y-S button:first-of-type:before {
  1322. background: linear-gradient(90deg,rgba(255, 255, 255, 0),#000);
  1323. }
  1324. .wrapper-VSYYTS .instantInviteModal-5L33Qh .checkbox .checkbox-inner input:checked+span,
  1325. .wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .checkbox .checkbox-inner input:checked+span {
  1326. border-color: #3A153A;
  1327. }
  1328. .clipboardInputInner-oj8y-S {
  1329. background: transparent;
  1330. border: none;
  1331. border-radius: 0px;
  1332. }
  1333. .clipboardInputCopied-UXgFh2 .clipboardInputInner-oj8y-S {
  1334. border-color: #3A153A !important;
  1335. }
  1336. .clipboardInputCopied-UXgFh2 button {
  1337. background-color: #4CAF50!important;
  1338. background-image: url(https://png.icons8.com/material/48/FFFFFF/invite.png)!important;
  1339. border-color: #4CAF50!important;
  1340. color: rgba(0, 0, 0, 0)!important;
  1341. background-size: 36px 36px;
  1342. }
  1343. /* Guild Error and Add */
  1344. .guilds-wrapper .guilds-error {
  1345. border-radius: 50px;
  1346. background-color: rgba(79, 28, 79,0.4);
  1347. }
  1348. .guilds-wrapper .guilds-error:hover {
  1349. border-radius: 50px;
  1350. background-color: rgba(132, 0, 88,0.4);
  1351. }
  1352. .guilds-wrapper .guilds-add {
  1353. border-radius: 50px;
  1354. background-color: #4F1C4F;
  1355. border: 2px dashed black !important;
  1356. color: white;
  1357. }
  1358. .guilds-wrapper .guilds-add:hover {
  1359. border-radius: 50px;
  1360. background-color: #840058;
  1361. color: white;
  1362. }
  1363. /* Create or Join */
  1364. .create-guild-container.deprecated .create-or-join .form-inner {
  1365. background-color: black;
  1366. }
  1367. .create-guild-container.deprecated .action {
  1368. background: #212121;
  1369. border: none;
  1370. border-radius: 0px;
  1371. box-shadow: none;
  1372. }
  1373. .create-guild-container.deprecated .create-or-join .actions .or {
  1374. color: black;
  1375. }
  1376. .form-deprecated header, .form.deprecated header {
  1377. color: #840058;
  1378. }
  1379. /* Code Blocks */
  1380. .theme-dark .message-group .comment .markup pre {
  1381. background: transparent;
  1382. border-color: transparent;
  1383. }
  1384. .theme-dark .message-group .comment .markup code.inline,
  1385. .theme-dark .message-group .comment .markup pre code {
  1386. background: rgba(0,0,0,0.3);
  1387. text-shadow: 0 0 7px black, 0 0 7px black, 0 0 7px black, 0 0 7px black;
  1388. }
  1389. .theme-dark .hljs {
  1390. color: white;
  1391. }
  1392. /* Discord Settings */
  1393. .theme-dark .ui-standard-sidebar-view .esc-text {
  1394. color: white;
  1395. }
  1396. .theme-dark .ui-standard-sidebar-view .btn-close {
  1397. border-color: black;
  1398. background: #4F1C4F;
  1399. border-radius: 0px;
  1400. transition: border-radius .4s linear;
  1401. }
  1402. .theme-dark .ui-standard-sidebar-view .btn-close:hover {
  1403. border-color: #84003B;
  1404. background: #4F1C4F;
  1405. border-radius: 10px;
  1406. }
  1407. .theme-dark .input-2YozMi.focused-xL_GX6,
  1408. .theme-dark .input-2YozMi:focus {
  1409. border-color: #84003B;
  1410. background-color: rgba(0,0,0,0.4);
  1411. }
  1412. .statusRed-1ZlXmf {
  1413. color: gold;
  1414. }
  1415. .lookFilled-luDKDo.colorGreen-22At8E {
  1416. background-color: #2E7D32;
  1417. color: #fff;
  1418. box-shadow: 0 1px 6px black, 0 1px 6px black, 0 1px 6px black;
  1419. }
  1420. .lookFilled-luDKDo.colorGreen-22At8E:hover {
  1421. background-color: #43A047;
  1422. color: #fff;
  1423. box-shadow: 0 1px 6px black, 0 1px 6px black, 0 1px 6px black;
  1424. }
  1425. .lookOutlined-1c5nhl.colorRed-3HTNPV {
  1426. border-color: #ff1744;
  1427. background-color: #ff1744;
  1428. color: white;
  1429. box-shadow: 0 1px 6px black, 0 1px 6px black, 0 1px 6px black;
  1430. }
  1431. .lookOutlined-1c5nhl.colorRed-3HTNPV:hover {
  1432. border-color: #c62828;
  1433. background-color: #c62828;
  1434. color: white;
  1435. box-shadow: 0 1px 6px black, 0 1px 6px black, 0 1px 6px black;
  1436. }
  1437. .theme-dark .cardPrimary-ZVL9Jr {
  1438. background: rgba(0,0,0,0.4);
  1439. border-color: #840058;
  1440. }
  1441. .theme-dark .faded-1KRDbu,
  1442. .theme-dark .userSettingsAccount-2WOnTW .viewBody-14sCmR {
  1443. color: white;
  1444. }
  1445. .side-2nYO0F .itemSelected-3XxAMf,
  1446. #bd-settings-sidebar .ui-tab-bar-item.selected {
  1447. background-color: #840058;
  1448. color: #fff;
  1449. }
  1450. .theme-dark .header-1-f9X5,
  1451. #bd-settings-sidebar .ui-tab-bar-header {
  1452. color: white;
  1453. font-weight: normal;
  1454. }
  1455. .side-2nYO0F .item-3879bf[style*="color: rgb(114, 137, 218);"] {
  1456. color: #840058 !important;
  1457. }
  1458. .side-2nYO0F .itemSelected-3XxAMf[style*="color: rgb(255, 255, 255); background-color: rgb(114, 137, 218);"] {
  1459. color: white !important;
  1460. background-color: #840058 !important;
  1461. }
  1462. .theme-dark .userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H {
  1463. background-color: transparent;
  1464. border-color: transparent;
  1465. }
  1466. .userSettingsVoice-TvPQ80 .media-engine-video {
  1467. background-color: rgba(0,0,0,0.3);
  1468. }
  1469. .theme-dark .separator-3z7STW,
  1470. #bd-settings-sidebar .ui-tab-bar-separator {
  1471. background-color: transparent;
  1472. }
  1473. .theme-dark .notificationsSound-3TXEoH,
  1474. .theme-dark .row-3ZE8bQ {
  1475. box-shadow: none;
  1476. }
  1477. .theme-dark .card-11ynQk:before {
  1478. background-color: rgba(0,0,0,0.3);;
  1479. border-color: #840058;
  1480. }
  1481. .ghostPill-1yup5q {
  1482. background-color: #FBC02D;
  1483. color: white;
  1484. }
  1485. .theme-dark .user-settings-games .not-detected,
  1486. .theme-light .user-settings-games .not-detected {
  1487. background-color: #4F1C4F;
  1488. }
  1489. .theme-dark .user-settings-games .now-playing,
  1490. .theme-light .user-settings-games .now-playing {
  1491. background-color: #840058;
  1492. }
  1493. .lookLink-3VWONr.colorLink-Ttelix {
  1494. color: #840058;
  1495. }
  1496. .lookLink-3VWONr.colorLink-Ttelix:hover .contents-4L4hQM {
  1497. background-image: linear-gradient(0deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0) 1px,#840058 0,#840058 2px,rgba(0, 0, 0, 0) 0);
  1498. }
  1499. .theme-dark .add-game-popout {
  1500. background-color: #2C102C;
  1501. }
  1502. .theme-dark .user-settings-games .game {
  1503. box-shadow: none;
  1504. }
  1505. .theme-dark .user-settings-games .now-playing .last-played,
  1506. .theme-dark .user-settings-games .now-playing .overlay-status-text,
  1507. .theme-light .user-settings-games .now-playing .last-played,
  1508. .theme-light .user-settings-games .now-playing .overlay-status-text {
  1509. color: #BB73A3;
  1510. }
  1511. .theme-dark .user-settings-games .game-name-input:focus,
  1512. .theme-dark .user-settings-games .game-name-input:hover {
  1513. background-color: black;
  1514. border-color: #840058;
  1515. }
  1516. .theme-dark .user-settings-games .last-played,
  1517. .theme-dark .user-settings-games .overlay-status-text {
  1518. color: white;
  1519. }
  1520. .theme-dark .markDash-3j1QxS {
  1521. background: white;
  1522. }
  1523. .theme-dark .markValue-235z9M {
  1524. color: white;
  1525. }
  1526. .theme-dark .item-3tXG-o {
  1527. box-shadow: none;
  1528. }
  1529. #bd-settingspane-container .ui-switch-item .style-description {
  1530. color: silver;
  1531. border-bottom: none;
  1532. }
  1533. .bd-pfbtn {
  1534. background: #4F1C4F;
  1535. }
  1536. .theme-dark .accountBtnInner-3zsU2z {
  1537. background-color: #4F1C4F;
  1538. border-color: transparent;
  1539. box-shadow: 0 3px 2px black;
  1540. }
  1541. .theme-dark .accountBtnInner-3zsU2z:hover {
  1542. background-color: #840058;
  1543. border-color: transparent;
  1544. box-shadow: 0 3px 2px black;
  1545. }
  1546. .content-region #bd-customcss-attach-controls,
  1547. #bd-customcss-detach-container #bd-customcss-attach-controls {
  1548. background: black;
  1549. color: #FFF;
  1550. border: 0;
  1551. box-shadow: none;
  1552. }
  1553. .ace-monokai,
  1554. .ace-monokai .ace_gutter {
  1555. background-color: #161616 !important;
  1556. color: white !important;
  1557. }
  1558. .ace-monokai .ace_cursor {
  1559. color: white;
  1560. }
  1561. [class*="ace_line"] {
  1562. background: #4F1C4F;
  1563. }
  1564. .ui-standard-sidebar-view #bd-customcss-attach-controls button,
  1565. .bd-detached-css-editor #bd-customcss-attach-controls button {
  1566. background: #4F1C4F !important;
  1567. color: #FFF;
  1568. height: 26px;
  1569. border-radius: 0px;
  1570. font-weight: 100;
  1571. margin-top: 5px;
  1572. border: none !important;
  1573. margin-right: 4px;
  1574. }
  1575. .ui-standard-sidebar-view #bd-customcss-attach-controls button:hover,
  1576. .bd-detached-css-editor #bd-customcss-attach-controls button:hover {
  1577. background: #840058 !important;
  1578. }
  1579. .ace_hidden-cursors .ace_cursor {
  1580. opacity: 0.6;
  1581. }
  1582. .theme-dark .card-11ynQk:before {
  1583. background-color: #462d72;
  1584. border-color: transparent;
  1585. }
  1586. .ui-standard-sidebar-view #editor-detached button {
  1587. background: #4F1C4F;
  1588. }
  1589. .ui-standard-sidebar-view #editor-detached h3 {
  1590. color: white;
  1591. }
  1592. /* Plugins and Themes */
  1593. .bda-slist li {
  1594. background: rgba(0,0,0,0.3);
  1595. border: 1px solid #840058;
  1596. }
  1597. .bda-slist .bda-footer button {
  1598. background: #840058;
  1599. }
  1600. .bda-slist .bda-header {
  1601. border-bottom: none;
  1602. }
  1603. /* User Profile Popout and User Modal */
  1604.  
  1605. .theme-dark .channel-members .member.popout-open,
  1606. .theme-dark .channel-members .member:hover {
  1607. background: #4F1C4F;
  1608. border: 2px solid #840058;
  1609. }
  1610.  
  1611. .theme-dark .body-3ljq11,
  1612. .theme-dark .footer-2wFs91,
  1613. .theme-dark .headerNormal-3Vn9nT,
  1614. .theme-dark .topSectionNormal-2LlRG1,
  1615. .theme-dark .body-3_tdh6 {
  1616. background-color: rgba(0,0,0,0.6);
  1617. color: white;
  1618. border: none;
  1619. }
  1620. .userPopout-11hFKo {
  1621. box-shadow: none;
  1622. background: url(https://orig00.deviantart.net/f692/f/2010/343/6/9/clannad_by_mzazoz-d34ipvr.png) 90%/cover;
  1623. }
  1624. .role-3rahR_ {
  1625. border: none;
  1626. }
  1627. .roleCircle-3-vPZq {
  1628. border-radius: 0px;
  1629. }
  1630. [class*="roleCircle-3-vPZq"][style*="background-color: rgb(185, 187, 190);"] {
  1631. background-color: black !important;
  1632. border: 2px solid #890052;
  1633. }
  1634. .protip-q743VF {
  1635. display: none;
  1636. }
  1637. .bodyTitle-18hsd9,
  1638. .theme-dark .note-2AtC_s textarea {
  1639. color: white;
  1640. }
  1641. .theme-dark .note-2AtC_s textarea:focus {
  1642. background-color: rgba(0,0,0,0.4) !important;
  1643. padding: 7px 6px;
  1644. border: 1px solid #890052;
  1645. }
  1646. .headerPlaying-2Q7mBy,
  1647. .topSectionPlaying-3jAH9b {
  1648. background-color: rgba(48, 63, 159, 0.8);
  1649. }
  1650. .lookInverted-2lPGe7.colorBrand-3PmwCE {
  1651. background-color: #3949AB !important;
  1652. color: white;
  1653. box-shadow: 0 5px 6px black;
  1654. }
  1655. .headerSpotify-26yUf5,
  1656. .topSectionSpotify-3744IX {
  1657. background-color: rgba(0, 153, 0, 0.8);
  1658. }
  1659. .lookInverted-2lPGe7.colorGreen-22At8E {
  1660. background-color: #2E7D32 !important;
  1661. color: white;
  1662. box-shadow: 0 5px 6px black;
  1663. }
  1664. .headerStreaming-lmgoma,
  1665. .topSectionStreaming-3rIBIm {
  1666. background: rgba(94, 53, 177, 0.8);
  1667. }
  1668. .buttonInvertedPurple-15OGid {
  1669. background-color: #512DA8 !important;
  1670. color: white;
  1671. box-shadow: 0 5px 6px black;
  1672. }
  1673. .theme-dark .listRow-1wEi-U:hover {
  1674. background-image: linear-gradient(to bottom left, rgba(56,75,199,0.6) 0%, rgba(0,0,0,0.6) 100%);
  1675. }
  1676. .listAvatar-MpHQ5z {
  1677. background-color: transparent;
  1678. border-radius: 50px;
  1679. }
  1680. .mask-2vyqAW {
  1681. border-radius: 1;
  1682. -webkit-mask: none;
  1683. mask: none;
  1684. }
  1685. .status-3jUEha {
  1686. border-radius: 50px;
  1687. }
  1688. .root-2sNHUF {
  1689. background: url(https://wallpapercave.com/wp/wp2118955.jpg) 50%/cover;
  1690. }
  1691. .tabBarContainer-3RVZc- {
  1692. border-top: none;
  1693. }
  1694. .tab-bar.tabBar-2z50ux {
  1695. margin-left: 93px;
  1696. }
  1697. .theme-dark .userInfoSection-2WJxMm+.userInfoSection-2WJxMm {
  1698. border-color: transparent;
  1699. }
  1700. .userInfoSectionHeader-pmdPGs {
  1701. color: white;
  1702. }
  1703. .theme-dark .connectedAccount-3mKaTA {
  1704. border: none;
  1705. background-image: linear-gradient(to bottom left, #4F1C4F 0%, #000000 100%);
  1706. }
  1707. .connectedAccountName-3EFj01 {
  1708. color: white;
  1709. }
  1710. /* Credited きょさしゃ from the Clannad_Theme */
  1711. #app-mount::before{content:"";background:transparent;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;-webkit-animation:cv-bg 3.5s ease-in-out;animation:cv-bg 3.5s ease-in-out}
  1712. @-webkit-keyframes cv-bg{0%{background-color:rgba(0, 0, 0, .5)}
  1713. 72%{background-color:rgba(0, 0, 0, .5)}
  1714. 100%{background-color:transparent}
  1715. }
  1716. @keyframes cv-bg{0%{background-color:rgba(0, 0, 0, .5)}
  1717. 72%{background-color:rgba(0, 0, 0, .5)}
  1718. 100%{background-color:transparent}
  1719. }
  1720. #app-mount::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;font-size:50px;font-weight:700;text-align:center;line-height:100vh;opacity:0;z-index:9999;pointer-events:none;-webkit-animation:cv-init 3s ease-in-out;animation:cv-init 3s ease-in-out}
  1721. @-webkit-keyframes cv-init{0%{content:var(--load1);-webkit-transform:scale(.7);transform:scale(.7)}
  1722. 25%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1723. 30%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1724. 45%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1725. 49%{content:var(--load1);opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
  1726. 50%{content:var(--load2);opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1727. 55%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1728. 70%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1729. 74%{content:var(--load2);opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
  1730. 75%{content:var(--load3);opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1731. 80%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1732. 95%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1733. 99%{content:var(--load3);opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1734. 100%{content:"";-webkit-transform:scale(1);transform:scale(1);opacity:0}
  1735. }
  1736. @keyframes cv-init{0%{content:var(--load1);-webkit-transform:scale(.7);transform:scale(.7)}
  1737. 25%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1738. 30%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1739. 45%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1740. 49%{content:var(--load1);opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
  1741. 50%{content:var(--load2);opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1742. 55%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1743. 70%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1744. 74%{content:var(--load2);opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
  1745. 75%{content:var(--load3);opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1746. 80%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1747. 95%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}
  1748. 99%{content:var(--load3);opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  1749. 100%{content:"";-webkit-transform:scale(1);transform:scale(1);opacity:0}
  1750. }
  1751. :root{--load1:"I hope you like Clannad_Theme";--load2:"Created by";--load3:"きょさしゃ";}
  1752.  
  1753. .backdrop-2ohBEd {
  1754. background-color: rgba(0,0,0,0.3) !important;
  1755. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!