/* ==UserStyle==
@name         LeetcodeCN Dark
@namespace    github.com/blackcater/LeetCodeCN-Dark
@version      1.4.3
@license      Mulan PSL
@updateURL    https://raw.githubusercontent.com/blackcater/LeetCodeCN-Dark/master/leetcode-cn-dark.user.css
@author       Elon Tang <blackcater2015@gmail.com>
==/UserStyle== */
@-moz-document url-prefix("https://leetcode-cn.com/contest/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  #base_content {
    background: #1c1c1c !important;
  }
  #base_content .contest-cards-base .contest-card {
    filter: brightness(0.8);
  }
  #base_content .ranking-card-base .ranking-card-title {
    color: #dbdbdb !important;
  }
  #base_content .ranking-card-base .top-3-base a.winner {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  }
  #base_content .ranking-card-base .top-3-base a.winner .name-tag .content {
    color: #cca766 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  }
  #base_content .ranking-card-base .ranking-list-base {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  }
  #base_content .ranking-card-base .ranking-list-base .ranking-list-item:hover {
    background: #3d3d3d !important;
  }
  #base_content .ranking-card-base .ranking-list-base .ranking-list-item .avatar {
    filter: brightness(0.8);
  }
  #base_content .ranking-card-base .ranking-list-base .ranking-list-item .name-info .name {
    color: #dbdbdb !important;
  }
  #base_content .ranking-card-base .ranking-list-base .ranking-list-item .name-info .info {
    color: #b3b3b3 !important;
  }
  #base_content .contest-list-base {
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #base_content .contest-list-base .heading {
    background: #262626 !important;
  }
  #base_content .contest-list-base .heading .title {
    color: #dbdbdb !important;
  }
  #base_content .contest-list-base .heading .info {
    color: #b3b3b3 !important;
  }
  #base_content .contest-list-base .heading .random {
    border: none !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  }
  #base_content .contest-list-base .heading .random:hover {
    background: linear-gradient(#c169c0, #ba40b8) !important;
  }
  #base_content .contest-list-base table.contest-table thead tr th {
    color: #dbdbdb !important;
    background: #262626 !important;
  }
  #base_content .contest-list-base table.contest-table tbody tr td.contest-title .title {
    color: #dbdbdb !important;
  }
  #base_content .contest-list-base table.contest-table tbody tr td.contest-title .date {
    color: #5c5c5c !important;
  }
  #base_content .contest-list-base table.contest-table tbody tr td.contest-duration {
    color: #5c5c5c !important;
  }
  #base_content .contest-list-base table.contest-table tbody tr td.contest-duration button {
    filter: brightness(0.8);
  }
  #base_content .contest-list-base table.contest-table tbody.reactable-pagination .pagination-buttons a {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: #1c1c1c !important;
  }
  #base_content .contest-list-base table.contest-table tbody.reactable-pagination .pagination-buttons a.reactable-current-page {
    color: #141414 !important;
    border: 1px solid #2db55d !important;
    background: #2db55d !important;
  }
  #base_content .contest-list-base table.contest-table tbody.reactable-pagination .pagination-buttons a.reactable-current-page:hover {
    border: 1px solid #218443 !important;
    background: #218443 !important;
  }
  #base_content .contest-detail-base .page-heading .title .contest-name {
    color: #dbdbdb !important;
  }
  #base_content .contest-detail-base .page-heading .title .contest-time {
    color: #dbdbdb !important;
  }
  #base_content .contest-detail-base .callout.callout-info a {
    color: #4191ff !important;
  }
  #base_content .contest-detail-base .container.contest-information img {
    filter: brightness(0.8);
  }
  #base_content .contest-detail-base .panel.ranking-list {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
    border-color: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-heading {
    color: #dbdbdb !important;
    border: none !important;
    background: #2b2b2b !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body table thead tr:hover {
    background: #1c1c1c !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body table thead th {
    color: #dbdbdb !important;
    border-bottom: 2px solid #3d3d3d !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body table tbody tr:hover {
    background: #3d3d3d !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body table tbody tr:nth-child(2n + 1) {
    background: #2b2b2b !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body table tbody tr:nth-child(2n + 1):hover {
    background: #3d3d3d !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body table tbody tr td {
    border-top: 2px solid #3d3d3d !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body table tbody tr td .ranking-username .css-1ksz8o4-NameWrap {
    color: #b3b3b3 !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body a.ranking-more-btn {
    border-top: 1px solid #3d3d3d !important;
  }
  #base_content .contest-detail-base .panel.ranking-list .panel-body a.ranking-more-btn:hover {
    background: #1c1c1c !important;
  }
  #base_content .contest-detail-base h3,
  #base_content .contest-detail-base h4 {
    color: #dbdbdb !important;
  }
  #base_content .contest-detail-base ul.list-group {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #base_content .contest-detail-base ul.list-group li.list-group-item {
    color: #dbdbdb !important;
    border: 1px solid #2b2b2b !important;
    background: #1c1c1c !important;
  }
  #base_content .contest-detail-base ul.list-group li.list-group-item:hover {
    background: #2b2b2b !important;
  }
  #base_content .contest-detail-base ul.list-group li.list-group-item a {
    color: #b3b3b3 !important;
  }
  #base_content .contest-detail-base hr {
    border-top: 1px solid #3d3d3d !important;
  }
  #base_content .contest-detail-base a.btn.btn-default,
  #base_content .contest-detail-base button.btn.btn-default {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  #base_content .contest-detail-base a.btn.btn-default:hover,
  #base_content .contest-detail-base button.btn.btn-default:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  #base_content .contest-detail-base a.btn.btn-success,
  #base_content .contest-detail-base button.btn.btn-success {
    color: #ffffff !important;
    border: none !important;
    background: #2db55d !important;
  }
  #base_content .contest-detail-base a.btn.btn-success:hover,
  #base_content .contest-detail-base button.btn.btn-success:hover {
    color: #dbdbdb !important;
    background: #218443 !important;
  }
  #base_content .contest-detail-base a.btn.btn-primary,
  #base_content .contest-detail-base button.btn.btn-primary {
    color: #ffffff !important;
    border: none !important;
    background: #2e68b9 !important;
  }
  #base_content .contest-detail-base a.btn.btn-primary:hover,
  #base_content .contest-detail-base button.btn.btn-primary:hover {
    color: #dbdbdb !important;
    background: #2e68b9 !important;
  }
  .pagination-base__aILV ul.pagination li.prev-btn span,
  .pagination-base__aILV ul.pagination li.next-btn span {
    border: 1px solid #3d3d3d !important;
    background: #2b2b2b !important;
  }
  .pagination-base__aILV ul.pagination li.prev-btn span::after,
  .pagination-base__aILV ul.pagination li.next-btn span::after {
    color: #b3b3b3 !important;
  }
  .pagination-base__aILV ul.pagination li.page-btn:hover > a {
    border: 1px solid #218443 !important;
    background: #218443 !important;
  }
  .pagination-base__aILV ul.pagination li.page-btn.active > a {
    color: #141414 !important;
    border: 1px solid #2db55d !important;
    background: #2db55d !important;
  }
  .pagination-base__aILV ul.pagination li.page-btn.active > a:hover {
    background: #218443 !important;
  }
  .pagination-base__aILV ul.pagination li.page-btn > a {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: #1c1c1c !important;
  }
  .question-title h3 {
    color: #dbdbdb !important;
  }
  .question-title .lang-switcher {
    color: #b3b3b3 !important;
  }
  .question-title .btn-group .btn.btn-default {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .question-title .btn-group .btn.btn-default:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  .question-title .btn-group .btn.btn-success {
    color: #ffffff !important;
    border: none !important;
    background: #2db55d !important;
  }
  .question-title .btn-group .btn.btn-success:hover {
    color: #dbdbdb !important;
    background: #218443 !important;
  }
  .contest-question-info ul.list-group {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .contest-question-info ul.list-group li.list-group-item {
    color: #dbdbdb !important;
    border: 1px solid #2b2b2b !important;
    background: #1c1c1c !important;
  }
  .contest-question-info ul.list-group li.list-group-item:hover {
    background: #2b2b2b !important;
  }
  .contest-question-info ul.list-group li.list-group-item a {
    color: #b3b3b3 !important;
  }
  .contest-question-info ul.list-group li.list-group-item strong {
    color: #b3b3b3 !important;
  }
  .question-content code {
    background-color: #2b2b2b !important;
  }
  .question-content pre {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background-color: #2b2b2b !important;
  }
  .question-content pre strong {
    color: #dbdbdb !important;
  }
  .question-content img {
    background-color: #5c5c5c !important;
  }
  .editor-base .line {
    border-top: 1px solid #3d3d3d !important;
  }
  .editor-base .control-btn-bar .editor-toolbar button {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .editor-base .control-btn-bar .editor-toolbar button:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  .editor-base .control-btn-bar .editor-toolbar .popover {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
  }
  .editor-base .control-btn-bar .editor-toolbar .popover .arrow::after {
    border-top-color: #2b2b2b !important;
  }
  .editor-base .ReactCodeMirror .CodeMirror {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .editor-base .action button.btn-default {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .editor-base .action button.btn-default:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  .editor-base .action button.btn-primary {
    color: #ffffff !important;
    border: none !important;
    background: #2e68b9 !important;
  }
  .editor-base .action button.btn-primary:hover {
    color: #dbdbdb !important;
    background: #2e68b9 !important;
  }
  .editor-base .action textarea {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background-color: #2b2b2b !important;
  }
  .editor-base .action .popover {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
  }
  .editor-base .action .popover .arrow::after {
    border-top-color: #2b2b2b !important;
  }
  .rc-dialog .rc-dialog-content {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .rc-dialog .rc-dialog-content .modal-header {
    border-bottom: 1px solid #3d3d3d !important;
  }
  .rc-dialog .rc-dialog-content .modal-header .modal-title {
    color: #dbdbdb !important;
  }
  .rc-dialog .rc-dialog-content .modal-header button.close {
    color: #dbdbdb !important;
  }
  .rc-dialog .rc-dialog-content .modal-body input.form-control {
    color: #dbdbdb !important;
    border: 1px solid #3d3d3d !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  .rc-dialog .rc-dialog-content .modal-body input.form-control::-moz-placeholder {
    color: #5c5c5c !important;
  }
  .rc-dialog .rc-dialog-content .modal-body input.form-control::placeholder {
    color: #5c5c5c !important;
  }
  .rc-dialog .rc-dialog-content .modal-body input.form-control:focus {
    border: 1px solid #2db55d !important;
  }
  .rc-dialog .rc-dialog-content .modal-body button.btn-danger {
    color: #ffffff !important;
    border: none !important;
    background: #ad322f !important;
  }
  .rc-dialog .rc-dialog-content .modal-body button.btn-danger:hover {
    color: #dbdbdb !important;
    background: #ad322f !important;
  }
  .rc-dialog .rc-dialog-content .modal-footer {
    border-top: 1px solid #3d3d3d !important;
  }
  .rc-dialog .rc-dialog-content .modal-footer button.btn-default {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .rc-dialog .rc-dialog-content .modal-footer button.btn-default:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  .Select-control {
    color: #dbdbdb !important;
    border: 1px solid #cca766 !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  .Select-control::-moz-placeholder {
    color: #5c5c5c !important;
  }
  .Select-control::placeholder {
    color: #5c5c5c !important;
  }
  .Select-control .Select-value {
    background: #1c1c1c !important;
  }
  .Select-control .Select-value .Select-value-label {
    color: #b3b3b3 !important;
  }
  .Select-control .Select-value + div {
    background: transparent !important;
  }
  .Select-control .Select-arrow-zone {
    background: transparent !important;
  }
  .Select-control + .Select-menu-outer {
    border: none !important;
    filter: invert(0.88) hue-rotate(180deg);
  }
  .table-striped thead {
    color: #dbdbdb !important;
  }
  .table-striped tbody tr.success {
    background: #5ab726 !important;
  }
  .table-striped tbody tr.success td {
    color: #5c5c5c !important;
  }
  .table-striped tbody tr.success td .ranking-username {
    color: #5c5c5c !important;
  }
  .table-striped tbody tr:hover {
    background: #3d3d3d !important;
  }
  .table-striped tbody tr:nth-child(2n + 1) {
    background: #2b2b2b !important;
  }
  .table-striped tbody tr:nth-child(2n + 1):hover {
    background: #3d3d3d !important;
  }
  .table-striped tbody tr td {
    border-top: 1px solid #3d3d3d !important;
  }
  .table-striped tbody tr td .ranking-username .css-1ksz8o4-NameWrap {
    color: #b3b3b3 !important;
  }
  .popover {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
  }
  .popover .arrow::after {
    border-top-color: #2b2b2b !important;
  }
}

@-moz-document url-prefix("https://leetcode-cn.com/contribute/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  #contribution-app .contribute-landing-background {
    background: #1c1c1c !important;
  }
  #contribution-app .contribute-landing-left-panel {
    background: #1c1c1c !important;
  }
  #contribution-app .contribute-landing-left-panel .contribute-big-text {
    color: #dbdbdb !important;
  }
  #contribution-app .contribute-landing-left-panel .contribute-landing-description {
    color: #b3b3b3 !important;
  }
  #contribution-app .contribute-landing-left-panel .Select-control {
    color: #dbdbdb !important;
    border: 1px solid #cca766 !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  #contribution-app .contribute-landing-left-panel .Select-control::-moz-placeholder {
    color: #5c5c5c !important;
  }
  #contribution-app .contribute-landing-left-panel .Select-control::placeholder {
    color: #5c5c5c !important;
  }
  #contribution-app .contribute-landing-left-panel .Select-control .Select-value {
    background: #1c1c1c !important;
  }
  #contribution-app .contribute-landing-left-panel .Select-control .Select-value .Select-value-label {
    color: #b3b3b3 !important;
  }
  #contribution-app .contribute-landing-left-panel .Select-control + .Select-menu-outer {
    border: none !important;
    filter: invert(0.88) hue-rotate(180deg);
  }
  #contribution-app .contribute-landing-left-panel .contribute-nav-btn {
    color: #ffffff !important;
    border: none !important;
    background: #cca766 !important;
  }
  #contribution-app .contribute-landing-left-panel .contribute-nav-btn:hover {
    color: #dbdbdb !important;
    background: #937849 !important;
  }
  #contribution-app .contribute-landing-right-panel {
    background: #2b2b2b !important;
    border-left: 1px solid #3d3d3d !important;
  }
  #contribution-app .contribute-landing-right-panel .contribute-no-contribution-placeholder {
    color: #b3b3b3 !important;
  }
  #contribution-app .layout-shim {
    background: #1c1c1c !important;
  }
  #contribution-app .layout-right-background {
    border-left: 1px solid #3d3d3d !important;
    background: #1c1c1c !important;
  }
  #contribution-app .contribute-layout-body-main {
    background: #1c1c1c !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .title {
    color: #dbdbdb !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .desc,
  #contribution-app .contribute-layout-body-main .contribute-form .subtitle {
    color: #b3b3b3 !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .subtitle + input,
  #contribution-app .contribute-layout-body-main .contribute-form textarea {
    color: #dbdbdb !important;
    border: 1px solid #cca766 !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .subtitle + input::-moz-placeholder,
  #contribution-app .contribute-layout-body-main .contribute-form textarea::-moz-placeholder {
    color: #5c5c5c !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .subtitle + input::placeholder,
  #contribution-app .contribute-layout-body-main .contribute-form textarea::placeholder {
    color: #5c5c5c !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .Select-control {
    color: #dbdbdb !important;
    border: 1px solid #cca766 !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .Select-control::-moz-placeholder {
    color: #5c5c5c !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .Select-control::placeholder {
    color: #5c5c5c !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .Select-control .Select-value {
    background: #1c1c1c !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .Select-control .Select-value .Select-value-label {
    color: #b3b3b3 !important;
  }
  #contribution-app .contribute-layout-body-main .contribute-form .Select-control + .Select-menu-outer {
    border: none !important;
    filter: invert(0.88) hue-rotate(180deg);
  }
  #contribution-app .contribute-layout-body-right {
    border-left: 1px solid #3d3d3d !important;
    background: #1c1c1c !important;
  }
  #contribution-app .contribute-layout-body-right .contribute-border-box {
    background: #2b2b2b !important;
    border: none !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #contribution-app .contribute-layout-body-right .contribute-border-box .lightbulb {
    color: #cca766 !important;
  }
  #contribution-app .contribute-layout-body-right .contribute-border-box .hint strong,
  #contribution-app .contribute-layout-body-right .contribute-border-box .hint .header {
    color: #dbdbdb;
  }
  #contribution-app .contribute-layout-body-right .contribute-border-box .hint p {
    color: #b3b3b3 !important;
  }
  #contribution-app .contribute-layout-footer-left {
    border-top: 1px solid #3d3d3d !important;
    background: #2b2b2b !important;
  }
  #contribution-app .contribute-layout-footer-left .contribute-nav-btn {
    color: #ffffff !important;
    border: none !important;
    background: #cca766 !important;
  }
  #contribution-app .contribute-layout-footer-left .contribute-nav-btn:hover {
    color: #dbdbdb !important;
    background: #937849 !important;
  }
}

