This code will change the background color of the website to a dark gray color and text color to light gray.
Dark mode burning brushes by piotrek
Details
Authorpiotrek
LicenseNo License
Categoryhttps://burning-brushes.pl
Created
Updated
Size1.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This code will change the background color of the website to a dark gray color and text color to light gray. The header, navigation bar, and footer background color will be changed to a darker shade of gray, and the active link in the navigation bar will be highlighted with a red color. The main content area will be changed to a slightly lighter shade of gray than the background color. The logo will be inverted to adjust for the dark mode theme. Finally, the border color for the panels will be changed to a lighter shade of gray to provide contrast.
Source code
/* ==UserStyle==
@namespace BurningBrushes
@name BurningBrushes
@version 1.0.0
@description A dark mode style for the Burning Brushes website
@homepageURL https://burning-brushes.pl/
@supportURL https://burning-brushes.pl/contact/
@author
@license MIT License
@-moz-document domain("burning-brushes.pl")
==/UserStyle== */
/* CSS code goes here */
/* Background color */
body {
background-color: #121212;
color: #f0f0f0;
}
/* Header */
.header {
background-color: #212121;
}
/* Logo */
.logo {
filter: invert(1);
}
/* Navigation bar */
.navbar {
background-color: #212121;
}
/* Links in navigation bar */
.navbar a {
color: #f0f0f0;
}
/* Active link in navigation bar */
.navbar .active a {
color: #f44336;
}
/* Footer */
.footer {
background-color: #212121;
color: #f0f0f0;
}
/* Text in footer */
.footer a {
color: #f44336;
}
/* Main content */
.content {
background-color: #1f1f1f;
color: #f0f0f0;
}
/* Borders */
.content .panel {
border-color: #424242;
}