/* Inserts a CSS expression with one or more custom variables. You can provide an arbitrary number of strings in the second argument, separated by spaces. Any strings corresponding to variable names will be replaced by the correct values, while other strings are left untouched. Example usage: @include usevar(border-color, dimmer-color); @include usevar(background, "linear-gradient(" dim-background-transparent "," dim-background ")"); For clarity and to avoid syntax issues, you are encouraged to use unquoted strings for variables and quoted strings for everything else. For convenience in common cases, if only a single argument is provided and it does not match an existing variable, this will throw an error. */ pre, code, .codeblock { /* Comment */ /* Error */ /* Keyword */ /* Literal */ /* Name */ /* Operator */ /* Punctuation */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Emph */ /* Generic.Strong */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Namespace */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Date */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Decorator */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Label */ /* Name.Namespace */ /* Name.Other */ /* Name.Property */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ /* Generic Heading & Diff Header */ /* Generic.Subheading & Diff Unified/Comment? */ /* Generic.Deleted & Diff Deleted */ /* Generic.Inserted & Diff Inserted */ } pre .hll, code .hll, .codeblock .hll { background-color: #49483e; } pre .c, code .c, .codeblock .c { color: #75715e; } pre .err, code .err, .codeblock .err { color: #ff0000; } pre .k, code .k, .codeblock .k { color: #66d9ef; } pre .l, code .l, .codeblock .l { color: #ae81ff; } pre .n, code .n, .codeblock .n { color: #f8f8f2; } pre .o, code .o, .codeblock .o { color: #f92672; } pre .p, code .p, .codeblock .p { color: #f8f8f2; } pre .cm, code .cm, .codeblock .cm { color: #75715e; } pre .cp, code .cp, .codeblock .cp { color: #75715e; } pre .c1, code .c1, .codeblock .c1 { color: #75715e; } pre .cs, code .cs, .codeblock .cs { color: #75715e; } pre .ge, code .ge, .codeblock .ge { font-style: italic; } pre .gs, code .gs, .codeblock .gs { font-weight: bold; } pre .kc, code .kc, .codeblock .kc { color: #66d9ef; } pre .kd, code .kd, .codeblock .kd { color: #66d9ef; } pre .kn, code .kn, .codeblock .kn { color: #f92672; } pre .kp, code .kp, .codeblock .kp { color: #66d9ef; } pre .kr, code .kr, .codeblock .kr { color: #66d9ef; } pre .kt, code .kt, .codeblock .kt { color: #66d9ef; } pre .ld, code .ld, .codeblock .ld { color: #e6db74; } pre .m, code .m, .codeblock .m { color: #ae81ff; } pre .s, code .s, .codeblock .s { color: #e6db74; } pre .na, code .na, .codeblock .na { color: #a6e22e; } pre .nb, code .nb, .codeblock .nb { color: #f8f8f2; } pre .nc, code .nc, .codeblock .nc { color: #a6e22e; } pre .no, code .no, .codeblock .no { color: #66d9ef; } pre .nd, code .nd, .codeblock .nd { color: #a6e22e; } pre .ni, code .ni, .codeblock .ni { color: #f8f8f2; } pre .ne, code .ne, .codeblock .ne { color: #a6e22e; } pre .nf, code .nf, .codeblock .nf { color: #a6e22e; } pre .nl, code .nl, .codeblock .nl { color: #f8f8f2; } pre .nn, code .nn, .codeblock .nn { color: #f8f8f2; } pre .nx, code .nx, .codeblock .nx { color: #a6e22e; } pre .py, code .py, .codeblock .py { color: #f8f8f2; } pre .nt, code .nt, .codeblock .nt { color: #f92672; } pre .nv, code .nv, .codeblock .nv { color: #f8f8f2; } pre .ow, code .ow, .codeblock .ow { color: #f92672; } pre .w, code .w, .codeblock .w { color: #f8f8f2; } pre .mf, code .mf, .codeblock .mf { color: #ae81ff; } pre .mh, code .mh, .codeblock .mh { color: #ae81ff; } pre .mi, code .mi, .codeblock .mi { color: #ae81ff; } pre .mo, code .mo, .codeblock .mo { color: #ae81ff; } pre .sb, code .sb, .codeblock .sb { color: #e6db74; } pre .sc, code .sc, .codeblock .sc { color: #e6db74; } pre .sd, code .sd, .codeblock .sd { color: #e6db74; } pre .s2, code .s2, .codeblock .s2 { color: #e6db74; } pre .se, code .se, .codeblock .se { color: #ae81ff; } pre .sh, code .sh, .codeblock .sh { color: #e6db74; } pre .si, code .si, .codeblock .si { color: #e6db74; } pre .sx, code .sx, .codeblock .sx { color: #e6db74; } pre .sr, code .sr, .codeblock .sr { color: #e6db74; } pre .s1, code .s1, .codeblock .s1 { color: #e6db74; } pre .ss, code .ss, .codeblock .ss { color: #e6db74; } pre .bp, code .bp, .codeblock .bp { color: #f8f8f2; } pre .vc, code .vc, .codeblock .vc { color: #f8f8f2; } pre .vg, code .vg, .codeblock .vg { color: #f8f8f2; } pre .vi, code .vi, .codeblock .vi { color: #f8f8f2; } pre .il, code .il, .codeblock .il { color: #ae81ff; } pre .gu, code .gu, .codeblock .gu { color: #75715e; } pre .gd, code .gd, .codeblock .gd { color: #f92672; } pre .gi, code .gi, .codeblock .gi { color: #a6e22e; } .light { background-color: #fff; color: #000; } :root { --fg-font-color: #eee; --theme-color: #666; --theme-color-dim: #444; --theme-color-dimmer: #383838; --theme-color-dimmest: #333; --link-color: #aaa; --link-border-color: #aaa; --hr-color: #aaa; --main-background-color: #202020; --main-color: #eee; --dim-color: #bbb; --dimmer-color: #999; --dimmest-color: #777; --menu-bottom-border-color: #444; --login-popup-background: #181818; --content-background: #202020; --content-background-transparent: rgba(32, 32, 32, 0); --dim-background: #252525; --dim-background-transparent: rgba(37, 37, 37, 0); --text-background: #181818; --spoiler-border: #777; --background-even-background: #242424; --project-card-border-color: #333; --project-user-suggestions-background: #222; --project-user-suggestions-border-color: #444; --notice-text-color: #eee; --notice-unapproved-color: #7a2020; --notice-hidden-color: #494949; --notice-hiatus-color: #876327; --notice-dead-color: #7a2020; --notice-lts-color: #2a681d; --notice-lts-reqd-color: #876327; --notice-success-color: #2a681d; --notice-warn-color: #876327; --notice-failure-color: #7a2020; --optionbar-border-color: #333; --tab-background: #181818; --tab-border-color: #3f3f3f; --tab-button-background: #303030; --tab-button-background-hover: #383838; --tab-button-background-current: #181818; --form-check-background: #252527; --form-check-border-color: #666; --form-check-border-color-hover: #084068; --form-text-background: #181818; --form-text-background-active: #252527; --form-text-border-color: #444; --form-text-border-color-active: #084068; --form-button-color: #999; --form-button-color-active: #4c9ed9; --form-button-background: #383838; --form-button-background-active: #303840; --form-button-border-color: transparent; --form-button-inline-border-color: transparent; --form-error-color: #c61d24; --landing-search-background: #282828; --landing-search-background-hover: #181818; --editor-toolbar-background: #282828; --editor-toolbar-border-color: #333; --editor-toolbar-button-background: 282828; --editor-toolbar-button-background-hover: #333; --editor-toolbar-button-border-color: #333; --post-blockquote-border-color: #555; --forum-even-background: #242424; --forum-thread-read-color: #777; --forum-thread-read-link-color: #999; --forum-post-author-color: #999; --forum-diff-source-background: #181818; --forum-diff-source-border-color: #444; --forum-diff-replace-background: #18283a; --forum-diff-replace-border-color: #223d5b; --forum-diff-delete-background: #3a1818; --forum-diff-delete-border-color: #6b1e1c; --forum-diff-insert-background: #233a18; --forum-diff-insert-border-color: #30591b; --card-background: #282828; --card-background-hover: #333; --timeline-content-background: rgba(255, 255, 255, 0.06); --irc-border-color: #333; --irc-tab-current-shadow: 0px 0px 5px #000 inset; --irc-tab-close-button-color: #bbb; --irc-tab-close-button-background: #444; --irc-nick-border-color: #444; --irc-users-color: #aaa; --irc-users-background: #181818; --irc-users-border-color: transparent; --irc-users-popout-background: #181818; --irc-users-popout-border-color-left: #444; --irc-users-popout-border-color-right: #333; --code-line-number-color: #444; --library-star-btn-background: #252525; --library-star-btn-border-color: #bbb; --library-star-btn-a-border-color: #999; --library-star-btn-a-hover-background: #333; }