@-moz-document url("https://leetcode-cn.com/") {
}

@-moz-document url-prefix("https://leetcode-cn.com/list/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .favorite-navigation {
    border-bottom: 1px solid #3d3d3d !important;
  }
  .favorite-navigation li[data-is-highlighted="true"] {
    color: #4191ff !important;
    box-shadow: 0 1px 0 #4191ff !important;
  }
  ul.list-group {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  ul.list-group li.list-group-item {
    color: #dbdbdb !important;
    border: 1px solid #2b2b2b !important;
    background: #1c1c1c !important;
  }
  ul.list-group li.list-group-item:hover {
    background: #2b2b2b !important;
  }
  ul.list-group li.list-group-item a {
    color: #b3b3b3 !important;
  }
  .panel {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
    border-color: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .panel.panel-success .panel-heading {
    color: #5ab726 !important;
  }
  .panel .panel-heading {
    color: #dbdbdb !important;
    border: none !important;
    background: #2b2b2b !important;
  }
  .panel .panel-heading .toggle-group .toggle-handle {
    border: 1px solid #3d3d3d !important;
    background: #3d3d3d !important;
  }
  .panel .panel-heading button#share-button,
  .panel .panel-heading button#clone-button,
  .panel .panel-heading button.btn {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .panel .panel-heading button#share-button:hover,
  .panel .panel-heading button#clone-button:hover,
  .panel .panel-heading button.btn:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  .panel .list-group .list-group-item {
    color: #b3b3b3 !important;
    border: 1px solid #2b2b2b !important;
    background: #1c1c1c !important;
  }
  .panel .list-group .list-group-item.question {
    color: #dbdbdb !important;
  }
  .panel .list-group .list-group-item.question a {
    color: #b3b3b3 !important;
  }
  .panel .list-group .list-group-item.active {
    color: #ffffff !important;
    background: #4191ff !important;
  }
  .progress-module .sidebar-title {
    color: #dbdbdb !important;
  }
  .progress-module li.session-select {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
  }
  .progress-module li.session-select .session-manager-btn button.dropdown-toggle {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .progress-module li.session-select .session-manager-btn button.dropdown-toggle:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  .progress-module li.session-select .session-manager-btn ul.session-list {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
  }
  .progress-module li.session-select .session-manager-btn ul.session-list a {
    color: #b3b3b3 !important;
  }
  .progress-module li.session-select .session-manager-btn ul.session-list a:hover {
    background: #3d3d3d !important;
  }
  .progress-module li.session-select .session-manager-btn a.manage-btn {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .progress-module li.session-select .session-manager-btn a.manage-btn:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  .progress-module li.chart-elem {
    background: #1c1c1c !important;
    border: 1px solid #2b2b2b !important;
  }
  .progress-module li.chart-elem .progress-status {
    border-top: 1px dotted #3d3d3d !important;
  }
  .progress-module li.chart-elem .progress-status .text-primary {
    color: #4191ff !important;
  }
  .progress-module li.chart-elem .progress-status .text-success {
    color: #5ab726 !important;
  }
  .progress-module li.chart-elem .progress-status .text-warning {
    color: #ffa119 !important;
  }
  .progress-module li.chart-elem svg.highcharts-root g.highcharts-tooltip > path:last-of-type {
    fill: #1c1c1c !important;
  }
  .progress-module li.chart-elem svg.highcharts-root g.highcharts-tooltip > text:last-child {
    color: #b3b3b3 !important;
    fill: #b3b3b3 !important;
  }
  .progress-module li.chart-elem svg.highcharts-root g.highcharts-button.highcharts-button-hover rect {
    fill: #2b2b2b !important;
  }
  .progress-module li.chart-elem svg.highcharts-root g.highcharts-button.highcharts-button-hover text {
    color: #b3b3b3 !important;
    fill: #b3b3b3 !important;
  }
  .progress-module li.chart-elem svg.highcharts-root g.highcharts-button text {
    color: #b3b3b3 !important;
    fill: #b3b3b3 !important;
  }
  .progress-module li.points-info {
    background: #2b2b2b !important;
  }
  .progress-module li.points-info .info-value {
    color: #b3b3b3 !important;
  }
  .progress-module li.points-info .text-center:nth-child(n + 2) {
    border-left: 1px #3d3d3d solid;
  }
  .swal2-modal.swal2-noanimation {
    background: #2b2b2b !important;
  }
  .swal2-modal.swal2-noanimation .swal2-title#swal2-title {
    color: #dbdbdb !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input {
    color: #dbdbdb !important;
    border: 1px solid #3d3d3d !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input::-moz-placeholder {
    color: #5c5c5c !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input::placeholder {
    color: #5c5c5c !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input:focus {
    border: 1px solid #2db55d !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-confirm {
    color: #ffffff !important;
    border: none !important;
    background: #2db55d !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-confirm:hover {
    color: #dbdbdb !important;
    background: #218443 !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-cancel {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-cancel:hover {
    color: #f26c69 !important;
    border: 1px solid #f26c69 !important;
    background: #06190d !important;
  }
  #lc-alert-container .inner-content__3Pbg {
    background: #2b2b2b !important;
  }
  #lc-alert-container .inner-content__3Pbg .lc-alert-title__3sym,
  #lc-alert-container .inner-content__3Pbg .close-modal-btn__1W8e > div {
    color: #dbdbdb !important;
  }
  #lc-alert-container .inner-content__3Pbg input.form-control {
    color: #dbdbdb !important;
    border: 1px solid #3d3d3d !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  #lc-alert-container .inner-content__3Pbg input.form-control::-moz-placeholder {
    color: #5c5c5c !important;
  }
  #lc-alert-container .inner-content__3Pbg input.form-control::placeholder {
    color: #5c5c5c !important;
  }
  #lc-alert-container .inner-content__3Pbg input.form-control:focus {
    border: 1px solid #2db55d !important;
  }
  #lc-alert-container .lc-alert-button-group__2THN > span:hover {
    background: #3d3d3d !important;
  }
}

