Dark theme for dart
dart.dev dark by forivall
Details
Authorforivall
LicenseNo License
Categorydart
Created
Updated
Size2.3 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 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;
}
}