buzzingDark by mgcsysinfcat

/* ==UserStyle==
@name         buzzingDark
@version      20250203.05.31
@namespace    https://userstyles.world/user/mgcsysinfcat
@description  simple dark style for buzzing
@author       mgcsysinfcat
@license      No License
==/UserStyle== */

@-moz-document domain("buzzing.cc") {
/* Dark Mode Styles for Buzzing */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

body {
    background-color: #121212;
    color: #E0E0E0;
    font-family: 'Roboto', sans-serif;
}

/* Adjust links */
a:link, a:visited {
    color: #4FA3D1;
}

a:hover {
    color: #1E90FF;
    text-decoration: underline;
}

/* Header and footer background */
header, .footer {
    background-color: #1E1E1E;
    color: #B0B0B0;
}

/* Header links */
.header a, .footer a {
    color: #B0B0B0;
}

/* Adjust "Buzzing" text visibility in the header */
.header a.contrast {
    color: #E0E0E0; /* Make the "Buzzing" link visible */
}

/* Card style */
.card {
    background-color: #2C2C2C;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: #E0E0E0;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    justify-content: space-between;
}

.card-inner {
    padding: 1em;
    flex-grow: 1;
}

/* Images inside cards */
.card img {
    border-radius: 8px;
    margin: 0 auto;
    display: block;
    background-color: transparent;
}

/* Checkbox toggle and feed content background */
input.site-checkbox:checked ~ div.feed-content {
    background-color: #1C1C1C;
}

/* Adjust label styles */
label.site-checkbox-label {
    background-color: #333333;
    color: #B0B0B0;
}

/* Details section and text */
.details, .details a {
    color: #B0B0B0;
}

.details a {
    color: #4FA3D1;
}

footer {
    color: #A0A0A0;
}

/* Input and textarea fields */
textarea, input[type="text"], select, button {
    background-color: #333333;
    color: #E0E0E0;
    border: 1px solid #444444;
    outline: none;
}

/* Ensure content background is dark */
.container, .feed-content, .card, .article, .stick {
    background-color: #1A1A1A;
}

/* Darken the background of buttons and form inputs */
input, button, select {
    background-color: #333333;
    color: #E0E0E0;
    border: 1px solid #444444;
}

/* Remove white background in footer */
.footer {
    background-color: #1E1E1E;
    color: #B0B0B0;
}

/* Links and buttons inside cards */
.card a {
    color: #4FA3D1;
}

.card a:hover {
    color: #1E90FF;
    text-decoration: underline;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #444444;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555555;
}

::-webkit-scrollbar-track {
    background-color: #222222;
}

/* Fix for strange black blocks */
.card-inner, .feed-content, .container {
    background-color: #2C2C2C !important;
}

details[open] summary {
    background-color: #333333;
}

/* Fix contrast links in "本页目录" */
.contrast {
    color: #E0E0E0 !important; /* Ensure contrast links are visible */
}

.contrast:hover {
    color: #1E90FF !important;
}

/* Adjust text in "本页目录" */
#top + details.summary {
    color: #E0E0E0; /* Make the text in the directory visible */
}

#top + details summary a {
    color: #E0E0E0; /* Ensure "本页目录" links are visible */
}

}