@-moz-document url-prefix("https://leetcode-cn.com/notes/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
}

@-moz-document url-prefix("https://leetcode-cn.com/playground/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  #app {
    background: #1c1c1c !important;
  }
  #app .section-seperator hr.line {
    border-top: 1px solid #3d3d3d !important;
  }
  #app .section-seperator .btn.folder-name {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: #1c1c1c !important;
  }
  #app .section-seperator .btn.folder-name:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  #app .section-seperator .hover-panel {
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #app .section-seperator .hover-panel .square {
    background: #2b2b2b !important;
  }
  #app .folder-base .playground-list-item {
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #app .folder-base .playground-list-item .title .text-gray {
    color: #dbdbdb !important;
  }
  #app .folder-base .playground-list-item .btn-set {
    border-top: 1px solid #3d3d3d !important;
  }
  #app .folder-base .playground-list-item .btn-set * {
    color: #b3b3b3 !important;
  }
  .swal2-modal.swal2-noanimation {
    background: #2b2b2b !important;
  }
  .swal2-modal.swal2-noanimation .swal2-title#swal2-title {
    color: #dbdbdb !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input {
    color: #dbdbdb !important;
    border: 1px solid #3d3d3d !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input::-moz-placeholder {
    color: #5c5c5c !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input::placeholder {
    color: #5c5c5c !important;
  }
  .swal2-modal.swal2-noanimation input.swal2-input:focus {
    border: 1px solid #2db55d !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-confirm {
    color: #ffffff !important;
    border: none !important;
    background: #2db55d !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-confirm:hover {
    color: #dbdbdb !important;
    background: #218443 !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-cancel {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  .swal2-modal.swal2-noanimation button.swal2-cancel:hover {
    color: #f26c69 !important;
    border: 1px solid #f26c69 !important;
    background: #06190d !important;
  }
}

