☰

Gyazo.com Dark Mode

Gyazo Dark Mode (Purple Accents)

目前为 2024-11-28 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name         Gyazo.com Dark Mode
  3. @version      20241128.00.57
  4. @namespace    typpi.online
  5. @description  Gyazo Dark Mode (Purple Accents)
  6. @author       Nick2bad4u
  7. @license      UnLicense
  8. @homepageURL  https://github.com/Nick2bad4u/UserStyles
  9. ==/UserStyle== */
  10. @-moz-document domain("gyazo.com") {
  11.   #react-root
  12.     > div:nth-child(2)
  13.     > div
  14.     > div
  15.     > div
  16.     > div.image-infos
  17.     > div.related-info-box-component
  18.     > div
  19.     > div.related-images-grid-view.related-info,
  20.   .captured-info-value,
  21.   .content-block,
  22.   .edit-box-component,
  23.   .footer-block,
  24.   .grid-view,
  25.   .grid-view-cell,
  26.   .grid-view-cell-inner-image,
  27.   .header-block,
  28.   .image-desc-display.placeholder,
  29.   .image-infos,
  30.   .images-grid-view,
  31.   .main-block-stage,
  32.   .side-block-items,
  33.   .sidebar-block {
  34.     background-color: #121212 !important;
  35.     color: #e0e0e0 !important;
  36.   }
  37.  
  38.   .header-block.explorer-header-block,
  39.   a,
  40.   button,
  41.   img,
  42.   input,
  43.   span {
  44.     color: #bb86fc !important;
  45.     background-color: #121212 !important;
  46.   }
  47.  
  48.   #react-root
  49.     > div:nth-child(2)
  50.     > div
  51.     > div
  52.     > aside
  53.     > div
  54.     > div
  55.     > ul
  56.     > li.new-collection-field
  57.     > span
  58.     > span
  59.     > svg
  60.     > path,
  61.   a > span.toplevel-item-kamon > svg > path {
  62.     filter: invert(1);
  63.   }
  64.  
  65.   #global-dropdown-menu
  66.     > div.popover-content
  67.     > ul
  68.     > li:first-child
  69.     > a
  70.     > span.account-item-check
  71.     > svg,
  72.   #global-dropdown-menu > div.popover-content > ul > li:nth-child(n) > a > svg > path:nth-child(n),
  73.   #like > svg,
  74.   #like > svg > path,
  75.   #posts
  76.     > div
  77.     > *
  78.     > div
  79.     > section.panel
  80.     > footer
  81.     > section.post-controls
  82.     > div
  83.     > div.control.reblog-control
  84.     > a
  85.     > svg
  86.     > path:nth-child(n),
  87.   #react-root
  88.     > div.header-block.explorer-header-block
  89.     > div.explorer-action-btn-toolbar
  90.     > div.explorer-action-btn-group
  91.     > button.edit-options-button.btn.explorer-action-btn.explorer-action-btn-dark
  92.     > svg,
  93.   #react-root
  94.     > div.header-block.explorer-header-block
  95.     > div.explorer-action-btn-toolbar
  96.     > div.explorer-action-btn-group
  97.     > button
  98.     > svg,
  99.   #react-root
  100.     > div.header-block.explorer-header-block
  101.     > div.search-box
  102.     > div
  103.     > div.search-box-panel
  104.     > div.search-history-list
  105.     > div
  106.     > div:nth-child(n)
  107.     > button.switch-save
  108.     > svg:hover,
  109.   #react-root
  110.     > div:nth-child(2)
  111.     > div
  112.     > div
  113.     > div
  114.     > div.image-infos
  115.     > div.edit-box-component
  116.     > div
  117.     > div
  118.     > div
  119.     > div.image-ocrinfo-component
  120.     > div
  121.     > div.ocr-desc-buttons
  122.     > div
  123.     > div
  124.     > button
  125.     > svg,
  126.   [id^='headlessui-menu-button-'] > svg > path,
  127.   [id^='headlessui-menu-item-'] > svg,
  128.   body.pro .features h2,
  129.   body
  130.     > div.content
  131.     > section.features-table
  132.     > div
  133.     > table:nth-child(n)
  134.     > tbody:nth-child(3)
  135.     > tr:nth-child(n)
  136.     > td:nth-child(n)
  137.     > div
  138.     > kamon-lp {
  139.     fill: #bb86fc;
  140.   }
  141.  
  142.   #global-dropdown-menu
  143.     > div.popover-content
  144.     > ul
  145.     > li:first-child
  146.     > a
  147.     > span.account-item-check
  148.     > svg:hover,
  149.   #global-dropdown-menu > div.popover-content > ul > li:nth-child(13) > button > svg > path,
  150.   #global-dropdown-menu > div.popover-content > ul > li:nth-child(n) > a > svg > path,
  151.   #react-root
  152.     > div.header-block.explorer-header-block
  153.     > div.explorer-action-btn-toolbar
  154.     > div.explorer-action-btn-group
  155.     > button.edit-options-button.btn.explorer-action-btn.explorer-action-btn-dark
  156.     > svg:hover,
  157.   #react-root
  158.     > div.header-block.explorer-header-block
  159.     > div.explorer-action-btn-toolbar
  160.     > div.explorer-action-btn-group
  161.     > button
  162.     > svg:hover,
  163.   #react-root
  164.     > div:nth-child(2)
  165.     > div
  166.     > div
  167.     > aside
  168.     > div
  169.     > div
  170.     > ul
  171.     > li.toplevel-item.collection-list
  172.     > ul
  173.     > li:nth-child(n)
  174.     > div
  175.     > button
  176.     > svg,
  177.   #react-root
  178.     > div:nth-child(2)
  179.     > div
  180.     > div
  181.     > div
  182.     > div.image-infos
  183.     > div.edit-box-component
  184.     > div
  185.     > div
  186.     > div
  187.     > div.image-ocrinfo-component
  188.     > div
  189.     > div.ocr-desc-buttons
  190.     > div
  191.     > div
  192.     > button
  193.     > svg:hover,
  194.   [id^='headlessui-menu-button-'] > svg > path:hover,
  195.   [id^='headlessui-menu-item-'] > svg:hover {
  196.     fill: white;
  197.   }
  198.  
  199.   #react-root
  200.     > div:nth-child(2)
  201.     > div
  202.     > div
  203.     > aside
  204.     > div
  205.     > div
  206.     > ul
  207.     > li.new-collection-field
  208.     > span
  209.     > span
  210.     > svg,
  211.   #react-root
  212.     > div:nth-child(2)
  213.     > div
  214.     > div
  215.     > aside
  216.     > div
  217.     > div
  218.     > ul
  219.     > li.toplevel-item.tags
  220.     > a
  221.     > span.toplevel-item-kamon
  222.     > svg,
  223.   #react-root
  224.     > div:nth-child(2)
  225.     > div
  226.     > div
  227.     > aside
  228.     > div
  229.     > div
  230.     > ul
  231.     > li.toplevel-item.visits
  232.     > a
  233.     > span.toplevel-item-kamon
  234.     > svg,
  235.   #react-root
  236.     > div:nth-child(n)
  237.     > div
  238.     > div
  239.     > aside
  240.     > div
  241.     > div
  242.     > ul
  243.     > li.toplevel-item.captures.toplevel-item-active
  244.     > a
  245.     > span.toplevel-item-kamon
  246.     > svg {
  247.     fill: Black;
  248.   }
  249.  
  250.   #react-root > div.header-block.explorer-header-block > div.explorer-action-btn-toolbar > a {
  251.     background-color: #1212126b !important;
  252.   }
  253.  
  254.   #global-dropdown-menu > div.popover-content > ul > li:nth-child(13) > button > span:hover,
  255.   #global-dropdown-menu > div.popover-content > ul > li:nth-child(n) > a:hover,
  256.   #global-dropdown-menu > div.popover-content > ul > li:nth-child(n) > a > span:hover {
  257.     color: #fff !important;
  258.   }
  259.  
  260.   .images-show .bottom.interactive-popover > .arrow:after,
  261.   .popover.bottom > .arrow:after {
  262.     border-bottom-color: #bb86fc;
  263.   }
  264.  
  265.   .explorer-action-btn.dropdown-toggle::after {
  266.     content: '';
  267.     margin-right: -8px;
  268.     width: 24px;
  269.     height: 24px;
  270.     display: inline-block;
  271.     background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Y2FyZXQtZG93bjwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTEuNzc3Mzk1MywxNC43MzAzOTUzIEMxMS41MjMzOTUzLDE0LjczMDM5NTMgMTEuMjY5Mzk1MywxNC42MzQzOTUzIDExLjA3NDM5NTMsMTQuNDQxMzk1MyBMNy4yOTczOTUyOSwxMC43MTEzOTUzIEM2LjkwNDM5NTI5LDEwLjMyMzM5NTMgNi45MDAzOTUyOSw5LjY5MDM5NTI5IDcuMjg4Mzk1MjksOS4yOTczOTUyOSBDNy42NzYzOTUyOSw4LjkwNDM5NTI5IDguMzEwMzk1MjksOC45MDAzOTUyOSA4LjcwMjM5NTI5LDkuMjg4Mzk1MjkgTDExLjc3NzM5NTMsMTIuMzI1Mzk1MyBMMTQuODUxMzk1Myw5LjI4ODM5NTI5IEMxNS4yNDUzOTUzLDguOTAwMzk1MjkgMTUuODc4Mzk1Myw4LjkwNDM5NTI5IDE2LjI2NjM5NTMsOS4yOTczOTUyOSBDMTYuNjU0Mzk1Myw5LjY5MDM5NTI5IDE2LjY1MDM5NTMsMTAuMzIzMzk1MyAxNi4yNTczOTUzLDEwLjcxMTM5NTMgTDEyLjQ4MDM5NTMsMTQuNDQxMzk1MyBDMTIuMjg1Mzk1MywxNC42MzQzOTUzIDEyLjAzMTM5NTMsMTQuNzMwMzk1MyAxMS43NzczOTUzLDE0LjczMDM5NTMiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJjYXJldC1kb3duIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjQkI4NkZDIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iI0JCOThGQyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICA8L2c+Cjwvc3ZnPg==);
  272.   }
  273.  
  274.   .button,
  275.   .form-control,
  276.   .grid-cell,
  277.   .input,
  278.   .modal,
  279.   .modal-content,
  280.   .popup,
  281.   .related-images-grid-view.related-info,
  282.   .tooltip {
  283.     background-color: #1e1e1e !important;
  284.     color: #e0e0e0 !important;
  285.     border: 1px solid #333 !important;
  286.   }
  287.  
  288.   #faq > div > div.faq.static-page-faq > ul > li.bottom > div.question:hover,
  289.   #faq > div > div.faq.static-page-faq > ul > li:nth-child(n) > div.question:hover,
  290.   #posts > div > * > div > section.post > div > div > h2:nth-child(n),
  291.   .card.medium-card,
  292.   .container-close-date-images.related-info,
  293.   .images-after-origin,
  294.   .metadata,
  295.   .related-info-box-component,
  296.   .testing-swap-image-container .metadata-baseinfo,
  297.   body > div.content > div:nth-child(2) > h1,
  298.   body > div.content > div:nth-child(n) > h2,
  299.   body > div.content > section.faq > div > h2,
  300.   body > div.content > section.features-table > div > table:nth-child(n) > thead > tr > th > div,
  301.   body
  302.     > div.content
  303.     > section.teams-pricing
  304.     > div
  305.     > div.box-container
  306.     > div.box.enterprise-plan
  307.     > div
  308.     > p.title,
  309.   body
  310.     > div.content
  311.     > section.usecases
  312.     > div
  313.     > div:nth-child(n)
  314.     > div.row
  315.     > div:nth-child(n)
  316.     > div {
  317.     color: #bb86fc !important;
  318.   }
  319.  
  320.   .footer-block,
  321.   .header-block {
  322.     border-bottom: 1px solid #333 !important;
  323.   }
  324.  
  325.   .sidebar-block {
  326.     border-right: 1px solid #333 !important;
  327.   }
  328.  
  329.   .card.medium-card {
  330.     background-color: #1e1e1e !important;
  331.     border: 1px solid #333 !important;
  332.   }
  333.  
  334.   #react-root
  335.     > div:nth-child(n)
  336.     > div
  337.     > div
  338.     > div
  339.     > div.image-infos
  340.     > div.edit-box-component
  341.     > div
  342.     > div
  343.     > div
  344.     > div.metadata-description {
  345.     padding: 10px;
  346.   }
  347.  
  348.   #react-root
  349.     > div:nth-child(2)
  350.     > div
  351.     > div
  352.     > div
  353.     > div.image-infos
  354.     > div.edit-box-component
  355.     > div
  356.     > div
  357.     > div
  358.     > div.captured-info,
  359.   #react-root
  360.     > div:nth-child(2)
  361.     > div
  362.     > div
  363.     > div
  364.     > div.image-infos
  365.     > div.edit-box-component
  366.     > div
  367.     > div
  368.     > div
  369.     > div.image-ocrinfo-component
  370.     > div
  371.     > div.ocr-icon-block
  372.     > div,
  373.   #react-root
  374.     > div:nth-child(2)
  375.     > div
  376.     > div
  377.     > div
  378.     > div.image-infos
  379.     > div.related-info-box-component
  380.     > div
  381.     > div.related-images-grid-view.related-info
  382.     > div
  383.     > div
  384.     > span
  385.     > span:first-child,
  386.   #react-root
  387.     > div:nth-child(n)
  388.     > div
  389.     > div
  390.     > div
  391.     > div.image-infos
  392.     > div.related-info-box-component
  393.     > div
  394.     > div.container-close-date-images.related-info
  395.     > div.section-headline
  396.     > a
  397.     > span
  398.     > span:first-child {
  399.     margin-left: 10px;
  400.   }
  401.  
  402.   article,
  403.   aside,
  404.   div:not(
  405.       #react-root
  406.         > div:nth-child(n)
  407.         > div
  408.         > div
  409.         > main
  410.         > div
  411.         > div
  412.         > div
  413.         > div
  414.         > div:nth-child(2)
  415.         > section
  416.         > div:nth-child(n)
  417.         > a
  418.         > div
  419.     ):not(.caBpUIyLTfNBwvxfTyDa):not(div.k3nzGrC3hEubDzXyOg_r),
  420.   footer,
  421.   h1,
  422.   h2,
  423.   h3,
  424.   h4,
  425.   h5,
  426.   h6,
  427.   header,
  428.   li,
  429.   main,
  430.   nav,
  431.   p,
  432.   section,
  433.   table,
  434.   td,
  435.   th,
  436.   ul {
  437.     background-color: #121212;
  438.     color: #e0e0e0;
  439.   }
  440.  
  441.   #react-root
  442.     > div:nth-child(n)
  443.     > div
  444.     > div
  445.     > main
  446.     > div
  447.     > div
  448.     > div
  449.     > div
  450.     > div:nth-child(n)
  451.     > section
  452.     > div:nth-child(n)
  453.     > div {
  454.     background: #0000 !important;
  455.   }
  456.  
  457.   .k3nzGrC3hEubDzXyOg_r {
  458.     overflow: unset;
  459.   }
  460.  
  461.   option,
  462.   select {
  463.     background-color: #1e1e1e !important;
  464.     color: #e0e0e0 !important;
  465.   }
  466.  
  467.   #react-root > div:nth-child(2) > div > div > div > div.image-infos > div.edit-box-component,
  468.   #react-root > div:nth-child(n) > div > div > div > div.image-box-component.zoomable > a,
  469.   #react-root > div:nth-child(n) > div > div > div > div.image-box-component.zoomable > div,
  470.   [class*='t30xm'],
  471.   [class*='t30xm'] > div:nth-child(n),
  472.   [class*='t30xm'] > div:nth-child(n) > span,
  473.   [role*='tooltip'],
  474.   div.image-infos {
  475.     background-color: #000 !important;
  476.     color: #bb86fc !important;
  477.     border: 4px solid #000 !important;
  478.   }
  479.  
  480.   #react-root
  481.     > div:nth-child(n)
  482.     > div
  483.     > div
  484.     > main
  485.     > div
  486.     > div:nth-child(n)
  487.     > div
  488.     > div
  489.     > div:nth-child(n)
  490.     > div
  491.     > div
  492.     > div.hover-layer {
  493.     display: initial !important;
  494.   }
  495.  
  496.   #react-root
  497.     > div:nth-child(2)
  498.     > div
  499.     > div
  500.     > div
  501.     > div.image-infos
  502.     > div.related-info-box-component
  503.     > div,
  504.   #react-root
  505.     > div:nth-child(n)
  506.     > div
  507.     > div
  508.     > div
  509.     > div.image-box-component.zoomable
  510.     > div.navigation.next-navigation,
  511.   #react-root
  512.     > div:nth-child(n)
  513.     > div
  514.     > div
  515.     > div
  516.     > div.image-box-component.zoomable
  517.     > div.navigation.prev-navigation,
  518.   #react-root
  519.     > div:nth-child(n)
  520.     > div
  521.     > div
  522.     > div
  523.     > div.image-infos
  524.     > div.edit-box-component
  525.     > div
  526.     > div
  527.     > div,
  528.   #react-root
  529.     > div:nth-child(n)
  530.     > div
  531.     > div
  532.     > div
  533.     > div.image-infos
  534.     > div.related-info-box-component
  535.     > div
  536.     > div.container-close-date-images.related-info,
  537.   #react-root
  538.     > div:nth-child(n)
  539.     > div
  540.     > div
  541.     > div
  542.     > div.image-infos
  543.     > div.related-info-box-component
  544.     > div
  545.     > div.related-images-grid-view.related-info,
  546.   #react-root
  547.     > div:nth-child(n)
  548.     > div
  549.     > div
  550.     > main
  551.     > div
  552.     > div:nth-child(n)
  553.     > div
  554.     > div
  555.     > div:nth-child(n)
  556.     > div
  557.     > .card.medium-card.checkable:hover {
  558.     box-shadow:
  559.       0 0 1px 1px #bb86fc,
  560.       0 0 1px #bb86fc;
  561.     opacity: 1;
  562.   }
  563.  
  564.   #react-root
  565.     > div:nth-child(n)
  566.     > div
  567.     > div
  568.     > main
  569.     > div
  570.     > div:nth-child(n)
  571.     > div
  572.     > div
  573.     > div:nth-child(n)
  574.     > div
  575.     > div {
  576.     box-shadow: 0 1px 0 0 #bb86fc;
  577.   }
  578.  
  579.   .grid-view .card.medium-card .hover-layer:hover {
  580.     position: absolute;
  581.     inset: 0;
  582.     background: rgba(58, 66, 79, 0.4);
  583.     mix-blend-mode: multiply;
  584.     border: 5px solid #fff;
  585.     border-bottom: 32px solid #fff;
  586.     opacity: 0;
  587.     transition: opacity 0.15s;
  588.   }
  589.  
  590.   #metadata-is-public-dropdown,
  591.   #metadata-is-public-dropdown > span,
  592.   textarea {
  593.     background-color: #000 !important;
  594.     border: none;
  595.     color: #bb86fc;
  596.   }
  597.  
  598.   #search-box-input:hover {
  599.     border-bottom: 1px solid #000;
  600.   }
  601.  
  602.   #conclusion > div > div > h2,
  603.   #faq > div > div.faq.static-page-faq > ul > li:nth-child(n) > div.expand > i,
  604.   #features-ai,
  605.   #features-clean-share,
  606.   #features-edit,
  607.   #features-unlimited,
  608.   #features-video-message,
  609.   #react-root
  610.     > div.header-block.explorer-header-block
  611.     > div.search-box
  612.     > div
  613.     > div.search-box-panel
  614.     > div.search-history-list
  615.     > div
  616.     > div:nth-child(n)
  617.     > a
  618.     > div,
  619.   #search-box-input::placeholder,
  620.   #section-features > div > div > div:nth-child(n) > div > i,
  621.   #section-features > div > h2,
  622.   body > div.content > section.closing > div > h2,
  623.   body > div.content > section.faq > div > div > ul > li:nth-child(n) > div.expand > i,
  624.   body > div.content > section.pricing > div > h2,
  625.   body > div.content > section.testimonials > div > div > div > div:nth-child(n) > blockquote > p,
  626.   body > div.content > section.testimonials > div > div > div > div:nth-child(n) > div > h5,
  627.   body > div.content > section.testimonials > div > div > h2,
  628.   body > div.content > section.tutorial > div > h3,
  629.   body > div.content > section.usecases > div > div:nth-child(n) > h3,
  630.   body > div.content > section.usecases > div > h2 {
  631.     color: #bb86fc;
  632.   }
  633.  
  634.   .testimonials .card-footer::before,
  635.   body > div.content > section.testimonials > div > div > div > div:nth-child(n) > div > div {
  636.     color: #bb86fc !important;
  637.     background-color: #bb86fc;
  638.   }
  639.  
  640.   #conclusion > div > button,
  641.   body > div.content > section.pricing > div > div > div.pricing-box.pricing-box-default,
  642.   body > div.content > section.teams-pricing > div > div.box-container > div.box.small-team {
  643.     border: 1px solid #bb86fc;
  644.   }
  645.  
  646.   #global-dropdown-menu
  647.     > div.popover-content
  648.     > ul
  649.     > li:nth-child(13)
  650.     > button
  651.     > svg
  652.     > path:nth-child(n) {
  653.     fill: #f00;
  654.   }
  655.  
  656.   #react-root
  657.     > div.header-block.explorer-header-block
  658.     > div.search-box
  659.     > div
  660.     > div.search-box-panel
  661.     > div.search-history-list
  662.     > div
  663.     > div.saved-search-header {
  664.     color: #bb86fc;
  665.     font-size: 16px;
  666.     text-decoration: underline;
  667.   }
  668.  
  669.   ::-webkit-scrollbar {
  670.     width: 12px;
  671.   }
  672.  
  673.   ::-webkit-scrollbar-track {
  674.     background: #bb86fc;
  675.   }
  676.  
  677.   ::-webkit-scrollbar-thumb {
  678.     background-color: #121212;
  679.     border-radius: 10px;
  680.     border: 3px solid #121212;
  681.   }
  682.  
  683.   * {
  684.     scrollbar-width: thin;
  685.     scrollbar-color: #bb86fc #000;
  686.   }
  687.  
  688.   .global-dropdown-menu-divider {
  689.     background-color: #000;
  690.   }
  691.  
  692.   #conclusion,
  693.   #faq,
  694.   #faq > div > div.faq.static-page-faq > ul > li:nth-child(n):hover,
  695.   body > div.content > div.static-page-nav-container.light > nav,
  696.   body > div.content > section.testimonials {
  697.     background-color: #121212;
  698.   }
  699.  
  700.   body > div.content > div.static-page-nav-container.light > nav > div > div > a > div {
  701.     color: red !important;
  702.     background-image: url('https://i.gyazo.com/3b48aa49e16ccde7bf0f4903269a9bc0.png');
  703.     width: 48px;
  704.     height: 48px;
  705.   }
  706.  
  707.   body > div.content > section.faq,
  708.   body > div.content > section.hero-header.hidden-xs,
  709.   body > div.content > section.hero.hidden-xs,
  710.   body > div.content > section.testimonials {
  711.     background-image: linear-gradient(80deg, #000 2%, #bb86fc 30%, #121212);
  712.   }
  713.  
  714.   body > div.content > div.static-page-nav-container.dark > nav > div,
  715.   body > div.content > div.static-page-nav-container.dark > nav > div > div,
  716.   body > div.content > section.hero.hidden-xs > div.container {
  717.     border-radius: 20px;
  718.     border-bottom-left-radius: 0 !important;
  719.     border-bottom-right-radius: 0 !important;
  720.   }
  721.  
  722.   #conclusion > div,
  723.   body > div.content > section.faq > div,
  724.   body > div.content > section.hero-header.hidden-xs > div,
  725.   body > div.content > section.hero-header.hidden-xs > div > div,
  726.   body > div.content > section.testimonials > div,
  727.   body > div.content > section.usecase > div {
  728.     border-radius: 20px;
  729.   }
  730.  
  731.   #faq > div > div.faq.static-page-faq > ul > li:nth-child(n) > div.expand,
  732.   .pricing-table-box-pro,
  733.   body > div.content > section.faq > div > div > ul > li:nth-child(n) > div.expand {
  734.     border: 3px solid #bb86fc;
  735.   }
  736.  
  737.   #faq > div > div.faq.static-page-faq > ul > li:nth-child(n),
  738.   body > div.content > section.faq > div > div > ul > li:nth-child(n) {
  739.     border-top: 1px solid #bb86fc;
  740.   }
  741.  
  742.   .btn-default:hover,
  743.   .btn-primary:hover,
  744.   .btn-secondary:hover,
  745.   body
  746.     > div.content
  747.     > section.hero-header.hidden-xs
  748.     > div
  749.     > div
  750.     > div.hero-header-text
  751.     > p:nth-child(n)
  752.     > a:hover,
  753.   body > div.content > section.teams-pricing > div > div.box-container > div.box.enterprise-plan,
  754.   body > div.content > section.teams-pricing > div > div.box-container > div.box.small-team,
  755.   body > div.content > section.teams-pricing > div > div:nth-child(2) > div {
  756.     border-color: #bb86fc;
  757.   }
  758.  
  759.   .btn-primary,
  760.   .btn-secondary {
  761.     border-color: #3c2a51;
  762.   }
  763.  
  764.   .teams-pricing .pricing-toggle-switch-container {
  765.     width: 300px;
  766.     height: 60px;
  767.     text-align: center;
  768.     margin-top: 38px;
  769.     border: 1px solid #d7d7d7;
  770.     border-radius: 10px;
  771.     display: inline-block;
  772.     cursor: pointer;
  773.     position: relative;
  774.   }
  775.  
  776.   .static-page-faq .bottom {
  777.     border-bottom: 1px solid #bb86fc;
  778.   }
  779.  
  780.   .static-page-faq li:hover {
  781.     background: #3c2a51;
  782.     cursor: pointer;
  783.   }
  784.  
  785.   .dropdown-menu,
  786.   .like_toggle {
  787.     background-color: #bb86fc;
  788.   }
  789.  
  790.   body
  791.     > div.content
  792.     > div.static-page-nav-container.dark
  793.     > nav
  794.     > div
  795.     > ul.navbar-items
  796.     > li.dropdown.hidden-sm.hidden-xs.open
  797.     > ul
  798.     > li.dropdown-header {
  799.     color: #fff;
  800.   }
  801.  
  802.   #like > svg {
  803.     fill: #bb86fc !important;
  804.   }
  805.  
  806.   .table > tbody > tr > td,
  807.   .table > tbody > tr > th,
  808.   .table > tfoot > tr > td,
  809.   .table > tfoot > tr > th,
  810.   .table > thead > tr > td,
  811.   .table > thead > tr > th {
  812.     padding: 8px;
  813.     line-height: 1.75;
  814.     vertical-align: top;
  815.     border-top: 1px solid #bb86fc;
  816.   }
  817.  
  818.   .table > tbody + tbody {
  819.     border-top: 2px solid #bb86fc;
  820.   }
  821.  
  822.   .table > thead > tr > th {
  823.     vertical-align: bottom;
  824.     border-bottom: 2px solid #bb86fc;
  825.   }
  826.  
  827.   .side-block .side-block-items .toplevel-item-active {
  828.     pointer-events: none;
  829.     background: #121212;
  830.   }
  831. }