crazy css i made for mariadb's knowledge base pages with a whopping 21 lines of code. it also affects https://mariadb.com/docs partially.
mariadb knowledge base lazy dark by 7aint
Details
Author7aint
LicenseCC 0
Categoryhttps://mariadb.com/kb
Created
Updated
Size874 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
update frequency: as long as im still dumb at mariadb commands
22.10.28 | added dark theme scope to https://mariadb.com/products/skysql/docs (partially explored)
7 minutes after first release | added dark theme scope to https://mariadb.com/docs (partially explored)
Source code
/* ==UserStyle==
@name mariadb knowledge base lazy dark
@namespace github.com/openstyles/stylus
@version 0
@description maria db knowledge base lazy theming
@author 7aint
==/UserStyle== */
@-moz-document regexp("http(s|)://mariadb.com/(kb|docs|products/skysql/docs).*") {
:root {
color-scheme:dark;
-webkit-filter: invert(1) hue-rotate(180deg) contrast(70%);
}
body {
background-color: #0000;
}
body.mpkb #wrapper {
background: #fff;
}
/*tablesack*/
.creole .darkheader-nospace-borders table th {
background: #60606024;
color: #2f2f2f;
}
.creole .darkheader-nospace-borders table,
.creole .darkheader-nospace-borders table td,
div.product, /*notes?*/
table.docutils, table.docutils tr th, table.docutils tr td /* /docs table*/{
border-color: #59595940;
}
}