@-moz-document url-prefix("https://leetcode-cn.com/points/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  #points-app .page-title {
    color: #dbdbdb !important;
  }
  #points-app .points-list-item:hover .points-list-item-detial {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #points-app .points-list-item .date {
    color: #b3b3b3 !important;
  }
  #points-app .points-list-item .points-list-item-detial {
    background: #2b2b2b !important;
  }
  #points-app .points-list-item .points-list-item-detial th.points {
    background: #2b2b2b !important;
  }
  #points-app .points-list-item .points-list-item-detial th.points > img {
    filter: brightness(0.8);
  }
  #points-app .points-list-item .points-list-item-detial th.points > div {
    color: #cca766 !important;
  }
  #points-app .points-list-item .points-list-item-detial th.mission .title {
    color: #ffffff !important;
  }
  #points-app .points-list-item .points-list-item-detial th.mission .description {
    color: #b3b3b3 !important;
  }
  .total-points-base .total-points {
    background: #2b2b2b !important;
    border-color: #3d3d3d !important;
  }
  .total-points-base .total-points .label {
    color: #dbdbdb !important;
  }
  .total-points-base .total-points .points {
    color: #cca766 !important;
  }
}

@-moz-document url-prefix("https://leetcode-cn.com/problemset/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  #question-app .category-group-base > span:first-child {
    color: #dbdbdb !important;
  }
  #question-app .category-group-base .category-card-base {
    filter: brightness(0.8);
  }
  #question-app .category-group-base .category-card-base .caret-base .simple-caret::before {
    border-bottom: 10px solid #b3b3b3 !important;
    border-right: 10px solid transparent !important;
    border-left: 10px solid transparent !important;
  }
  #question-app .category-group-base .category-card-base .caret-base .simple-caret::after {
    border-bottom: 9px solid #1c1c1c !important;
    border-right: 9px solid transparent !important;
    border-left: 9px solid transparent !important;
  }
  #question-app .category-group-base .category-card-base .close-btn {
    color: #ffffff !important;
  }
  #question-app .category-group-base hr.line {
    border-color: #b3b3b3 !important;
  }
  #question-app .assess-bar .label.label-primary {
    background: #4191ff !important;
  }
  #question-app .assess-bar .label.label-success {
    background: #5ab726 !important;
  }
  #question-app .assess-bar .label.label-warning {
    background: #ffa119 !important;
  }
  #question-app .assess-bar .label.label-danger {
    background: #ef4743 !important;
  }
  #question-app .assess-bar .pull-right a.btn {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  #question-app .assess-bar .pull-right a.btn:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  #question-app .question-list-base .separator-line .separator-op {
    border-bottom: 1px solid #3d3d3d !important;
    background: none !important;
  }
  #question-app .question-list-base .separator-line .separator_left_mask {
    background: linear-gradient(to right, #1c1c1c, rgba(255, 255, 255, 0)) !important;
  }
  #question-app .question-list-base .separator-line .separator_right_mask {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #1c1c1c) !important;
  }
  #question-app .question-list-base .search-bar-control .list-search-bar {
    color: #dbdbdb !important;
    border: 1px solid #3d3d3d !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  #question-app .question-list-base .search-bar-control .list-search-bar::-moz-placeholder {
    color: #5c5c5c !important;
  }
  #question-app .question-list-base .search-bar-control .list-search-bar::placeholder {
    color: #5c5c5c !important;
  }
  #question-app .question-list-base .search-bar-control .list-search-bar:focus {
    border: 1px solid #2db55d !important;
  }
  #question-app .question-list-base .pull-right .filter-dropdown-button .filter-title {
    color: #b3b3b3 !important;
  }
  #question-app .question-list-base .pull-right .filter-dropdown-button .filter-title:hover {
    color: #dbdbdb !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu {
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
    background: #2b2b2b !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list {
    background: #2b2b2b !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list input.filterSearch {
    color: #dbdbdb !important;
    border: 1px solid #3d3d3d !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list input.filterSearch::-moz-placeholder {
    color: #5c5c5c !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list input.filterSearch::placeholder {
    color: #5c5c5c !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list input.filterSearch:focus {
    border: 1px solid #2db55d !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list .filter-dropdown-menu-tabs .filter-switch-tab {
    border-bottom: 1px solid #3d3d3d !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list .filter-dropdown-menu-tabs .filter-switch-tab button {
    color: #dbdbdb !important;
    border: 1px solid #3d3d3d !important;
    background: #3d3d3d !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-list .filter-dropdown-menu-tabs .filter-switch-tab button.active {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    border-bottom-color: #2b2b2b !important;
    background: #2b2b2b !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-dropdown-menu-items {
    background: #2b2b2b !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-dropdown-menu-items .filter-dropdown-menu-item {
    border-color: #3d3d3d !important;
  }
  #question-app .question-list-base .pull-right .dropdown-menu .filter-dropdown-menu-items .filter-dropdown-menu-item:hover {
    background: #3d3d3d !important;
  }
  #question-app .question-list-base .question-list-table thead {
    color: #dbdbdb !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr:hover {
    background: #3d3d3d !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr:nth-child(2n + 1) {
    background: #2b2b2b !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr:nth-child(2n + 1):hover {
    background: #3d3d3d !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr td .level-easy {
    color: #5ab726 !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr td .level-medium {
    color: #ffa119 !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr td .level-hard {
    color: #ef4743 !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr td .progress {
    background: #5c5c5c !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr td .progress .progress-bar-success {
    background: #5ab726 !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-data tr td .progress .progress-bar-warning {
    background: #ffa119 !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-pagination tr {
    background: #2b2b2b !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-pagination .row-selector select {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-pagination .pagination-buttons a {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: #1c1c1c !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-pagination .pagination-buttons a.reactable-current-page {
    color: #141414 !important;
    border: 1px solid #2db55d !important;
    background: #2db55d !important;
  }
  #question-app .question-list-base .question-list-table tbody.reactable-pagination .pagination-buttons a.reactable-current-page:hover {
    border: 1px solid #218443 !important;
    background: #218443 !important;
  }
  #user-progress-app .css-z26dkq-Container img {
    filter: brightness(0.8);
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper {
    background: #2b2b2b !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-1qr6czm-MedalContainer {
    background: none;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-1qr6czm-MedalContainer img {
    opacity: 0.5;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-1qr6czm-MedalContainer img:hover {
    opacity: 1;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-yk1l9u-CalendarTitle {
    color: #dbdbdb !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-yk1l9u-CalendarTitle .css-1a4qo09-Month {
    color: #b3b3b3 !important;
    background: #3d3d3d !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-yk1l9u-CalendarTitle svg {
    fill: #dbdbdb !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-ctx0ft-CalendarWeek .css-11lyyu4-CalendarHeader {
    color: #dbdbdb !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-ctx0ft-CalendarWeek .css-1nl9zo2-CalendarDay {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-ctx0ft-CalendarWeek .css-tgugze-CalendarDay-MissedCalendarDay {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-1m3pkg1-CardWrapper .css-192hyp1-CardContainer span {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-1m3pkg1-CardWrapper .css-192hyp1-CardContainer span.css-uyw64a-RedeemButton {
    color: #2db55d !important;
  }
  #user-progress-app .css-1rc2chb-CalendarWrapper .css-1m3pkg1-CardWrapper .css-1cmjfmm-RuleText {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-obaajf-Container {
    background: #2b2b2b !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-17nb129-Title {
    color: #dbdbdb !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-134uju6-ButtonContainer .css-4nx14l-SessionButton {
    background-color: #3d3d3d !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-134uju6-ButtonContainer .css-4nx14l-SessionButton .css-5lrm4v-SessionName {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-134uju6-ButtonContainer .css-4nx14l-SessionButton svg {
    fill: #b3b3b3 !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-134uju6-ButtonContainer .css-zndv66-ConfigButton {
    background: #3d3d3d !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-134uju6-ButtonContainer .css-zndv66-ConfigButton svg {
    fill: #b3b3b3 !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-aj4hf2-DropdownContainer {
    border: 1px solid #3d3d3d;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54);
    background: #2b2b2b;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-aj4hf2-DropdownContainer .css-latz5u-SessionOption div {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-obaajf-Container .css-jg8d0x-TitleContainer .css-aj4hf2-DropdownContainer .css-latz5u-SessionOption svg {
    fill: #2db55d !important;
  }
  #user-progress-app .css-obaajf-Container .css-1lr8tm-Container .css-1yahjo4-SubmitPercentage,
  #user-progress-app .css-obaajf-Container .css-1lr8tm-Container .css-1cwh3x2-SubmitText {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-obaajf-Container .css-1ceziaf-Container .css-8mbaxz-AcceptedNum {
    color: #b3b3b3 !important;
  }
  #user-progress-app .css-obaajf-Container .css-1ceziaf-Container .css-1g4kd3y-TotalNum {
    color: #5c5c5c !important;
  }
  #list-card-app .sidebar-title {
    color: #dbdbdb !important;
  }
  #list-card-app .list-group-item {
    background: #1c1c1c !important;
  }
  #list-card-app .list-group-item:hover {
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #list-card-app .list-group-item a {
    color: #b3b3b3 !important;
  }
  #list-card-app .list-group-item a i.fa {
    filter: brightness(0.8);
  }
  #list-card-app hr.line {
    border-color: #b3b3b3 !important;
  }
  #list-card-mod .list-group-item {
    border: 1px solid #3d3d3d !important;
    background: #2b2b2b !important;
  }
  #list-card-mod .list-group-item.active {
    background: #4191ff !important;
  }
  #list-card-mod .list-group-item.active a {
    color: #dbdbdb !important;
  }
  #list-card-mod .list-group-item a {
    color: #b3b3b3 !important;
  }
  #topic-module .tags-title {
    color: #dbdbdb !important;
  }
  #topic-module #current-topic-tags a,
  #topic-module #all-topic-tags a {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: transparent !important;
  }
  #topic-module #current-topic-tags a:hover,
  #topic-module #all-topic-tags a:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  #topic-module #current-topic-tags a:hover span.text-gray,
  #topic-module #all-topic-tags a:hover span.text-gray {
    color: #57c47d !important;
  }
  #topic-module #current-topic-tags a span.text-gray,
  #topic-module #all-topic-tags a span.text-gray {
    color: #b3b3b3 !important;
  }
  #topic-module #current-topic-tags a span.badge,
  #topic-module #all-topic-tags a span.badge {
    color: #dbdbdb !important;
    background: #4191ff !important;
  }
  #topic-module #expand-topic hr.line {
    border-color: #b3b3b3 !important;
  }
  #topic-module #expand-topic div.btn {
    color: #b3b3b3 !important;
    border: 1px solid #3d3d3d !important;
    background: #1c1c1c !important;
  }
  #topic-module #expand-topic div.btn:hover {
    color: #57c47d !important;
    border: 1px solid #57c47d !important;
    background: #06190d !important;
  }
  #enterprise-tags .css-msommy-Header {
    color: #dbdbdb !important;
  }
  #enterprise-tags a {
    color: #b3b3b3 !important;
  }
  #enterprise-tags a[href="/company/"] {
    color: #b3b3b3 !important;
    background: linear-gradient(rgba(0, 0, 0, 0), 10%, #1c1c1c) !important;
  }
  .css-15n5f1h-TodoTooltipWrapper span {
    color: #b3b3b3 !important;
  }
  .css-15n5f1h-TodoTooltipWrapper a:hover {
    color: #57c47d !important;
  }
}

