Skip to content

Dark theme for NSUts by magicwinnie

Details

Authormagicwinnie

LicenseNo License

Categoryuserstyles,dark theme,dark,nsuts,olympic.nsu.ru

Created

Updated

Size6.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This userstyle adds a dark theme to Novosibirsk State University testing system (olympic.nsu.ru/nsuts-new)

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Dark theme for NSUts
@version      20211216.08.51
@namespace    userstyles.world/user/magicwinnie
@description  This userstyle adds a dark theme to Novosibirsk State University testing system (olympic.nsu.ru/nsuts-new)
@author       magicwinnie
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://olympic.nsu.ru/nsuts-new/") {
body, #left_container, #right_container, #header, #main, #footer {
    background-color: #121212 !important;
}

#header {
    border-bottom: 1px solid #121212 !important;
}

h1 {
    color: #b1b1b1 !important;
}

h2, h3, p {
    color: #848484 !important;
}

#header.panel .title a {
    color: #b1b1b1 !important;
}

#header.panel .title a:hover {
    color: #009b16 !important;
}

#project_navigation > ul:first-child {
    background: #282828;
    color: #b1b1b1;
}

.new-design .kewcFShoTEKunf8-VqJ\+tA\=\= {
    background: #158815 !important;
}

.new-design .kewcFShoTEKunf8-VqJ\+tA\=\=:hover {
    background: #1ba81b !important;
    color: #fff !important;
}

#project_navigation li > a:hover {
    background: #1ba81b !important;
    color: #FFF;
}

.notification:hover::after, .notification.highlighted.open::after {
    border-color: #2b2b2b !important;
}

#header.panel a.notification:hover, #header.panel a.notification.open {
	background-color: #2b2b2b !important;
}

#header.panel .hint {
    background: #2b2b2b !important;
    border: 2px solid #2b2b2b !important;
    color: #b1b1b1 !important;
}

#header.panel .dropdown:hover {
    background: #2b2b2b !important;
}

.dropdown {
    color: #b1b1b1 !important;
}

#header.panel .dropdown .links {
    background: #2b2b2b !important;
    border: 2px solid #2b2b2b !important;
}

#header.panel .dropdown .links a {
    color: #b1b1b1 !important;
}

#header.panel a:hover, .panel .dropdown:hover {
    background: #454545;
}

thead {
    background: #2b2b2b !important;
}

table {
    color: #b1b1b1;
}

.BlVrImChBFfBWGZEXq\+ZnQ\=\= tr .zUuLBIvfY66C0YpUlfEZcA\=\= {
    color: #ff2e68;
}

table._2R3QrK9j4UgvaxC8grZGcQ\=\= tbody tr:nth-child(2n + 1) {
    background: #121212 !important;
    color: #b1b1b1 !important;
}

table._2R3QrK9j4UgvaxC8grZGcQ\=\= tbody tr:nth-child(2n) {
    background: #2b2b2b !important;
    color: #b1b1b1 !important;
}

.opD9qmeJ9SgCOZDfxoTTZg\=\= span {
    filter: invert(1) !important;
}

div {
    color: #b1b1b1 !important;
}

table.ZHm6T4JemclOGJKzNr3EzQ\=\= tbody tr:nth-child(2n), table.vlkScYw3jGaVgMVv2xsbdA\=\= tbody tr:nth-child(2n), table.Jt2MoTh8y8KUyeE1I05kbg\=\= tbody tr:nth-child(2n) {
    background: #2b2b2b !important;
}

textarea, select, button, .h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\=, input {
    background: #2b2b2b !important;
    border: #2b2b2b !important;
    color: #b1b1b1 !important;
}

input:-internal-autofill-selected {
    background-color: #2b2b2b !important;
    color: #b1b1b1 !important;
}

.NDa1UJEKugqvb8GK3Jj-6w\=\= {
    background-color: #2b2b2b !important;
    border-left: 6px solid #c1ad00;
}

