Dark style for mongodb documentation
MongoDB Docs Dark by forivall
Details
Authorforivall
LicenseNo License
Categorymongodb
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name MongoDB Docs Dark
@namespace github.com/openstyles/stylus
@version 1.0.1
@description Dark style for mongodb documentation
@author Emily M Klassen
==/UserStyle== */
@-moz-document url-prefix("https://www.mongodb.com/docs") {
body {
color: var(--gray-dark3);
}
/* :root {
--gray-dark3:#21313c;
--gray-dark2:#3d4f58;
--gray-dark1:#5d6c74;
--gray-base:#89989b;
--gray-light1:#b8c4c2;
--gray-light2:#e7eeec;
--gray-light3:#f9fbfa;
--mongodb-green:#13aa52;
--mongodb-green:var(--leaf);
--leaf:#13aa52;
--fern:#12924f;
--forest:#116149;
--fog:#b8c4c2;
--graphite:#21313c;
--white:#fefefe;
--spring:#91c851;
--daffodile:#ffdd49;
--mongodb-green-light:#c2e0b4;
--mongodb-green-neutral:#eff6ec;
--green-secondary:#3c6626;
--blush:#f4758b;
--blush-light:#f9c7d0;
--blush-neutral:#fdf1f2;
--air:#c2deff;
--air-light:#e7f0f9;
--air-neutral:#f3f7fd;
--marigold:#f4b65d;
--marigold-light:#f6d29d;
--marigold-neutral:#fff7ee;
--tomato:#ef4c4c;
--light-grey-green:#c2e0b4;
--light-tan:#f6d29d;
--charcoal-grey-two:#424950;
--grey-primary:#b3bbc1;
--grey-secondary:#616161;
--light-grey-primary:#e0e7e8;
--light-grey-secondary:#f5f6f7;
--primary-shadow:rgba(0,0,0,.1);
--mms-alert-blue:#43b1e5;
--mms-alert-red:#ef4c4c;
--mms-alert-red-dark:color(var(--alert-red) tint(25%));
--mms-gray1:#464c4f;
--mms-gray5:#babdbe;
--mms-green2:#13aa52;
--mms-warning-text:#ffb618;
--sans-serif:"Euclid Circular A","Helvetica Neue",sans-serif;
--monospace:"Source Code Pro",monospace;
--hr-style:1px solid #e0e7e8;
--hr-style:1px solid var(--light-grey-primary);
--image-chevron:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="12" width="7.4"><path d="M1.4 0L0 1.4 4.6 6 0 10.6 1.4 12l6-6z" fill="%2369b241"/></svg>') no-repeat center;
--chevron-width:16px;
--image-caret:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="4.5" width="7.9"><path d="M7.8.1a.5.5 0 0 0-.4-.1H.5a.5.5 0 0 0-.4.1.5.5 0 0 0-.1.4l.1.3 3.5 3.5a.5.5 0 0 0 .4.2c.1 0 .2 0 .3-.2L7.8.8a.5.5 0 0 0 .1-.3L7.8.1z" fill="%32464c4f"/></svg>') no-repeat center;
--caret-width:10px;
--exclamation-circle:"\f06a";
--check-circle:"\f058"
} */
:root {
--gray-dark3: hsl(204, 29%, 78%);
--gray-dark2: hsl(200, 18%, 79%);
--gray-dark1: hsl(201, 11%, 91%);
--gray-base: hsl(190, 8%, 7%);
--gray-light1: hsl(170, 9%, 25%);
--gray-light2: hsl(163, 17%, 42%);
--gray-light3: hsl(150, 20%, 58%);
--mongodb-green: #13aa52;
--mongodb-green: var(--leaf);
--leaf: #13aa52;
--fern: #12924f;
--forest: #116149;
--fog: #b8c4c2;
--graphite: #21313c;
--white: #fefefe;
--spring: #91c851;
--daffodile: #ffdd49;
--mongodb-green-light: #c2e0b4;
--mongodb-green-neutral: #eff6ec;
--green-secondary: #3c6626;
--blush: #f4758b;
--blush-light: #f9c7d0;
--blush-neutral: #fdf1f2;
--air: #c2deff;
--air-light: #e7f0f9;
--air-neutral: #f3f7fd;
--marigold: #f4b65d;
--marigold-light: #f6d29d;
--marigold-neutral: #fff7ee;
--tomato: #ef4c4c;
--light-grey-green: #c2e0b4;
--light-tan: #f6d29d;
--charcoal-grey-two: #424950;
--grey-primary: #b3bbc1;
--grey-secondary: #616161;
--light-grey-primary: #e0e7e8;
--light-grey-secondary: #f5f6f7;
--primary-shadow: rgba(0, 0, 0, .1);
--mms-alert-blue: #43b1e5;
--mms-alert-red: #ef4c4c;
--mms-alert-red-dark: color(var(--alert-red) tint(25%));
--mms-gray1: #464c4f;
--mms-gray5: #babdbe;
--mms-green2: #13aa52;
--mms-warning-text: #ffb618;
--sans-serif: "Euclid Circular A", "Helvetica Neue", sans-serif;
--monospace: "Source Code Pro", monospace;
--hr-style: 1px solid #e0e7e8;
--hr-style: 1px solid var(--light-grey-primary);
--image-chevron: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="12" width="7.4"><path d="M1.4 0L0 1.4 4.6 6 0 10.6 1.4 12l6-6z" fill="%2369b241"/></svg>') no-repeat center;
--chevron-width: 16px;
--image-caret: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="4.5" width="7.9"><path d="M7.8.1a.5.5 0 0 0-.4-.1H.5a.5.5 0 0 0-.4.1.5.5 0 0 0-.1.4l.1.3 3.5 3.5a.5.5 0 0 0 .4.2c.1 0 .2 0 .3-.2L7.8.8a.5.5 0 0 0 .1-.3L7.8.1z" fill="%32464c4f"/></svg>') no-repeat center;
--caret-width: 10px;
--exclamation-circle: "\f06a";
--check-circle: "\f058"
}
body,
div.highlight,
div.topic,
.leafygreen-ui-e3rzul,
.leafygreen-ui-16sacod,
.css-6efkla {
background-color: #222;
}
.leafygreen-ui-y46q3o,
.leafygreen-ui-c6uh2i,
.leafygreen-ui-nem3xz,
.leafygreen-ui-kkpb6g,
.leafygreen-ui-e3rzul,
.leafygreen-ui-15wglx8,
.leafygreen-ui-14eswiq,
.leafygreen-ui-694zas,
.leafygreen-ui-1gbldxp,
.leafygreen-ui-uqo6ix a,
.leafygreen-ui-uqo6ix p,
.leafygreen-ui-6uhb1c,
.css-1edz58y .textlink-default-text-class,
.eONCmm, .dsKbNf, .fyozOE, .VHehP, .gSgDJI button, .jIzUOI, .gcwvKd, .cXNLo,
.css-1rolaoe, .css-1s6g5p9 .textlink-default-text-class {
color: hsl(198, 100%, 98%)
}
.eKyrDP {
color: #ccc;
}
.leafygreen-ui-1fqw5kn {
border-color: hsl(198, 100%, 98%)
}
.leafygreen-ui-i01tdw:last-of-type,
.leafygreen-ui-nem3xz {
color: hsl(204, 33%, 76%);
}
.leafygreen-ui-iir6r0, .leafygreen-ui-18n9ngb { /* headers */
color: hsl(163, 70%, 70%);
}
@media screen and (min-width: 1024px) {
.css-rti7rb {
border-color: hsl(170, 9%, 20%);
}
}
.leafygreen-ui-196mwvg,
.css-ut8t1o,
.leafygreen-ui-1r3womk,
.leafygreen-ui-1lqfbt6 {
border-color: hsl(156, 12%, 22%);
}
.leafygreen-ui-1bg7kst {
background-color: hsl(196, 30%, 22%);
color: hsl(216, 82%, 94%);
}
.leafygreen-ui-ffiqya {
background-color: #222;
color: hsl(219, 76%, 88%);
border-color: hsl(203, 27%, 26%);
}
.leafygreen-ui-vbfbru,
.leafygreen-ui-3lqzn5, .hTPiVo, .bNOmIQ code, .leafygreen-ui-1qi5zdj {
color: hsl(198, 100%, 95%);
border-color: hsl(156, 12%, 22%);
background-color: hsl(150, 20%, 14%);
}
.lg-highlight-hljs-light .lg-highlight-keyword,
.lg-highlight-hljs-light .lg-highlight-keyword.lg-highlight-function,
.lg-highlight-hljs-light .lg-highlight-keyword.lg-highlight-class,
.lg-highlight-hljs-light .lg-highlight-selector-tag,
.lg-highlight-hljs-light .lg-highlight-selector-attr,
.lg-highlight-hljs-light .lg-highlight-selector-pseudo,
.lg-highlight-hljs-light .lg-highlight-selector-id,
.lg-highlight-hljs-light .lg-highlight-selector-class {
color:#FF7DC3;
}
.lg-highlight-hljs-light .lg-highlight-regexp,
.lg-highlight-hljs-light .lg-highlight-number,
.lg-highlight-hljs-light .lg-highlight-literal,
.lg-highlight-hljs-light .lg-highlight-function.lg-highlight-title {
color:#2dc4ff;
}
.lg-highlight-hljs-light .lg-highlight-quote,
.lg-highlight-hljs-light .lg-highlight-section,
.lg-highlight-hljs-light .lg-highlight-name {
color:#a5e3ff;
}
.lg-highlight-hljs-light .lg-highlight-string,
.lg-highlight-hljs-light .lg-highlight-addition {
color:#35DE7B;
}
.lg-highlight-hljs-light .lg-highlight-meta,
.lg-highlight-hljs-light .lg-highlight-meta-string {
color:#EDB210;
}
.lg-highlight-hljs-light .lg-highlight-variable,
.lg-highlight-hljs-light .lg-highlight-deletion,
.lg-highlight-hljs-light .lg-highlight-symbol,
.lg-highlight-hljs-light .lg-highlight-bullet,
.lg-highlight-hljs-light .lg-highlight-meta,
.lg-highlight-hljs-light .lg-highlight-link,
.lg-highlight-hljs-light .lg-highlight-attr,
.lg-highlight-hljs-light .lg-highlight-attribute,
.lg-highlight-hljs-light .lg-highlight-language,
.lg-highlight-hljs-light .lg-highlight-template-variable,
.lg-highlight-hljs-light .lg-highlight-built_in,
.lg-highlight-hljs-light .lg-highlight-type,
.lg-highlight-hljs-light .lg-highlight-params {
color:#FF6F44;
}
.lg-highlight-hljs-light .lg-highlight-title,
.lg-highlight-hljs-light .lg-highlight-class.lg-highlight-title {
color:#F9FBFA;
}
.lg-highlight-hljs-light .lg-highlight-doctag,
.lg-highlight-hljs-light .lg-highlight-formula {
color:#F9FBFA;
}
.lg-highlight-hljs-light .lg-highlight-comment {
color:#919DA1;
font-style:italic;
}
.lg-highlight-hljs-light .lg-highlight-string {
font-weight:600;
}
.lg-highlight-hljs-light .lg-highlight-emphasis {
font-style:italic;
}
.lg-highlight-hljs-light .lg-highlight-strong {
font-weight:bold;
}
.leafygreen-ui-ywi6wf,
.leafygreen-ui-1tujn97 {
color: hsl(214, 99%, 79%);
}
.leafygreen-ui-1fkhvy0:hover {
color: hsl(204, 33%, 76%);
}
.leafygreen-ui-n1gr1l {
color: hsl(204, 33%, 76%);
background-color: #222;
border-color: hsl(156, 12%, 22%);
}
.css-136oyl6,
.css-ncbcav,
.css-1qxqrgc,
.css-170yrdg {
color: hsl(198, 100%, 95%);
}
.leafygreen-ui-1qqfxo5 {
background-color: hsl(0, 0%, 13%);
color: hsl(198, 100%, 95%);
}
.leafygreen-ui-1qqfxo5:nth-of-type(2n) {
background-color: hsl(150, 6%, 12.1%);
}
.leafygre,
.css-689bv6,
.leafygreen-ui-1kkgbez,
.leafygreen-ui-22ic8e,
.tbTpo, .iCqpBx, .idfXyh, .ijiBPc, .wekSB, .ceetEs, .leafygreen-ui-r3faa0, .leafygreen-ui-1oulqd7 {
background-color: hsl(150, 4%, 12.1%);
color: hsl(198, 5%, 80%)
}
.leafygreen-ui-1iyrkml:hover, .leafygreen-ui-21a1da:hover, .leafygreen-ui-9q84s3:hover, .leafygreen-ui-8vlcls:hover,
.leafygreen-ui-19752fi:hover, .leafygreen-ui-akv6dw:hover, .leafygreen-ui-10t50sm:hover {
background-color: hsl(156, 4%, 18%);
}
.leafygreen-ui-i89g3f, .leafygreen-ui-i89g3f:hover,
.leafygreen-ui-1ehwxtc, .leafygreen-ui-1ehwxtc:hover,
.leafygreen-ui-1tushqm, .leafygreen-ui-1tushqm:hover{
background-color: hsl(156, 12%, 22%);
}
.ipShZV, .leafygreen-ui-16sacod {
border-color: hsl(156, 12%, 22%);
}
.veWWX, .leafygree...