Basic dark theme for nx / nx.dev
nx.dev dark theme by etzeo
Details
Authoretzeo
LicenseNo License
Categorynx
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name nx.dev dark
@version 20210926.02.30
@namespace userstyles.world/user/etzeo
@description Basic dark theme
@author etzeo
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://nx.dev/") {
body {
background: black;
}
.bg-white {
background-color: #0e233e
}
.bg-gray-50 {
background-color: #091b31
}
.lg\:bg-white {
--tw-bg-opacity: 1;
background-color: #0e233e;
}
.from-white {
--tw-gradient-from: #143157
}
.hljs {
background: #0e233e;
color: #fff
}
.text-blue-nx-base {
color: #eee;
}
.prose {
color: #ddd
}
.prose h1 {
color: #fff
}
.prose h2 {
color: #eee
}
.prose h3 {
color: #ddd
}
.prose h4 {
color: #ccc
}
.prose h5 {
color: #bbb
}
.prose code {
color: #fff
}
.prose strong {
color: #fff
}
.prose thead {
color: #eee
}
.prose a {
color: #9bc8d9
}
.prose a code {
color: #fff;
}
.prose blockquote {
color: #d6d8df;
}
.truncate {
color: white;
}
.text-blue-nx-dark {
color: #DEE3EA;
}
.text-gray-500 {
--tw-text-opacity: 1;
color: #bbb
}
.text-gray-700 {
--tw-text-opacity: 1;
color: #fff
}
.text-gray-900 {
--tw-text-opacity: 1;
color: #eee
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: #fff;
}
.hljs-attr {
color: #68CEFE
}
.hljs-string {
color: #CE834A;
}
}