☰

Google Classroom - Moonlight

Custom theme for Google Classroom

  1. // ==UserScript==
  2. // @name        Google Classroom - Moonlight
  3. // @namespace   Violentmonkey Scripts
  4. // @match       https://classroom.google.com/*
  5. // @grant       none
  6. // @version     2.2
  7. // @author      Risuleia
  8. // @icon        https://i.pinimg.com/originals/98/d3/a2/98d3a283f98cded8e639957e935bd373.png
  9. // @require     https://code.jquery.com/jquery-3.6.0.min.js
  10. // @license     MIT
  11. // @description Custom theme for Google Classroom
  12. // ==/UserScript==
  13.  
  14. // ============ START ============ //
  15. (function() {
  16.     'use strict';
  17.  
  18.     var style = `
  19. /* css */
  20. @import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
  21.  
  22. /* background */
  23. body {
  24.    background: rgba(21,31,46,0.8) url("https://i.imgur.com/LHj4Gil.jpg") center/100% fixed;
  25.    background-repeat: no-repeat;
  26.    background-size: cover;
  27. }
  28. /* global setting */
  29. * {
  30.   font-family: Caveat;
  31.   color: #fff !important;
  32. }
  33. * {
  34.   border-color: rgba(21,31,46,0.8);
  35. }
  36. * {
  37.   box-shadow: none !important;
  38. }
  39.  
  40. /* scrollbar */
  41.   ::-webkit-scrollbar {
  42.     background: transparent;
  43.     width: 5px;
  44. }
  45.   ::-webkit-scrollbar-corner {
  46.     background: transparent;
  47. }
  48.   ::-webkit-scrollbar-track {
  49.   background: transparent;
  50. }
  51.   ::-webkit-scrollbar-thumb {
  52.   background: linear-gradient(180deg, rgba(6,171,255,1) 5%, rgba(102,0,204,1) 97%);
  53.   -webkit-border-radius: 1ex;
  54. }
  55. /* Annoucement box */
  56. .hgjBDc {
  57.   background: rgba(21,31,46,0.8);
  58. }
  59. .vnnr5e .I9OJHe, .vnnr5e .CIy9F {
  60.   background: rgba(21,31,46,0.8);
  61. }
  62. .vnnr5e:not(.RDPZE):hover .I9OJHe, .vnnr5e:not(.RDPZE):hover .CIy9F {
  63.   background: rgba(21,31,46,0.8);
  64. }
  65. .qk0lee:focus {
  66.   background: rgba(21,31,46,0.8);
  67.   color: #fff;
  68. }
  69. .Erb9le:not(.RDPZE) .qmMNRc:hover {
  70.   color: #fff;
  71. }
  72. .rxO3db {
  73.   background: rgba(21,31,46,0.8);
  74. }
  75. .e19J0b, .Y5sE8d:not(.RDPZE) {
  76.   background: rgba(21,31,46,0.8);
  77. }
  78. .l4V7wb {
  79.   color: #fff;
  80.   background: rgba(21,31,46,0.8);
  81.   border: 1px solid #4c4c4c;
  82.   border-radius: 4px;
  83. }
  84. .T2Ybvb.KRoqRc.editable {
  85.   font-size: 1.5rem;
  86. }
  87. .Erb9le:not(.RDPZE) .qmMNRc.y7OZL .DPvwYc {
  88.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  89.   -webkit-background-clip: text !important;
  90.   -webkit-text-fill-color: transparent !important;
  91. }
  92. .Y5sE8d:not(.RDPZE) .snByac {
  93.   font-size: 1.05rem;
  94.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  95.   -webkit-background-clip: text !important;
  96.   -webkit-text-fill-color: transparent !important;
  97. }
  98. .Erb9le:not(.RDPZE) .qmMNRc.y7OZL {
  99.   background: rgba(21,31,46,0.8) !important;
  100. }
  101. .Y5sE8d:not(.RDPZE) {
  102.   background: rgba(21,31,46,0.8) !important;
  103. }
  104. .hVNH5c .K0NPx {
  105.   background: rgba(21,31,46,0.8) !important;
  106. }
  107. .FtBNWb {
  108.   background: rgba(21,31,46,0.8) !important;
  109. }
  110. .I7OXgf.ZEeHrd {
  111.   background: rgba(21,31,46,0.8) !important;
  112. }
  113. .jfvobd {
  114.   color: #ffffff !important;
  115. }
  116. .GWh4Ge .kx3Hed {
  117.   color: #ffffff !important;
  118. }
  119. /* top navbar */
  120. .Hwv4mb, .xHPsid .hN1OOc {
  121.   font-family: Caveat;
  122.   font-size: 2rem;
  123. }
  124. .DShyMc-MTA5NzA3NjA1MzQy .eumXzf:after {
  125.   -webkit-border-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  126.   border-image-slice: 9;
  127. }
  128. .DShyMc-MTA5NzA3NjA1MzQy .VnOHwf-Tvm9db {
  129.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  130.   -webkit-background-clip: text;
  131.   -webkit-text-fill-color: transparent;
  132. }
  133. .VnOHwf-Tvm9db {
  134.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  135.   -webkit-background-clip: text;
  136.   -webkit-text-fill-color: transparent;
  137. }
  138. .VnOHwf-Tvm9db {
  139.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  140.   -webkit-background-clip: text;
  141.   -webkit-text-fill-color: transparent;
  142. }
  143. .VnOHwf-Tvm9db {
  144.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  145.   -webkit-background-clip: text;
  146.   -webkit-text-fill-color: transparent;
  147. }
  148. .eumXzf:after {
  149.   -webkit-border-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  150.   border-image-slice: 9;
  151. }
  152. /* loading gradient */
  153. .DShyMc-AaTFfe .bFjUmb-Ysl7Fe.kRqvHe {
  154.   background: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  155. }
  156. .aP3ZPb.kRqvHe.bFjUmb-Ysl7Fe {
  157.   background: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  158. }
  159. .bFjUmb-Wvd9Cc:not(.O1l69):not(.J1HJOd):not(.TIunU) {
  160.   background: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  161. }
  162. .aP3ZPb {
  163.   background: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  164. }
  165.  
  166. /* join/create class */
  167. .D3oBEe .qTs5Xc, .fyExH {
  168.   background: none;
  169. }
  170. [aria-checked="true"]>.rq8Mwb, [aria-checked="mixed"]>.rq8Mwb {
  171.   background: #ffffffc4;
  172.   border-radius: 5px;
  173. }
  174.  
  175. /* font fix */
  176. /* material post dates */
  177. .tmMkWb {
  178.   font-family: Caveat;
  179.   font-size: 1.4em;
  180. }
  181. /* class details */
  182. .uTUgB, .csjh4b {
  183.   font-family: Caveat;
  184. }
  185. .csjh4b {
  186.   font-size: 1.78rem;
  187. }
  188. / "upcoming" /
  189. .EZrbnd .sxa9Pc {
  190.   font-family: Caveat;
  191. }
  192. /* member names */
  193. .asQXV {
  194.   font-family: Caveat;
  195.   font-size: 1.2rem;
  196. }
  197. /* attachments */
  198. .QDKOcc {
  199.   font-family: Caveat;
  200.   font-size: 1.1rem;
  201. }
  202. /* due work alert */
  203. .sdDCme {
  204.   font-size: 1.12rem;
  205. }
  206. .VBEdtc-Wvd9Cc:hover {
  207.   color: #fff;
  208.   font-size: 1rem;
  209. }
  210. /* textarea text */
  211. textarea {
  212.   font-family: Caveat !important;
  213.   font-size: 1.5em !important;
  214. }
  215. /* default announement text */
  216. .K6Ovqd {
  217.   font-size: 1.5rem !important;
  218. }
  219. .fidHdf {
  220.   margin: 0 !important;
  221. }
  222. /* semi-global text */
  223. .EZrbnd {
  224.   font-family: Caveat;
  225. }
  226. /* announement content */
  227. .obylVb:not(:empty) {
  228.   font-size: 1.2rem;
  229. }
  230. /* comments content */
  231. .tLDEHd {
  232.   font-size: 1.2rem
  233. }
  234. /* topic names */
  235. .PazDv {
  236.   font-family: Caveat;
  237.   font-size: 2.5rem;
  238. }
  239. /* people list */
  240. .XjYjO {
  241.   font-family: Caveat;
  242.   font-size: 2.5rem;
  243. }
  244. /* class name */
  245. .YVvGBb {
  246.   font-family: Caveat;
  247. }
  248. .A6dC2c {
  249.   font-size: 1.15rem;
  250. }
  251. .dDKhVc {
  252.   font-size: 1rem;
  253. }
  254. .tLDEHd {
  255.   font-family: Caveat;
  256. }
  257. /* materials, questions, assignments, etc */
  258. .tL9Q4c {
  259.   font-family: Caveat;
  260.   font-size: 1.5rem;
  261. }
  262. .NE9bBb {
  263.   color: #fff !important;
  264. }
  265. /* gradebook */
  266. .VnOHwf-Tvm9db {
  267.   font-family: Caveat;
  268. }
  269. .EhRlC {
  270.   font-size: 1.5rem !important;
  271.   color: #1e8e3e !important;
  272. }
  273. .lYU7F {
  274.   font-size: 1.5rem !important;
  275.   color: #c5221f !important;
  276. }
  277. .ppMo6b {
  278.   font-size: 1.3rem;
  279.   color: #b3d3ec !important;
  280. }
  281. /* account panel */
  282. .gb_1b {
  283.   color: #fff;
  284. }
  285. .gb_wb.gb_wb {
  286.   color: #fff;
  287. }
  288. .gb_l .gb_mb {
  289.   color: #fff;
  290. }
  291. .gb_sb.gb_sb {
  292.   color: #fff;
  293. }
  294. .gb_wb.gb_wb {
  295.   color: #fff;
  296. }
  297.  
  298. /* google drive attachment window */
  299. .yawtRb, .TNg8Ce, .ye3Lg, .Y7Vyje {
  300.   background: none !important;
  301. }
  302. .jfvobd {
  303.   color: #fff;
  304. }
  305. .GWh4Ge .kx3Hed {
  306.   color: #ffffffad;
  307. }
  308. .w7qIhd {
  309.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  310. }
  311. .TNg8Ce .KKjvXb .kx3Hed {
  312.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%) !important;
  313.   -webkit-background-clip: text !important;
  314.   -webkit-text-fill-color: transparent !important;
  315. }
  316. .eizQhe-ObfsIf-mJRMzd-PFprWc, .eizQhe-ObfsIf-jXK9ad, {
  317.   background: rgba(21,31,46,0.8);
  318. }
  319. .ndfHFb-jyrRxf-haAclf .ndfHFb-XuHpsb-haAclf {
  320.   background: none;
  321. }
  322. .eizQhe-ObfsIf-jXK9ad {
  323.   color: #dadce073;
  324. }
  325. .pGOlGd .eizQhe-ObfsIf-mJRMzd:not(.eizQhe-ObfsIf-gk6SMd) .eizQhe-mJRMzd-V1ur5d-fmcmS {
  326.   color: #ffffffc4;
  327. }
  328. .iXlbzd, .ndfHFb-jyrRxf-tJHJj-r4nke, .ndfHFb-jyrRxf-haAclf .ndfHFb-rBfmuc-E2o6qc-V67aGc {
  329.   color: #ffffffc4;
  330. }
  331. .ndfHFb-jyrRxf-tJHJj {
  332.   background: none;
  333. }
  334. .eizQhe-jyrRxf-V1ur5d-r4nke>.eizQhe-mJRMzd-V1ur5d-fmcmS, .ndfHFb-vWsuo-s4QLm-haAclf > span {
  335.   color: #ffffffc4;
  336. }
  337. .ndfHFb-vWsuo-s4QLm-haAclf > span:nth-child(1) {
  338.   border-right: 1px solid #ffffffc4;
  339.   padding-right: 5px;
  340. }
  341. .pGOlGd .eizQhe-ObfsIf-mJRMzd-V1ur5d-haAclf, .TgyWAb-ObfsIf-haAclf {
  342.   border-top: 1px solid;
  343.   border-image: radial-gradient(circle, #dadce073 60%, transparent 95%);
  344.   border-image-slice: 9;
  345. }
  346. .picker-dialog.XKSfm-Sx9Kwc {
  347.   background: rgba(21,31,46,0.8) !important;
  348. }
  349. .yawtRb .Icoilb svg, .yawtRb .lVYtmc svg, .kZyufc svg {
  350.   fill: #ffffffc4;
  351. }
  352. .iXlbzd, .pGOlGd .ndfHFb-ObfsIf-haAclf .ndfHFb-rBfmuc-E2o6qc-V67aGc {
  353.   color: #ffffffc4;
  354. }
  355. .pGOlGd .ndfHFb-jyrRxf-haAclf .eizQhe-jyrRxf-V1ur5d-haAclf svg {
  356.   fill: #fff;
  357. }
  358. .DrCRke {
  359.   opacity .8;
  360. }
  361. .SI7vke ::-webkit-scrollbar-thumb {
  362.   background: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  363. }
  364. .SI7vke ::-webkit-scrollbar-track {
  365.   background: rgba(21,31,46,0.8) !important;
  366. }
  367. .SI7vke ::-webkit-scrollbar {
  368.   width: 5px !important;
  369. }
  370. .eizQhe-ObfsIf-jXK9ad:hover {
  371.   transform: scale(1.12);
  372.   transition: transform .45s ease-out;
  373.   z-index: 999;
  374. }
  375. .ndfHFb-jyrRxf-oKdM2c:hover {
  376.   transform: scale(1.035);
  377.   transition: transform .45s ease-out;
  378.   z-index: 999;
  379. }
  380.  
  381. /* Logo */
  382. .s7ovNb {
  383.   visibility: hidden;
  384.   overflow: visible;
  385. }
  386. .s7ovNb::after {
  387.   line-height: 3rem;
  388.   overflow: visible;
  389.   visibility: visible;
  390.   position: absolute;
  391.   top: 7px;
  392.   left: 1.2em;
  393.   content: 'Google Classroom';
  394.   font-family: Caveat;
  395.   font-size: 2.8rem;
  396.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  397.   -webkit-background-clip: text;
  398.   -webkit-text-fill-color: transparent;
  399. }
  400. .XIpEib {
  401.   overflow: visible;
  402. }
  403. /* scheduled */
  404. .VBEdtc-Wvd9Cc:hover {
  405.   font-size: 1.5rem !important;
  406. }
  407. .IMvYId, .IMvYId:visited {
  408.   font-size: 1.05rem;
  409. }
  410. .DShyMc-MzI2OTAxNzI5NjYw .tUJKGd:not(.xp2dJ):not(.rZXyy):hover.idtp4e {
  411.   background: rgba(21,31,46,0.8);
  412. }
  413. .p0oLxb>.bnqxkd {
  414.   background: rgba(21,31,46,0.8);
  415. }
  416. .QkA63b .GJYBjd {
  417.   background: rgba(21,31,46,0.8);
  418. }
  419. .DShyMc-MzI2OTAxNzI5NjYw.bFjUmb-Ysl7Fe, .DShyMc-MzI2OTAxNzI5NjYw .bFjUmb-Ysl7Fe, .DShyMc-MzI2OTAxNzI5NjYw .VUoKZ {
  420.   background: rgba(21,31,46,0.8) !important;
  421. }
  422. .y2d25 {
  423.   background: rgba(21,31,46,0.9);
  424. }
  425. .dKKcxf, .RPt7lf.miHM0e>.NE9bBb {
  426.   background: rgba(21,31,46,0.8);
  427. }
  428. .GJYBjd:not(.CeoRYc) {
  429.   background: rgba(21,31,46,0.9) !important;
  430. }
  431. .p0oLxb {
  432.   background: rgba(21,31,46,0.9) !important;
  433. }
  434. /* transitions */
  435. .GWZ7yf:hover, .Aopndd:hover, .d4Fe0d:hover, .v9TZ3c:hover {
  436.   transform: scale(1.05) !important;
  437.   transition: transform 0.2s linear !important;
  438. }
  439. .ZoT1D:hover.idtp4e {
  440.   background: rgba(21,31,46,0.8) !important;
  441. }
  442. .tUJKGd:hover .SFCE1b, .UISY8d-Ysl7Fe:not(.S6Vdac):hover, .OlXwxf.OlXwxf:hover {
  443.   background: rgba(21,31,46,0.8) !important;
  444.   transform: scale(1.05) !important;
  445.   transition: transform 0.2s linear !important;
  446. }
  447. .GWZ7yf:focus-within {
  448.   transform: scale(1.05) !important;
  449.   tansition: transform: 0.2s linear !important;
  450. }
  451. .OlXwxf .SFCE1b:hover {
  452.   background: rgba(21,31,46,0.8) !important;
  453. }
  454. .uArJ5e.UQuaGc.kCyAyd.l3F1ye.TNOizd.pOf0gc.UJYYgf:hover {
  455.   transform: scale(1.12);
  456.   transition: transform .45s ease-out;
  457.   z-index: 999;
  458. }
  459. .EmVfjc.qs41qe .xq3j6.ERcjC .X6jHbb {
  460.   animation: spinner-left-spin 1333ms cubic-bezier(0.4,0.0,0.2,1) infinite both, loadingAnim 0.5s linear infinite both;
  461. }
  462. @keyframes loadingAnim{
  463.   0% {border-color: #06abff}
  464.   100% {border-color: #6600CC 97%}
  465. }
  466. /* transition fix */
  467. .Sgw65b {
  468.   overflow: visible !important;
  469.   max-width: 78.1%;
  470. }
  471. /* transparency */
  472. .gHz6xd {
  473.   background: rgba(21,31,46,0.8);
  474. }
  475. .Aopndd {
  476.   background: rgba(21,31,46,0.8);
  477. }
  478. .d4Fe0d {
  479.   background: rgba(21,31,46,0.8) !important;
  480. }
  481. .qk0lee {
  482.   background: rgba(21,31,46,0.8);
  483. }
  484. .joJglb {
  485.   background: rgba(21,31,46,0.8);
  486. }
  487. .GWZ7yf {
  488.   background: rgba(21,31,46,0.8);
  489. }
  490. .IzVHde {
  491.   background: rgba(21,31,46,0.8);
  492. }
  493. .OX4Vcb {
  494.   background: rgba(21,31,46,0.8);
  495.   opacity: 0.7;
  496. }
  497. .ETRkCe {
  498.   background: rgba(21,31,46,0.8) !important;
  499. }
  500. .Xzp3fc {
  501.   background: rgba(21,31,46,0.8);
  502.   border-radius: 8px;
  503. }
  504. .FpfvHe {
  505.   background: rgba(21,31,46,0.8);
  506.   border-radius: 8px;
  507. }
  508. .CJXzee {
  509.   background: rgba(21,31,46,0.8);
  510.   border-radius: 8px;
  511. }
  512. .CJXzee a.rUnD6d {
  513.   background: rgba(21,31,46,0.8);
  514.   border-radius: 8px;
  515.   background-clip: padding-box;
  516. }
  517. .l3F1ye:not(.RDPZE) {
  518.   background: rgba(21,31,46,0);
  519.   border-radius: 8px;
  520. }
  521. .pEwOBc {
  522.   background: rgba(21,31,46,0.8);
  523.   border-radius: 8px;
  524. }
  525. .feojCc {
  526.   background: rgba(21,31,46,0.8);
  527. }
  528. .Xi8cpb, a.Xi8cpb {
  529.   background: rgba(21,31,46,0.8);
  530. }
  531. .tUJKGd:not(.xp2dJ).ndcsBf .idtp4e {
  532.   background: rgba(21,31,46,0.8);
  533. }
  534. .DShyMc-MTA5NzA3NjA1MzQy .tUJKGd:not(.xp2dJ).ndcsBf .idtp4e {
  535.   background: rgba(21,31,46,0.8);
  536. }
  537. .SS7JKe .qRUolc {
  538.   background: rgba(21,31,46,0.8) !important;
  539. }
  540. .Shk6y {
  541.   font-size: 1.5rem;
  542.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  543.   -webkit-background-clip: text;
  544.   -webkit-text-fill-color: transparent;
  545. }
  546. .pn5mce .MQL3Ob, .a4Vkrf, .ybOdnf:not(.RDPZE).iWO5td, .jBmls {
  547.   background: rgba(21,31,46,0.8) !important;
  548. }
  549. .ry3kXd {
  550.   background: rgba(21,31,46,0.8) !important;
  551. }
  552. .e19J0b .CeoRYc {
  553.   background: rgba(21,31,46,0.8) !important;
  554. }
  555. .CDELXb {
  556.   background: rgba(21,31,46,0.8) !important;
  557. }
  558. .I5Bhjd {
  559.   background: rgba(21,31,46,0.8) !important;
  560. }
  561. .cLpBac {
  562.   background: rgba(21,31,46,0.8) !important;
  563.   background-clip: padding-box !important;
  564. }
  565. .l4V7wb:not(.Fxmcue) {
  566.   border: none !important;
  567. }
  568. .dKKcxf, .STMvPe {
  569.   background: rgba(21,31,46,0.8) !important;
  570. }
  571. .ncFHed .MocG8c.KKjvXb, .OA0qNb .LMgvRb[aria-selected="true"], .tWfTvb [role="option"][aria-selected="true"] {
  572.   background: rgba(21,31,46,0.8) !important;
  573. }
  574. .gb_l.gb_1a.gb_2a {
  575.   background: rgba(21,31,46,0.8);
  576. }
  577. .x7zFFe table {
  578.   background: rgba(21,31,46,0.8) !important;
  579. }
  580. .HMUCnd {
  581.   background: rgba(21,31,46,0.8) !important;
  582. }
  583. .jgvuAb.iWO5td .ncFHed {
  584.   background: rgba(21,31,46,0.8) !important;
  585. }
  586. .vUBwW .DPvwYc, .TGnLfc {
  587.   color: white !important;
  588. }
  589. .DShyMc-MzI2ODk3OTk4MjE5 .mxmXhf {
  590.   fill: #fff !important;
  591. }
  592. .tWfTvb, .XaepId, .NE9bBb, .aVeDNe .MQL3Ob {
  593.   background: rgba(21,31,46,0.8) !important;
  594. }
  595. .JPdR6b.qjTEB {
  596.   background: rgba(21,31,46,0.8) !important;
  597. }
  598. .fWf7qe .Yalane {
  599.   background: rgba(21,31,46,0.8) !important;
  600.   background-clip: padding-box !important;
  601. }
  602. .z80M1.FwR7Pc .jO7h3c {
  603.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  604.   -webkit-background-clip: text;
  605.   -webkit-text-fill-color: transparent;
  606. }
  607. .z80M1.qs41qe .jO7h3c {
  608.   background-image: linear-gradient(to right, #06abff 5%, #6600CC 97%);
  609.   -webkit-background-clip: text;
  610.   -webkit-text-fill-color: transparent;
  611. }
  612. .z80M1.FwR7Pc {
  613.   background: rgba(21,31,46,0.8);
  614. }
  615. .FeRvI .oJeWuf {
  616.   background: rgba(21,31,46,0.8);
  617. }
  618. .z80M1.qs41qe {
  619.   background: rgba(21,31,46,0.8);
  620. }
  621. .xdKj9c, .Je07k, tbody .qwFLJb {
  622.   background: rgba(21,31,46,0.5);
  623. }
  624. .YEeyed, .VUfVLb, thead .qwFLJb {
  625.   background: rgba(21,31,46,0.8);
  626. }
  627. .xdKj9c.kTKNNc, .Je07k.kTKNNc, tbody .qwFLJb.kTKNNc {
  628.   background: rgba(21,31,46,0.8);
  629. }
  630. .tUJKGd:not(.xp2dJ).ndcsBf .idtp4e {
  631.   background: rgba(21,31,46,0.8);
  632. }
  633. .ypv4re {
  634.   background: rgba(21,31,46,0.8);
  635.   border-top-right-radius: 5px;
  636.   border-top-left-radius: 5px;
  637. }
  638. .ypv4re:not(.pco8Kc) {
  639.   background: rgba(21,31,46,0.8);
  640.   border-radius: 5px;
  641. }
  642. .j70YMc:not(.pco8Kc) {
  643.   background: rgba(21,31,46,0.8);
  644.   border-radius: 5px;
  645. }
  646. .vnnr5e:not(.RDPZE):hover .I9OJHe, .vnnr5e:not(.RDPZE):hover .CIy9F {
  647.   background-color: transparent !important;
  648. }
  649. .vnnr5e .CIy9F, .vnnr5e .I9OJHe {
  650.   background: none;
  651. }
  652. .gb_wb.gb_wb {
  653.   background: rgba(21,31,46,0.8);
  654. }
  655. .gb_sb.gb_sb {
  656.   background: rgba(21,31,46,0.8);
  657. }
  658. .gb_wb.gb_wb {
  659.   background: rgba(21,31,46,0.8);
  660. }
  661. .gb_Db.gb_Db {
  662.   background: rgba(21,31,46,0.8);
  663. }
  664. .gb_Nb>.gb_Mb:hover {
  665.   background: rgba(21,31,46,0.4);
  666. }
  667. /* borders fix */
  668. .joJglb, .BdCNc, .d4Fe0d .Aopndd {
  669.   border-color: transparent !important;
  670. }
  671. .u73Apc, .uO32ac, .gQZxn, .ycbm1d, .s2g3Xd, .n4xnA, .d6CWTd, .tfGBod.tfGBod:not(.xp2dJ), .tfGBod.xp2dJ .jWCzBe, .tfGBod.xp2dJ .iobNdf, .PeGHgb.Q8U8uc .Ono85c+.oh9CFb, * {
  672.   border-color: #4c4c4c !important;
  673. }
  674. .QkA63b .GJYBjd {
  675.   border: 1px solid #4c4c4c !important;
  676. }
  677. `;
  678.  
  679.     var elem = document.createElement('style');
  680.     elem.type = 'text/css';
  681.     elem.innerText = style;
  682.     document.head.appendChild(elem);
  683. })();
  684.  
  685. // ============ END ============ //