table.ZHm6T4JemclOGJKzNr3EzQ\=\= tbody td, table.vlkScYw3jGaVgMVv2xsbdA\=\= tbody td, table.Jt2MoTh8y8KUyeE1I05kbg\=\= tbody td {
    border-bottom: 1px #343434 solid;
}

.Iz0C7IUGzSSjp5o7Ff41yw\=\= {
    background: #2b2b2b !important;
}

.Rj7PS\+nrQ5YVT4g9RCJYHg\=\= .ixuPlkaVTCEVvpkgGDPSLQ\=\= .Zb5XkbbOQSy1lgY16bcKgg\=\= div[role="tablist"] button:hover {
    background: #1ba81b !important;
    color: #fff !important;
}

.Rj7PS\+nrQ5YVT4g9RCJYHg\=\= .ixuPlkaVTCEVvpkgGDPSLQ\=\= .Zb5XkbbOQSy1lgY16bcKgg\=\= div[role="tablist"] button[aria-selected="true"] {
    background: #158815 !important;
    color: #fff !important;
}

/* LOADING SPINNER */
.k0cCdvZaKizbKSiNuFCDUw\=\= {
    filter: invert(1) !important;
}

/* CODE EDITOR */

.rzC40GKUNBbwDPsbz\+\+kSQ\=\= {
    background: #2b2b2b !important;
}

.rzC40GKUNBbwDPsbz\+\+kSQ\=\=>code:first-child {
    color: #b1b1b1 !important;
    border-right: 1px solid #343434;
}

.rzC40GKUNBbwDPsbz\+\+kSQ\=\=>code {
    color: #b1b1b1 !important;
}

.rzC40GKUNBbwDPsbz\+\+kSQ\=\= span[class="token"] {
    background: rgba(255, 255, 255, 0) !important;
}

.qicANZb721UrWrKxlmeddw\=\= {
    background: #2b2b2b !important;
}

.Kj-T7KMCTIbGPjLQ2Pdkjg\=\=.BG4\+2hgSy3BKy38V7Rn\+Mg\=\= {
    background: #930000 !important;
    color: white !important;
}

/* SETTINGS */
.h1s06\+BDbVUlckJf2xqgMw\=\=>.If4bDVFukb50XtIfhcD9Ng\=\= {
    background-color: #2b2b2b !important;
    border: #4b4b4b !important;
}

.h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\= {
    background-color: #272727 !important;
}

.h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\=>.RZe9JTF6o4jIfmnRhYZrkw\=\=.dT6GM3SDXCP2PCVQRqE2rw\=\=, .h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\= button.dT6GM3SDXCP2PCVQRqE2rw\=\= {
    background-color: #158815 !important;
    color: #fff !important;
}

.h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\=>.RZe9JTF6o4jIfmnRhYZrkw\=\=:hover, .h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\= button {
    color: #fff !important;
}

.h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\=>.RZe9JTF6o4jIfmnRhYZrkw\=\=:hover, .h1s06\+BDbVUlckJf2xqgMw\=\=>.mIpu4bLZ0AKHQZrEN41slA\=\= button:hover {
    background: #1ba81b;
    color: #fff !important;
}

.HO0sIdQOhq3KdME6v1r4kw\=\= .D1J7F4afaGkOvsKFwyGkpA\=\=, .HO0sIdQOhq3KdME6v1r4kw\=\= .eFjwIiuDeDG0MO0rEUhh2Q\=\= {
    background-color: #494949 !important;
}

.small_form {
    border: 1px solid #494949 !important;
}

.small_form input+.placeholder::before, .small_form input[disabled]+.placeholder::before {
    background: #2b2b2b;
    color: #AAA;
    border: #2e2e2e !important;
}

.small_form input.disabled {
    background: #494949 !important;
}

.small_form input {
    border: 1px solid #494949 !important;
}

input:disabled {
    background-color: #3e3e3e !important;
}

.small_form input[type="submit"]:hover {
    background-color: #158815 !important;
}

div[id="left_container"] a[class="olympiad"]
{
    background-blend-mode: multiply;
}

a.olympiad:hover > div > div {
    background: #494949 !important;
}
}

Reviews

No reviews yet.