@-moz-document url-prefix("https://leetcode-cn.com/store/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  #base_content {
    background: #1c1c1c !important;
  }
  #base_content .redeem-page-base > .body > div > div,
  #base_content .redeem-page-base > .body > div > a {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #base_content .redeem-page-base > .body > div > div img,
  #base_content .redeem-page-base > .body > div > a img {
    filter: brightness(0.8);
  }
  #base_content #redeem .title {
    color: #dbdbdb !important;
  }
  #base_content #redeem .redeem-panel input {
    color: #dbdbdb !important;
    border: 1px solid #cca766 !important;
    background-color: #1c1c1c !important;
    box-shadow: none !important;
  }
  #base_content #redeem .redeem-panel input::-moz-placeholder {
    color: #5c5c5c !important;
  }
  #base_content #redeem .redeem-panel input::placeholder {
    color: #5c5c5c !important;
  }
  #base_content #redeem .redeem-panel button {
    color: #ffffff !important;
    border: none !important;
    background: #cca766 !important;
  }
  #base_content #redeem .redeem-panel button:hover {
    color: #dbdbdb !important;
    background: #937849 !important;
  }
}

@-moz-document url("https://leetcode-cn.com/submissions/") {
  html,
  body {
    color: #b3b3b3 !important;
    background: #1c1c1c !important;
  }
  h1 {
    color: #dbdbdb !important;
  }
  .callout {
    border: 1px solid #2b2b2b;
    background: #1c1c1c !important;
  }
  .callout.callout-info {
    border-left-width: 5px !important;
    border-left-color: #4191ff !important;
  }
  .callout.callout-info h4 {
    color: #4191ff !important;
  }
  .ant-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-tooltip .ant-tooltip-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .ant-popover.ant-popover-placement-top .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover.ant-popover-placement-topRight .ant-popover-arrow {
    border-top-color: #2b2b2b !important;
  }
  .ant-popover .ant-popover-inner {
    color: #b3b3b3 !important;
    background: #2b2b2b !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  .content-wrapper::after {
    content: "";
    display: block;
    padding: 20px;
    background: #1c1c1c;
  }
  #noj-navbar > div {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  }
  #noj-navbar nav li {
    color: #dbdbdb !important;
  }
  #noj-navbar nav li a:hover {
    color: #ffffff !important;
  }
  #noj-navbar .css-1n67oxn-LightImg {
    display: none !important;
  }
  #noj-navbar .css-56tabg-DarkImg {
    display: block !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton {
    color: #5ab726 !important;
    box-shadow: inset 0 0 0 1px #5ab726 !important;
  }
  #noj-navbar a.css-tgtq8y-BaseButtonComponent-AppButton:hover {
    color: #57c47d !important;
    background: #06190d !important;
    box-shadow: inset 0 0 0 1px #57c47d !important;
  }
  #lc-footer {
    padding: 15px 0 !important;
    color: #fff !important;
    background: #262626 !important;
    border-top: 1px solid #5c5c5c !important;
  }
  #lc-footer hr {
    display: none !important;
  }
  #lc-footer .row:first-of-type {
    margin-bottom: 10px !important;
    height: 38px !important;
  }
  #lc-footer .row.chinese-license a {
    color: #fff !important;
  }
  #lc-footer .copyright span {
    color: #fff !important;
  }
  #lc-footer .links a {
    color: #fff !important;
  }
  ::-moz-selection {
    color: #fff !important;
    background: #37474f !important;
  }
  ::selection {
    color: #fff !important;
    background: #37474f !important;
  }
  .ant-dropdown.css-mmpgiv-DropdownComponentClassName {
    filter: invert(0.88) hue-rotate(180deg);
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer {
    background: #2b2b2b !important;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.54) !important;
    border: 1px solid #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-8wgfkr-UserNameContainer .css-1mlggsb-UserName a:hover {
    background: none !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper .css-hfz3b8-TimeRemainContainer {
    color: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer .css-1tlu1zr-Wrapper svg {
    fill: #ffa119 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a {
    color: #b3b3b3 !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a:hover {
    background: #3d3d3d !important;
  }
  .popper-container > .css-15oudoz-Container-layer1-level3-DropdownPopperContainer a svg {
    fill: #b3b3b3 !important;
  }
  .modal-container > .css-1k8kvou-ContentContainer-level4-StyledBaseModal {
    filter: invert(0.88) hue-rotate(180deg);
  }
  #base_content h3,
  #base_content h4 {
    color: #dbdbdb !important;
  }
  #submission-list-app table {
    border: 1px solid #3d3d3d !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #submission-list-app table thead {
    color: #dbdbdb !important;
    background: #2b2b2b !important;
  }
  #submission-list-app table thead th {
    border-color: #3d3d3d !important;
  }
  #submission-list-app table tbody tr:hover {
    background: #3d3d3d !important;
  }
  #submission-list-app table tbody tr:nth-child(2n + 1) {
    background: #2b2b2b !important;
  }
  #submission-list-app table tbody tr:nth-child(2n + 1):hover {
    background: #3d3d3d !important;
  }
  #submission-list-app table tbody td {
    border-color: #3d3d3d !important;
  }
  #submission-list-app table tbody td a.text-success {
    color: #5ab726 !important;
  }
  #submission-list-app table tbody td a.text-danger {
    color: #ef4743 !important;
  }
  #submission-list-app nav li.previous,
  #submission-list-app nav li.next {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3) !important;
  }
  #submission-list-app nav li.previous span,
  #submission-list-app nav li.next span,
  #submission-list-app nav li.previous a,
  #submission-list-app nav li.next a {
    color: #4191ff !important;
    background: #2b2b2b !important;
    border: none !important;
  }
  #submission-list-app nav li.previous:hover span,
  #submission-list-app nav li.next:hover span,
  #submission-list-app nav li.previous:hover a,
  #submission-list-app nav li.next:hover a {
    background: #3d3d3d !important;
  }
  #submission-list-app nav li.previous.disabled span,
  #submission-list-app nav li.next.disabled span,
  #submission-list-app nav li.previous.disabled a,
  #submission-list-app nav li.next.disabled a {
    color: #5c5c5c !important;
  }
}