Global light style - changes everything to LIGHT - Κώδικας προέλευσης

Global light style - changes everything to LIGHT

Converts all websites to a light theme.

Εγκατάσταση αυτού του κώδικα Βοήθεια Εγκατάσταση ως στυλ χρήστη Βοήθεια

Κάντε μια ερώτηση, δημοσιεύστε μια ανασκόπηση, ή αναφέρετε τον κώδικα.

Αναδίπλωση γραμμών

/* ==UserStyle==
@name           Global light style - changes everything to LIGHT
@description    Converts all websites to a light theme.
@namespace      https://greasyfork.org/users/16594
@license        MIT
@version        20250215
==/UserStyle== */

html {
    background: #fff !important;
}

/*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
* {
    color: #000 !important;
    text-shadow: 0 0 2px #FFF !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-color: #CCC !important;
}

body {
    background: transparent !important;
}

*:before, *:after {
    background-color: transparent !important;
    border-color: #DDD !important;
}

a, a * {
    color: #0066CC !important;
    text-decoration: none !important;
}

a:hover, a:hover * {
    color: #003399 !important;
}

a:visited, a:visited * {
    color: #94017f !important;
}

a.highlight, a.active, .selected, .selected * {
    color: #222 !important;
    font-weight: bold !important;
}

h1, h2, h3, h4, h5, h6, strong {
    color: #222 !important;
}

/*----- SELECTION COLORS -----*/
::-moz-selection {
    background: #CCE5FF !important;
    color: #000 !important;
}

::selection {
    background: #CCE5FF !important;
    color: #000 !important;
}

:focus {
    outline: none !important;
}

/*----- MENU & PANEL BACKGROUNDS -----*/
div[style="display: block;"], div[role="navigation"] {
    background: rgba(255, 255, 255, 0.9) !important;
}

table {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 6px !important;
}

table > tbody > tr:nth-child(even) {
    background-color: rgba(240, 240, 240, 0.7) !important;
}

header, #header, footer, #footer {
    background: rgba(245, 245, 245, 0.9) !important;
    box-shadow: 0 0 5px #AAA !important;
}

[id*="overlay"], [id*="lightbox"], blockquote {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

/*----- BUTTONS, INPUTS & FORMS -----*/
input, select, button, [role="button"], a.button {
    background: #EEE !important;
    color: #333 !important;
    border: 2px solid #BBB !important;
    border-radius: 4px !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) !important;
}

input:hover, select:hover, button:hover {
    border: 2px solid #999 !important;
}

input:focus, select:focus {
    box-shadow: 0 0 5px #66B !important;
}

button:active, input[type="submit"]:active, input[type="button"]:active {
    background: #DDD !important;
    color: #222 !important;
}

/*----- TEXTAREAS -----*/
textarea {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #BBB !important;
    border-radius: 3px !important;
}

textarea, textarea * {
    color: #222 !important;
}

textarea:hover, textarea:focus:hover {
    border-color: #888 !important;
}

textarea:focus {
    background: rgba(255, 255, 255, 1) !important;
    border-color: #666 !important;
}

/*----- CHECKBOXES & RADIO BUTTONS -----*/
input[type="checkbox"], input[type="radio"] {
    border: 2px solid #666 !important;
    background: #FFF !important;
    box-shadow: 0 0 2px #AAA !important;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
    background: #0099FF !important;
    border-color: #0066CC !important;
    box-shadow: 0 0 5px #0099FF !important;
}