Dark grep.app by ButterDebugger

/* ==UserStyle==
@name         Dark grep.app
@version      1.0.0
@description  Adds dark theme to grep.app
@namespace    ButterDebugger
@author       ButterDebugger
@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;
    }

    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 span {
        filter: brightness(500%) sepia(25%);
    }
    .highlight mark {
        filter: brightness(20%);
    }

    /* Invert icons */
    i:not(.ant-btn .anticon) {
        filter: invert(1) hue-rotate(180deg);
    }
}