Dark grep.app by forivall

/* ==UserStyle==
@name         Dark grep.app
@version      1.2.0
@description  Adds dark theme to grep.app (originally by ButterDebugger)
@namespace    forivall
@author       forivall
@license      MIT
==/UserStyle== */

@-moz-document domain("grep.app") {
    :root {
        --c-bg: #121212;
        --c-border: #313131;
        --c-text: rgba(255, 255, 255, .65);
        --c-link: #1890ff;
        --h-bg: #222;
        --f-bg: #282828;
    }

    body,
    .sui-layout-body,
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
    .ant-radio-button-wrapper,
    .ant-modal-body {
        background-color: var(--c-bg);
        color: var(--c-text);
    }

    * {
        scrollbar-color: var(--c-bg) var(--c-border);
    }


    /* Brighten title */
    .site-title,
    .site-title a {
        color: #bdbdbd;
    }

    /* Fix container colors */
    .ant-input,
    .ant-checkbox-inner,
    .sui-result__background,
    .sui-paging-info button,
    .ant-checkbox-disabled .ant-checkbox-inner {
        background-color: transparent !important;
        border-color: var(--c-border) !important;
        color: var(--c-text);
    }

    .ant-alert-info {
        background-color: #000e16;
        border-color: #00416b;
    }
    
    .ant-radio-button-wrapper,
    .sui-layout-header {
        border-color: var(--c-border);
    }
    .ant-radio-button-wrapper:first-child {
        border-left-color: var(--c-border);
    }

    .facet-value,
    .ant-checkbox-wrapper,
    .sui-paging-info,
    .result-file-directory,
    .result-repo a,
    .ant-pagination-item a,
    .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,
    .result-total-matches,
    .ant-checkbox-disabled + span,
    .ant-alert-message,
    .ant-result-title {
        color: var(--c-text);
    }
    .ant-checkbox-wrapper-disabled {
        opacity: 0.5;
    }

    /* Remove background */
    .sui-result__numbers-mask,
    .sui-layout-body:after,
    .ant-pagination-item,
    .jump {
        background: none;
    }

    /* brighten code */
    .highlight > pre {
/*         filter: brightness(500%) sepia(25%); */
        filter: invert(100%);
    }
    .highlight mark {
        filter: brightness(80%);
    }
    mark {
      background-color: #9dd0ffd0;
    }

    /* Invert icons */
    i:not(.ant-btn .anticon) {
        filter: invert(1) hue-rotate(180deg);
    }
    
    .sui-result__header {
        background-color: var(--h-bg);
        border-bottom-color: var(--c-border);
    }
    .sui-layout-main-header {
        border-bottom-color: var(--c-border);
    }
    
    .sui-result {
        border-color: var(--c-border);
    }
    
    .jump {
        border-top-color: var(--c-border);
        border-bottom-color: var(--c-border);
    }
    .sui-layout-sidebar {
        border-right-color: var(--c-border);
    }
    
    .logo svg[fill="black"], .logo svg path[fill="black"] {
      fill: white !important;
    }
    .logo svg path[stroke="black"] {
      stroke: white !important;
    }
    
    .ant-collapse > .ant-collapse-item > .ant-collapse-header {
      color: rgba(255,255,255,0.85);
    }
    
    .sui-multi-checkbox-facet__option-label:hover {
      background-color: var(--h-bg);
    }
    
    .ant-select-selection {
      background-color: var(--c-bg);
    }
    
    .ant-select {
      color: var(--c-text);
    }
    
    .facet-count-badge {
      background-color: var(--h-bg);
      color: var(--c-text);
    }
    .sui-multi-checkbox-facet__option-label:hover .facet-count-badge {
      background-color: var(--f-bg);
    }
    .ant-btn {
      color: var(--c-text);
      background-color: var(--c-bg);
    }
    .ant-btn:focus,
    .ant-btn:hover {
      color: var(--c-text);
      background-color:var(--c-bg);
      border-color:var(--c-text);
    }
    .sui-layout-main-footer .ant-btn:hover {
      background-color: var(--f-bg);
    }
    .sui-layout-main-footer button,
    .sui-layout-main-footer .ant-btn:active,
    .sui-layout-main-footer .ant-btn:focus,
    .sui-layout-main-footer .ant-btn:hover {
      border-color: var(--c-border);
    }
    
    .sui-facet:not(:last-child) {
        border-bottom-color: var(--c-border);
    }
    
    .ant-select-dropdown {
      color: var(--c-text);
      background-color: var(--c-bg);
      border-color: var(--c-border);
    }
    .ant-select-dropdown-menu-item-group-title {
      color:rgba(0,0,0,.45);
    }
    .ant-select-dropdown-menu-item {
      color: var(--c-text);
    }
    .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
      background-color:#2b2726
    }
    .ant-select-dropdown-menu-item-selected {
      color: var(--c-text);
      background-color: var(--c-bg);
    }
    .ant-select-dropdown-menu-item-disabled,
    .ant-select-dropdown-menu-item-disabled:hover {
      color:rgba(255,255,255,.25);
    }
    .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
      background-color:#2b2726
    }
    .ant-select-dropdown-menu-item-divider {
        background-color: var(--c-border);
    }

    .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
      color:rgba(255,255,255,.87)
    }
    .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
    .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
      color: var(--c-text);
    }
}