Dark theme for dart
dart.dev dark by forivall
Details
Authorforivall
LicenseNo License
Categorydart
Created
Updated
Code size2.3 kB
Code checksumc9e79c98
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name dart.dev dark
@namespace github.com/openstyles/stylus
@version 1.0.2
@description Dark theme for dart
@author Emily M Klassen
==/UserStyle== */
@-moz-document domain("dart.dev") {
body {
background-color: #212121;
color: #ddd;
}
#cookie-notice {
background-color: #212121;
}
h1, h2, h3, h4, h5, h6,
#site-toc--side .nav-link,
.alert {
color: #ddd;
}
code {
color: hsl(173, 39%, 57%);
}
.code-block-wrapper.language-plaintext {
border-color: hsl(0, 0%, 16%);
}
.code-block-wrapper.language-plaintext .code-block-body {
background-color: hsl(0, 0%, 16%);
}
#sidenav {
border-right-color: #505050;
}
.site-sidebar .sidebar-primary-divider {
border-top-color: #505050;
}
.alert.alert-warning {
background-color: hsl(51, 25%, 25%);
}
.alert.alert-success {
background-color: hsl(168, 25%, 25%)
}
.alert.alert-info {
background-color: hsl(198, 25%, 25%)
}
.alert.alert-secondary {
background-color: hsl(216, 25%, 25%)
}
.alert.alert-danger {
background-color: hsl(344, 25%, 25%)
}
body.obsolete #page-content {
border-color: hsl(51, 25%, 25%);
}
pre {
color: hsl(210, 11%, 85%)
}
.zone1 {
background-color: hsl(236, 30%, 31%);
}
.zone2 {
background-color: hsl(156, 30%, 29%);
}
.zone3 {
background-color: hsl(50, 30%, 32%);
}
.experimental-tag {
background-color: #505050;
}
a,button, a code {
color: #6aa5f6;
}
a:visited,button:visited, a:visited code {
color: #5b8bc3;
}
a:hover,a:focus,a:active,
button:hover,button:focus,button:active,
a:hover code,a:focus code,a:active code{
color: #3982d8;
}
#site-toc--side .nav-link:hover {
color: #6aa5f6;
}
#site-toc--side .nav-link.active {
color: #6aa5f6;
}
#site-toc--side .nav-link.active:hover {
color: #3982d8;
}
.site-sidebar>.nav .nav .nav-item>.nav-link {
color: #ddd;
}
.site-sidebar>.nav .nav .nav-item>.nav-link:not(.disabled):hover {
color: #6aa5f6;
}
.site-sidebar>.nav>.nav-item>.nav-link.collapsible:not(.disabled):hover,
.site-sidebar .navbar-nav>.nav-item>.nav-link.collapsible:not(.disabled):hover {
color: #6aa5f6;
}
#page-github-links {
border-top-color: #848484;
}
}