ext-simpletranslate.css

/* simple translate extension by sienori */

@-moz-document url(moz-extension://482959ea-7a4a-4baa-900a-86fb03b08903/popup/index.html)
{
    :root {
        --sub-text: rgba(255, 255, 255, 0.6) !important;
        --highlight: rgba(130, 152, 255, 0.9) !important;
        border-radius: 3px !important;
        background: none !important;
    }

    html {
        border-radius: 3px !important;
        background: none !important;
    }

    body {
        background-color: var(--uc-arrowpanel-background) !important;
        color: var(--uc-arrowpanel-color) !important;
        border-radius: 3px !important;
    }

    @supports -moz-bool-pref("userChrome.css.mac-ui-fonts") {
        body {
            font-family: SF Pro Text, Segoe UI, sans-serif !important;
            font-kerning: normal !important;
        }

        .title {
            font-family: SF Pro Display, Segoe UI, sans-serif !important;
        }
    }

    button:not([disabled="true"], :disabled) {
        display: flex;
    }

    .react-toggle--disabled {
        cursor: not-allowed;
        opacity: 1 !important;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    .react-toggle-thumb {
        border-color: transparent !important;
    }

    #header {
        background: none !important;
    }

    .title {
        color: var(--arrowpanel-color) !important;
    }

    :is(textarea, select) {
        background-color: var(--search-box-color) !important;
        color: var(--ui-text-100) !important;
        border: 1px solid transparent !important;
    }

    :is(textarea, select):focus-within {
        background-color: var(--search-box-focus) !important;
        color: var(--ui-text-100) !important;
        border-color: var(--highlight) !important;
    }

    #footer .selectWrap::before {
        background: none !important;
        color: var(--uc-toolbar-color) !important;
        fill: var(--uc-toolbar-color) !important;
    }

    #footer .selectWrap:hover::before {
        border-color: white !important;
    }

    select {
        background-color: var(--search-box-color) !important;
        color: var(--ui-text-100) !important;
        border-color: transparent !important;
    }

    #footer .selectWrap select:is(:focus-within, :hover) {
        background-color: var(--search-box-focus) !important;
        border-color: transparent !important;
    }

    body hr {
        border-color: var(--uc-desaturate-dimmed-even-further) !important;
    }

    #resultArea {
        background-color: transparent !important;
        color: var(--uc-arrowpanel-color) !important;
    }

    .resultText,
    .candidateText,
    .mediaButtons,
    .mediaButtons * {
        background: none !important;
    }

    .copy {
        display: none !important;
    }
}

#simple-translate .simple-translate-button {
    background-color: rgba(48, 48, 50, 0.97) !important;
    -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
    fill: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.23), 0 0 2px 1px rgba(0, 0, 0, 0.02) !important;
}